/* .header{
z-index: 999999999!important;
} */
.lt-table-border-radius{
border-radius: 15px !important;
}
.lt-datapoint-logo-img{
width: 100px;
}
.lt-datapoint-partner-img{
width: 100px;
}
.lt-datapoint-menu-link .menu-title{
color: #8D91A3 !important;
word-break: keep-all;
}
.lt-timer-section-bg{
background: white;
margin-bottom: 30px;
border-radius: 10px;
}
.lt-toolbar-content h1{
font-weight: 600;
}
.lt-wrapper-content{
padding-top: calc(65px + var(--kt-toolbar-height)) !important;
}
.lt-task-time-heading{
background:#1268B0;
color: white !important;
font-weight: 500 !important;
}
.lt-task-time-heading th{
font-size: 14px !important;
}
.lt-stock-limit-green{
background: #ABECAE;
max-width: 135px;
width: 135px;
height: 46px;
border-radius: 10px;
border: 1px solid #B8B8B8;
font-size: 14px;
text-align: center;
padding: 10px;
font-weight: 600;
}
.lt-stock-limit-red{
height: 46px;
border-radius: 10px;
border: 1px solid #B8B8B8;
background: #F2BFBF;
text-align: center;
padding: 10px;
font-size: 14px;
font-weight: 600;
}
.lt-datapoint-tbody tr:nth-child(odd){
background: #FFF;
}
.lt-datapoint-tbody tbody tr td .lt-datapoint-sub-table tr:nth-child(even) {
background: #FFF;
}
.lt-datapoint-tbody tr:nth-child(even) {
background: #F5F8FA;
}
.lt-work-issue-table{
border: 1px solid gray;
}
.lt-thead tr th{
padding: 15px !important;
font-weight: 500;
vertical-align: middle;
text-wrap: nowrap !important;
}
.lt-actual-hours{
width: 160px !important;
text-align: center;
}
.lt-tbody-th{
padding: 10px !important;
text-align: center;
vertical-align: middle;
font-weight: 500 !important;
font-size: 14px !important;
color: #333 !important;
}
.lt-tbody-th div{
font-weight: 500;
font-size: 14px;
color: #333;
}
.lt-tbody-td{
padding: 10px !important;
vertical-align: middle;
height: 70px !important;
}
.lt-stock-count-td{
padding: 10px 20px 5px !important;
text-align: -webkit-center !important;
}
.lt-tbody-td div{
font-size: 14px;
font-weight: 500;
color: #333;
}
.lt-interval-head{
text-align: center;
vertical-align: middle;
width: 150px;
}
.lt-report-issue-btn{
border-radius: 10px;
background: #BC2D2D;
padding: 10px 20px;
border: 0px;
color: white;
box-shadow: rgb(188 45 45) 0px 2px 8px 0px;
font-weight: 500;
}
.lt-reports-alert{
padding: 20px;
justify-content: space-between;
align-items: center;
}
.lt-alert-form{
padding: 25px;
}
.lt-alert-section{
border-radius: 10px;
}
.lt-alert-input{
border-radius: 10px;
background: #E5F6FD;
border: 0px;
padding: 10px 20px;
}
.lt-alert-form-field label, .lt-alert-date label,.lt-work-station-date-input label{
font-weight: 600;
margin-bottom: 5px;
font-size: 14px;
}
.lt-alert-form-field input:focus-visible{
border: 0px;
}
.lt-work-station-date-input{
border-radius: 10px;
background: #F5F8FA;
border: 0px;
padding: 10px 20px;
}
.lt-work-station-date-input:focus {
color: #212529;
outline: 0;
}
.lt-alert-input:focus {
color: #212529;
border: 0px;
outline: 0;
}
.lt-time-section{
min-height: 220px;
}
.lt-stop-watch-section{
padding: 20px;
border-radius: 10px;
}
.lt-t-time-circle{
position: absolute;
z-index: 1;
top: 26px;
left: 50px;
text-align: center;
}
.lt-counter-tak-level{
color: rgba(51, 51, 51, 0.50);
white-space: nowrap;
font-size: 16px;
font-weight: 700;
}
.lt-timer-count{
color: #333;
text-align: center;
font-size: 32px;
font-weight: 700;
}
.lt-timer-title{
color: rgba(51, 51, 51, 0.50);
font-size: 14px;
font-weight: 700;
text-align: center;
}
.lt-timer{
width: 166.788px;
height: 166.788px;
padding: 13px;
outline: 10px solid #E5F6FD;
border-radius: 100px;
}
.lt-timer::after{
content: '';
width: 140.639px;
height: 140.639px;
stroke-width: 3px;
display: block;
border-radius: 100px;
outline: 3px dashed rgba(142, 187, 220, 0.45);;
}
.lt-count-unit-produced{
border-radius: 10px;
border: 1px solid #D7D7D7;
background: #F8FAFB;
width: 138.25px;
height: 107.837px;
}
.lt-units-count span{
color: #1268B0;
font-size: 32px;
font-weight: 700;
}
.lt-no-of-units-done::after{
content: '/';
}
.lt-data-table-content{
border-radius: 15px;
}
.lt-no-of-tak-completed-table{
margin-bottom: 25px;
}
.lt-pass-next-btn{
border-radius: 10px;
background: #00C898;
border: 0px;
padding: 10px 20px;
color: white;
width: 138.25px;
margin-top: 17px;
font-weight: 600;
box-shadow: rgb(0 200 152) 0px 2px 8px 0px;
}
.lt-count-title{
color: #333;
font-size: 14px;
font-weight: 500;
word-break: break-word;
}
.lt-thead-taks-completed{
background: #1268B0;
font-size: 14px;
color: #333;
}
.lt-t-head{
padding: 10px !important;
font-weight: 500 !important;
}
.lt-tak-time{
width: 100px;
max-width: 100px;
vertical-align: middle;
text-align: center;
background-color: #1268B0!important;
}
.lt-goal-time{
width: 200px;
max-width: 200px;
text-align: left;
vertical-align: middle;
}
.lt-reason{
width: 450px;
max-width: 450px;
vertical-align: middle;
}
.lt-t-tr th{
padding:10px !important ;
}
.lt-tak-stages1{
border-radius: 10px;
background: #44B649;
color: white !important;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
text-wrap: nowrap;
padding: 10px;
}
.lt-tak-stages2{
border-radius: 10px;
background: #BC2D2D;
color: white !important;
min-width: 116.565px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.lt-tak-stages3{
border-radius: 10px;
background: #1168B1;
color: white;
min-width: 116.565px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.lt-tak-input{
min-width: 50px;
/* height: 46.592px; */
border-radius: 6px;
border: 1px solid #B8B8B8;
background: #FFF;
}
.lt-dropdown-select select{
border-radius: 10px;
border: 1px solid #B8B8B8 !important;
background: #FFF;
}
.lt-tak-comment-input{
max-width: 791.191px;
/* height: 46.592px; */
border-radius: 10px;
border: 1px solid #B8B8B8;
background: #FFF;
}
.lt-comment{
width: 700px;
max-width: 700px;
vertical-align: middle;
}
.lt-timer-heading{
font-weight: 650;
color: #333;
}
.lt-ongoing-tkt{
background: #E1F5FF !important;
}
/* timer styel::start */
.timer-container {
position: relative;
width: 166.788px;
height: 166.788px;
}
.lt-timer-main-container{
align-items: center;
padding: 20px;
border-radius: 10px;
border: 1px solid #D7D7D7;
/* height: 225px; */
gap: 10px;
}
/* timer style ::end */
.lt-tool-bar{
position: fixed;
width: 100%;
top: 65px;
z-index: 12;
background: white;
padding: 12px 20px
}
/* media query::begin */
@media only screen and (max-width:1625px) {
.lt-progress-timer {
width: 90%;
height: 90%;
top: 10px;
left: 10px;
}
.lt-t-time-circle {
top: 26px;
left: 49px;
}
/* .lt-count-unit-produced{
width: auto;
} */
}
@media only screen and (max-width:1566px) {
.timer-container {
width: 150px;
height: 150px;
}
.lt-progress-timer {
width: 90%;
height: 90%;
top: 8px;
left: 8px;
}
.lt-t-time-circle {
top: 24px;
left: 44px;
}
}
@media only screen and (max-width:1522px) {
.timer-container {
width: 145px;
height: 145px;
}
.lt-progress-timer {
width: 90%;
height: 90%;
top: 8px;
left: 8px;
}
.lt-t-time-circle {
top: 24px;
left: 46px;
}
}
@media only screen and (max-width:1400px) {
.timer-container {
width: 145px;
height: 145px;
}
.lt-progress-timer {
width: 90%;
height: 90%;
top: 8px;
left: 8px;
}
.lt-timer-content-section{
gap:0px;
}
}
@media only screen and (max-width:1488px) {
.lt-main-circle{
flex-direction: column;
gap:12px;
}
.timer-container {
width: 145px;
height: 145px;
}
/* .lt-count-unit-produced {
width: auto;
height: auto;
} */
.lt-progress-timer {
width: 90%;
height: 90%;
top: 8px;
left: 8px;
}
.lt-pass-next-btn{
width: 100%;
}
}
@media only screen and (max-width:1400px) {
.lt-main-circle{
gap:20px;
}
}
@media (max-width:992px) {
.header-tablet-and-mobile-fixed .header{
box-shadow: none;
}
.lt-tool-bar{
top: 55px;
}
}
@media (max-width:556px) {
.lt-reports-alert{
flex-direction: column;
align-items: start;
}
.lt-alert-section{
height: 100%;
}
}
.lt-counter-span{
position: absolute;
top: 8px;
left: 8px;
display: inline-flex;
flex-direction: column;
align-items: center;
width: 165px;
height: 165px;
border-radius: 50%;
border: 4px dashed rgba(142, 187, 220, 0.45);;
justify-content: center;
}
.menu-item .menu-link .menu-title{
word-break: keep-all;
}
@media (max-width:1400px) {
.lt-timer-content{
width: 100%;
}
}
@media (max-width:1200px) {
.lt-timer-main-container{
flex-direction: column;
gap: 30px !important;
height: 100%;
}
.lt-timer-content-section{
/* width: 100%; */
}
.lt-count-unit-produced{
/* width: 100%; */
}
.drawer-overlay{
z-index: 98 !important;
}
}
@media (max-width:768px) {
.lt-reports-alert{
flex-direction: column;
align-items: start;
}
.lt-timer-heading{
margin-bottom: 18px !important;
}
}
@media (max-width:576px) {
.lt-stop-watch-section{
flex-direction: column;
}
.lt-timer-main-container{
width: 100%;
height: auto;
}
}
@media (max-width:450px) {
.lt-toolbar-content{
/* flex-direction: column; */
flex-wrap: wrap;
}
.lt-stop-watch-section{
margin-top: 30px;
}
}
@media (max-width:390px) {
.lt-toolbar-content{
/* flex-direction: column; */
flex-wrap: wrap;
}
.lt-toobar-content {
flex-direction: column;
align-items: start;
}
#kt_content_container{
margin-top: 20px;
}
}
/* line manager ::begin */
.lt-plan-produced-section{
justify-content: space-between;
align-items: center;
}
.lt-kpi-section{
align-items: center;
}
.lt-tkt-date-input{
background: white;
border: 1px solid #8080803d;
border-radius: 7px;
}
.form-control::after{
content: '';
}
.lt-custom-month-btn{
background: white;
padding: 6px 13px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 5px;
border: 1px solid #b8b8b880;
/* max-width: 160px; */
}
.lt-custom-month-btn label{
font-weight: 400;
color: #333;
}
.lt-calender-button{
float: right;
}
.lt-plan-title-content{
width: 25%;
}
.lt-plan-produced-content{
width: 50%;
}
.lt-plan-produced-content .row{
justify-content: end;
}
.lt-tbody-plan-shift-heading{
writing-mode: vertical-rl;
transform: rotate(180deg);
width: 100%;
}
.lt-shift-left::after{
content: '-';
}
.lt-shift-main-section{
writing-mode: sideways-lr;
text-orientation: mixed;
vertical-align: middle;
-webkit-writing-mode: tb-rl; /* Safari support */
-webkit-text-orientation: mixed; /* Safari support */
padding: 10px !important;
background: #CBE0F1 !important;
z-index: 1;
min-width: 100px;
max-width:100px;
}
.lt-shift-count{
justify-content: center;
align-items: center;
flex-direction: column;
}
.lt-plan-shift-count{
justify-content: center;
align-items: center;
flex-direction: column;
}
.lt-tbody-shift-heading p{
color: #1268B0;
}
.lt-tbody-plan-shift-heading p{
color: #1268B0;
}
.lt-shift-title{
font-weight: 800;
color: #1268b0 !important;
word-break: break-word;
}
.lt-liner-manager-th{
background: #CBE0F1 !important;
}
.lt-takt-ct{
align-items: center;
justify-content: center;
}
.lt-ts-shift{
vertical-align: middle;
text-align: center;
border-right: 1px solid #003562 !important;
}
.lt-ts-tkt-top-shift{
border-top: 1px solid #003562 !important;
}
.lt-ts-tkt-actual-shift{
border-bottom: 1px solid #B8B8B8 !important;
}
.lt-shift-tkt-cnt{
align-items: center;
justify-content: space-between;
}
.lt-skt-tkt-2{
/* width: 80px; */
text-align: start;
height: 65px !important;
position: sticky;
left: 64px;
}
.lt-hourly-interval{
max-width: 160px !important;
}
.lt-goal-bg{
background-color: #fff!important;
}.lt-saefty-title-section
.lt-tkt-bg{
background-color: rgba(248, 250, 251, 1)!important;
}
.lt-skt-tkt-3 {
width: 283px;
height: 50px !important;
min-width: 209px;
position: sticky;
left: 99px;
z-index: 1;
}
.lt-new-skt-tkt{
z-index: 3 !important;
}
.lt-cnt-titl{
min-width: 65px;
text-align: center;
vertical-align: middle;
background: #1268b0 !important;
}
.lt-tkt-new-input{
text-align: center !important;
}
.lt-date-input{
border: 1px solid #B8B8B8;
width: 70.372px;
height: 42.771px;
border-radius: 10px;
background: #FFF;
text-align: center;
padding: 4px;
}
.lt-date-input:focus {
color: #212529;
outline: 0;
}
.lt-tkt-value-td{
vertical-align: middle;
text-align: center;
font-size: 14px !important;
}
.lt-tr-tkt{
color: white;
font-weight: 600;
}
.lt-tbody-customize tr:nth-child(odd){
background: #fff;
}
.lt-tbody-customize tr:nth-child(even){
background: #F4FBFF;
}
.lt-day-main-tr{
border: 1px solid #003562 !important;
background: #1268b0 !important;
}
.lt-tkt-count{
border-radius: 10px !important;
}
.lt-tbody-customize tbody tr .lt-fixTableHead{
position: sticky !important;
left:0;
}
.lt-tkt-timer-section{
background: white;
padding: 20px;
margin-bottom: 18px;
border-radius: 10px;
}
.lt-tkt-shift-section{
justify-content: space-between;
align-items: center;
border-radius: 10px 10px 0px 0px;
border: 1px solid #D7D7D7;
background: #1268B0;
padding: 6px 10px;
}
.lt-tkt-shift-graph-section{
justify-content: space-between;
align-items: center;
border-radius: 10px 10px 0px 0px;
border: 1px solid #D7D7D7;
background: #1268B0;
}
.lt-tkt-shift-section h4, .lt-tkt-shift-graph-section h4{
color: white;
font-weight: 500;
}
.lt-tkt-graph-content{
width: 100%;
border-radius: 10px;
border: 1px solid #D7D7D7;
}
.lt-select-tkt{
min-width: 150px;
}
.lt-new-tkt-ttt{
border-radius: 0px 0px 10px 10px;
border: 1px solid #D7D7D7;
padding: 10px 20px;
border-top: 0px;
}
.lt-tkt-timeline-graph-section{
padding: 10px 30px;
}
.lt-btn-tkt-section{
margin-left: 20px;
}
.lt-tkt-timer-pause-rotate-btn{
gap: 20px;
justify-content: center;
display: flex;
}
.lt-tkt-row{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100%;
}
.lt-tkt-quality-btn:hover, .lt-tkt-intentional-stop-btn:hover{
color: white;
}
.lt-tkt-quality-btn{
border-radius: 10px;
background: #BC2D2D;
color: white;
box-shadow: rgb(188 45 45) 0px 2px 8px 0px;
width: 138.25px;
height: 41.159px;
border: 0px;
}
.lt-tkt-intentional-stop-btn{
border-radius: 10px;
background: #EB9B00;
color: white;
box-shadow: rgb(235 155 0) 0px 2px 8px 0px;
width: 138.25px;
height: 41.159px;
border: 0px;
}
.lt-tkt-play-button i, .lt-tkt-clock-play-btn i{
color: white;
}
.lt-tkt-play-button{
background: #44B649;
border: 0px;
border-radius: 10px;
padding: 10px 20px;
align-items: center;
box-shadow: rgb(68 182 73) 0px 2px 8px 0px;
transition: all 0.3s;
}
.lt-tkt-clock-play-btn{
background: #009EF7;
border: 0px;
border-radius: 10px;
padding: 10px 20px;
align-items: center;
box-shadow: rgb(0 158 247) 0px 2px 8px 0px;
}
.lt-tkt-play-button:hover {
transform: scale(1.1);
}
@media only screen and (max-width:992px) {
.lt-tkt-new-timer-section{
width: 100%;
}
.lt-btn-tkt-section {
margin-left: 0px;
}
.lt-tkt-timer-content {
display: flex;
justify-content: center;
}
.lt-line-manager-section{
flex-direction: column;
}
.lt-tkt-timer-section{
margin-top: 20px;
}
.lt-plan-produced-content,.lt-plan-title-content {
width: 100%;
}
.lt-new-tkt-ttt{
flex-direction: column;
align-items: center;
gap: 30px;
padding: 20px;
}
.lt-qualty-tkt-div, .lt-tkt-stop-div,.lt-btn-tkt-section {
width: 100%;
}
.lt-tkt-quality-btn, .lt-tkt-intentional-stop-btn{
width: 100%;
}
}
@media only screen and (max-width:768px) {
.lt-tkt-new-timer-section{
width: 100%;
}
.lt-tkt-timer-section{
flex-direction: column;
}
.lt-new-tkt-ttt{
flex-direction: column;
align-items: center;
gap: 30px;
padding: 20px;
}
.lt-btn-tkt-section{
margin-left: 0px;
}
.lt-qualty-tkt-div, .lt-tkt-stop-div,.lt-tkt-quality-btn,.lt-tkt-intentional-stop-btn,.lt-btn-tkt-section {
width: 100%;
}
}
@media only screen and (max-width:450px) {
.lt-tkt-shift-section{
flex-direction: column;
align-items: start;
gap: 10px;
}
.lt-select-tkt{
width: 100%;
}
}
.progress-circle {
position: relative;
display: inline-block;
margin: 1rem;
width: 200px;
height: 200px;
border-radius: 50%;
background-color: #ebebeb; }
.progress-circle:after {
content: '';
display: inline-block;
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-animation: colorload 2s;
animation: colorload 2s; }
.progress-circle .lt-span {
color: #8b8b8b;
position: absolute;
left: 5%;
top: 5%;
display: block;
width: 180px;
height: 180px;
text-align: center;
border-radius: 50%;
background: #fff;
z-index: 1;
}
.lt-work-station-cycles{
align-items: center;
margin-bottom: 25px;
}
.lt-cycles{
height: 100%;
border-radius: 15px;
padding: 20px 25px;
}
.lt-tkt-cycle-work-station{
color: #333;
font-size: 16px;
font-weight: 400;
line-height: 32px;
}
.lt-work-station-title{
color: #333;
font-size: 27px;
font-weight: 600;
word-break: break-word;
}
.lt-tkt-cycle-work-station span{
font-weight: 600;
}
.lt-issue-report-station{
position: absolute;
top: 7px;
right: 7px;
}
.lt-issue-report-station i{
color: #BC2D2D;
}
.lt-work-completed{
border-radius: 15px;
border: 1px solid #009EF7;
background: #ffffff;
position: relative;
cursor: pointer;
transition: all 0.4s;
}
.lt-work-completed-active{
border-radius: 15px;
border: 1px solid #009EF7;
background: #E5F6FD;
position: relative;
cursor: pointer;
transition: all 0.3s;
transform: scale(1.05);
box-shadow: 0px 0px 8px 5px #005e944d;
}
.lt-work-in-progress{
border-radius: 15px;
border: 1px solid #EB9B00;
background: #FFFAEF;
cursor: pointer;
transition: all 0.4s;
}
.lt-work-next-stage:hover,.lt-work-in-progress:hover,.lt-work-completed:hover{
/* transform: scale(1.05); */
box-shadow: 0px 0px 8px 5px #005e944d;
}
.lt-work-next-stage{
border-radius: 15px;
border: 1px solid #44B649;
background: #F3FFF4;
cursor: pointer;
transition: all 0.3s;
}
.lt-work-completed-title{
color: #009EF7; /* work completed */
}
.lt-work-in-progress-title{
color: #EB9B00; /* work in progress stage*/
}
.lt-work-next-stage-title{
color: #44B649; /* work completed and move to next tkt*/
}
.lt-tr-work-station-tkt{
color: #333;
font-weight: 500 !important;
font-size: 14px !important;
}
.lt-new-vertical {
vertical-align: middle !important;
}
.lt-work-station-th,.lt-work-station-td{
text-align: center;
vertical-align: middle;
}
.lt-work-station-comment-td{
vertical-align: middle;
}
.lt-plan-title{
color: #333;
}
.lt-comment-input{
border: 1px solid #B8B8B8;
width: 100%;
min-width: 200px;
height: 38.592px;
border-radius: 10px;
background: #FFF;
padding: 5px 10px;
}
.lt-comment-input:focus {
color: #212529;
outline: 0;
}
.lt-reason-th{
width: 430px;
}
.lt-comment-adding{
align-items: center;
}
.lt-width-comment-add-btn{
min-width: 45px;
}
.lt-comment-add-btn{
border: 0px;
background: #009ef7;
border-radius: 10px;
display: flex;
align-items: center;
padding: 12px 14px !important;
justify-content: center;
}
.lt-comment-add-btn i{
color: white;
font-size: 16px;
}
.lt-fixed-th-kpi{
max-height: 100px !important;
min-height: 80px !important;
}
.lt-reason-modal-header{
background: rgba(84, 172, 226, 0.20) !important;
padding: 14px 20px !important;
}
.lt-reason-modal-header .modal-title{
font-weight: 600 !important;
}
.lt-option-section{
display: flex;
flex-direction: column;
align-items: center;
border-radius: 6px;
overflow: hidden;
height: 115px;
width: 115px;
justify-content: space-between;
cursor: pointer;
border: 1px solid #d5d5d5;
}
.lt-option-section:hover{
background: #e2f1fe;
}
.lt-option-section:hover .lt-reasons-option-title-section{
background:#cce3fa;
}
.lt-modal-content-wrap{
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.lt-reasons-option-title-section{
background: #eff2f6;
height: 45px;
display: flex;
align-items: center;
justify-content: center;
}
.lt-reasons-option-title{
color: #000;
text-align: center;
font-size: 12px;
font-weight: 500;
}
.lt-reason-img-section{
max-height: 100px;
}
.lt-modal-option-equipement-img{
width: 75px;
}
.lt-modal-option-maintenance-img{
width: 65px;
}
/* .modal-open .select2-container--bootstrap5 .select2-dropdown {
z-index: 1053 !important;
}
.modal {
z-index: 1053 !important;
} */
.lt-kpi-table{
border-radius: 15px !important;
overflow: scroll;
max-height: calc(100vh - 300px) !important;
scrollbar-color: auto !important;
}
.lt-kpi-option-div{
display: flex;
justify-content: space-between;
align-items: center;
gap: 5px;
}
.lt-kpi-option-div p{
font-weight: 600;
color: #333;
font-size: 14px;
line-break: auto;
word-break: break-word;
}
.lt-span-more-option{
width: 34px;
height: 34px;
display: flex;
background: #CBE0F1;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.lt-span-more-option i{
color:#1268B0;
}
.lt-safety-titl{
font-size: 14px;
font-weight: 600;
color: #333;
}
.lt-saefty-title-section {
width: 100px;
position: sticky;
left: 309px;
}
.lt-tbody-customize-kpi tr:nth-child(odd){
background: #FCFFD6;
}
.lt-tbody-customize-kpi tr:nth-child(even){
background: #FFFBF0;
}
.lt-tr-goal{
background: #F5FBB0 !important;
}
.lt-tr-actual{
background: #F6E7C0 !important;
}
.lt-selected{
border-left: 4px solid #74E6FF !important;
border-right: 4px solid #74E6FF !important;
}
th.lt-selected{
border-top: 4px solid #74E6FF !important;
}
tbody tr:last-child td.lt-selected{
border-bottom: 4px solid #74E6FF !important;
}
.lt-modal-header{
display:flex ;
justify-content: space-between;
align-items: center;
padding: 10px;
background: rgba(84, 172, 226, 0.20);
}
.lt-modal-header h3{
color: #333;
}
.lt-modal-content{
padding: 30px 20px;
}
.lt-modal-header .btn-icon i{
color: gray;
}
.lt-modal-input-field-label{
border-radius: 5px;
border: 1px solid #dadada;
background: #F4FBFF;
}
.lt-formula-generator{
display: flex;
align-items: center;
font-weight: 500;
flex-wrap: wrap;
gap: 5px;
}
.lt-formula-wrapper-div{
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 5px;
}
.lt-formula-generator::after{
content: ")";
font-size: 30px;
color: #333;
}
.lt-formula-generator::before{
content: "(";
font-size: 30px;
color: #333;
}
.lt-formula-outline{
display: flex;
align-items: center;
}
.lt-formula-icon i{
color: white;
font-size: 16px;
}
.lt-formula-icon{
background: #229cfd;
padding: 5px 10px;
border-radius: 4px;
}
.lt-menu-popover{
border-radius: 10px;
overflow: hidden;
}
.lt-ts-shift-new{
vertical-align: middle;
text-align: start;
border-right: 1px solid #003562 !important;
border-bottom: 1px solid #8080804f !important;
}
/*footer background color changing */
.lt-footer{
background-color: #ffffff !important;
position: fixed;
width: 100%;
bottom: 0;
z-index: 3;
}
/* line manager ::end */
/* Takt Configuration ::start */
.lt-add-shift-section{
display: flex;
align-items: center;
justify-content: end;
margin-bottom: 15px;
}
.lt-add-shift-btn{
background: #009EF7;
padding: 7px 10px !important;
border-radius: 7px;
color: white;
}
.lt-add-shift-btn i{
color: white;
}
.lt-add-shift-dropdown{
width: 200px;
}
.lt-takt-configur-th, .lt-takt-configur-td{
text-align: center;
vertical-align: middle;
color: #333;
font-size: 14px !important;
padding: 8px !important;
}
.lt-takt-configur-input{
border: 1px solid #B8B8B8;
width: 187.491px;
height: 46.592px;
border-radius: 10px;
background: #FFF;
text-align: center;
padding: 4px;
}
.lt-takt-configur-input:focus {
color: #212529;
outline: 0;
}
.lt-takt-configur-th{
min-width: 150px;
}
.lt-shift-name-th{
width: 100px;
}
.lt-duration-th{
width: 350px;
}
.lt-shift-time-th{
width: 300px;
}
.lt-duration-min-th{
width: 300px;
}
.lt-break-time-th{
width: 450px;
}
@media only screen and (max-width:556px) {
.lt-add-shift-section {
align-items: start;
flex-direction: column;
}
.lt-add-shift-dropdown{
width: 100%;
}
}
@media only screen and (max-width:768px) {
.lt-plan-produced-content .row{
justify-content: start;
}
.lt-plan-produced-section {
justify-content: start;
gap: 12px;
flex-direction: column;
}
}
@media only screen and (max-width:450px) {
.lt-takt-configuration-section{
margin-top: 20px;
}
}
/* Takt Configuration ::end */
/* TL Dashboard styles:: start */
.tl-dashboard-section{
display: flex;
justify-content: end;
}
.tl-btn-section {
width: 70%;
}
.tl-btn-row{
justify-content: end;
align-items: center;
}
.lt-sqdc-col{
background: #ffffff;
border-radius: 10px;
}
.lt-sqdc-graph-section{
border: 1px solid #80808054;
border-radius: 10px;
margin-top: 15px;
}
.lt-tl-graph-head{
position: relative;
}
.lt-tl-heading-section{
padding: 15px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #80808042;
}
.lt-max-width-title{
max-width: 250px;
}
.lt-tl-title{
color: #333;
font-size: 14px;
font-weight: 600;
margin-bottom: 0px;
word-break: break-word;
}
.lt-tl-summary-title{
color: #333;
font-size: 14px;
font-weight: 600;
margin-bottom: 0px;
word-break: break-word;
}
.lt-sqdc-row{
flex-wrap: wrap;
/* align-items: center; */
}
.lt-menu-tl-btn i{
cursor: pointer;
}
.lt-sqdc-svg-section{
width: 100%;
min-height: 100px;
}
.lt-tl-graph-section{
padding: 15px;
}
.lt-sqdc-tl-btn{
position: absolute;
top: 5px;
right: 5px;
display: flex;
gap: 5px;
}
.lt-graph-icon{
color:#aaaaaa !important;
}
.lt-line-graph-section{
width: 100%;
min-height: 260px;
padding: 10px;
}
.lt-symbol-graph{
border: 1px solid #8080804f !important;
border-radius: 5px !important;
}
.lt-graph-menu{
border: 1px solid #8080804f !important;
border-radius: 5px;
}
.lt-symbol-graph i{
color: #aaaaaa !important;
}
.lt-graph-summary-section{
margin-top: 15px;
border: 1px solid #80808054;
border-radius: 10px;
}
.lt-summary-row{
flex-wrap: wrap;
}
.lt-summary-col{
border-radius: 15px;
height: 80px;
min-height: 80px;
display: flex;
flex-direction: column;
justify-content: space-around;
}
.lt-action-open{
background:#009ef7;
}
.lt-action-closed{
background:#45b64a;
}
.lt-action-overdue{
background:#bd2d2d;
}
.lt-action-pending{
background:#9e9e9e;
}
.lt-action-Ongoing{
background:#fdae38;
}
.lt-action-raised{
background:#1268B0;
}
.lt-action-assigned{
background:#F1A739;
}
.lt-action-started{
background:#009EF7;
}
.lt-action-completed{
background:#27B3B2;
}
.lt-action-confirmed{
background: #56B53C;
}
.lt-action-text{
color: white;
}
.lt-action-text-title{
font-size: 12px;
font-weight: 500;
width: 45px;
}
.lt-action-text-number{
font-size: 22px !important;
font-weight: 600 !important;
}
@media only screen and (max-width:1200px) {
.tl-btn-section {
width: 100%;
}
.tl-btn-row {
justify-content: start;
}
}
@media only screen and (max-width:992px) {
.tl-btn-section {
width: 100%;
}
.tl-btn-row {
justify-content: start;
}
}
@media only screen and (max-width:556px){
.tl-dashboard-section{
margin-top: 10px;
}
}
/* TL Dashboard styles:: end */
/* menu toggle close icon */
.lt-toggle-close{
top: 5px;
right:10px;
background-color: #fafafa ;
border-radius: 50%;
}
sup{
margin-right: 3px;
font-weight: 400;
}
/* customer feed back style::start */
.lt-rating {
display: flex;
gap: 5px;
}
.lt-rating .lt-rating-btn {
flex: 1;
border: none;
padding: 10px;
border-radius: 5px;
}
/* bownling chart */
lt-sub-table {
border-collapse: collapse;
width: 100%;
color: black;
overflow: auto;
}
th,
td {
text-align: left;
padding: 8px;
}
/* Style the toggle buttons */
.toggle {
cursor: pointer;
font-weight: bold;
}
.toggle.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 20px;
background: #94c1e1;
top: 50%;
margin-top: 6px;
left: 20px;
}
.lt-tree-arrow{
cursor: pointer;
}
.toggle.active .lt-tree-arrow {
transform: rotate(90deg);
}
.toggle.active {
border-bottom: 1px solid #36365c17 !important;
}
.toggle td {
background-color: #e6f3fb !important;
transition: all 0.3s;
/* background-color: #E9F3FC !important; */
}
.toggle:hover td {
background-color: #bfdbf3 !important;
}
/* Hide the nested rows by default */
.nested {
display: none;
}
.newnested {
display: none;
}
.lt-tree-left-line-sub {
position: absolute;
content: "";
width: 20px;
height: 2px;
background: #94c1e1;
top: 20px;
left: 40px;
}
.newnested.active td:first-child::before {
position: absolute !important;
content: "";
height: 105% !important;
width: 2px;
background: #94c1e1;
top: -16px !important;
margin-top: 6px !important;
left: 40px !important;
}
.lt-nested-wrapper-sub {
margin-left: 50px!important;
}
.lt-child-nested-lastchild.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 29px !important;
background: #94c1e1;
top: -15px !important;
margin-top: 6px !important;
left: 40px !important;
}
.nested td:first-child {
transition: all 0.3s;
}
/* .nested:hover td:first-child .lt-nested-details {
background-color: #d9e4ed !important;
} */
.nested:hover td:first-child {
background-color: #f1f1f1;
}
.nested.active {
border-bottom: 1px solid #00000012 !important;
}
.nested.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 105%;
background: #94c1e1;
top: -6px;
margin-top: 6px;
left: 20px;
}
.lt-nested-lastchild.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 25px;
background: #94c1e1;
top: -10px;
margin-top: 6px;
left: 20px;
}
.lt-main-notification{
display: inline-flex;
justify-content: center;
align-items: center;
background-color: #ebebeb;
border-radius: 50%;
width: 35px;
min-width: 35px;
height: 35px;
padding: 5px;
margin-right: 5px;
}
.arrow-shape {
content: "";
width: 1px;
height: 100%;
position: absolute;
transform: rotate(90deg);
top: 0px;
right: 20px;
z-index: 99999999999999999999;
}
/* Show the nested rows when toggle button is clicked */
.active {
display: table-row;
}
.lt-im-table {
border-radius: 6px;
overflow: scroll;
position: relative;
z-index: 1;
}
.lt-im-table table tr th {
background: #145994;
color: white;
}
.lt-im-table table tr th:not(:first-child) {
font-weight: 100;
}
.lt-im-table table tr th:first-child {
position: sticky;
z-index: 9999;
left: 349px;
border: 1px solid #8080802e;
border-bottom: 0px;
border-top: 0px;
text-wrap:balance;
}
.lt-im-table table tr td:first-child {
position: sticky;
left: 0;
z-index: 9999;
}
.lt-im-table table tr th:first-child::after {
position: absolute !important;
width: 4px;
height: 100%;
background-color: white;
right: 0;
}
/* .lt-permatex-table tr th:nth-child(2) {
left: 581px !important;
}
.lt-permatex-table table tr th:first-child {
left: 581px;
} */
.lt-sub-table td {
width: 100px ;
min-width: 65px;
max-width: 200px;
text-align: center;
transition: all 0.5s;
word-break: break-all;
font-size: 14px !important;
font-weight: 400;
height: 58px !important;
}
/* .lt-sub-table tr:hover{
background-color: #dddddd6b;
} */
.lt-sub-table tr {
transition: all 0.5s;
}
/* .lt-sub-table tr td:hover {
filter: brightness(0.9) !important;
transition: .2s;
} */
.lt-sub-table tr td:hover+th {
background-color: red !important;
}
.lt-sub-table {
position: relative;
width: 100%;
}
.lt-sub-table tr th:first-child::before {
content: inherit !important;
}
.lt-sub-table tr th:first-child {
background-color: #fff !important;
/* background-color: #eef7fc !important; */
outline-offset: -2px;
}
.lt-sub-table tr th {
position: sticky !important;
left: 383px;
white-space: nowrap;
padding: 10px 13px;
font-weight: 400;
background-color: white !important;
color: black !important;
}
.lt-sub-table tr th,
.lt-sub-table tr td {
position: sticky !important;
}
.nested td:first-child {
vertical-align: initial !important;
}
.nested td:last-child {
padding: 0 !important;
}
/* */
.lt-detail {
display: none;
}
.lt-detail-show {
display: block;
}
.lt-nested-left {
line-height: 16px;
white-space: nowrap;
flex-wrap: wrap;
flex-direction: column;
width: auto;
}
.lt-main-txt,
.lt-sub-txt {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
width: 100%;
}
.lt-arrow-up-green {
width: 30px;
display: flex;
height: 30px;
color: white;
align-items: center;
justify-content: center;
border-radius: 100px;
overflow: hidden;
flex-direction: column;
outline: 1px solid rgba(0, 128, 0, 0.384);
outline-offset: 2px;
}
.lt-arrow-up-green i {
color: green !important;
font-size: 16px !important;
}
.lt-arrow-up-red {
width: 30px;
display: flex;
height: 30px;
color: white;
align-items: center;
justify-content: center;
border-radius: 100px;
overflow: hidden;
flex-direction: column;
outline: 1px solid rgba(124, 8, 2, 0.708);
outline-offset: 2px;
}
.lt-arrow-up-red i {
color: red !important;
font-size: 16px !important;
}
.lt-rating-btn:hover {
background-color: #ffecc0;
}
/* shift assign page stylesheet start */
.shiftAssignAddIcon{
width: 30px;
}
.shiftAssignCloseIcon {
/* left: 20px;
margin-left: 10px; */
cursor: pointer;
}
.shiftAssignCloseIconDown {
transform: rotate(180deg);
transition: all 0.3s;
}
.shiftAssignCloseIconTop{
transition: all 0.3s;
}
/* .shiftAssignSelectEmployeeTab{
padding: 0px 30px;
} */
.shiftAssignCloseIcon .bi-chevron-up{
font-size: 22px;
font-weight: bolder!important;
color: #000;
cursor: pointer;
}
.shiftAssignCloseIcon .bi-chevron-up::before{
font-weight: bolder!important;
}
.selectEmployeeList{
list-style: none;
background-color: #ffff;
padding: 10px;
border-radius: 20px;
}
.selectEmployeeList li{
display: inline-block;
padding: 10px 20px;
margin: 5px;
background: #E5F6FD;
border-radius: 20px;
}
/* .selectEmployeeTitle{
margin-left: 35px;
} */
.custom-checkbox {
display: none;
position: relative;
padding-left: 30px;
cursor: pointer;
}
.custom-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkmark {
position: absolute;
bottom: -5px;
left: 0;
height: 20px;
width: 20px;
border-radius: 5px;
background-color: #fff;
border: 1px solid #009EF7 ;
}
.checkmarkBgColor{
background-color: #009EF7;
}
.checkmarkBgwhite{
background-color: #fff;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.custom-checkbox input:checked + .checkmark:after {
display: block;
}
.custom-checkbox .checkmark:after {
left: 7px;
top: 3px;
width: 5px;
height: 10px;
border: solid #fff;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
}
.selcetEmployeeEditBtn{
display: flex;
justify-content: flex-end;
align-items: center;
background-color: #fff!important;
cursor: pointer;
float: right;
}
.selcetEmployeeEditBtn .bi-pencil-square{
color: #009EF7;
font-size: 20px;
}
.selectEmployeeToggle{
display: none;
}
.selectEmployeeToggleshow{
display: table-cell;
background-color: #F4FBFF!important;
padding: 15px 35px !important;
}
.btn-shiftAssignSelectAll{
background-color: #009EF7;
color: #fff;
border-radius: 50px;
}
.btn-shiftAssignSelectAll:hover{
opacity: 0.8;
color: #fff;
}
.btn-shiftAssignSelectCancel{
background-color: #8F8F8F;
color: #fff;
border-radius: 50px;
}
.btn-shiftAssignSelectCancel:hover{
opacity: 0.8;
color: #fff;
}
.btn-shiftAssignSelectUpdate{
background: #4CAF50;
color: #fff;
border-radius: 50px;
}
.btn-shiftAssignSelectUpdate:hover{
opacity: 0.8;
color: #fff;
}
.selectionButtons {
display: none;
}
.custom-modal .modal-header {
background: #f9f9f9;
border-radius: 10px 10px 0px 0px;
padding: 10px 20px !important;
}
.custom-modal .modal-header h2 {
color: #1368b1 !important;
font-size: 18px !important;
}
/* customer feed back style::end*/
/* sqdcl style::begin */
.lt-pie-chart-margin{
display: grid;
place-content: center;
}
/* sqdcl style::end */
/* Action plan modal style::begin */
.lt-action-plan-options-fill-section{
padding: 20px;
border-radius: 10px;
border: 1px solid #D7D7D7;
margin-bottom: 20px;
}
.lt-modal-label{
color: #333;
font-weight: 600;
margin-bottom: 5px;
}
.lt-form-control-input{
border-radius: 6px;
background: #E5F6FD !important;
}
.lt-calender-icon{
position: absolute;
right: 11px;
bottom: 4px;
}
.lt-calender-picker-div{
position: relative;
}
.lt-image-div{
flex-direction: column;
align-items: center;
justify-content: center;
}
.lt-cloud-downlod-icon{
color:#b1cde4;
}
.lt-dropzone-border{
border-radius: 10px !important;
border: 1px dashed #1268B0 !important;
background: #F5F8FA !important;
display: flex;
align-items: center;
justify-content: center;
}
.lt-image-selected-section{
margin-top: 15px;
}
.lt-image-upload-border {
border-radius: 10px;
border: 1px solid #d7d7d7;
cursor: pointer;
padding: 7px 6px;
}
.lt-attached-file-overlay {
background: rgba(0, 0, 0, 0.6);
opacity: 0;
transition: all 0.5s;
top: 0;
left: 0;
}
.lt-attached-file-overlay span {
position: absolute;
top: 80%;
left: 50%;
transform: translate(-50%, -50%);
transition: all 0.4s;
animation: 0.1s;
}
.lt-attached-file-overlay span i {
font-size: 20px;
color: white;
}
.lt-image-upload-border:hover .lt-attached-file-overlay {
opacity: 1;
}
.lt-image-upload-border:hover .lt-attached-file-overlay span {
top: 50%;
}
.lt-tkt-timeline-view-btn{
border: 1px solid #1268B0 !important;
background: #dcefff;
padding: 6px 10px !important;
}
.lt-icon-th{
width: 50px;
}
.lt-tr-tkt-row{
height: 50px !important;
}
.lt-add-icon-btn{
width: 50px !important;
}
.lt-form-select-2-high {
border: 1px solid #BD2D2D !important;
background-color: #FDEEEE;
}
.lt-form-select-2-medium {
border: 1px solid #009EF7 !important;
background-color: #E5F6FD;
}
.lt-form-select-2-low {
border: 1px solid #FDAE38 !important;
background-color: #FFF7E8;
}
/* Action plan modal style::begin */
/* arrow up animation */
@keyframes arrowUp_animate {
0% {
opacity: 1;
transform: rotate(0deg) translateY(20px);
}
50% {
opacity: 0.6;
}
100% {
opacity: 1;
transform: rotate(0deg) translateY(-18px);
}
}
.lt-arrow-down-red {
width: 30px;
display: flex;
height: 30px;
color: white;
align-items: center;
justify-content: center;
overflow: hidden;
flex-direction: column;
outline-offset: 2px;
outline: 1px solid #80808054;
border-radius: 100px;
}
.lt-arrow-down-red i {
color: #d12c2b !important;
font-size: 16px !important;
/* animation: arrowDown_animate 2s infinite; */
}
/* arrow down animation */
@keyframes arrowDown_animate {
0% {
opacity: 1;
transform: rotate(180deg) translateY(20px);
}
50% {
opacity: 0.6;
}
100% {
opacity: 1;
transform: rotate(180deg) translateY(-18px);
}
}
.lt-sub-txt {
font-size: 11px;
opacity: 0.6;
}
.lt-nested {
cursor: pointer;
}
.lt-nested-details {
/* padding: 10px; */
border-radius: 10px;
/* background-color: transparent; */
margin-top: 10px;
transition: all 0.3s;
}
.lt-nested-options {
flex: 1;
}
.lt-nested-option {
border: none;
background: red;
width: 35px;
position: relative;
height: 35px;
border-radius:50%;
display: flex;
align-items: center;
justify-content: center;
flex: 1;
}
.lt-nested-option:hover>.lt-tooltip {
display: block;
}
.lt-nested-option img {
width: 40px;
/* border-radius: 50%; */
}
.lt-nested-user {
display: flex;
align-items: center;
gap: 12px;
padding-bottom: 10px;
border-bottom: 1px solid #4668852b;
}
.lt-nested-user img {
width: 30px;
height: 30px;
border-radius: 100px;
outline: 2px solid white;
box-shadow: rgba(0, 0, 0, 0.16) 0px 5px 6px;
}
.lt-nested-user-name {
text-transform: capitalize;
}
.lt-quad-btn {
background-color: #f26522;
box-shadow: rgb(191 69 11 / 46%) 0px 1px 1px;
transition: all 0.4s;
}
.lt-profile-btn {
background-color: #fff;
/* box-shadow: rgb(191 69 11 / 46%) 0px 1px 1px; */
transition: all 0.4s;
}
.lt-quad-btn:hover {
transform: translateY(-4px);
box-shadow: rgb(242 101 34) 0px 13px 27px -5px, rgb(242 101 34) 0px 8px 16px -8px;
}
.lt-1min-btn {
background-color: #0054a5;
box-shadow: rgb(0 84 165 / 65%) 0px 1px 2px;
transition: all 0.4s;
}
.lt-1min-btn:hover {
transform: translateY(-4px);
box-shadow: rgb(0 84 165) 0px 13px 27px -5px, rgb(0 84 165) 0px 8px 16px -8px;
}
.lt-fb-btn {
background-color: #eb9e2d;
box-shadow: rgb(191 121 19 / 75%) 0px 1px 2px;
transition: all 0.4s;
}
.lt-fb-btn:hover {
transform: translateY(-4px);
box-shadow: rgb(229 143 17) 0px 13px 27px -5px, rgb(235 152 31) 0px 8px 16px -8px;
}
.lt-mind-btn {
background-color: #09b1a7;
box-shadow: rgb(5 126 119 / 85%) 0px 1px 2px;
transition: all 0.4s;
}
.lt-mind-btn:hover {
transform: translateY(-4px);
box-shadow: rgb(9 177 167) 0px 13px 27px -5px, rgb(9 177 167) 0px 8px 16px -8px;
}
.lt-pf-btn {
background-color: #c735a5;
box-shadow: rgb(187 30 150) 0px 1px 2px;
transition: all 0.4s;
}
.lt-pf-btn:hover {
transform: translateY(-4px);
box-shadow: rgb(199 53 165) 0px 13px 27px -5px, rgb(199 53 165) 0px 8px 16px -8px;
}
.lt-8d-btn {
background-color: #3127aa;
box-shadow: rgb(49 39 170) 0px 1px 2px;
transition: all 0.4s;
}
.lt-8d-btn:hover {
transform: translateY(-4px);
box-shadow: rgb(49 39 170) 0px 13px 27px -5px, rgb(49 39 170) 0px 8px 16px -8px;
}
.lt-tree-arrow {
width: 25px;
height: 25px;
background: #b1d9f2;
padding: 6px;
border-radius: 100px;
display: inline-flex !important;
align-items: center;
justify-content: center;
margin-right: 10px;
transition: all 0.4s;
}
.lt-tree-arrow i {
color: #3675a8 !important;
}
.lt-im-table table tr th:first-child::before {
position: absolute;
content: "";
width: 6px;
height: 100%;
background-color: #d3dee5;
right: 0;
top: 0;
}
.lt-im-table .toggle td:first-child::after,
.lt-im-table .nested td:first-child::after {
position: absolute;
content: "";
width: 6px;
height: 100%;
background-color: #d3dee5;
right: 0;
top: 0;
z-index: -1;
}
.lt-collapse-all {
background-color: transparent;
transition: all 0.3s;
padding: 6px;
border-radius: 6px;
border: 2px solid #ffffff24;
margin-right: 5px;
width: 35px;
height: 35px;
opacity: .7;
}
.lt-collapse-all:hover {
border: 2px solid transparent !important;
background: #fefefe26;
}
.lt-collapse-all i {
color: white !important;
font-size: 16px;
}
.lt-nested-wrapper {
margin-left: 22px;
}
span.lt-tree-arrow {
position: relative;
}
span.lt-tree-arrow::before {
position: absolute;
width: 2px;
height: 100%;
background: red;
left: 0;
}
.lt-tree-arrow-rotated {
transform: rotate(90deg);
}
/* minimize view */
.lt-min-sub-header {
padding: 6px;
display: none;
}
.lt-user_options {
display: flex;
align-items: center;
gap: 40px;
}
.lt-min-user {
display: flex;
align-items: center;
padding: 5px 8px;
cursor: pointer;
transition: all 0.3s;
border-radius: 5px;
position: relative;
white-space: nowrap;
}
.lt-user-options-zoom-visible {
visibility: visible !important;
opacity: 1 !important;
transform: scale(1.12) !important;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.lt-user-options-zoom {
position: absolute;
display: flex;
left: 0;
text-transform: capitalize;
top: -3px;
background: #e9e9e9;
z-index: 9;
padding: 8px 10px;
border-radius: 8px;
visibility: hidden;
opacity: 0;
transform: scale(1);
transition: all 0.4s;
pointer-events: none;
align-items: center;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}
.lt-user-zoom-img {
width: 20px;
height: 20px;
border-radius: 100px;
outline: 2px solid white;
}
.lt-min-user img {
width: 16px;
height: 16px;
border-radius: 100px;
outline: 2px solid white;
margin-right: 5px;
}
.lt-min-option {
display: flex;
align-items: center;
transition: all 0.4s;
border: none;
background: red;
border-radius: 100px;
width: 30px;
min-width: 30px;
position: relative;
}
.lt-min-option img {
width: 20px;
}
.lt-min-option:hover {
transform: scale(1.1);
}
.lt-min-option:hover>.lt-min-option-label {
display: flex;
}
.lt-min-option-label {
position: absolute;
padding: 4px 10px;
display: none;
transition: all 0.4s;
white-space: nowrap;
background: white;
top: -55%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-radius: 100px;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.lt-min-option-label::after {
content: '';
position: absolute;
bottom: -9px;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid white;
display: block;
margin: 0 auto;
}
.lt-min-quad-btn {
background-color: #f26522;
}
.lt-min-1min-btn {
background-color: #0054a5;
}
.lt-min-fb-btn {
background-color: #eb9e2d;
}
.lt-min-mind-btn {
background-color: #09b1a7;
}
.lt-min-pf-btn {
background-color: #c735a5;
}
.lt-min-8d-btn {
background-color: #3127aa;
}
.lt-tooltip {
position: absolute;
z-index: 1;
top: -17px;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12);
padding: 5px 10px;
color: black;
background-color: white;
transition: all 0.2s;
left: 50%;
transform: translate(-50%, -50%);
white-space: nowrap;
display: none;
border-radius: 100px;
box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}
.lt-tooltip::after {
content: '';
position: absolute;
bottom: -9px;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid white;
display: block;
margin: 0 auto;
}
.fadeIn {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.lt-min-head {
background-color: #145994;
color: white;
}
.lt-min-head th:first-child {
background-color: #145994;
}
.lt-min-translate {
left: 0 !important;
}
.lt-table-header {
height: 50px;
position: sticky;
top: -3px;
z-index: 999999 !important;
}
.lt-toggle-btn {
padding: 7px 13px;
border-radius: 8px;
background: none;
color: white;
border: 1px solid #ffffff38;
}
.lt-min-detail-show {
display: flex !important;
background-color: #E9F3FC !important;
}
.lt-min-sub-head {
cursor: pointer;
white-space: nowrap;
}
#lt-first-th {
left: 0;
top: -10px;
outline: 1px solid gray;
min-width: 400px;
}
.lt-content-div {
visibility: hidden;
opacity: 0;
transform: translateY(0);
position: absolute;
top: -40px;
left: 56px;
background: white;
padding: 8px 14px;
border-radius: 10px;
transition: all 0.3s;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
font-style: italic;
}
.lt-nested:hover>.lt-content-div {
visibility: visible;
opacity: 1;
transform: translateY(-12px);
}
.lt-min-title {
font-weight: 500;
}
.lt-min-option-dropdown {
width: 100%;
height: 100%;
background-color: #d7d7d7;
}
.lt-min-option-dropdown i {
color: black !important;
font-size: 13px;
}
.lt-min-dropdown {
display: none;
}
.lt-min-option {
height: 30px;
}
.lt-min-dropdown-menu {
border-radius: 10px !important;
overflow: hidden;
}
.lt-min-option-dropdown::after {
display: none !important;
}
@media (max-width: 700px) {
.lt-min-dropdown {
display: block;
}
.lt-min-quad-btn,
.lt-min-1min-btn,
.lt-min-fb-btn,
.lt-min-mind-btn,
.lt-min-pf-btn,
.lt-min-8d-btn {
display: none;
}
}
.bi-chevron-right{
cursor: pointer;
}
.lt-nested-info {
margin-right: 10px;
}
.lt-light-green{
background-color: #dcffdf;
}
.lt-light-red{
background-color: #fff3f3;
}
.lt-light-orange{
background-color: #fff3d3;
}
.lt-topbar-checkbox{
margin-right: 20px;
}
/* scorecard page stylesheet */
.bi-play-fillPlayIcon{
color: #fafafa;
font-size: 20px;
position: absolute;
top: 0px;
}
.lt-chart-input{
border-radius: 0px;
width: 50px;
height: 20px;
font-size: 12px;
background-color: transparent;
}
.lt-faliure-reason-head{
background-color: #003562;
color: #fff;
}
.lt-table-body-hide{
display: none;
}
.lt-table-body-show{
display: table-row-group;
}
#faliureShow{
cursor: pointer;
}
.lt-table-body-hide tr{
border: 1px solid grey;
background-color: #fff!important;
}
.lt-failure-title{
background-color: lightblue!important;
}
.failureTitle{
width: 312px;
min-width: 303px;
}
.lt-cht-tkt{
width: 188px;
height: 50px !important;
min-width: 185px!important;
}
.lt-table-quality{
position: sticky;
left: -1px;
z-index: 0;
}
.lt-sticky-corecard-table-failure{
position: sticky;
left: -1px;
z-index: 2;
}
.lt-table-top-sticky {
position: sticky;
left: 0px;
z-index: 999999;
left: 47px;
top: 10px;
}
.lt-table-sticky{
position: sticky;
left: 68px;
z-index: 0;
}
.lt-sticky-thirdEl{
position: sticky;
left: 252px;
}
.lt-lowerIndex{
position: relative;
z-index: 1;
}
.lt-high-index {
background-color: #1268B0!important;
z-index:2;
}
.lt-scorecard-collapse-table-sticky{
position: sticky;
z-index: 0;
left: 0;
}
.faliureHead{
position: sticky;
left: 10px;
}
.lt-faliureReasonSticky {
display: inline-block;
position: sticky;
left: 40px;
color: #333;
font-size: 14px;
font-weight: 600;
}
/* .lt-table-background{
background-color: #1268B0;
} */
.br-none{
border: none!important;
}
.lt-tb-up{
color: #1168B1!important;
}
.lt-tb-uf{
color: #BC2D2D!important;
}
.lt-tb-guc{
color: #44B649!important;
}
.lt-tb-fr{
background-color: #F1FCFF!important;
}
.lt-table-sub-head{
background-color: #CEF3FF!important;
}
.lt-scorebord-table{
position: sticky;
width: 100%;
left: 0;
border-top-left-radius: 10px!important;
border-top-right-radius: 10px!important;
}
.lt-failure-table{
position: sticky;
width: 100%;
left: 0;
}
.ytdCard{
padding: 10px;
width: 100px;
max-width: 200px;
display: flex;
border: 1px solid #000;
flex-direction: column;
border-radius: 10px;
}
.ytdPlanContainer{
background-color: #e7ffe9;
border: 1px solid #39b54a !important;
}
.ytdPlanContainer h1{
color: #39b54a;
font-weight: bolder;
}
.ytdActualContainer{
background-color: #fff3f3;
border: 1px solid #ca2828!important;
}
.ytdActualContainer h1{
color: #c45757;
font-weight: bolder;
}
.ytdCard p{
font-weight: 600;
}
.ytdIconContainer{
display: flex;
justify-content: center;
align-items: center;
background-color: #eaf0f5;
border-color: #bfd1e1;
border-radius: 10px;
}
.ytdIconContainer img{
width: 60px;
}
.lt-failure-table thead tr{
border: 1px solid #b5b5c3!important;
}
#otdShow,#costShow{
cursor: pointer;
}
.lt-otd-cost-table{
padding: 0px 10px 0px 10px !important;
}
/* Action plan page stylesheet start */
.actionPlanTable tr td{
font-size: 14px;
font-weight: 400;
text-wrap: nowrap;
vertical-align: middle;
}
.lt-actiontbody-td{
padding: 15px !important;
}
.actionIcons{
display: flex;
float: right;
/* margin-right: 50px; */
}
.lt-action-Icon{
width: 30px;
height: 30px;
margin-right: 5px;
transition: all .3s;
}
.lt-action-Icon:hover{
transform: scale(1.1);
cursor: pointer;
}
.lt-tag-icon{
width: 19px;
height: 20px;
margin-right: 5px;
transition: 0.5s ease;
}
.lt-tag-icon:hover{
transform: scale(1.1);
cursor: pointer;
}
.btn-actionPlan{
border-radius: 50px;
width: 100px;
height: 35px;
font-size: 13px;
display: inline-flex;
justify-content: center;
align-items: center;
max-width:150px;
}
.btn-actionPlan:hover{
color: #fff;
}
.btn-action-low{
background-color: #FDAE38;
color: #fff !important;
font-weight: 400 !important;
border-radius: 50px !important;
width: 100px;
height: 35px;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.btn-action-medium{
width: 100px;
height: 35px ;
border-radius: 50px !important;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
background-color: #2196F3;
color: #fff !important;
font-weight: 400;
}
.btn-disabled{
background-color: #9E9E9E !important;
}
.btn-enable{
background-color: #4CAF50 !important;
color: #fff !important;
}
.btn-action-high{
background: #BD2D2D;
color: #fff;
font-weight: 400;
}
.btn-action-close{
width: 100px;
background: #4CAF50 !important;
color: #fff !important;
font-weight: 400 !important;
border-radius: 50px !important;
margin: 0 auto;
display: flex;
}
.btn-action-pending{
background: #9E9E9E;
color: #fff;
font-weight: 400;
border-radius: 50px !important;
}
.btn-action-review{
width: 100px;
height: 35px;
background: #bf1818 !important;
color: #fff !important;
font-weight: 400 !important;
border-radius: 50px !important;
margin: 0 auto;
display: flex;
align-items: center;
justify-content: center;
}
.actionPlanPagination{
justify-content: end;
}
.iconParent{
position: relative;
}
.low-tooltip .tooltip-inner {
background-color: #fff1dd;
color: #ffffff;
font-size: 14px;
font-weight: 600;
border:2px solid #FDAE38;
box-shadow: 0px 0px 20px 0px #fdae3891;
border-radius: 5px;
color: #000;
}
.low-tooltip .tooltip-arrow::before {
border-top-color: #FDAE38;
}
.low-tooltip .tooltip-arrow::after {
border-top-color: #FDAE38;
}
.medium-tooltip .tooltip-inner {
background-color: #c5e2fa;
color: #ffffff;
font-size: 14px;
font-weight: 600;
border:2px solid #2196F3;
box-shadow: 0px 0px 20px 0px #2195f3a4;
border-radius: 5px;
color: #000;
}
.medium-tooltip .tooltip-arrow::before {
border-top-color: #2196F3;
}
.medium-tooltip .tooltip-arrow::after {
border-top-color: #2196F3;
}
.high-tooltip .tooltip-inner {
background-color: #ffcfcf;
color: #ffffff;
font-size: 14px;
font-weight: 600;
border:2px solid #BD2D2D;
border-radius: 5px;
color: #000;
box-shadow: 0px 0px 20px 0px #bd2d2da4;
}
.high-tooltip .tooltip-arrow::before {
border-top-color: #BD2D2D;
}
.high-tooltip .tooltip-arrow::after {
border-top-color: #BD2D2D;
}
.totalActionSection{
border: 1px solid #dadada;
border-radius: 10px;
}
.actionToolBox{
display: flex;
align-items: center;
justify-content: start;
max-width: 200px;
min-width: 150px;
padding: 10px;
color: #fff;
border-radius: 10px;
/* margin: 5px; */
}
.actionToolBox h2{
font-size: 32px;
color: #fff;
margin-right: 10px;
margin-bottom: 0px;
}
.actionToolBox p {
color: #fff;
font-size: 16px;
margin-bottom: 0;
line-height: 20px;
}
.actionOpen{
background: #2196F3;
}
.actionOngoing{
background: #FFA000;
}
.actionClosed{
background: #4CAF50;
}
.actionOverdue{
background: #BD2D2D;
}
.actionPending{
background: #9E9E9E;
}
.fa-search:before{
font-size: 20px;
color: #000;
}
.actionTableSearchIcon {
top: 9px;
left: 8px;
opacity: .5;
}
.btn-excel{
background: #4CAF50;
color: #fff;
}
.btn-excel:hover{
opacity: 0.8;
color: #fff;
}
.btn-addNew{
background: #009EF7;
color: #fff;
}
.btn-addNew:hover{
opacity: 0.8;
color: #fff;
}
.btn-filter{
background: #1268B0;
color: #fff;
}
.btn-filter:hover{
opacity: 0.8;
color: #fff;
}
.filter-modal-header{
background-color: rgba(84, 172, 226, 0.2);
padding: 10px!important;
}
.filter-modal-header h3{
color: #fff;
}
.filter-modal-close{
background-color: #fff;
}
.filtermodalInput{
width: 100%;
/* padding: 10px; */
}
.filtermodalInput label{
font-size: 14px;
font-weight: 600;
padding: 5px 0px;
}
.filterModalDate{
width: 100%;
border-radius: 5px;
background-color: #fff;
border: 1px solid #e4e6ef;
padding: 7px;
}
.btn-filterSubmit{
background: #45B64A;
color: #fff;
}
.btn-filterSubmit:hover{
color: #fff !important;
}
.filterModeFooter{
padding: 0;
border: none;
}
.actionPageSearchBox{
padding: 8px 10px 8px 40px !important;
border-radius: 10px;
}
.actionPagePagination{
text-wrap: nowrap;
}
.sticky-column {
position: sticky;
background-color: #f2f2f2;
z-index: 3;
}
@media only screen and (max-width:1442px){
.totalActionSection {
width: 100%;
}
.actionToolBox{
max-width: 100%;
}
.toolSection {
width: 100%;
justify-content: flex-end;
}
}
/* shift assign page stylesheet start */
.shiftAssignAddIcon{
width: 30px;
}
.shiftAssignCloseIcon {
/* left: 20px;
margin-left: 10px; */
cursor: pointer;
}
.shiftAssignCloseIconDown {
transform: rotate(180deg);
transition: all 0.3s;
}
/* .shiftAssignSelectEmployeeTab{
padding: 0px 30px;
} */
.shiftAssignCloseIcon .bi-chevron-up{
font-size: 22px;
font-weight: bolder!important;
color: #000;
cursor: pointer;
}
.shiftAssignCloseIcon .bi-chevron-up::before{
font-weight: bolder!important;
}
.selectEmployeeList{
list-style: none;
background-color: #ffff;
padding: 5px 10px;
border-radius: 10px;
border: 1px solid #80808047;
/* min-height: 74px; */
}
.selectEmployeeList li{
display: inline-block;
padding: 10px 20px;
margin: 5px;
background: #E5F6FD;
border-radius: 20px;
}
.selectEmployeeList li input{
width: 15px;
height: 15px;
border: 1px solid #009EF7
}
/* .selectEmployeeTitle{
margin-left: 35px;
} */
.custom-checkbox {
display: none;
position: relative;
padding-left: 30px;
cursor: pointer;
}
.custom-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
}
.checkmark {
position: absolute;
bottom: -5px;
left: 0;
height: 20px;
width: 20px;
border-radius: 5px;
background-color: #fff;
border: 1px solid #009EF7 ;
}
.checkmarkBgColor{
background-color: #009EF7;
}
.checkmarkBgwhite{
background-color: #fff;
}
.checkmark:after {
content: "";
position: absolute;
display: none;
}
.custom-checkbox input:checked + .checkmark:after {
display: block;
}
.custom-checkbox .checkmark:after {
left: 7px;
top: 3px;
width: 5px;
height: 10px;
border: solid #fff;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
}
.selcetEmployeeEditBtn{
display: flex;
justify-content: flex-end;
align-items: center;
background-color: #fff!important;
cursor: pointer;
float: right;
}
.selcetEmployeeEditBtn .bi-pencil-square{
color: #009EF7;
font-size: 20px;
}
.selectEmployeeToggle{
display: none;
}
.selectEmployeeToggleshow{
display: table-cell;
background-color: #F4FBFF!important;
}
.btn-shiftAssignSelectAll{
background-color: #009EF7;
color: #fff;
border-radius: 50px;
}
.btn-shiftAssignSelectAll:hover{
opacity: 0.8;
color: #fff;
}
.btn-shiftAssignSelectCancel{
background-color: #8F8F8F;
color: #fff;
border-radius: 50px;
}
.btn-shiftAssignSelectCancel:hover{
opacity: 0.8;
color: #fff;
}
.btn-shiftAssignSelectUpdate{
background: #4CAF50;
color: #fff;
border-radius: 50px;
}
.btn-shiftAssignSelectUpdate:hover{
opacity: 0.8;
color: #fff;
}
.selectionButtons {
display: none;
}
/***Account Settings:: start***/
.custom-table th {
color: #ffff !important;
font-weight: 600 !important;
background-color: #009ef712 !important;
white-space: nowrap;
vertical-align: middle;
}
.custom-table th:first-child, .custom-table td:first-child {
padding-left: 10px;
}
/* .custom-table th:first-child {
border-radius: 10px 0px 0px 10px;
}
.custom-table th:last-child {
border-radius: 0px 10px 10px 0px;
} */
.custom-table table.dataTable>thead .dt-orderable-asc:after {
font-family: "Font Awesome 5 Free";
content: "\f0dc" !important;
width: 30px;
height: 10px;
background-color: #ffffff00 !important;
-webkit-mask-image: none !important;
position: relative!important;
opacity: 0.6!important;
display: inline-block!important;
bottom: auto;
right: auto!important;
/* left: auto; */
left: 5px;
/* top: 5px; */
margin-left: 0.5rem;
}
.custom-table .table thead tr:first-child {
border-bottom: 0 !important;
}
.custom-table table.dataTable>thead .dt-orderable-asc.dt-ordering-asc:after {
content: "\f0de" !important;
}
.custom-table table.dataTable>thead .dt-orderable-asc.dt-ordering-desc:after {
content: "\f0dd" !important;
}
table.dataTable>thead .dt-ordering-asc:after {
opacity: 1;
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
background-image: none !important;
}
table.dataTable>thead .dt-ordering-desc:after {
opacity: 1;
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
background-image: none !important;
}
.ls-tab-header{
padding-bottom: 20px;
}
.ls-brand-banner{
height: 70px;
border-radius: 10px;
background: #e9f5fb;
}
.ls-brand-logo {
top: 30px;
display: flex;
align-items: flex-end;
gap: 30px;
padding: 0 26px;
}
.ds-image-input {
border-radius: 10px;
}
.ls-tab-header {
padding: 15px 20px;
border-bottom: 1px solid #eff2f5;
}
.lt-row-container{
margin-top:120px;
}
.ls-tab-content {
padding: 26px;
}
.ls-tab-footer {
border-top: 1px solid #eff2f5;
padding: 14px 26px;
display: flex;
gap: 10px;
background: #e4e6ef30;
}
.ls-tab-pane {
border: 1px solid #eff2f5 !important;
border-radius: 10px;
overflow: hidden;
}
.lt-row-container{
margin-top: 120px;
}
/***Account Settings:: end***/
.custom-table .dataTables_wrapper .dtr-details li {
padding: 5px;
list-style: none;
}
table.dataTable>tbody>tr.child span.dtr-title {
display: inline-block;
min-width: 100px;
font-weight: 500;
}
table.dataTable>tbody>tr.child span.dtr-data {
font-weight: 400;
}
.lt-warning-text{
text-align: center;
font-weight: 500;
}
.lt-tkt-production-hours{
background: #f4fbff !important;
}
@media (max-width:992px) {
.lt-tkt-row{
flex-direction: row;
}
}
@media (max-width:556px) {
.lt-tkt-row{
flex-direction: column;
}
}
.lt-privilege-badge {
background: #ecf8ff;
display: inline-flex;
border-radius: 100px;
align-items: center;
border: 1px solid #009ef7;
}
.lt-privilege-status {
width: 23px;
height: 23px;
background: #009ef7;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 5px;
}
.lt-privilege-badge p {
padding-right: 10px;
font-size: 13px;
white-space: nowrap;
}
.lts-badge-image {
width: 12px;
height: 12px;
}
.ds-nav-link:hover {
background-color: #293e4c0f;
color: #333333;
}
.ds-nav-link.active {
font-weight: 600 !important;
}
.ds-nav-link {
border-radius: 10px;
padding: 10px 15px;
transition: all 0.3s !important;
color: grey;
display: block !important;
}
.ds-nav-item {
margin-right: 0 !important;
}
.ds-vtabs {
border-radius: 18px;
justify-content: flex-start;
gap: 8px;
}
.ls-signin-img img {
padding: 10px !important;
max-width: 800px;
min-width: 120px;
width: 100%;
margin: 0 auto;
display: block;
}
.lt-takt-not-found{
height: 100%;
margin: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
border-radius: 15px;
background-color: #ffffff;
}
.lt-error-img {
width: 40%;
}
.lt-error-section {
margin: auto;
}
.lt-error-section .container {
text-align: center;
}
.no-takt-container img{
/* height: 200px; */
}
.lt-table-width-shift-assign{
width: 50px;
min-width: 50px;
}
.employee-checkbox {
border-radius: 5px;
width: 20px!important;
height: 20px!important;
}
.lt-plan-icon-calender {
top: 6px;
right: 6px;
}
.lt-calender-input{
padding: 6px 10px;
border-radius: 6px;
border: 1px solid #80808069;
}
.lt-toast-message{
color:#6e6e6e;
}
.lt-shift-action-th{
width: 50px;
min-width: 50px;
}
.lt-selected-workstation {
transform: scale(1.02);
/* box-shadow: 0px 0px 8px 5px #005e944d; */
background: #E5F6FD;
}
.ls-signin-bg{
background-image: url(../media/illustrations/login-bg.jpg);
background-size: cover;
}
/* project detail popup style start */
/* project detail popup style start */
.projectDetailsSelected ul {
padding: 0px;
}
.projectDetailsSelected ul li {
background-color: #dddd;
display: inline-block;
padding: 10px 15px;
border-radius: 20px;
margin-top: 10px;
font-weight: bold;
}
.lt-project-deatil-popup-ongoing {
color: #ffa000;
}
/* project detail popup style end */
/* create project page stylesheeet start */
.createProjectBodyTitle {
/* border-bottom: 1px solid #ddd; */
background: #e7edf3;
}
.lt-createproject-ongoing-status {
background-color: #fef0db;
border: 2px solid #fdae38;
}
/* create project page stylesheeet end */
@media only screen and (max-width:1860px) {
.lt-work-station-title{
min-height: 85px;
max-height: 100%;
}
}
@media only screen and (max-width:1740px) {
.lt-work-station-title{
font-size: 23px;
/* min-height: 100px; */
min-height: 85px;
max-height: 100%;
}
}
@media only screen and (max-width:1600px) {
.lt-work-station-title{
font-size: 22px;
}
}
@media only screen and (max-width:1563px) {
.lt-work-station-title{
font-size: 20px;
}
}
@media only screen and (max-width:1500px) {
.lt-work-station-title{
min-height: 28px;
max-height: 100%;
}
}
@media only screen and (max-width:1200px) {
.lt-work-station-title{
height: 100%;
min-height: 100%;
font-size: 24px;
}
}
@media only screen and (max-width:880px) {
.lt-work-station-title{
min-height: 55px;
max-height: 100%;
}
}
@media only screen and (max-width:756px) {
.lt-work-station-title{
height: 100%;
min-height: 100%;
font-size: 24px;
}
}
/* Continuous Improvement Charter ::begin */
.lt-improvement-charter-section {
background: white;
border-radius: 10px;
overflow: hidden;
}
.lt-improvement-main-title {
border-radius: 15px 15px 0px 0px;
background: #1268b0;
padding: 20px 18px;
}
.lt-charter-title {
font-size: 16px;
font-weight: 500;
color: white;
}
.lt-improvement-chart-content {
padding: 20px;
}
.lt-label-improvement-chart {
color: #333;
font-size: 14px;
font-weight: 600;
margin-bottom: 6px;
}
.lt-action-plan-form-section {
padding: 15px;
border-radius: 10px;
margin-bottom: 20px;
}
.lt-action-plan-table {
border-radius: 10px;
}
.lt-action-plan-thead tr {
background: #cbe0f1;
}
.lt-action-plan-thead tr th {
font-weight: 600;
color: #333;
width: 350px;
font-size: 14px;
vertical-align: middle;
text-wrap: nowrap;
}
.lt-action-plan-tbody tr td {
font-weight: 400;
vertical-align: middle;
font-size: 14px;
text-wrap: nowrap;
}
.lt-action-plan-tbody tr:nth-child(odd) {
background: #fff;
}
.lt-action-plan-tbody tr:nth-child(even) {
background: #f8fafb;
}
.lt-status-badge {
color: white;
padding: 7px 20px;
cursor: text !important;
border: 0px;
border-radius: 50px;
}
.lt-ongoing {
background: #009ef7;
}
.lt-overdue {
background: #bd2d2d;
}
.lt-head-th {
min-width: 450px;
}
.lt-staus-action-btn{
display: flex;
gap: 10px;
}
.lt-delete-button-table{
width: 35px;
height: 35px;
}
.lt-wip-table-add-btn {
width: 46.59px;
height: 46.592px;
display: flex;
align-items: center;
justify-content: center;
}
.lt-project-action-plan-btn{
background: transparent;
border: 0px;
padding: 0px;
}
.btn-add-action{
display: flex;
align-items: end;
justify-content: end;
}
.lt-stepper-wrapper{
border-radius: 100px !important;
}
.lt-stepper-title{
font-size: 16px !important;
font-weight: 500 !important;
}
.lt-stepper-line{
border: 1px dashed #80808063;
}
.lt-stepper-line{
border: 1px solid #009ef7;
}
.stepper.stepper-pills .stepper-item.completed .lt-stepper-new-wrapper{
border: 2px solid #009ef7;
padding: 4px 20px 4px 4px;
border-radius: 50px;
}
.stepper-item.completed .lt-first-stepper::after {
background: #019ef7 !important;
}
.stepper-item.current .lt-first-stepper::after{
background: #019ef7;
}
.stepper.stepper-pills .stepper-item .lt-stepper-new-wrapper{
border: 2px solid #e3e3e3;
padding: 4px 20px 4px 4px;
border-radius: 50px;
}
.stepper.stepper-pills .stepper-item.current .lt-stepper-line{
border: 1px solid #009ef7;
}
.stepper.stepper-pills .stepper-item.current .lt-stepper-new-wrapper{
border: 2px solid #009ef7;
padding: 4px 20px 4px 4px;
border-radius: 50px;
}
.stepper.stepper-pills .stepper-item.current .stepper-icon {
transition: color .2s ease,background-color .2s ease;
background-color: #009ef7 !important;
}
.lt-stepper-new-nav{
border: 2px solid #e3e3e3;
border-radius: 10px;
}
/* Continuous Improvement Charter ::end */
/* work station new style::start */
.lt-tkt-break{
border-radius: 10px;
background: #009EF7;
color: white;
width: 138.25px;
height: 41.159px;
border: 0px;
transition: 0.5s all;
}
.lt-tkt-break:hover{
box-shadow: rgb(0 158 247) 0px 2px 8px 0px;
transform: scale(1.1);
color: white;
}
.lt-tkt-pass-next{
border-radius: 10px;
background: #00C898;
color: white;
width: 138.25px;
height: 41.159px;
border: 0px;
transition: 0.5s all;
}
.lt-tkt-pass-next:hover{
box-shadow: rgb(0 200 152) 0px 2px 8px;
transform: scale(1.1);
color: white;
}
.stepper-line-complete {
background: #019ef7 !important;
}
/* Additional styles for center label and end labels */
#chart-container {
position: relative;
text-align: center;
width: 300px;
height: 300px;
}
#center-label {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
/*
#center-label img {
margin-bottom: 10px;
} */
.end-label {
position: absolute;
font-size: 13px;
color: #333;
bottom: 49px;
font-weight: 600;
transform: translateY(-50%);
}
.end-label.left {
left: 0px;
}
.end-label.right {
right: 10px;
}
.lt-label-archieved{
color: #18951D;
font-weight: 600;
font-size: 14px;
padding: 0px 9px;
}
.lt-label-not-archieved{
color: #9e1313;
font-weight: 600;
font-size: 14px;
padding: 0px 9px;
}
.lt-speedo-circle-content{
width: 100px;
height: 100px;
border-radius: 50px;
}
.lt-percentage-label{
position: absolute;
bottom: -18px;
left: 18px;
width:fit-content;
display: flex;
border-radius: 50px;
border: 1px solid #18951D;
padding: 3px 7px;
background: #DAFADC;
}
.lt-percentage-label-not-achieved{
position: absolute;
bottom: -18px;
left: 32px;
width:fit-content;
display: flex;
border-radius: 50px;
border: 1px solid #951818;
padding: 3px 7px;
background: #DAFADC;
}
.lt-speedo-percentage{
font-weight: 600;
font-size: 14px;
color: #18951D;
}
.lt-icon-speedo-achieved{
width: 20px;
height: 20px;
margin-left: 4px;
background: #18951D;
border-radius: 50%;
}
.lt-icon-speedo-achieved i{
color: white;
}
.lt-icon-speedo-not-achieved{
width: 20px;
height: 20px;
margin-left: 4px;
background: #b61c1c;
border-radius: 50%;
}
.lt-icon-speedo-not-achieved i{
color: white;
}
.lt-height-content{
height: 320px;
}
.lt-pass-next-height{
display: flex;
align-items: center;
}
.lt-bordered-speedo-meter{
position: absolute;
width: 160px;
height: 160px;
border: 2px solid white;
border-bottom: 2px solid white !important;
border-radius: 50%;
top: 59px;
left: 71px;
display: flex;
justify-content: center;
align-items: center;
}
.lt-progress-green{
border: 2px dashed rgba(68, 182, 73, 0.30);
}
.lt-progress-red{
border: 2px dashed rgba(216, 32, 41, 0.3);
}
.lt-goal-achieved-background{
background: rgba(188, 255, 191, 0.50);
}
.lt-goal-not-achieved-background{
background: #FFEFEF;
}
.lt-common-colour-green{
color: #18951D;
}
.lt-common-colour-red{
color: #BC2D2D;
}
/* action plan styles::begin */
.lt-accept-modal-content {
border-radius: 10px;
border: 1px solid #d7d7d7;
background: #f5f8fa;
padding: 20px 30px;
text-align: center;
}
.lt-accept-paragraph {
font-weight: 400;
font-size: 16px;
}
.lt-timeline-icon {
margin-right: 20px !important;
width: 38px;
height: 38px;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
border: 1px solid #009ef7;
border-radius: 50%;
}
.lt-action-plan-timeline-section
.timeline.timeline-border-dashed
.timeline-line {
border-left-style: solid !important;
border-left-width: 4px !important;
border-left-color: #ddeef9 !important;
width: 38px;
}
.timeline .timeline-line {
top: 40px !important;
}
.lt-timeline-content-section {
position: relative;
border-radius: 10px;
border: 1px solid #d7d7d7;
background: #f5f8fa;
padding: 14px;
}
.lt-date-time-view {
position: absolute;
right: 2px;
top: 7px;
}
.lt-label-description {
color: #333;
font-weight: 600;
text-wrap: wrap;
}
.lt-decription-ptag {
font-weight: 400;
text-wrap: wrap;
}
.lt-time-view {
position: absolute;
right: 2px;
bottom: 7px;
}
/* .lt-description-view{
width: 900px;
} */
.lt-action-plan-timeline-section {
border-radius: 10px;
border: 1px solid #d7d7d7;
padding: 20px;
}
.lt-highlight-view {
color: #1268b0;
font-weight: 600;
overflow-wrap: break-word;
}
.lt-plan-opened {
font-size: 14px;
font-weight: 500;
border-radius: 50px;
background: #2196f3;
}
.lt-ongoing-view {
font-size: 14px;
font-weight: 500;
border-radius: 50px;
background: #ffa000;
}
.lt-closed-view {
font-size: 14px;
font-weight: 500;
border-radius: 50px;
background: #4caf50;
}
.lt-tool-bar-btn svg {
margin-right: 6px;
}
.lt-active-confirm-btn {
background: #45b64a;
color: white !important;
}
.lt-view-span-section {
border-radius: 10px;
border: 1px solid #d7d7d7;
padding: 15px;
}
.lt-details-view-label {
font-weight: 400;
font-size: 14px;
}
.lt-details-view-paragraph {
font-weight: 600;
font-size: 14px;
}
.lt-responsible-person {
border-radius: 50px;
background: #e5e5e5;
color: #333;
font-size: 14px;
font-weight: 600;
width: fit-content;
padding: 10px 15px;
}
.lt-priority {
color: #bd2d2d;
}
/* action plan styles::end */
/* work station new style::end */
.lt-tk-position-sticky{
left: 0px;
}
.lt-config-table-resposive {
vertical-align: middle;
}
@media only screen and (max-width: 1200px) {
.lt-new-next-height {
height: auto;
}
.lt-flex-direction {
flex-direction: column;
}
.lt-new-height {
height: auto;
}
.lt-width-new {
width: 100%;
}
.lt-width-row-speed, .lt-width-row-speed button {
width: 150px;
}
.lt-width-new {
margin-top: 10px;
}
.lt-tkt-row{
flex-direction: row;
}
}
@media only screen and (max-width: 992px) {
.lt-flex-direction {
flex-direction: row;
}
.lt-tkt-new-row {
flex-direction: column;
}
.lt-percentage-label {
bottom: -8px;
}
.end-label{
bottom: 15px;
}
}
@media only screen and (max-width: 402px) {
.end-label {
display: none;
}
}
.lt-tkt-stop-btn-disabled{
opacity: 0.5;
}
@media only screen and (max-width: 960px) {
.lt-percentage-label {
bottom: -1px;
}
}
@media only screen and (max-width: 771px) {
.end-label {
bottom: 13px;
}
.end-label.right {
right:0;
}
}
.ls-signin-form-logo{
background: white;
outline: 8px solid #009ef729;
padding: 20px;
border-radius: 6px;
}
.ls-signin-formbox-shadow{
border-radius: 50px;
box-shadow: rgb(0 158 247 / 27%) 0px 3px 8px;
}
.ls-input-border{
border-radius: 10px !important;
}
.lt-privilage-table{
border-radius: 10px;
overflow: hidden;
}
.lt-permission-tr{
background: #deeaf482;
}
.lt-btn-project{
border: 0px !important;
background: transparent !important;
padding: 0px !important;
}
.lt-action-plan-user-field{
min-width: 300px;
text-wrap: wrap !important;
}
.lt-accept-btn {
border: 1px solid #44b649 !important;
background: #edffee;
margin-right: 5px;
padding: 5px 10px !important;
border-radius: 7px;
color: #44b649 !important;
}
.lt-decline-btn {
border: 1px solid #bd2d2d !important;
background: #f9acac5c;
color: #bd2d2d !important;
margin-right: 5px;
padding: 5px 10px !important;
border-radius: 7px;
}
/* action plan styles::begin */
.lt-accept-modal-content {
border-radius: 10px;
border: 1px solid #d7d7d7;
background: #f5f8fa;
padding: 20px 30px;
text-align: center;
}
.lt-accept-paragraph {
font-weight: 400;
font-size: 16px;
}
.lt-timeline-icon {
margin-right: 20px !important;
width: 38px;
height: 38px;
display: flex;
text-align: center;
align-items: center;
justify-content: center;
border: 1px solid #009ef7;
border-radius: 50%;
}
.lt-action-plan-timeline-section
.timeline.timeline-border-dashed
.timeline-line {
border-left-style: solid !important;
border-left-width: 4px !important;
border-left-color: #ddeef9 !important;
width: 38px;
}
.timeline .timeline-line {
top: 40px !important;
}
.lt-timeline-content-section {
position: relative;
border-radius: 10px;
border: 1px solid #d7d7d7;
background: #f5f8fa;
padding: 14px;
}
.lt-date-time-view {
position: absolute;
right: 2px;
top: 7px;
}
.lt-label-description {
color: #333;
font-weight: 600;
text-wrap: wrap;
}
.lt-decription-ptag {
font-weight: 400;
text-wrap: wrap;
}
.lt-time-view {
position: absolute;
right: 2px;
bottom: 7px;
}
/* .lt-description-view{
width: 900px;
} */
.lt-action-plan-timeline-section {
border-radius: 10px;
border: 1px solid #d7d7d7;
padding: 20px;
}
.lt-highlight-view {
color: #1268b0;
font-weight: 600;
overflow-wrap: break-word;
}
.lt-plan-opened {
font-size: 14px;
font-weight: 500;
border-radius: 50px;
background: #2196f3;
}
.lt-ongoing-view {
font-size: 14px;
font-weight: 500;
border-radius: 50px;
background: #ffa000;
}
.lt-closed-view {
font-size: 14px;
font-weight: 500;
border-radius: 50px;
background: #4caf50;
}
.lt-tool-bar-btn svg {
margin-right: 6px;
}
.lt-active-confirm-btn {
background: #45b64a;
color: white !important;
}
.lt-view-span-section {
border-radius: 10px;
border: 1px solid #d7d7d7;
padding: 15px;
}
.lt-details-view-paragraph {
font-weight: 600;
font-size: 14px;
}
.lt-responsible-person {
border-radius: 50px;
background: #e5e5e5;
color: #333;
font-size: 14px;
font-weight: 600;
width: fit-content;
padding: 5px 20px;
}
.lt-priority {
color: #bd2d2d;
}
/* action plan styles::end */
.lt-field-item{
border-radius: 10px;
border: 1px solid #8080804a;
padding: 10px 11px;
}
.lt-field-symbol{
padding: 10px;
background: #b1cde44f;
border-radius: 10px;
}
.lt-disabled-input{
opacity: 0.5;
}
.lt-label-width{
width: 120px;
}
.lt-project-name-td{
overflow-wrap: anywhere;
text-wrap: balance !important;
}
/* attend action plan popup styles start */
.lt-attend-popup-btn-container {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.lt-attend-popup-btn-color-mode-switch {
display: inline-block;
margin: 0px;
position: relative;
}
.lt-attend-popup-btn-color-mode-switch
> label.lt-attend-popup-btn-color-mode-switch-inner {
margin: 0px;
width: 350px !important;
height: 40px;
background-color: #ddd;
border-radius: 26px;
overflow: hidden;
position: relative;
transition: all 0.3s ease;
/* box-shadow: 0px 0px 8px 0px rgba(17, 17, 17, 0.34) inset; */
display: block;
}
.lt-attend-popup-btn-color-mode-switch
> label.lt-attend-popup-btn-color-mode-switch-inner:before {
content: attr(data-on);
position: absolute;
font-size: 12px;
font-weight: 600;
top: 11px;
right: 8%;
color: #222;
}
.lt-attend-popup-btn-color-mode-switch
> label.lt-attend-popup-btn-color-mode-switch-inner:after {
content: attr(data-off);
width: auto !important;
height: 26px;
background: #fff;
border-radius: 26px;
padding: 0px 15px !important;
position: absolute;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
left: 7px;
top: 7px;
text-align: center;
transition: all 0.3s ease;
box-shadow: 0px 0px 6px -2px #111;
padding: 4px 0px;
color: #1269b0;
font-weight: 600;
}
.lt-attend-popup-btn-color-mode-switch input[type="checkbox"] {
cursor: pointer;
width: 50px;
height: 25px;
opacity: 0;
position: absolute;
top: 0;
z-index: 1;
margin: 0px;
}
.lt-attend-popup-btn-color-mode-switch input[type="checkbox"]:checked+ label.lt-attend-popup-btn-color-mode-switch-inner {
background-color: #ddd;
}
.lt-attend-popup-btn-color-mode-switch
input[type="checkbox"]:checked
+ label.lt-attend-popup-btn-color-mode-switch-inner:after {
content: attr(data-on);
left: 138px;
}
.lt-attend-popup-btn-color-mode-switch
input[type="checkbox"]:checked
+ label.lt-attend-popup-btn-color-mode-switch-inner:before {
content: attr(data-off);
right: auto;
left: 20px;
}
.filter-modal-header {
background-color: rgba(84, 172, 226, 0.2);
padding: 10px 10px;
}
/* attend action plan popup styles end */
::-webkit-scrollbar-thumb {
width: 10px !important;
background-color: #9e9e9e94 !important;
border-radius: 6px !important;
}
div::-webkit-scrollbar, ol::-webkit-scrollbar, pre::-webkit-scrollbar, span::-webkit-scrollbar, ul::-webkit-scrollbar{
width: 10px !important;
height: 10px !important;
}
.flatpickr-wrapper{
width: 100% !important;
}
.lt-disabled-input{
opacity: 0.5;
}
.lt-select-new .select2-container{
width: 180px !important;
}
.btn-filterreset{
background: #009EF7;
color: #fff;
}
.btn-filterreset:hover{
color: #fff !important;
}
.select2-selection__choice .select2-selection__choice__display{
max-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.select2-results .select2-results__option{
min-width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.lt-timeline-btn{
border: 0px;
padding: 0px;
background: transparent;
}
/* kpi filter option:start */
.lt-btn-wrap{
background: white;
padding: 2px;
border-radius: 100px;
border: 1px solid #80808052;
}
.lt-btn-date{
padding: 10px 20px;
border: 0px;
background-color: transparent;
border-radius: 100px;
font-weight: 500;
color: #333333;
font-size: 12px;
}
.hidden {
display: none;
}
.lt-calender-new-icon{
right: 5px;
top: 10px;
}
.custom-active {
background-color: #009ef7;
color: white;
}
.lt-flex-date-section{
justify-content: end;
}
.lt-failure-collapse-border::before,.lt-failure-collapse-border::after{
content: '';
position: absolute;
right: 0;
width: 100%;
}
.lt-failure-collapse-border:after {
bottom: 0;
border-bottom: 1px solid #003562f7;
}
/* kpi filter option:end*/
/* start :: new filter design */
.filter-add-list-section {
flex-grow: 1;
flex-flow: row wrap;
gap: 5px;
}
.filter-list-item {
text-wrap: nowrap;
transition: all 0.3s;
align-items: center;
padding: 7px;
border-radius: 100px;
min-height: 34px;
gap: 8px;
cursor: default;
background: #0c559712;
box-shadow: rgb(18 104 176 / 20%) 0px 2px 5px -1px, rgb(18 104 176 / 54%) 0px 1px 3px -1px;
}
.filter-list-item.active {
background-color: #009ef71f;
transform: translateY(-2px);
box-shadow: rgb(0 158 247 / 40%) 0px 3px 0px;
}
.filter-list-item:hover {
background-color: #009ef71f;
transform: translateY(-2px);
box-shadow: rgb(0 158 247 / 40%) 0px 3px 0px;
}
.filter-list-info {
gap: 5px;
padding-left: 6px;
align-items: center;
}
.filter-list-info p {
font-weight: 500;
color: #1268b0;
}
.filter-list-item-action {
border-left: 1px solid #00000017;
}
.filter-list-item-action button {
border: none;
background-color: transparent;
}
/* end :: new filter design */
.lt-inreview-view{
font-size: 14px;
font-weight: 500;
border-radius: 50px;
background: #009974;
}
.lt-completed-view{
font-size: 14px;
font-weight: 500;
border-radius: 50px;
background: #4CAF50;
}
.lt-form-select-dropdown{
display: block;
width: 100%;
padding: 0.75rem 3rem 0.75rem 1rem;
-moz-padding-start: calc(1rem - 3px);
font-size: 1.1rem;
font-weight: 500;
line-height: 1.5;
color: #181c32;
background-color: #fff;
background-repeat: no-repeat;
background-position: right 1rem center;
background-size: 16px 12px;
border: 1px solid #e4e6ef;
border-radius: 0.475rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
appearance: none;
}
.form-select-sm {
padding-top: 0.55rem !important;
padding-bottom: 0.55rem !important;
padding-left: 0.75rem !important;
font-size: .925rem !important;
}
.lt-form-select-dropdown.form-select-solid {
background-color: #eef3f7;
border-color: #f5f8fa;
color: #5e6278;
transition: color .2s ease,background-color .2s ease;
}
.lt-sorting-content-title{
display: contents;
}
.lt-create-action-plan-form{
border-radius: 6px;
background: #e6f6fd;
}
.lt-create-action-plan-form h4{
font-weight: 500;
}
.lt-action-section-height{
width: 215px;
}
.project-action-plan-table{
overflow: scroll;
max-height:540px;
}
.lt-action-plan-border{
border: 1px solid #dadada !important;
}
.custom-modal-footer{
border-top: 1px solid #dadada !important;
}
/* wip style ::start */
/* wip dashboard::start */
.lt-main-wip-section-heading {
position: relative;
border: 1px solid #b8b8b8;
background-color: #e8f4ff;
color: #333 !important;
z-index: 1;
}
.lt-main-wip-section-heading::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: inherit;
z-index: -1;
}
.lt-main-thead-wip-dashboard {
background: #1268b0;
font-size: 14px;
}
.lt-sub-thead-actual-work-station tr th {
vertical-align: middle;
}
.lt-main-thead-wip-dashboard tr {
color: white !important;
border-right: 1px solid #003562;
font-size: 14px;
}
.lt-sub-thead-actual-work-station tr {
font-size: 14px;
}
.lt-main-thead-wip-dashboard tr .lt-count-wip {
padding: 10px;
vertical-align: middle;
text-align: center;
width: 80px;
min-width: 65px;
height: 40px;
}
.lt-side-main-heading {
width: 160px;
vertical-align: middle;
text-wrap: nowrap;
}
.lt-wip-main-title {
color: #1268b0 !important;
font-weight: 600 !important;
}
.lt-goal-title-wip {
background: #cfe5fa !important;
}
.lt-main-tbody-actual-goal {
background: #e8f4ff;
border: 1px solid #b8b8b8;
}
.lt-main-tbody-actual-goal tr td {
vertical-align: middle;
text-align: center;
color: #333 !important;
}
.lt-main-tbody-actual-goal tr td,
.lt-main-tbody-actual-goal tr th {
font-size: 14px;
font-weight: 600;
}
.lt-border-right-wip {
border-right: 1px solid #003562 !important;
}
.lt-main-table-border-wip {
overflow: hidden;
border-radius: 10px;
}
.lt-work-station-th-wip {
font-weight: 600 !important;
vertical-align: middle;
color: #333 !important;
}
.lt-sub-tbody-wip tr th {
height: 50px;
font-size: 14px;
}
.lt-sub-tbody-wip tr td {
vertical-align: middle;
text-align: center;
font-weight: 500;
font-size: 14px;
color: #333;
width: 80px;
min-width: 65px;
word-break: break-all;
}
.lt-kit-pack-tr {
background: #e1f5ff !important;
}
.lt-kit-pack-heading {
background: #cbe0f1 !important;
}
.lt-span-wip-count {
width: fit-content;
font-size: 14px;
}
.lt-icon-calender {
top: 6px;
right: 6px;
}
.lt-main-tbody-actual-goal,
.lt-sub-tbody-wip,
.lt-sub-thead-actual-work-station {
border: 1px solid #b8b8b8;
}
.lt-wip-selected {
border-left: 4px solid #74e6ff !important;
border-right: 4px solid #74e6ff !important;
}
th.lt-wip-selected {
border-top: 4px solid #74e6ff !important;
}
.lt-sub-tbody-wip tr:last-child td.lt-wip-selected {
border-bottom: 4px solid #74e6ff !important;
}
.lt-sub-tbody-wip tr td:last-child,
.lt-main-tbody-actual-goal tr td:last-child,
.lt-main-tbody-actual-goal tr td:last-child {
border: 1px solid #b8b8b8 !important;
}
.lt-main-tbody-actual-goal tr td {
width: 80px;
min-width: 65px;
}
.lt-sticky-wip {
position: sticky;
top: 0;
left: -4px;
z-index: 1;
}
.lt-month-scroll {
background-color: #1268b0 !important;
}
.lt-actual-scroll {
background-color: #e8f4ff !important;
}
.lt-wip-table-responsive {
overflow: auto;
border-radius: 15px;
}
.lt-header-sub-wip {
font-size: 14px;
font-weight: 500;
color: #333;
}
.lt-wip-modal-label {
font-size: 14px;
font-weight: 400;
}
.lt-units-count-wip {
border-radius: 10px;
padding: 10px 20px;
border: 1px solid #d7d7d7;
}
.lt-tkt-unit-count-wip {
font-weight: 600;
font-size: 18px;
}
.ds-nav-link:hover {
background-color: #293e4c0f;
color: #333333;
}
.ds-nav-link.active {
font-weight: 600 !important;
}
.ds-nav-link {
border-radius: 10px;
padding: 10px 15px;
transition: all 0.3s !important;
color: grey;
display: block;
}
.ds-nav-item {
margin-right: 0 !important;
}
.ds-vtabs {
border-radius: 18px;
justify-content: flex-start;
gap: 8px;
}
.ls-signin-img img {
padding: 10px !important;
max-width: 800px;
min-width: 120px;
width: 100%;
margin: 0 auto;
display: block;
}
.lt-takt-not-found {
height: 100%;
margin: auto;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.assignActionPriorityInput {
color: #bd2d2d;
}
.lt-btn-th {
width: 100px !important;
}
.lt-wip-table-add-btn {
width: 46.59px;
height: 46.592px;
display: flex;
align-items: center;
justify-content: center;
}
.lt-border-after-th::before,.lt-border-after-th::after{
content: '';
position: absolute;
right: 0;
height: 100%;
}
.lt-border-after-th:after {
bottom: 0;
border-right: 1px solid #0035625c;
}
/* wip dashboard::end */
/* wip dashboard::start */
.lt-main-wip-section-heading {
position: relative;
border: 1px solid #b8b8b8;
background-color: #e8f4ff;
color: #333 !important;
z-index: 1;
}
.lt-main-wip-section-heading::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: inherit;
z-index: -1;
}
.lt-main-thead-wip-dashboard {
background: #1268b0;
font-size: 14px;
}
.lt-sub-thead-actual-work-station tr th {
vertical-align: middle;
}
.lt-main-thead-wip-dashboard tr {
color: white !important;
border-right: 1px solid #003562;
font-size: 14px;
}
.lt-sub-thead-actual-work-station tr {
font-size: 14px;
}
.lt-main-thead-wip-dashboard tr .lt-count-wip {
padding: 10px;
vertical-align: middle;
text-align: center;
width: 80px;
min-width: 65px;
height: 40px;
}
.lt-side-main-heading {
width: 160px;
vertical-align: middle;
text-wrap: nowrap;
}
.lt-wip-main-title {
color: #1268b0 !important;
font-weight: 600 !important;
}
.lt-goal-title-wip {
background: #cfe5fa !important;
}
.lt-main-tbody-actual-goal {
background: #e8f4ff;
border: 1px solid #b8b8b8;
}
.lt-main-tbody-actual-goal tr td {
vertical-align: middle;
text-align: center;
color: #333 !important;
}
.lt-main-tbody-actual-goal tr td,
.lt-main-tbody-actual-goal tr th {
font-size: 14px;
font-weight: 600;
}
.lt-border-right-wip {
border-right: 1px solid #003562 !important;
}
.lt-main-table-border-wip {
overflow: hidden;
border-radius: 10px;
}
.lt-work-station-th-wip {
font-weight: 600 !important;
vertical-align: middle;
color: #333 !important;
}
.lt-sub-tbody-wip tr th {
height: 50px;
font-size: 14px;
}
.lt-sub-tbody-wip tr td {
vertical-align: middle;
text-align: center;
font-weight: 500;
font-size: 14px;
color: #333;
width: 80px;
min-width: 65px;
}
.lt-kit-pack-tr {
background: #e1f5ff !important;
}
.lt-kit-pack-heading {
background: #cbe0f1 !important;
}
.lt-span-wip-count {
width: fit-content;
font-size: 14px;
}
.lt-icon-calender {
top: 6px;
right: 6px;
}
.lt-main-tbody-actual-goal,
.lt-sub-tbody-wip,
.lt-sub-thead-actual-work-station {
border: 1px solid #b8b8b8;
}
.lt-wip-selected {
border-left: 4px solid #74e6ff !important;
border-right: 4px solid #74e6ff !important;
}
th.lt-wip-selected {
border-top: 4px solid #74e6ff !important;
}
.lt-sub-tbody-wip tr:last-child td.lt-wip-selected {
border-bottom: 4px solid #74e6ff !important;
}
.lt-sub-tbody-wip tr td:last-child,
.lt-main-tbody-actual-goal tr td:last-child,
.lt-main-tbody-actual-goal tr td:last-child {
border: 1px solid #b8b8b8 !important;
}
.lt-main-tbody-actual-goal tr td {
width: 80px;
min-width: 65px;
}
.lt-sticky-wip {
position: sticky;
top: 0;
left: -4px;
z-index: 1;
}
.lt-month-scroll {
background-color: #1268b0 !important;
}
.lt-actual-scroll {
background-color: #e8f4ff !important;
}
.lt-wip-table-responsive {
overflow: auto;
border-radius: 15px;
}
.lt-header-sub-wip {
font-size: 14px;
font-weight: 500;
color: #333;
}
.lt-wip-modal-label {
font-size: 14px;
font-weight: 400;
}
.lt-units-count-wip {
border-radius: 10px;
padding: 10px 20px;
border: 1px solid #d7d7d7;
}
.lt-tkt-unit-count-wip {
font-weight: 600;
font-size: 18px;
}
.ds-nav-link:hover {
background-color: #293e4c0f;
color: #333333;
}
.ds-nav-link.active {
font-weight: 600 !important;
}
.ds-nav-link {
border-radius: 10px;
padding: 10px 15px;
transition: all 0.3s !important;
color: grey;
display: block;
}
.ds-nav-item {
margin-right: 0 !important;
}
.ds-vtabs {
border-radius: 18px;
justify-content: flex-start;
gap: 8px;
}
.form-select-sm {
padding-top: 0.55rem !important;
padding-bottom: 0.55rem !important;
padding-left: 0.75rem !important;
font-size: .925rem !important;
}
.lt-form-select-dropdown.form-select-solid {
background-color: #eef3f7;
border-color: #f5f8fa;
color: #5e6278;
transition: color .2s ease, background-color .2s ease;
}
/* wip dashboard::end */
.lt-sorting-content-title {
display: contents;
}
.lt-create-action-plan-form {
border-radius: 6px;
background: #e6f6fd;
}
.lt-create-action-plan-form h4 {
font-weight: 500;
}
.lt-action-section-height {
width: 215px;
}
.project-action-plan-table {
overflow: scroll;
max-height: 540px;
}
.lt-action-plan-border {
border: 1px solid #dadada !important;
}
.custom-modal-footer {
border-top: 1px solid #dadada !important;
}
.lt-input-group-text-date{
background: #f5f8fa !important;
border: 0px !important;
}
/* scorecard new style::start */
.lt-plus-icon{
min-width: 25px;
height: 25px;
border: 1px solid #B8B8B8;
background: white;
display: flex !important;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 5px !important;
padding: 3px;
}
.lt-plus-icon i{
color: #009EF7;
font-size: larger;
}
.lt-icon-graph i{
color: #00C898;
}
.lt-score-icons-section{
position: sticky;
left: 255px;
margin-left: 15px;
}
.lt-scorecard-failure-graph-icon {
width: 100%;
}
.lt-score-card-th-td {
vertical-align: middle;
text-align: center;
border-right: 1px solid #003562;
}
.lt-sub-action-plan-title{
color: #333 !important;
font-size: 14px !important;
font-weight: 600 !important;
vertical-align: middle !important;
text-align: left !important;
}
.lt-collapse-table-title{
vertical-align: middle;
}
.lt-table-sections-title{
background:#F1FCFF !important;
border-right: 1px solid #003562 !important;
}
.lt-td-width{
width: 80px;
min-width: 70px;
word-break: break-all;
}
.lt-failure-reason{
background: #CEF3FF !important;
color: #333 !important;
}
.lt-bottom-border-scorecard{
border-bottom: 1px solid #003562 !important;
}
.lt-failer-top-bottom-border{
border-bottom: 1px solid #003562 !important;
border-right: 1px solid #003562 !important;
border-left: 1px solid #003562 !important;
}
.lt-collapsed-table-border{
border-bottom: 1px solid #003562 !important;
}
.lt-title-collapsed-one{
font-size: 14px !important;
font-weight: 400 !important;
color: #333 !important;
}
.lt-fixed-th-scorecard{
width: 70px !important;
min-width: 70px !important;
height: 70px;
}
.lt-popover-sub-new-title{
font-weight: 400 !important;
}
.lt-popover-modal-header h3{
color: #333 !important;
font-size: 16px !important;
}
.lt-popover-modal-content{
padding: 15px 20px;
border-bottom: 1px solid #80808040;
}
.lt-popover-label{
color: #333;
font-weight: 500;
}
.lt-popover-footer{
padding: 10px;
}
.lt-failed-th{
background: #FED4D4 !important;
}
.lt-unit-failed-tr{
background: #FFF3F3 !important;
}
.lt-units-produced{
color: #44B649 !important;
}
.lt-units-completed-th{
background: #DCFFDF !important;
}
.lt-units-completed-tr{
background: #F3FFF4 !important;
}
.lt-actual-blue{
background: #B3D9FA !important;
}
.lt-actual-light-blue{
background: #CBE0F1 !important;
}
.lt-common-blue-tr{
background: #E1F5FF !important;
}
/* scorecard new style::end*/
.lt-failed-title {
font-size: 14px !important;
font-weight: 600 !important;
vertical-align: middle !important;
text-align: left !important;
color: #bc2d2d !important;
}
.lt-units-completed{
font-size: 14px !important;
font-weight: 600 !important;
vertical-align: middle !important;
text-align: left !important;
color: #44B649 !important;
}
.lt-tb-up{
color: #1168b1 !important;
font-size: 14px !important;
font-weight: 600 !important;
vertical-align: middle;
text-align: left !important;
color: #1168b1 !important;
}
.lt-saefty-title-section-new{
width: 50px !important;
min-width: 50px !important;
}
.lt-scorecard-border-radius{
border-radius: 15px !important;
}
/* scorecard new style::end*/
/* email notification settings page style::start*/
.lt-configuration-section{
background-color: #ffff;
border-radius: 20px;
}
.lt-edit-btn-new{
border: 1px solid #009EF7 !important;
width: 35px;
height: 35px;
padding: 0px;
display: flex;
align-items: center;
justify-content: center;
background: #D9F1FF;
border-radius: 6px;
}
.lt-edit-btn-new i{
color: #009EF7 !important;
}
.lt-delete-btn-new{
border: 1px solid #BD2D2D !important;
width: 30px;
height: 30px;
padding: 0px;
display: flex;
align-items: center;
justify-content: center;
background: #FFDBDB;
border-radius: 5px;
}
.lt-delete-btn-new i{
color: #BD2D2D !important;
}
.lt-confg-title{
font-weight: 600;
color: #333;
font-size: 18px;
}
.lt-configuration-heading{
border-bottom: 1px solid #b8b8b899;
padding: 15px 20px;
}
.lt-configuration-content{
padding: 15px 20px;
}
.lt-tr-cell{
color: #333 !important;
font-weight: 600 !important;
vertical-align: middle;
}
.lt-cell-th{
width: 200px;
max-width: 200px;
height: 50px !important;
vertical-align: middle;
text-align: left;
}
.lt-time-new-th{
vertical-align: middle;
text-align: center;
width: 150px;
max-width: 150px;
}
.lt-actions-th{
vertical-align: middle;
text-align: center;
width: 100px;
max-width: 100px;
}
.lt-notification-settings-tbody tr{
background: #FFF;
}
.lt-notification-settings-tbody tr .lt-right-border{
border-right: 1px solid #003562 !important;
vertical-align: middle !important;
overflow-wrap: anywhere;
}
.lt-notification-settings-tbody tr:last-child .lt-border-hidden{
border-radius: 0px 0px 0px 10px;
}
.lt-notification-settings-tbody tr:last-child .lt-border-last-hidden{
border-radius: 0px 0px 10px 0px;
}
.lt-tr-time{
font-size: 14px !important;
vertical-align: middle;
}
.lt-tr-actions{
vertical-align: middle !important;
text-align: center;
}
.lt-add-btn-new{
border-radius: 5px;
border: 1px solid #009EF7;
background: #D9F1FF;
display: flex;
align-items: center;
justify-content: center;
transition: all .5s;
}
.lt-add-btn-new i{
color: #009EF7;
}
.lt-config-second-section{
margin-top: 10px;
}
.lt-config-second-heading{
padding: 15px 20px;
justify-content: space-between;
align-items: center;
}
.lt-tr-work-station{
color: #333;
font-weight: 400 !important;
font-size: 14px !important;
vertical-align: middle !important;
}
.lt-count-time{
font-size: 16px;
color: #333;
font-weight: 600;
}
.lt-time-showing-div{
border-radius: 10px;
border: 1px solid #D7D7D7;
background: #E5F6FD;
display: flex;
justify-content: space-between;
align-items: center;
width: fit-content;
height: 50px;
}
.lt-border-right-time{
border-right: 1px solid gray;
padding: 0px 14px 0px 14px;
}
.lt-border-padding-time{
padding: 0px 14px 0px 14px;
}
.lt-user-notification-listing{
display: flex;
gap: 5px;
}
.lt-badge-color{
border: 1px solid #1268b033;
border-radius: 100px;
background: #E5F6FD;
color: #333 !important;
font-size: 14px !important;
font-weight: 400;
padding: 10px 20px;
}
.lt-workstation-th{
width: 200px;
max-width: 200px;
text-align: left;
}
.lt-time-new-second-th{
width: 450px;
max-width: 450px;
}
.lt-table-border-notification{
border-radius: 15px !important;
}
.lt-config-footer{
border-top: 1px solid #b8b8b899;
padding: 15px 20px;
}
.lt-bg-white{
background: white !important;
}
/* position sticky style::start */
.lt-bg-cell{
background-color: #1268b0 !important;
}
.lt-bg-cell-tr{
background-color:#ffffff !important;
}
/* position sticky style::end */
.lt-close-btn-light{
background: #8f8f8f5e;
color: #333 !important;
}
/* switch button::start */
/* The switch - the box around the slider */
.lt-new-switch {
font-size: 17px;
position: relative;
display: inline-block;
width: 4.6em;
height: 2.2em;
overflow: hidden;
}
/* Hide default HTML checkbox */
.lt-new-switch input {
opacity: 0;
width: 0;
height: 0;
}
/* The slider */
.lt-new-switch .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #B8B8B8;
background: #B8B8B8;
transition: .4s;
border-radius: 30px;
}
.lt-new-switch .slider:before {
position: absolute;
content: "";
height: 25px;
width: 25px;
border-radius: 20px;
left: 4px;
bottom: 6px;
background-color: white;
transition: .4s;
box-shadow: rgb(50 50 93 / 29%) 0px 6px 12px -2px, rgb(0 0 0 / 74%) 0px 3px 7px -3px;
}
.lt-new-switch input:checked + .slider {
border: 1px solid #45B64A;
background: #45B64A;
}
.lt-new-switch input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
.lt-new-switch input:checked + .slider:before {
transform: translateX(2.5em);
}
.lt-new-switch .text {
position: absolute;
top: 50%;
pointer-events: none;
text-transform: uppercase;
transform: translateY(-50%);
transition: .4s;
}
.lt-new-switch .text.on {
left: .8rem;
color: #fff;
transform: translateX(-3.2rem) translateY(-50%);
}
.lt-new-switch .text.off {
color: #fff;
right: .8rem;
}
.lt-new-switch input:checked ~ .text.off {
transform: translateX(3.2rem) translateY(-50%);
}
.lt-new-switch input:checked ~ .text.on {
transform: translateX(0) translateY(-50%);
}
/* switch button::end */
.lt-table-border-notification table tr:nth-child(even){
background: #F8FAFB;
}
/* email notification section page style::end*/
/* line manager style:start */
.lt-p-title-line-manager{
font-weight: 600;
font-size: 16px;
color: #333;
}
/* switch button::start */
.lt-line-manager-switch {
font-size: 17px;
position: relative;
display: inline-block;
width: 4.6em;
height: 2em;
overflow: hidden;
}
/* Hide default HTML checkbox */
.lt-line-manager-switch input {
opacity: 0;
width: 0;
height: 0;
}
/* The slider */
.lt-line-manager-switch .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
border: 1px solid #B8B8B8;
background: #B8B8B8;
transition: .4s;
border-radius: 30px;
}
.lt-line-manager-switch .slider:before {
position: absolute;
content: "";
height: 22px;
width: 22px;
border-radius: 20px;
left: 6px;
bottom: 6px;
background-color: white;
transition: .4s;
box-shadow: rgb(50 50 93 / 29%) 0px 6px 12px -2px, rgb(0 0 0 / 74%) 0px 3px 7px -3px;
}
.lt-line-manager-switch input:checked + .slider {
border: 1px solid #45B64A;
background: #45B64A;
}
.lt-line-manager-switch input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
.lt-line-manager-switch input:checked + .slider:before {
transform: translateX(2.5em);
}
.lt-line-manager-switch .text {
position: absolute;
top: 50%;
pointer-events: none;
text-transform: uppercase;
transform: translateY(-50%);
transition: .4s;
}
.lt-line-manager-switch .text.on {
left: .8rem;
color: #fff;
transform: translateX(-3.2rem) translateY(-50%);
}
.lt-line-manager-switch .text.off {
color: #fff;
right: .7rem;
}
.lt-line-manager-switch input:checked ~ .text.off {
transform: translateX(3.2rem) translateY(-50%);
}
.lt-line-manager-switch input:checked ~ .text.on {
transform: translateX(0) translateY(-50%);
}
/* switch button::end */
.lt-taktcount-shown{
/* width: 130.25px; */
max-width: 300px;
min-width: 130px;
height: 100px;
display: flex;
border-radius: 10px;
border: 1px solid #D7D7D7;
background: #F8FAFB;
flex-direction: column;
justify-content: center;
padding: 10px;
align-items: center;
}
.lt-plan-takt-title{
color: #333;
font-size: 14px;
font-weight: 500;
}
.lt-takt-count-line-manager{
color: #1268B0;
font-size: 32px;
font-weight: 700;
}
@media only screen and (max-width: 992px) {
.lt-new-tkt-line-manager{
flex-direction: row ;
align-items: center;
gap: 30px;
padding: 20px;
}
.lt-tkt-timer-new-section{
flex-direction: row;
}
}
@media only screen and (max-width: 756px) {
.lt-new-tkt-line-manager{
flex-direction: row ;
justify-content: center;
}
.lt-tkt-timer-new-section{
flex-direction: column;
}
}
@media only screen and (max-width: 556px) {
.lt-new-tkt-line-manager{
flex-direction: column ;
justify-content: center;
}
.lt-takt-count-shown-section{
width: 100%;
}
.lt-taktcount-shown{
width: 100%;
display: flex;
flex-direction: column;
}
}
/* line manager style:end*/
/* work station output new style:start */
.lt-takt-countdown-section-new{
display: flex;
flex-direction: column;
}
.lt-progress-tkt-section{
display: flex
}
@media only screen and (max-width: 1200px) {
.lt-progress-tkt-section{
padding: 20px;
}
}
@media only screen and (max-width: 992px) {
.lt-flex-tkt-new-direction{
flex-direction: row;
}
}
@media only screen and (max-width: 756px) {
.lt-flex-tkt-new-direction{
flex-direction: column;
}
}
@media only screen and (max-width: 556px) {
.lt-progress-tkt-section{
flex-direction: column;
}
.lt-new-sec-tion{
flex-direction: row;
}
.lt-progress-tkt-section{
padding: 0px;
}
}
/* work station output new style:end */
/* reason code modal style:start*/
.checkbox-wrapper-16 *,
.checkbox-wrapper-16 *:after,
.checkbox-wrapper-16 *:before {
box-sizing: border-box;
}
.checkbox-wrapper-16 .checkbox-input {
clip: rect(0 0 0 0);
-webkit-clip-path: inset(100%);
clip-path: inset(100%);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
width: 1px;
}
.checkbox-wrapper-16 .checkbox-input:checked + .checkbox-tile {
border-color: #009EF7;
color: #21689c;
background: #ddeef9;
}
.checkbox-wrapper-16 .checkbox-input:checked + .checkbox-tile .lt-reasons-option-title-section{
background-color: #80b3ee3d;
}
.checkbox-wrapper-16 .checkbox-input:checked + .checkbox-tile:before {
transform: scale(1);
content: "";
}
.checkbox-wrapper-16 .checkbox-input:checked + .checkbox-tile .checkbox-icon,
.checkbox-wrapper-16 .checkbox-input:checked + .checkbox-tile .checkbox-label {
color: #2260ff;
}
.checkbox-wrapper-16 .checkbox-input:focus + .checkbox-tile {
color: #21689c;
}
.checkbox-wrapper-16 .checkbox-input:focus + .checkbox-tile:before {
transform: scale(1);
opacity: 1;
}
.checkbox-wrapper-16 .checkbox-tile {
display: flex;
flex-direction: column;
align-items: center;
transition: 0.15s ease;
cursor: pointer;
position: relative;
}
.checkbox-wrapper-16 .checkbox-tile:before {
content: "";
font-size: 12px;
opacity: 0;
transform: scale(0);
transition: 0.25s ease;
}
.checkbox-wrapper-16 .checkbox-tile:hover {
border-color: #009EF7;
}
.checkbox-wrapper-16 .checkbox-tile:hover:before {
transform: scale(1);
opacity: 1;
}
.checkbox-wrapper-16 .checkbox-icon {
transition: 0.375s ease;
color: #494949;
}
.checkbox-wrapper-16 .checkbox-label {
color: #707070;
transition: 0.375s ease;
text-align: center;
}
/* reason code modal style:end*/
.page-loader{
z-index: 1800;
}
/* scorecard report page::start */
.paleto-chart-section{
border: 1px solid #8080804a;
border-radius: 10px;
padding: 0px;
overflow: hidden;
}
.lt-table-section-failure{
border-radius: 15px;
}
.lt-tr-td-failure-table,.lt-tr-th-failure-table{
vertical-align: middle;
font-size: 14px !important;
width: 33%;
color: #333;
overflow-wrap: anywhere;
}
.lt-p-th-title{
text-align: center;
color: #1268B0 !important;
font-weight: 600 !important;
background: rgba(84, 172, 226, 0.20) !important;
}
.lt-bottom-tr-color{
border-bottom: 1px solid #b8b8b85e !important;
}
.pie-chart-section{
border: 1px solid #8080805c;
border-radius: 15px;
padding: 0px;
overflow: hidden;
height: 404px;
min-height: 404px;
}
.lt-h3-title-failure-reason{
font-size: 14px;
font-weight: 600;
color: #333;
}
.lt-title-new-section-scorecard{
background: rgba(84, 172, 226, 0.20);
padding: 10px 20px;
}
.lt-tr-border-right-report,.lt-th-border-right-report{
border-right: 1px solid #00356261 !important;
}
.lt-bg-table-report{
background:#F8FAFB;
}
.lt-label-title{
font-weight: 500;
color: #333;
}
/* scorecard report page::end */
.spinner-border-lts {
display: inline-block;
width: 2rem;
height: 2rem;
vertical-align: -.125em;
border: .350em solid currentColor;
border-right-color: transparent;
border-radius: 50%;
animation: .65s linear infinite spinner-border;
}
/* continous improvement new style::start */
.lt-continous-chart-btn{
border: 1px solid #009EF7;
background: #D9F1FF;
border-radius: 6px;
width: 35px;
height: 35px;
}
.lt-continous-chart-btn i{
color: #009EF7;
}
.lt-continous-btn-delete{
border: 1px solid #BD2D2D;
background: #FFDBDB;
border-radius: 6px;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
}
.lt-continous-btn-delete i{
color: #BD2D2D;
}
/* continous improvement new style::start */
.lt-input-total{
border: 1px solid #80808059;
width: 25%;
height: 40px;
border-radius: 10px;
background: white;
display: flex;
align-items: center;
justify-content: center;
}
/* action plan report page style:start */
.lt-wrap {
margin: 1rem auto 2rem;
max-width: 100%;
position: relative;
}
.chart-box {
padding-left: 0;
background: #fff;
margin-right: 10px;
}
#chart-year,
#chart-quarter {
width: 96%;
max-width: 48%;
box-shadow: none;
}
#chart-year {
float: left;
position: relative;
transition: 1s ease transform;
z-index: 3;
}
#chart-year.chart-quarter-activated {
transform: translateX(0);
transition: 1s ease transform;
}
#chart-quarter {
float: left;
position: relative;
z-index: -2;
transition: 1s ease transform;
}
#chart-quarter.active {
transition: 1.1s ease-in-out transform;
transform: translateX(0);
z-index: 1;
}
@media screen and (min-width: 480px) {
#chart-year {
transform: translateX(50%);
}
#chart-quarter {
transform: translateX(-50%);
}
}
select#model {
display: none;
position: absolute;
top: -40px;
left: 0;
z-index: 2;
cursor: pointer;
transform: scale(0.8);
}
.lt-date-range-icon-calender{
top: 7px;
right: 7px;
}
/* action plan report page style:end */
@media only screen and (max-width:556px) {
.lt-input-total{
width: 100%;
}
}
.lt-table-border-bottom tr{
border-bottom: 1px solid #b8b8b857 !important;
}
.lt-card-body{
background-color: transparent !important;
}
/* editable css start */
.editable-error-block {
color: #f1416E !important;
}
/* editable css end */
.lt-mail-th{
vertical-align: middle;
}
/* line manager fixed scroll style::start*/
.fixme {
text-align: center;
z-index: 1000;
}
.fixed {
position: fixed;
padding: 10px 20px;
top: 115px;
right: 0;
width: 100%;
background: white;
box-shadow: rgba(0, 0, 0, 0.16) 0px 2px 2px;
border-top: 1px solid #80808038;
z-index: 2;
}
.fixed-row-style{
width: 50%;
float: right;
}
@media only screen and (max-width: 1200px) {
.fixed-row-style{
width: 100%;
float: none;
}
}
@media only screen and (max-width: 992px) {
.fixed{
top: 99px;
}
.fixed-row-style{
width: 100%;
float: none;
}
}
@media only screen and (max-width: 456px) {
.fixed{
top: 120px;
}
}
/* line manager fixed scroll style::end*/
.lt-reponsive-table-email{
overflow: auto;
max-height: 450px;
border-radius: 15px;
}
.lt-sticky-column-email{
background:#1268b0 !important;
position: sticky;
top: 0;
box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4);
z-index: 2;
}
.lt-im-table,.lt-scorecard-border-radius {
scrollbar-color: #9699ad69 transparent !important;
}
/* planning module style::start*/
.lt-weekly-module-section{
border-radius: 15px;
background-color: white;
border: 1px solid #d7d7d791;
padding: 18px 20px;
}
.lt-icon-calender{
position: absolute;
top: 7px;
right: 7px;
}
.lt-border-input{
border: 1px solid #d7d7d791 !important;
}
.lt-bg-input{
background-color: #E5F6FD !important;
}
.lt-options-new-bg{
width: 125px;
min-width: 125px;
height: 42px;
border-radius: 100px;
text-align: center;
padding: 11px;
}
.lt-date-count{
margin-bottom: 0px;
font-weight: 400;
}
.lt-date-count,.lt-label-count-new{
font-size: 15px;
color: #333
}
.lt-x-scroll{
overflow-x: scroll;
}
.lt-label-count-new{
margin-bottom: 3px;
font-weight: 600;
}
.lt-count-number{
font-size: 35px;
font-weight: 600;
color: #009EF7;
}
.lt-content-schedules{
box-shadow: 4px 4px 10px rgba(18, 104, 176, 0.30);
background: #fff;
padding: 20px 10px;
border-radius: 15px;
border: 1px solid #009EF7;
}
.lt-content-schedules.active{
background: linear-gradient(180deg, #80D1FF 0%, #009EF7 100%);
color: white;
border-color: #80D1FF;
transition: all ease .5s;
}
.lt-content-schedules.active .lt-label-count-new,.lt-content-schedules.active .lt-date-count,.lt-content-schedules.active .lt-count-number{
color: white;
}
.lt-total-count-module{
width: fit-content;
height: fit-content;
border: 1px solid #d7d7d791;
background: #e5f6fd;
padding: 5px 10px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 10px;
}
.lt-total-label{
width: 50px;
}
.lt-module-width-new{
width: 92%;
}
.lt-total-p{
font-size: 35px;
font-weight: 600;
overflow-wrap: anywhere;
}
/* table style */
.lt-module-td,.lt-module-last-td{
color: #333 !important;
vertical-align: middle;
text-align: center;
font-size: 14px !important;
font-weight: 400 !important;
padding: 12px !important;
overflow-wrap: anywhere !important;
}
.lt-thead-module-new tr td:last-child{
border-right: 1px solid #d7d7d714 !important;
}
.lt-module-tbody tr td:last-child{
border-right: 1px solid #d7d7d714 !important;
}
.lt-last-border-bottom{
border-bottom: 1px solid #003d71e3 !important;
}
.lt-last-module-section-tr{
background: #E6F4FC !important;
}
.lt-last-td-total{
text-align: end !important;
}
.lt-last-th-total{
text-align: start;
}
.lt-thead-taks-completed tr .lt-th-border-right-module{
border-right: 1px solid #003d71e3 !important;
}
.lt-last-th-total,.lt-last-td-total{
padding-right: 25px !important;
}
.lt-tbody-shift-heading {
transform: rotate(180deg);
}
.lt-width-module{
width: 35px !important;
min-width: 35px !important;
padding: 10px !important;
}
.lt-span-shift-title{
color:#1268b0 !important;
font-size: 16px !important;
writing-mode: vertical-rl;
transform: rotate(180deg);
white-space: nowrap;
}
.lt-new-span-shift-title{
color:#1268b0 !important;
font-size: 16px !important;
}
.lt-span-count-number{
font-size: 14px !important;
writing-mode: vertical-rl;
transform: rotate(180deg);
white-space: nowrap;
}
.lt-sticky-module-table,.lt-second-sticky-module-table {
position: sticky;
top: 0;
left: 0px;
z-index: 1;
}
.lt-sticky-new-module-table{
position: sticky;
top: 0;
left: -63px;
}
.lt-second-sticky-module-table{
left: 35px;
}
.lt-table-last-total-ops-bg{
background: #e6f4fc !important;
}
.lt-sticky-th-top-bg{
background: #1268b0 !important;
}
.lt-bg-white-blue{
background: #F1FCFF !important;
}
.lt-new-border-after-th::before,.lt-new-border-after-th::after{
content: '';
position: absolute;
left: 0;
height: 100%;
}
.lt-new-border-after-th:after {
bottom: 0;
border-left: 1px solid #0035625c;
}
.lt-time-icon-input::-webkit-calendar-picker-indicator{
width:18px;
height: 16px;
}
.lt-philips-icon-calender{
top: 12px;
right: 7px;
}
.collapsed .lt-collpase-new-down i{
transform: rotate(180deg);
transition: .3s ease-in-out
}
.show .lt-collpase-new-down i{
transition: .3s ease-in-out
}
.collapsible {
cursor: pointer;
}
.lt-datapoint-partner-new-img{
width: 150px;
}
/* table style */
@media screen and (max-width: 992px) {
.lt-module-width-new{
width: 100%;
}
}
@media screen and (max-width: 576px) {
.lt-total-count-module{
width: 100%;
margin-top: 10px;
}
}
.lt-problem-tr .lt-problem-th,.lt-problem-tr .lt-problem-td{
text-align: start !important;
}
.lt-problem-settings-section{
margin-top: 10px;
}
.lt-table-philips-tbody .lt-problem-tr{
border-right: 1px solid #D7D7D7 !important;
}
.lt-problem-tr .lt-problem-code-last-td{
border-right: 0px !important;
}
.lt-continous-chart-btn-new{
border: 0px;
background: #009EF7;
border-radius: 5px;
width: 35px;
height: 35px;
}
.lt-continous-chart-btn{
border: 1px solid #009EF7;
background: #D9F1FF;
border-radius: 6px;
width: 30px;
height: 30px;
}
.lt-continous-chart-btn i{
color: #009EF7;
}
.lt-continous-chart-btn-new i{
color: white;
}
.lt-reason-success{
background: #F5FFF0;
padding: 15px 20px;
border-radius: 15px 15px 0px 0px;
}
.lt-reason-success h3{
color: #00B84A;
}
.lt-reason-success h3 i{
color: #00B84A;
}
.lt-reason-failed{
background: #f8e055;
padding: 15px 20px;
border-radius: 15px 15px 0px 0px;
}
.lt-reason-failed h3{
color: #F1BC00;
}
.lt-reason-failed h3 i{
color: #F1BC00;
}
.lt-modal-border-radius{
border-radius: 15px;
}
.lts-ok-btn{
background: #1268B0;
color: white;
}
.lt-failed-reasons-section-modal{
background: #ffa00052;
border-radius: 5px;
}
.lt-failed-reasons-section-modal p{
color: #181C32;
border-radius: 6px;
}
/* PHILIPS STYLE CSS::end*/
.lt-assign-operator-tr{
cursor: pointer;
}
/* planning module style::end*/
.lt-custome-modal-body-email-config{
overflow: scroll !important;
max-height: 70vh !important;
}
/* Problem Code and Shift & Issues style::start */
.lt-prob-area-td{
text-align: start !important;
vertical-align: middle;
font-weight: 400 !important;
font-size: 14px !important;
}
.lt-prob-border-left{
border-right: 1px solid #D7D7D7 !important;
}
.lt-probe-tr-last-border{
border-bottom: 1px solid #D7D7D7 !important;
}
tr:nth-child(even) {
background: #fff;
}
.lt-datapoint-tbody tr:nth-child(even) {
background: #f8fafb;
}
.lt-prob-modal-Icon {
width: 30px;
height: 30px;
margin-right: 5px;
}
/* Problem Code and Shift & Issues style::end*/
/* Manage shift style::start */
.lt-manage-shift-th{
padding: 10px !important;
}
.lt-manage-shift-td{
padding: 20px !important;
color: #333 !important;
}
.lt-less-width{
width: 200px;
}
.lt-less-modal-content-width{
width: 50px !important;
min-width: 100px !important;
}
.lt-less-new-modal-content-width{
width: 50px !important;
min-width: 50px !important;
}
.lt-left-align{
text-align: start !important;
}
.lt-tr-mange-shift{
background-color: white !important;
text-wrap: wrap;
overflow-wrap: anywhere;
border-bottom: 1px solid #D7D7D7 !important;
}
.lt-assign-shift-operator-section{
/* overflow: hidden; */
border: 1px solid #80808036;
border-radius: 10px;
}
.lt-assign-shift-title{
background: #F5F8FA;
padding: 10px;
border-radius: 10px 10px 0px 0px;
/* border-bottom: 1px solid #DEDEDE !important; */
}
.lt-shift-operator-title{
font-size: 16px;
font-weight: 600;
color: #333;
}
.lt-assign-operator-th,.lt-assign-operator-td{
text-align: center;
vertical-align: middle !important;
}
.lt-interval-th{
text-align: left !important;
}
.lt-assign-operator-td{
border-bottom: 1px solid #D7D7D7 !important;
}
.lt-create-shift-select-2-dropdown {
border-color:#D7D7D7 !important;
}
.form-control[input]::-webkit-calendar-picker-indicator{
border-color:#D7D7D7 !important;
}
.lt-collpase-new-down{
width: 30px;
height: 30px;
color: #3333;
border: 0px;
background: transparent;
display: flex;
justify-content: center;
align-items: center;
}
.lt-collpase-down{
border-color: #009ef7 !important;
border: 1px solid #009ef7;
border-radius: 100px;
width: 30px;
height: 30px;
color: #009ef7;
background: white;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}
.lt-collpase-down i{
color: #009ef7;
}
.lt-panel-collapse i{
color: #009ef7;
}
.lt-nested-collapse{
transition: all 0.3s;
}
.lt-timer-loop-circle{
width: 12px;
height: 12px;
background: #009ef7;
border-radius: 100px;
z-index: 1;
}
.lt-tr-collapse-content{
background: #F4FBFF !important;
}
.lt-collaspe-width-th{
width: 50px !important;
}
.lt-collapse-table-td{
font-size: 14px !important;
font-weight: 500 !important;
text-wrap: wrap;
overflow-wrap: anywhere;
}
.noUi-connects{
background-color:#9090903b !important;
}
.accordion-button::after{
transition: transform .5s ease-in-out !important;
margin-left: 0px !important;
color: #009ef7 !important;
}
.accordion-button{
z-index: 2 !important;
}
.lt-action-plan-thead tr .new-th {
width: 350px !important;
}
.lt-border-width{
border: 1px solid #80808040 !important;
}
.active {
display: table-row;
}
.manage-shift-table .lt-toggle-table {
cursor: pointer;
font-weight: bold;
}
.manage-shift-table .lt-toggle-table.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 20px;
background: #94c1e1;
top: 50%;
margin-top: 10px;
left: 33px;
}
.manage-shift-table .lt-arrow-i-table {
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.manage-shift-table .lt-toggle-table.active .lt-arrow-i-table {
transition: all 0.3s ease-in;
transform: rotate(180deg);
}
.manage-shift-table .lt-toggle-table.active {
border-bottom: 1px solid #36365c17 !important;
}
.manage-shift-table .lt-toggle-table td {
transition: all 0.3s;
}
.manage-shift-table .nested td:first-child {
transition: all 0.3s;
}
.manage-shift-table .nested td:first-child {
transition: all 0.3s;
}
.manage-shift-table .nested:hover td:first-child {
background-color: #f4fbff;
}
.manage-shift-table .nested.active {
border-bottom: 1px solid #00000012 !important;
}
.manage-shift-table .nested.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 105%;
background: #94c1e1;
top: -6px;
margin-top: 0px;
left: 33px;
}
.manage-shift-table .lt-table-nested-lastchild.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 25px;
background: #94c1e1;
top: -10px;
margin-top: 6px;
left: 33px;
}
/* .nested {
display: none;
} */
/* Manage shift style::end */
.text-gray-600 {
color: #000000 !important;
}
.table>:not(caption)>*>* {
box-shadow: inset 0 0 0 9999px transparent !important;
}
.lt-project-listing-wrapper table tbody tr:nth-child(odd) {
background: #fff;
}
.lt-project-listing-wrapper table tbody tr:nth-child(even) {
background: #f8fafb;
}
/* Manage shift style::start */
.lt-manage-shift-th{
padding: 10px !important;
}
.lt-less-width{
width: 200px;
}
.lt-less-modal-content-width{
width: 50px !important;
min-width: 100px !important;
}
.lt-less-new-modal-content-width{
width: 50px !important;
min-width: 50px !important;
}
.lt-left-align{
text-align: start !important;
}
.lt-tr-mange-shift{
background-color: white !important;
text-wrap: wrap;
overflow-wrap: anywhere;
border-bottom: 1px solid #D7D7D7 !important;
}
.lt-assign-shift-operator-section{
border: 1px solid #80808036;
border-radius: 10px;
}
.lt-assign-shift-title{
background: #F5F8FA;
padding: 10px;
border-radius: 10px 10px 0px 0px;
/* border-bottom: 1px solid #DEDEDE !important; */
}
.lt-shift-operator-title{
font-size: 16px;
font-weight: 600;
color: #333;
}
.lt-assign-operator-th,.lt-assign-operator-td{
text-align: center;
vertical-align: middle !important;
}
.lt-interval-th{
text-align: left !important;
}
.lt-assign-operator-td{
border-bottom: 1px solid #D7D7D7 !important;
}
.lt-create-shift-select-2-dropdown {
border-color:#D7D7D7 !important;
}
.form-control[input]::-webkit-calendar-picker-indicator{
border-color:#D7D7D7 !important;
}
.lt-collpase-new-down{
width: 30px;
height: 30px;
color: #3333;
border: 0px;
background: transparent;
display: flex;
justify-content: center;
align-items: center;
}
.lt-collpase-down{
border-color: #009ef7 !important;
border: 1px solid #009ef7;
border-radius: 100px;
width: 30px;
height: 30px;
color: #009ef7;
background: white;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}
.lt-collpase-down i{
color: #009ef7;
}
.lt-panel-collapse i{
color: #009ef7;
}
.lt-nested-collapse{
transition: all 0.3s;
}
.lt-timer-loop-circle{
width: 12px;
height: 12px;
background: #009ef7;
border-radius: 100px;
z-index: 1;
}
.lt-tr-collapse-content{
background: #F4FBFF !important;
}
.lt-collaspe-width-th{
width: 50px !important;
}
.lt-collapse-table-td{
font-size: 14px !important;
font-weight: 500 !important;
text-wrap: wrap;
overflow-wrap: anywhere;
}
.noUi-connects{
background-color:#9090903b !important;
}
.accordion-button::after{
transition: transform .5s ease-in-out !important;
margin-left: 0px !important;
color: #009ef7 !important;
}
.accordion-button{
z-index: 2 !important;
}
.lt-action-plan-thead tr .new-th {
width: 350px !important;
}
.lt-border-width{
border: 1px solid #80808040 !important;
}
.active {
display: table-row;
}
.manage-shift-table .lt-toggle-table {
cursor: pointer;
font-weight: bold;
}
.manage-shift-table .lt-toggle-table.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 20px;
background: #94c1e1;
top: 50%;
margin-top: 10px;
left: 33px;
}
.manage-shift-table .lt-arrow-i-table {
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.manage-shift-table .lt-toggle-table.active .lt-arrow-i-table {
transition: all 0.3s ease-in;
transform: rotate(180deg);
}
.manage-shift-table .lt-toggle-table.active {
border-bottom: 1px solid #36365c17 !important;
}
.manage-shift-table .lt-toggle-table td {
transition: all 0.3s;
}
.manage-shift-table .nested td:first-child {
transition: all 0.3s;
}
.manage-shift-table .nested td:first-child {
transition: all 0.3s;
}
.manage-shift-table .nested:hover td:first-child {
background-color: #f4fbff;
}
.manage-shift-table .nested.active {
border-bottom: 1px solid #00000012 !important;
}
.manage-shift-table .nested.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 105%;
background: #94c1e1;
top: -6px;
margin-top: 0px;
left: 33px;
}
.manage-shift-table .lt-table-nested-lastchild.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 25px;
background: #94c1e1;
top: -10px;
margin-top: 6px;
left: 33px;
}
/* .nested {
display: none;
} */
/* Manage shift style::end */
/* inline style */
.w-575px {
width: 575px !important;
}
.lt-overflow-wrap{
overflow-wrap: anywhere;
}
.dt-empty{
text-align: center;
}
/*------------------------------- Manage shift style::end -------------------------------*/
/*------------------------------- planning module style::start -------------------------------*/
.lt-weekly-module-section{
border-radius: 15px;
background-color: white;
border: 1px solid #d7d7d791;
padding: 15px 18px;
}
.lt-icon-calender{
position: absolute;
top: 7px;
right: 7px;
}
.lt-border-input{
border: 1px solid #d7d7d791 !important;
}
.lt-options-new-bg{
width: 125px;
min-width: 125px;
height: 42px;
border-radius: 100px;
text-align: center;
padding: 11px;
}
.lt-date-count{
margin-bottom: 0px;
font-weight: 400;
}
.lt-date-count,.lt-label-count-new{
font-size: 15px;
color: #333
}
.lt-x-scroll{
overflow-x: scroll;
}
.lt-label-count-new{
margin-bottom: 3px;
font-weight: 600;
}
.lt-count-number{
font-size: 35px;
font-weight: 600;
color: #009EF7;
}
.lt-total-count-module{
height: fit-content;
border: 1px solid #d7d7d791;
background: #e5f6fd;
padding: 5px 10px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 10px;
}
.lt-total-label{
width: 70px;
}
.lt-module-width-new{
width: 92%;
}
.lt-total-p{
font-size: 35px;
font-weight: 600;
overflow-wrap: anywhere;
}
/* table style */
.lt-thead-module-new tr td:last-child{
border-right: 1px solid #d7d7d714 !important;
}
.lt-module-tbody tr td:last-child{
border-right: 1px solid #d7d7d714;
}
.lt-last-border-bottom{
border-bottom: 1px solid #003d71e3 !important;
}
.lt-module-tr,.lt-module-last-td{
border-right: 1px solid #003D71 !important;
}
.lt-last-module-section-tr{
background: #E6F4FC !important;
}
.lt-last-td-total{
text-align: end !important;
}
.lt-last-th-total{
text-align: start;
}
.lt-module-tbody tr .lt-last-border-bottom-module{
border-bottom: 1px solid #003d71e3 !important;
}
.lt-thead-taks-completed tr .lt-th-border-right-module{
border-right: 1px solid #003D71 !important;
}
.lt-last-th-total,.lt-last-td-total{
padding-right: 25px !important;
}
.lt-tbody-shift-heading .lt-shift-title {
color: #1268b0 !important;
}
.lt-span-shift-title{
color:#1268b0 !important;
font-size: 16px !important;
writing-mode: vertical-rl;
transform: rotate(180deg);
white-space: nowrap;
}
.lt-span-count-number{
font-size: 14px !important;
writing-mode: vertical-rl;
transform: rotate(180deg);
white-space: nowrap;
}
.lt-sticky-module-table,.lt-second-sticky-module-table {
position: sticky;
top: 0;
left: 0px;
z-index: 1;
}
.lt-sticky-new-module-table{
position: sticky;
top: 0;
left: -63px;
}
.lt-second-sticky-module-table{
left: 35px;
}
.lt-table-last-total-ops-bg{
background: #e6f4fc !important;
}
.lt-sticky-th-top-bg{
background: #1268b0 !important;
}
.lt-new-module-border-radius table{
border-bottom: 1px solid #D7D7D7;
}
.lt-philips-table-border-radius{
border-radius: 15px !important;
}
.lt-bg-white-blue{
background: #F1FCFF !important;
}
.lt-new-border-after-th::before,.lt-new-border-after-th::after{
content: '';
position: absolute;
left: 0;
height: 100%;
}
.lt-new-border-after-th:after {
bottom: 0;
border-left: 1px solid #0035625c;
}
.lt-time-icon-input::-webkit-calendar-picker-indicator{
width:18px;
height: 16px;
}
.lt-philips-icon-calender{
top: 12px;
right: 7px;
}
.collapsed .lt-collpase-new-down i{
transform: rotate(180deg);
transition: .3s ease-in-out
}
.show .lt-collpase-new-down i{
transition: .3s ease-in-out
}
.collapsible {
cursor: pointer;
}
.lt-datapoint-partner-new-img{
width: 150px;
}
/* table style */
@media screen and (max-width: 992px) {
.lt-module-width-new{
width: 100%;
}
}
@media screen and (max-width: 576px) {
.lt-total-count-module{
width: 100%;
margin-top: 10px;
}
}
.lt-problem-tr .lt-problem-th,.lt-problem-tr .lt-problem-td{
text-align: start !important;
}
.lt-problem-settings-section{
margin-top: 10px;
}
.lt-table-philips-tbody .lt-problem-tr{
border-right: 1px solid #D7D7D7 !important;
}
.lt-problem-tr .lt-problem-code-last-td{
border-right: 0px !important;
}
.lt-continous-chart-btn-new{
border: 0px;
background: #009EF7;
border-radius: 5px;
width: 35px;
height: 35px;
}
.lt-continous-chart-btn{
border: 1px solid #009EF7;
background: #D9F1FF;
border-radius: 6px;
width: 30px;
height: 30px;
}
.lt-continous-chart-btn i{
color: #009EF7;
}
.lt-continous-chart-btn-new i{
color: white;
}
.lt-reason-success{
background: #F5FFF0;
padding: 15px 20px;
border-radius: 15px 15px 0px 0px;
}
.lt-reason-success h3{
color: #00B84A;
}
.lt-reason-success h3 i{
color: #00B84A;
}
.lt-reason-failed{
background: #FFEFEF;
padding: 15px 20px;
border-radius: 15px 15px 0px 0px;
}
.lt-reason-failed h3{
color: #BD2D2D;
}
.lt-reason-failed h3 i{
color: #BD2D2D;
}
.lt-modal-border-radius{
border-radius: 15px;
}
.lts-ok-btn{
background: #1268B0 !important;
color: white;
}
.lt-failed-reasons-section-modal{
background: #FFEFEF;
border-radius: 5px;
}
.lt-failed-reasons-section-modal p{
color: #BD2D2D;
border-radius: 6px;
}
.lt-philips-table-border-radius tbody td:first-child, .lt-philips-table-border-radius tbody th:first-child {
border-left: 1px solid #D7D7D7;
}
.lt-philips-table-border-radius tbody td:last-child, .lt-philips-table-border-radius tbody th:last-child{
border-right: 1px solid #D7D7D7 !important;
}
.lt-philips-table-border-radius tbody tr:last-child th{
border-radius: 0px 0px 0px 15px;
}
.lt-philips-table-border-radius tbody tr:last-child .lt-labor-td-highlights{
border-radius: 0px 0px 15px 0px;
}
.lt-philips-table-border-radius tbody tr:last-child .lt-last-labour-border{
border-radius: 0px 0px 15px 0px;
}
/*------------------------------- planning module style::end -------------------------------*/
/* ------------------------------- shift allocation style ::start -------------------------------*/
.lt-modal-label {
color: #333;
font-weight: 600;
margin-bottom: 5px;
font-size: 14px;
}
.lt-save-btn{
background: #45b64a !important;
color: white !important;
border-radius: 10px;
}
.lt-shift-options-section{
/* background: white; */
/* padding: 6px 10px; */
border-radius: 15px;
/* margin-bottom: 20px; */
}
.lt-shift-main-content-calender{
padding: 10px;
border-radius: 10px;
}
.lt-shift-round{
width: 10px;
height: 10px;
border-radius: 100px;
}
.lt-shift-3{
background-color: #00B84A;
}
.lt-shift-1{
background-color: #FDAE38;
}
.lt-shift-2{
background-color: #009EF7;
}
.lt-shift-paragh{
font-weight: 400;
}
.lt-active-confirm-btn {
background: #45b64a;
color: white !important;
}
.lt-btn-reset{
background: #1268B0;
color: white !important;
}
.swal2-popup {
padding: 0;
}
.swal2-html-container{
margin: 0px;
margin-top: 0px;
}
.swal2-popup .swal2-html-container{
margin-top: 0px;
padding: 30px;
padding-bottom: 0px;
padding-top: 15px;
}
.lt-reason-modal-header {
background: rgba(84, 172, 226, 0.2);
padding: 10px 20px !important;
}
.lt-calender-shift3-border{
border: 4px solid #00B84A;
}
.lt-calender-shift1-border{
border: 4px solid #FDAE38;
}
.lt-calender-shift2-border{
border: 4px solid #009EF7;
}
.lt-new-extra-div {
width: 0px;
height: auto;
border-radius: 100px;
}
.lt-fc-title{
font-weight: 600;
color: #333;
overflow-wrap: anywhere;
}
.fc-timegrid-event{
height: fit-content;
}
.fc-time{
font-weight: 600;
color: #333;
}
.lt-fc-new-title{
font-weight: 500;
}
.lt-fc-new-title{
color: #333 !important;
}
.fc .fc-daygrid-dot-event{
padding: 0px !important;
}
.lt-shift-allocation-section{
border-radius: 10px;
}
.lt-content-event-clicked{
font-size: 14px;
font-weight: 400;
}
.lt-content-event-clicked{
border-radius: 10px;
border: 1px solid #C7C7C7;
background: #F8F8F8;
padding: 10px;
}
.lt-border-input-operator{
border-color: #C7C7C7 !important;
}
.lt-shift3-header{
background: #F0F8F3;
border-top: 1px solid #f9f9f900;
border-bottom: 1px solid #f9f9f900;
}
.lt-shift3-border{
border-right: 1px solid #f9f9f900;
border-left: 1px solid #f9f9f900;
border-bottom: 1px solid #f9f9f900;
}
.lt-prev-next-btn{
border: 0px;
background: transparent;
}
.lt-calender-view-icon{
border-radius: 10px;
border: 1px solid #B8B8B8;
background: #FFF;
padding: 7px 10px;
}
.highlight-weekend {
background-color: #f8f9fa;
}
/* ------------------------------- shift allocation style ::end -------------------------------*/
/* -------------------------------Weekly Labor Rate Analysis page::start-------------------------------*/
.lt-weekly-labour-rate-th, .lt-weekly-labour-rate-tr-td{
text-align: start !important;
}
.lt-mtd-th{
background: #128DD9 !important;
}
.lt-mtd-td-higlight{
background-color: #deedf7a6 !important;
}
.lt-hours-th{
background: #27B3B2 !important;
}
.lt-labor-th{
background: #F1A739 !important;
}
.lt-hours-td-highlights{
background: #e0f1f3 !important;
}
.lt-labor-td-highlights{
background:#fef6eb !important;
}
.lt-print-btn {
background: #1268B0;
padding: 6px 10px !important;
border-radius: 7px;
color: white;
font-weight: 300;
font-size: 14px;
}
.lt-print-btn i {
color: white;
}
.lt-table-sticky-th-main{
background-color: #1268b0 !important;
}
.lt-weekly-labour-table-sticky{
position: sticky;
top: 0;
left: 0;
z-index: 1;
}
.lt-second-sticky-weekly-table{
position: sticky;
top: 0;
left: 100px;
z-index: 1;
}
.lt-third-sticky-weekly-table{
position: sticky;
top: 0;
left: 200px;
z-index: 1;
}
.lt-fourth-sticky-weekly-table{
position: sticky;
top: 0;
left: 300px;
z-index: 1;
}
.lt-fifth-sticky-weekly-table{
position: sticky;
top: 0;
left: 400px;
z-index: 1;
}
.lt-sixth-sticky-weekly-table{
position: sticky;
top: 0;
left: 500px;
z-index: 1;
}
.lt-last-hour-th-sticky{
position: sticky;
top: 0;
right: 59px;
z-index: 1;
}
.lt-last-labor-th-sticky{
position: sticky;
top: 0;
right: 0px;
z-index: 1;
}
.lt-weekly-table-sticky-last-th{
background-color: #E6F4FC !important;
}
.lt-weekly-labour-tbody tr:nth-child(even) .lt-weekly-labour-table-sticky,
.lt-weekly-labour-tbody tr:nth-child(even) .lt-second-sticky-weekly-table,
.lt-weekly-labour-tbody tr:nth-child(even) .lt-third-sticky-weekly-table ,
.lt-weekly-labour-tbody tr:nth-child(even) .lt-fourth-sticky-weekly-table,
.lt-weekly-labour-tbody tr:nth-child(even) .lt-fifth-sticky-weekly-table,
.lt-weekly-labour-tbody tr:nth-child(even) .lt-sixth-sticky-weekly-table {
background: #F5F8FA;
}
.lt-weekly-labour-tbody tr:nth-child(odd) .lt-weekly-labour-table-sticky,
.lt-weekly-labour-tbody tr:nth-child(odd) .lt-second-sticky-weekly-table ,
.lt-weekly-labour-tbody tr:nth-child(odd) .lt-third-sticky-weekly-table,
.lt-weekly-labour-tbody tr:nth-child(odd) .lt-fourth-sticky-weekly-table,
.lt-weekly-labour-tbody tr:nth-child(odd) .lt-fifth-sticky-weekly-table,
.lt-weekly-labour-tbody tr:nth-child(odd) .lt-sixth-sticky-weekly-table{
background: #ffff;
}
.lt-philips-sm-icon-calender{
top: 7px;
right: 7px;
}
/* -------------------Weekly Labor Rate Analysis page::end-------------------*/
/* ----------------Weekly Missed Values page ::start------------ */
.lt-heading-tr-miss-values th{
background: #1268B0;
color: white !important;
padding: 10px;
vertical-align: middle;
font-size: 14px;
border-right: 1px solid #003D71;
}
.lt-heading-th-miss-values{
padding: 10px !important;
font-weight: 500 !important;
text-align: start;
}
.lt-mtd-miss-values-th{
text-align: center !important;
}
.lt-date-th{
font-weight: 600 !important;
font-size: 16px !important;
text-align: center;
border-bottom: 1px solid #003D71 !important;
}
.lt-week-th-miss-values{
background: #128DD9 !important;
font-size: 14px !important;
text-align: center;
}
.lt-body-tr-miss-values th {
font-size: 14px;
padding: 10px !important;
vertical-align: middle;
border-right: 1px solid #003D71;
}
.lt-body-tr-miss-values td{
font-size: 14px;
padding: 10px !important;
vertical-align: middle;
border-right: 1px solid #003D71;
}
.lt-body-tr-miss-values .lt-production-line-sub-th{
border-bottom: 1px solid #60C2FA !important;
}
.lt-body-tr-miss-values .lt-production-line-sub-td{
border-bottom: 1px solid #60C2FA !important;
min-width: 50px;
max-width: fit-content;
text-wrap: nowrap;
}
.lt-body-tr-date-miss-values{
background: #1268B0 !important;
color: white !important;
}
.lt-date-miss-values-body-th{
text-align: center;
width: 50px;
min-width: 70px;
max-width: 200px;
}
.lt-weekly-miss-values-table{
overflow: auto;
}
.lt-value-width-td{
min-width: 50px;
width: 50px;
max-width: 450px;
word-wrap: break-word;
}
.lt-production-line-main-th{
background: white !important;
color: #1268B0 !important;
font-weight: 600 !important;
}
span.lt-rotate-arrow {
position: relative;
}
.toggle.active .lt-rotate-arrow {
transform: rotate(180deg);
}
.lt-miss-values-table{
border-radius: 15px;
}
.lt-miss-values-table table tr .lt-sticky-sub-heading-values{
position: sticky;
left: 137px;
}
.toggle.active th:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 105%;
background: #94c1e1;
top: 50%;
margin-top: 6px;
left: 20px;
}
.nested.active th:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 105%;
background: #94c1e1;
top: -6px;
margin-top: 6px;
left: 20px;
}
.lt-last-child-tr th:first-child::before {
display: none;
}
.lt-table-new-nested-lastchild.active th:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 25px;
background: #94c1e1;
top: -10px;
margin-top: 6px;
left: 20px;
}
.lt-tree-left-line {
position: absolute;
content: "";
width: 20px;
height: 2px;
background: #94c1e1;
top: 16px;
left: 20px;
}
.lt-rotate-arrow {
cursor: pointer;
}
.lt-rotate-arrow {
width: 25px;
height: 25px;
background: #ffffff;
border: 1px solid #009EF7;
padding: 6px;
border-radius: 100px;
display: inline-flex !important;
align-items: center;
justify-content: center;
margin-right: 10px;
transition: all 0.4s;
}
.lt-rotate-arrow i {
color: #009EF7 !important;
}
.lt-miss-values-table table tr td:first-child {
background-color: white;
width: 150px !important;
min-width: 150px !important;
max-width: 400px !important;
}
.lt-min-width-weekly{
min-width: 137px;
}
.lt-sub-child-new-line:after {
position: absolute;
content: "";
width: 2px;
height: 22px;
background: #94c1e1;
top: 3px;
left: 21px;
}
:not(.lt-sub-child-new-line:after) {
height: 0px;
}
.lt-child-tree-left-line {
position: absolute;
content: "";
width: 20px;
height: 2px;
background: #94c1e1;
top: 20px;
left: 20px;
}
.lt-child-new-nested-lastchild.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 25px;
background: #94c1e1;
top: -10px;
margin-top: 6px;
left: 40px;
}
.lt-miss-table-header {
height: 50px;
position: sticky;
top: 0;
}
.lt-date-miss-values-body-td{
text-align: center;
}
.lt-sub-td-schedules-heading{
background: #B3D9FA !important;
}
.lt-sub-td-schedules{
background: #F1F8FF !important;
}
.lt-sub-td-actual-heading{
background: #CBE0F1 !important;
}
.lt-sub-td-actual{
background: #E1F5FF !important;
}
.lt-production-line-sub-th{
background: #E6F4FC !important;
}
.lt-collapse-th-miss-values{
background-color: #ffff !important;
}
.lt-production-line-sub-td{
background: #F2FAFF !important;
}
.lt-miss-values-table table .nested.active{
border-top: 1px solid #60C2FA;
}
.newnested.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 105%;
background: #94c1e1;
top: -12px;
margin-top: 6px;
left: 40px;
}
.newnested td:first-child {
transition: all 0.3s;
}
.newnested td:first-child {
vertical-align: initial !important;
}
.newnested td:last-child {
padding: 0 !important;
}
.newnested.active th:first-child::before{
position: absolute;
content: "";
width: 2px;
height: 105%;
background: #94c1e1;
top: -6px;
margin-top: 6px;
left: 20px;
}
.newnested.active .lt-rotate-arrow{
transform: rotate(90deg) !important;
transition: all .4s;
}
.newnested.active .lt-timer-loop-circle::before{
position: absolute;
content: "";
width: 2px;
background: #94c1e1;
height: 50%;
top: -6px;
left: 41px;
z-index: -1;
}
.newnested.active .lt-timer-loop-circle::after{
position: absolute;
content: "";
width: 2px;
background: #94c1e1;
height: 50%;
bottom: 0;
left: 41px;
z-index: -1;
}
.lt-child-new-nested-lastchild.active .lt-timer-loop-circle::before{
position: absolute;
content: "";
height: 50%;
}
.lt-child-new-nested-lastchild.active .lt-timer-loop-circle::after{
position: absolute;
content: "";
height: 0px;
}
.lt-weekly-total-td{
font-weight: 600 !important;
}
.lt-miss-value-red-light{
background: #FFE8E8 !important;
}
.lt-miss-value-main-red{
background: #FFC2C2 !important;
}
.lt-miss-value-light-green{
background: #E9FFDF !important;
}
.lt-miss-value-main-green{
background: #BDFF9D !important;
}
.lt-mtd-value-td{
font-weight: 600 !important;
color: #1268B0 !important;
}
.lt-mtd-sticky{
border-left: 1px solid #003d718f !important;
position: sticky;
right: 0;
top: 0;
}
.lt-normal-value{
background: #f5f8fa !important;
}
.lt-add-filter-btn-philips{
border-radius: 7px;
background: #009EF7;
border-radius: 7px;
color: white;
font-weight: 400;
font-size: 14px;
}
.lt-filter-header-philips{
background: #F1FCFF;
padding: 7px 20px;
}
.lt-filter-header-philips h5{
font-size: 15px;
color: #000;
}
.lt-menu-filter{
border-radius: 15px;
overflow: hidden;
box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.30);
}
.popover-content {
position: absolute;
background-color: #fff;
padding: 0px;
overflow: hidden;
border-radius: 15px;
width: 350px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.lt-hidden {
display: none;
}
/* ------------------Weekly Missed Values page ::end----------------- */
/*------------------- Problem Code and Shift & Issues style::start -----------------*/
.lt-prob-area-td{
text-align: start !important;
vertical-align: middle;
font-weight: 400 !important;
font-size: 14px !important;
}
.lt-prob-border-left{
border-right: 1px solid #D7D7D7 !important;
}
.lt-probe-tr-last-border{
border-bottom: 1px solid #D7D7D7 !important;
}
/* tr:nth-child(even) {
background: #F5F8FA;
} */
.lt-datapoint-tbody tr:nth-child(even) {
background: #f8fafb;
}
.lt-prob-modal-Icon {
width: 30px;
height: 30px;
margin-right: 5px;
}
/*------------------- Problem Code and Shift & Issues style::start---------------- */
/* ----------------Sicb operator style::start --------------------*/
.lt-sicb-icon-calender {
top: 6px;
right: 7px;
}
.lt-sicb-td,.lt-sicb-last-td{
color: #333;
vertical-align: middle;
text-align: center;
font-size: 14px !important;
font-weight: 400 ;
padding: 10px !important;
}
.lt-delta-danger{
background-color: #FFE8E8;
padding: 6px;
width: 60px;
height: 35px;
border-radius: 5px;
border: 1px solid #D7D7D7;
}
.lt-delta-sucess{
background-color: #E9FFDF;
padding: 6px;
width: 60px;
border-radius: 5px;
border: 1px solid #D7D7D7;
min-height: 43px;
display: grid;
place-content: center;
}
.lt-scroll-table-philips{
overflow: scroll;
max-height: 450px;
}
.sicb-operator-tbody tr:nth-child(even) {
background: #fff;
}
.sicb-table-footer{
background-color: #E6F4FC;
}
.delta-total{
background-color: #FFC2C2!important;
}
.sqdcl-menu{
position: fixed;
top: 90px;
z-index: 999999;
}
*{
scroll-behavior: smooth;
}
/* ----------------------------Sicb operator style::end -------------------*/
/*------------------- lt work station sticky start -------------------*/
.lt-work-station-sticky{
background: #f5f8fa;
}
.lt-line-manger-fixed-menu{
position: sticky;
top: 110px;
background:#f5f8fa;
z-index: 99;
padding: 0px 0px 10px 0px ;
}
.lt-kpi-table-header-fixed{
max-height: 50vh!important;
}
.lt-thead-taks-completed-fixed{
position: sticky;
top: 0px;
z-index: 9;
}
/* ----------------lt work station sticky end -----------------------------*/
/* PHILIPS STYLE CSS::end*/
#kt_content_container{
margin-bottom: 30px;
padding-top: 10px;
padding-bottom: 10px;
}
.lt-assign-operator-tr{
cursor: pointer;
}
/* Manage shift style::start */
.lt-manage-shift-th,.lt-manage-shift-td{
/* text-align: center; */
vertical-align: middle;
font-weight: 400 !important;
font-size: 14px !important;
}
.lt-manage-shift-th{
padding: 10px !important;
}
.lt-less-width{
width: 200px;
}
.lt-less-modal-content-width{
width: 50px !important;
min-width: 100px !important;
}
.lt-less-new-modal-content-width{
width: 50px !important;
min-width: 50px !important;
}
.lt-left-align{
text-align: start !important;
}
.lt-tr-mange-shift{
background-color: white !important;
text-wrap: wrap;
overflow-wrap: anywhere;
border-bottom: 1px solid #D7D7D7 !important;
}
.lt-assign-shift-operator-section{
border: 1px solid #80808036;
border-radius: 10px;
}
.lt-assign-shift-title{
background: #F5F8FA;
padding: 10px;
border-radius: 10px 10px 0px 0px;
}
.lt-shift-operator-title{
font-size: 16px;
font-weight: 600;
color: #333;
}
.lt-assign-operator-th,.lt-assign-operator-td{
text-align: center;
vertical-align: middle !important;
}
.lt-interval-th{
text-align: left !important;
}
.lt-assign-operator-td{
border-bottom: 1px solid #D7D7D7 !important;
}
.lt-create-shift-select-2-dropdown {
border-color:#D7D7D7 !important;
}
.form-control[input]::-webkit-calendar-picker-indicator{
border-color:#D7D7D7 !important;
}
.lt-collpase-new-down{
width: 30px;
height: 30px;
color: #3333;
border: 0px;
background: transparent;
display: flex;
justify-content: center;
align-items: center;
}
.lt-collpase-down{
border-color: #009ef7 !important;
border: 1px solid #009ef7;
border-radius: 100px;
width: 30px;
height: 30px;
color: #009ef7;
background: white;
display: flex;
justify-content: center;
align-items: center;
z-index: 1;
}
.lt-collpase-down i{
color: #009ef7;
}
.lt-panel-collapse i{
color: #009ef7;
}
.lt-nested-collapse{
transition: all 0.3s;
}
.lt-timer-loop-circle{
width: 12px;
min-width: 12px;
height: 12px;
background: #009ef7;
border-radius: 100px;
}
.lt-tr-collapse-content{
background: #F4FBFF !important;
}
.lt-collaspe-width-th{
width: 50px !important;
}
.lt-collapse-table-td{
font-size: 14px !important;
font-weight: 500 !important;
text-wrap: wrap;
overflow-wrap: anywhere;
}
.noUi-connects{
background-color:#9090903b !important;
}
.accordion-button::after{
transition: transform .5s ease-in-out !important;
margin-left: 0px !important;
color: #009ef7 !important;
}
.accordion-button{
z-index: 2 !important;
}
.lt-action-plan-thead tr .new-th {
width: 350px !important;
}
.lt-border-width{
border: 1px solid #80808040 !important;
}
.active {
display: table-row;
}
.manage-shift-table .lt-toggle-table {
cursor: pointer;
font-weight: bold;
}
.manage-shift-table .lt-toggle-table.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 20px;
background: #94c1e1;
top: 50%;
margin-top: 10px;
left: 33px;
}
.manage-shift-table .lt-arrow-i-table {
transition: all 0.3s ease-in-out;
cursor: pointer;
}
.manage-shift-table .lt-toggle-table.active .lt-arrow-i-table {
transition: all 0.3s ease-in;
transform: rotate(180deg);
}
.manage-shift-table .lt-toggle-table.active {
border-bottom: 1px solid #36365c17 !important;
}
.manage-shift-table .lt-toggle-table td {
transition: all 0.3s;
}
.manage-shift-table .nested td:first-child {
transition: all 0.3s;
}
.manage-shift-table .nested td:first-child {
transition: all 0.3s;
}
.manage-shift-table .nested:hover td:first-child {
background-color: #f4fbff;
}
.manage-shift-table .nested.active {
border-bottom: 1px solid #00000012 !important;
}
.manage-shift-table .nested.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 105%;
background: #94c1e1;
top: -6px;
margin-top: 0px;
left: 33px;
}
.manage-shift-table .lt-table-nested-lastchild.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 25px;
background: #94c1e1;
top: -10px;
margin-top: 6px;
left: 33px;
}
/*------------------------------- Manage shift style::end -------------------------------*/
/*------------------------------- planning module style::start -------------------------------*/
.lt-weekly-module-section{
border-radius: 15px;
background-color: white;
border: 1px solid #d7d7d791;
padding: 15px 18px;
}
.lt-icon-calender{
position: absolute;
top: 7px;
right: 7px;
}
.lt-border-input{
border: 1px solid #d7d7d791 !important;
}
.lt-options-new-bg{
width: 125px;
min-width: 125px;
height: 42px;
border-radius: 100px;
text-align: center;
padding: 11px;
}
.lt-date-count{
margin-bottom: 0px;
font-weight: 400;
}
.lt-date-count,.lt-label-count-new{
font-size: 15px;
color: #333
}
.lt-x-scroll{
overflow-x: scroll;
}
.lt-label-count-new{
margin-bottom: 3px;
font-weight: 600;
}
.lt-count-number{
font-size: 35px;
font-weight: 600;
color: #009EF7;
}
.lt-total-count-module{
height: fit-content;
border: 1px solid #d7d7d791;
background: #e5f6fd;
padding: 5px 10px;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 10px;
}
.lt-total-label{
width: 70px;
}
.lt-module-width-new{
width: 92%;
}
.lt-total-p{
font-size: 35px;
font-weight: 600;
overflow-wrap: anywhere;
}
/* table style */
.lt-thead-module-new tr td:last-child{
border-right: 1px solid #d7d7d714 !important;
}
.lt-module-tbody tr td:last-child{
border-right: 1px solid #d7d7d714;
}
.lt-last-border-bottom{
border-bottom: 1px solid #003d71e3 !important;
}
.lt-last-border-top{
border-top: 1px solid #003d71e3 !important;
}
.lt-last-module-section-tr{
background: #E6F4FC !important;
}
.lt-last-td-total{
text-align: end !important;
}
.lt-last-th-total{
text-align: start;
}
.lt-module-tbody tr .lt-last-border-bottom-module{
border-bottom: 1px solid #003d71e3 !important;
}
.lt-thead-taks-completed tr .lt-th-border-right-module{
border-right: 1px solid #003D71 !important;
}
.lt-last-th-total,.lt-last-td-total{
padding-right: 25px !important;
}
.lt-shift-title {
font-weight: 800;
}
.lt-tbody-shift-heading .lt-shift-title {
color: #1268b0 !important;
}
.lt-span-shift-title{
color:#1268b0 !important;
font-size: 16px !important;
writing-mode: vertical-rl;
transform: rotate(180deg);
white-space: nowrap;
}
.lt-span-count-number{
font-size: 14px !important;
writing-mode: vertical-rl;
transform: rotate(180deg);
white-space: nowrap;
}
.lt-sticky-module-table,.lt-second-sticky-module-table {
position: sticky;
top: 0;
left: 0px;
z-index: 1;
}
.lt-sticky-new-module-table{
position: sticky;
top: 0;
left: -63px;
}
.lt-second-sticky-module-table{
left: 35px;
}
.lt-table-last-total-ops-bg{
background: #e6f4fc !important;
}
.lt-sticky-th-top-bg{
background: #1268b0 !important;
}
.lt-new-module-border-radius{
overflow: auto;
border-radius: 15px;
border-bottom-left-radius: 30px;
}
.lt-new-module-border-radius table{
border-bottom: 1px solid #D7D7D7;
}
.lt-philips-table-border-radius{
border-radius: 15px !important;
}
.lt-bg-white-blue{
background: #F1FCFF !important;
}
.lt-new-border-after-th::before,.lt-new-border-after-th::after{
content: '';
position: absolute;
left: 0;
height: 100%;
}
.lt-new-border-after-th:after {
bottom: 0;
border-left: 1px solid #0035625c;
}
.lt-time-icon-input::-webkit-calendar-picker-indicator{
width:18px;
height: 16px;
}
.lt-philips-icon-calender{
top: 12px;
right: 7px;
}
.collapsed .lt-collpase-new-down i{
transform: rotate(180deg);
transition: .3s ease-in-out
}
.show .lt-collpase-new-down i{
transition: .3s ease-in-out
}
.collapsible {
cursor: pointer;
}
.lt-datapoint-partner-new-img{
width: 150px;
}
/* table style */
@media screen and (max-width: 992px) {
.lt-module-width-new{
width: 100%;
}
}
@media screen and (max-width: 576px) {
.lt-total-count-module{
width: 100%;
margin-top: 10px;
}
}
.lt-problem-tr .lt-problem-th,.lt-problem-tr .lt-problem-td{
text-align: start !important;
}
.lt-problem-settings-section{
margin-top: 10px;
}
.lt-table-philips-tbody .lt-problem-tr{
border-right: 1px solid #D7D7D7 !important;
}
.lt-problem-tr .lt-problem-code-last-td{
border-right: 0px !important;
}
.lt-continous-chart-btn-new{
border: 0px;
background: #009EF7;
border-radius: 5px;
width: 38px;
height: 36px;
position: absolute;
right: 67px;
top: 10px;
}
.lt-continous-chart-btn{
border: 1px solid #009EF7;
background: #D9F1FF;
border-radius: 6px;
width: 30px;
height: 30px;
}
.lt-continous-chart-btn i{
color: #009EF7;
}
.lt-continous-chart-btn-new i{
color: white;
}
.lt-excel-import-btn {
background: #45B64A;
padding: 7px 12px !important;
border-radius: 7px;
color: white;
}
.lt-excel-import-btn i {
color: white;
}
.lt-reason-success{
background: #F5FFF0;
padding: 15px 20px;
border-radius: 15px 15px 0px 0px;
}
.lt-reason-success h3{
color: #00B84A;
}
.lt-reason-success h3 i{
color: #00B84A;
}
.lt-reason-failed{
background: #f8e055;
padding: 15px 20px;
border-radius: 15px 15px 0px 0px;
}
.lt-reason-failed h3{
color: #000;
}
.lt-reason-failed h3 i{
color: #9f8b2a;
}
.lt-modal-border-radius{
border-radius: 15px;
}
.lts-ok-btn{
background: #1268B0 !important;
color: white;
}
.lt-failed-reasons-section-modal{
background: #e8dc92;
border-radius: 5px;
}
.lt-failed-reasons-section-modal p{
color: black;
border-radius: 6px;
}
.lt-philips-table-border-radius tbody td:first-child, .lt-philips-table-border-radius tbody th:first-child {
border-left: 1px solid #D7D7D7;
}
.lt-philips-table-border-radius tbody td:last-child, .lt-philips-table-border-radius tbody th:last-child{
border-right: 1px solid #D7D7D7 !important;
}
.lt-philips-table-border-radius tbody tr:last-child th{
border-radius: 0px 0px 0px 15px;
}
.lt-philips-table-border-radius tbody tr:last-child .lt-labor-td-highlights{
border-radius: 0px 0px 15px 0px;
}
.lt-philips-table-border-radius tbody tr:last-child .lt-last-labour-border{
border-radius: 0px 0px 15px 0px;
}
/*------------------------------- planning module style::end -------------------------------*/
/*------------------- Problem Code and Shift & Issues style::start -----------------*/
.lt-prob-area-td{
text-align: start !important;
vertical-align: middle;
font-weight: 400 !important;
font-size: 14px !important;
}
.lt-prob-border-left{
border-right: 1px solid #D7D7D7 !important;
}
.lt-probe-tr-last-border{
border-bottom: 1px solid #D7D7D7 !important;
}
/* tr:nth-child(even) {
background: #F5F8FA;
} */
.lt-datapoint-tbody tr:nth-child(even) {
background: #f8fafb;
}
.lt-prob-modal-Icon {
width: 30px;
height: 30px;
margin-right: 5px;
}
/*------------------- Problem Code and Shift & Issues style::start---------------- */
#scorecard_form .set-kpi-scorecard-plan.dirty,
#scorecard_form .set-kpi-actual.dirty,
#takt_configuration_form .set-day-plan.dirty{
color: #009ef7;
border: 1.9px solid #009ef7;
font-weight: 600;
}
.lt-color-picker-input{
border: 1px solid #D7D7D7;
background-color: #f5f8fa;
padding: 6px 8px 6px 14px;
border-radius: 6px;
}
.lt-color-picker-input span{
color: #5e6278;
font-size: 14px;
font-weight: 500;
}
.lt-input-color{
width: 40px;
height: 23px;
border: 0px;
padding: 0px !important;
}
.lt-edit-btn-module{
display: flex;
align-items: center;
background: #009ef7;
padding: 10px 30px;
color: #fff;
border-radius: 10px;
}
.lt-edit-btn-module i{
color: #fff;
}
.fc .fc-col-header-cell{
background: #DDEEF9 !important;
border: 1px solid #d1d1d1 !important;
}
.fc .fc-col-header-cell .fc-col-header-cell-cushion{
font-size: 1.2rem !important;
color: #1268B0 !important;
}
.fc-daygrid-day {
border: 1px solid #d1d1d1 !important;
}
.lt-time-grid{
background: #dcedfa !important;
font-weight: 400 !important;
color: #333 !important;
}
.lt-select2-shift-calender{
position: absolute;
top: 4px;
right: 199px;
}
.lt-calender-select2{
color: #333 !important;
font-weight: 500 !important;
border: 1px solid #b3b3b3 !important;
}
.fc-timeGridWeek-button, .fc-dayGridMonth-button ,.fc-timeGridDay-button,.fc-listWeek-button{
background: #f5f8fa !important;
color: #333 !important;
opacity: 100% !important;
}
fc-button-active
.fc-button-group{
border: 1px solid #c7ebff;
border-radius: 50px;
overflow: hidden;
background: #fff;
}
.fc-button-active{
background: #dcedfa8a !important;
color:#009ef7 !important ;
}
.fc-button{
width: 45% !important;
height: 40px !important;
}
.fc-today-button{
background: #dcedfa !important;
opacity: 100% !important;
color: #333 !important;
}
.lt-module-tbody tr td:last-child{
border-right: 1px solid #003d71b5 !important;
}
#datasheet_form .set-kpi-datasheet-plan.dirty,
#datasheet_form .set-kpi-actual.dirty{
color: #009ef7;
border: 1.9px solid #009ef7;
font-weight: 600;
}
/* line manager filter daily/weekly/monthly::start */
.lt-radio-option-section .form-check-input{
border: 1px solid #D7D7D7 !important;
}
.lt-radio-option-section .form-check-label{
color: #333;
font-weight: 600;
font-size: 14px;
}
.lt-btn-date.active{
background-color: #009ef7;
color: white;
}
.lt-filter-sub-section{
display: flex;
gap: 20px;
border: 1px solid #e4e4e4;
background: white;
border-radius: 100px;
padding: 7px 10px;
height: 59px;
}
.lt-hide-the-filter{
background: #EEE;
padding: 2px;
border-radius: 100px;
}
@media only screen and (max-width: 768px) {
.lt-radio-option-section{
justify-content: start !important;
}
}
@media only screen and (max-width: 756px) {
.lt-filter-sub-section{
flex-wrap: wrap;
border-radius: 10px;
height:100% !important;
padding:12px 20px !important;
}
}
@media only screen and (max-width: 492px) {
.lt-hide-the-filter{
padding: 0px;
border-radius: 0px;
}
.lt-btn-date.active{
border-radius: 0px;
}
.lt-btn-date {
padding: 6px 14px;
}
}
/* line manager filter daily/weekly/monthly::end */
/* philips action plan style::start */
input[type="date"]::-webkit-calendar-picker-indicator{
color: rgba(0, 0, 0, 0);
opacity: 1;
display: block;
background: url(/demo1/dist/templates/assets/media/Philips-images/icons/ci_calendar-days.svg) no-repeat;
width: 23px;
height: 22px;
}
.lt-philips-partner-img{
width: 125px;
}
.lt-status-main-div{
background-color: transparent;
border-radius: 10px;
overflow: hidden;
}
.lt-span-img-status{
width: 40px;
}
.lt-label-status{
font-weight: 600;
font-size: 14px;
color: #333;
}
.lt-left-content-status{
padding: 0px 10px;
}
.lt-right-content-status{
width: 60px;
height: 50px;
border-radius: 10px;
}
.lt-count-status{
color: #FFF;
font-size: 22px;
font-weight: 600;
}
.lt-action-assigned-status{
border: 1px solid #65A8C8;
background: #D5EDF9;
}
.lt-no-actions{
border: 1px solid #1268B0;
background: #ffffff;
}
.lt-action-started-status{
border: 1px solid #009EF7;
background: #E2F2FF;
}
.lt-action-completed-status{
border: 1px solid #27B3B2;
background: #EAFFFF;
}
.lt-root-cause-status{
border: 1px solid #56B53C;
background: #F5FFF2;
}
.lt-right-assign-status{
background: #65A8C8;
}
.lt-no-status{
background: #1268B0;
}
.lt-right-action-status{
background: #009EF7;
}
.lt-right-action-completed-status{
background: #27B3B2;
}
.lt-right-root-cause-status{
background: #56B53C;
}
.action-completed-tag .tooltip-inner {
background-color: #EAFFFF;
color: #ffffff;
font-size: 14px;
font-weight: 600;
border: 2px solid #27B3B2;
border-radius: 5px;
color: #000;
box-shadow: 0px 0px 20px 0px #27B3B2;
}
.action-completed-tag .tooltip-arrow::before {
border-top-color: #27B3B2;
}
.action-completed-tag .tooltip-arrow::after {
border-top-color: #27B3B2;
}
.root-cause-tag .tooltip-inner {
background-color: #F5FFF2;
color: #ffffff;
font-size: 14px;
font-weight: 600;
border: 2px solid #56B53C;
border-radius: 5px;
color: #000;
box-shadow: 0px 0px 20px 0px #56B53C;
}
.root-cause-tag .tooltip-arrow::before {
border-top-color: #56B53C;
}
.root-cause-tag .tooltip-arrow::after {
border-top-color: #56B53C;
}
.lt-stock-count-td {
padding: 10px 8px !important;
}
.lt-escalate-tag{
width: 65px;
height: 33px;
display: grid;
place-content: center;
border-radius: 50px;
color: #fff;
margin: 0 auto;
font-weight: 500;
border: 0px;
font-size: 14px;
background: #B8B8B8;
}
.lt-escalate-span{
width: 65px;
height: 33px;
display: grid;
place-content: center;
border-radius: 50px;
color: #fff;
font-weight: 500;
margin: 0 auto;
font-size: 14px;
}
.lt-effect-check-count{
background:#009EF7;
}
.lt-escalate-yes{
background: #45B64A;
}
.lt-escalate-no{
background: #B8B8B8;
}
.lt-span-tag{
color: #333;
font-weight: 500;
font-size: 14px;
padding: 6px 20px;
border-radius: 50px;
background: #E5E5E5;
}
/* philips action plan style::end */
.lt-overdue-badge{
border: 1px solid #95000c !important;
background: #ffd5d5 !important;
color: #95000c !important;
}
.lt-td-cell-new{
background: #145994 !important;
width: 120px !important;
color: white !important;
min-width: 50px !important;
max-width: 100% !important;
text-align: center;
/* border-right: 1px solid #404040b5;
border-left: 1px solid #404040b5; */
outline: 1px solid #8e8e8e79;
}
/* timeline action plain philips:start */
.lt-timeline-escalate-icon {
margin-right: 7px !important;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border: 1px solid #009ef7;
border-radius: 50%;
}
.lt-action-plan-timeline-section
.timeline.timeline-border-dashed
.lt-timeline-escalate-line {
border-left-style: solid !important;
border-left-width: 2px !important;
border-left-color: #009ef730 !important;
width: 221px;
}
.timeline .lt-timeline-escalate-line {
top: 0px !important;
}
.lt-timeline-escalate-icon img{
width: 23px;
}
.lt-effect-chk-label{
font-size: 14px;
font-weight: 500;
color: #333;
}
.lt-time-line-date-view{
text-align: end;
}
.lt-timeline-escalate-content-section {
position: relative;
border-radius: 10px;
background: #ffffff;
padding: 14px;
border: 1px solid #D7D7D7;
}
.lt-tier-title{
font-size: 16px;
font-weight: 500;
color: #009ef7;
}
.label-2{
font-size: 12px;
}
.lt-current-tier{
border: 1px solid #009ef7;
}
.lt-escalate-highlighted{
background-color: #009ef7;
color: white;
width: 450px;
}
.lt-description-escalate{
font-size: 14px;
font-weight: 400;
}
.lt-reason-mentioned{
font-size: 14px;
font-weight: 500;
}
.lt-span-tag-new{
background: #1268b021;
color: #333;
font-weight: 500;
font-size: 14px;
padding: 6px 20px;
border-radius: 50px;
}
.escalation_timeline{
border: 0px;
width: 65px;
height: 33px;
border-radius: 16px;
}
@media only screen and (max-width: 992px) {
.lt-action-plan-timeline-section .timeline.timeline-border-dashed .lt-timeline-escalate-line {
width: 200px;
}
}
@media only screen and (max-width: 492px) {
.lt-action-plan-timeline-section .timeline.timeline-border-dashed .lt-timeline-escalate-line {
width: 193px;
}
}
/* timeline action plain philips:end*//* planning module changes style::start */
.lt-main-div-weekly{
border-radius: 15px;
background-color: white;
overflow: hidden;
}
.lt-label-new{
font-size: 16px;
font-weight: 600;
color: #333;
}
/* planning module changes style::end */
.lt-pdf-download-btn{
background: #2DACBD;
color: white;
padding: 7px 15px !important;
display: flex;
justify-content: center;
align-items: center;
font-weight: 400;
font-size: 13px;
}
.lt-pdf-download-btn i{
color: #fff;
}
.lt-pdf-download-btn:hover{
color: #ffff !important;
}
.lt-width-input{
width: 399px;
}
@media only screen and (max-width:1440px) {
.lt-width-input {
width: 275px;
}
}
@media only screen and (max-width:1024px) {
.lt-width-input {
width: 179px;
}
}
@media only screen and (max-width:1200px) {
.lt-width-input {
width: 218px;
}
}
@media only screen and (max-width:992px) {
.lt-width-input{
width: 100%;
}
}
.assignAction-options-fill-section h3{
overflow-wrap: anywhere;
}
.select2-dropdown{
z-index: 9999;
}
.upload-img{
width: 25px;
}
.unassign-user{
width: 20px;
}
.lt-backdrop-timeline{
width: 100%;
height: 100%;
background: #000;
opacity: 0.5;
position: absolute;
z-index: -1;
}
.lt-kpi-section-div{
border: 1px solid #80808047;
border-radius: 6px;
padding:10px;
}
.lt-kpi-label{
font-weight: 500;
font-size: 14px;
color: #333;
}
.lt-already-assigned-kpi{
max-height: 250px;
overflow: auto;
}
/* ----------------Weekly Missed Values page ::start------------ */
.lt-heading-th-miss-values{
padding: 10px !important;
font-weight: 500 !important;
text-align: start;
}
.lt-mtd-miss-values-th{
text-align: center !important;
}
.lt-date-th{
font-weight: 600 !important;
font-size: 16px !important;
text-align: center;
border-bottom: 1px solid #003D71 !important;
}
.lt-week-th-miss-values{
background: #128DD9 !important;
font-size: 14px !important;
text-align: center;
}
.lt-body-tr-miss-values th {
font-size: 14px;
padding: 10px !important;
vertical-align: middle;
border-right: 1px solid #003D71;
}
.lt-body-tr-miss-values td{
font-size: 14px;
padding: 10px !important;
vertical-align: middle;
border-right: 1px solid #003D71;
}
.lt-body-tr-miss-values .lt-production-line-sub-th{
border-bottom: 1px solid #60C2FA !important;
}
.lt-body-tr-miss-values .lt-production-line-sub-td{
border-bottom: 1px solid #60C2FA !important;
}
.lt-date-miss-values-body-th{
text-align: center;
width: 50px;
min-width: 70px;
max-width: 200px;
}
.lt-weekly-miss-values-table{
overflow: auto;
}
.lt-value-width-td{
min-width: 50px;
width: 50px;
max-width: 450px;
word-wrap: break-word;
}
.lt-production-line-main-th{
background: white !important;
color: #1268B0 !important;
font-weight: 600 !important;
}
span.lt-rotate-arrow {
position: relative;
}
.toggle.active .lt-rotate-arrow {
transform: rotate(180deg);
}
.lt-miss-values-table{
border-radius: 15px;
}
.lt-miss-values-table table tr .lt-sticky-miss-values{
position: sticky;
left: 0;
}
.lt-miss-values-table table tr .lt-sticky-sub-heading-values{
position: sticky;
left: 137px;
}
.toggle.active th:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 50% !important;
background: #94c1e1;
top: 50%;
margin-top: 6px;
left: 20px;
}
.nested.active th:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 105%;
background: #94c1e1;
top: -6px;
margin-top: 6px;
left: 20px;
}
.lt-last-child-tr th:first-child::before {
display: none;
}
.lt-table-new-nested-lastchild.active th:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 25px;
background: #94c1e1;
top: -10px;
margin-top: 6px;
left: 20px;
}
.lt-rotate-arrow {
cursor: pointer;
}
.lt-rotate-arrow {
width: 25px;
height: 25px;
background: #ffffff;
border: 1px solid #009EF7;
padding: 6px;
border-radius: 100px;
display: inline-flex !important;
align-items: center;
justify-content: center;
margin-right: 10px;
transition: all 0.4s;
}
.lt-rotate-arrow i {
color: #009EF7 !important;
}
.lt-miss-values-table table tr td:first-child {
background-color: white;
width: 150px !important;
min-width: 150px !important;
max-width: 400px !important;
}
.lt-min-width-weekly{
min-width: 137px;
}
.lt-child-tree-left-line {
position: absolute;
content: "";
width: 20px;
height: 2px;
background: #94c1e1;
top: 20px;
left: 20px;
}
.lt-child-new-nested-lastchild.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 25px;
background: #94c1e1;
top: -10px;
margin-top: 6px;
left: 40px;
}
.lt-miss-table-header {
height: 50px;
position: sticky;
top: 0;
}
.lt-date-miss-values-body-td{
text-align: center;
}
.lt-sub-td-schedules-heading{
background: #B3D9FA !important;
}
.lt-sub-td-schedules{
background: #F1F8FF !important;
}
.lt-sub-td-actual-heading{
background: #CBE0F1 !important;
}
.lt-sub-td-actual{
background: #E1F5FF !important;
}
.lt-production-line-sub-th{
background: #E6F4FC !important;
}
.lt-collapse-th-miss-values{
background-color: #ffff !important;
}
.lt-production-line-sub-td{
background: #F2FAFF !important;
}
.lt-miss-values-table table .nested.active{
border-top: 1px solid #60C2FA;
}
.newnested.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 105%;
background: #94c1e1;
top: -12px;
margin-top: 6px;
left: 40px;
}
.newnested td:first-child {
transition: all 0.3s;
}
.newnested td:first-child {
vertical-align: initial !important;
}
.newnested td:last-child {
padding: 0 !important;
}
.newnested.active th:first-child::before{
position: absolute;
content: "";
width: 2px;
height: 105%;
background: #94c1e1;
top: -6px;
margin-top: 6px;
left: 20px;
}
.newnested.active .lt-rotate-arrow{
transform: rotate(90deg) !important;
transition: all .4s;
}
.newnested.active .lt-timer-loop-circle::before{
position: absolute;
content: "";
width: 2px;
background: #94c1e1;
height: 50%;
top: -6px;
left: 41px;
z-index: -1;
}
.newnested.active .lt-timer-loop-circle::after{
position: absolute;
content: "";
width: 2px;
background: #94c1e1;
height: 50%;
bottom: 0;
left: 41px;
z-index: -1;
}
.lt-child-new-nested-lastchild.active .lt-timer-loop-circle::before{
position: absolute;
content: "";
height: 50%;
}
.lt-child-new-nested-lastchild.active .lt-timer-loop-circle::after{
position: absolute;
content: "";
height: 0px;
}
.lt-weekly-total-td{
font-weight: 600 !important;
}
.lt-miss-value-red-light{
background: #FFE8E8 !important;
}
.lt-miss-value-main-red{
background: #FFC2C2 !important;
}
.lt-miss-value-light-green{
background: #E9FFDF !important;
}
.lt-miss-value-main-green{
background: #BDFF9D !important;
}
.lt-mtd-value-td{
font-weight: 600 !important;
color: #1268B0 !important;
}
.lt-normal-value{
background: #f5f8fa !important;
}
.lt-add-filter-btn-philips{
border-radius: 7px;
background: #009EF7;
border-radius: 7px;
color: white;
font-weight: 400;
font-size: 14px;
}
.lt-filter-header-philips{
background: #F1FCFF;
padding: 7px 20px;
}
.lt-filter-header-philips h5{
font-size: 15px;
color: #000;
}
.lt-menu-filter{
border-radius: 15px;
overflow: hidden;
box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.30);
}
.popover-content {
position: absolute;
background-color: #fff;
padding: 0px;
overflow: hidden;
border-radius: 15px;
width: 350px;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.lt-hidden {
display: none;
}
/* ------------------Weekly Missed Values page ::end----------------- */
/* timeline weekly interruption philips:start */
.lt-new-timeline-escalate-icon {
margin-right: 7px !important;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
background: #fff;
border: 1px solid #009ef7;
border-radius: 50%;
}
.lt-new-timeline-escalate-icon i{
color: #009ef7;
}
.lt-action-plan-timeline-section
.timeline.timeline-border-dashed
.lt-new-timeline-escalate-line {
border-left-style: dashed !important;
border-left-width: 2px !important;
border-left-color: #009ef730 !important;
width: 381px;
}
.timeline .lt-new-timeline-escalate-line {
top: 0px !important;
}
.lt-shift-label{
font-size: 15px;
font-weight: 600;
color: #fff;
border: 1px solid #009ef7;
background: #009ef7;
padding: 2px 10px;
border-radius: 100px;
}
.lt-timeline-new-content-section{
position: relative;
border-radius: 10px;
border: 1px solid #d7d7d7;
padding: 14px;
overflow: hidden;
}
.lt-title-weekly-table{
padding: 12px 15px;
background: #f5f8fa;
border-bottom: 1px solid #d7d7d7;
}
.lt-title-weekly-table h5{
font-weight: 500;
font-size: 15px;
margin: 0px;
color: #2473b6;
}
.lt-new-description-view{
border: 1px solid #D7D7D7;
border-radius: 8px;
padding: 10px 12px;
display: flex;
flex-direction: column;
justify-content: center;
}
.lt-decription-ptag{
overflow-wrap: break-word;
}
.label-3{
font-size: 14px;
}
.lt-decription-new-view {
border: 1px solid #d7d7d7;
padding: 10px 15px;
background: white;
border-radius: 10px;
}
.lt-user-name{
font-weight: 500;
font-size: 14px;
color: #009ef7;
}
.lt-user-time{
color: #b3b3b3;
}
@media (max-width: 1200px) {
.lt-action-plan-timeline-section .timeline.timeline-border-dashed .lt-new-timeline-escalate-line {
width: 224px;
}
}
@media (max-width: 992px) {
.lt-action-plan-timeline-section .timeline.timeline-border-dashed .lt-new-timeline-escalate-line {
width: 217px;
}
}
.lt-timtline-date{
font-weight: 600;
margin-bottom: 7px;
}
@media (max-width: 756px) {
.lt-new-timeline-item{
flex-direction: column;
}
.lt-new-timeline-escalate-line{
display: none !important;
}
.lt-time-line-date-view{
width: 100% !important;
}
.lt-new-timeline-escalate-icon{
display: none !important;
}
.lt-new-timeline-border-dashed{
margin-top: 20px;
}
}
/* timeline weekly interruption philips:end*/
.select2-container--bootstrap5 .select2-selection--single.form-select-solid .select2-selection__rendered{
max-width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
}
.lt-action-plan-icon{
width: 30px;
height: 30px;
border: 1px solid #00B84A;
background-color: #E4FFEF;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
}
/* cell and workstation management style::start */
.nav-link {
padding: .5rem 0;
display: block;
}
.lt-nav-link-cell{
color: #333 !important;
font-size: 14px !important;
font-weight: 500;
}
.lt-nav-link-cell.active{
border-bottom: 2px solid #009ef7 !important;
}
.lt-nav-link-cell:hover:not(.disabled){
border-bottom: 0px !important;
}
.lt-nav-tabs-section{
border: 1px solid #009ef7;
background: #ddeef97a;
padding: 6px;
border-radius: 10px;
width:924px;
}
.lt-nav-tabs-section .nav-link.active{
border-bottom: 0px !important;
padding: 6px 10px !important;
background: #009ef7 !important;
border-radius: 10px !important;
color: white !important;
}
.lt-nav-tabs-section .nav-link{
padding: 6px 10px !important;
}
.lt-t-tr-td {
padding: 10px !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #333 !important;
vertical-align:middle;
}
.lt-t-tr-td-tr {
padding: 10px !important;
font-size: 14px !important;
font-weight: 500 !important;
color: #fff !important;
}
.switch {
font-size: 17px;
position: relative;
display: inline-block;
width: 3.5em;
height: 2em;
}
.lt-btn-primary{
border-radius: 7px;
font-size: 14px;
font-weight: 500;
padding: 6px 12px !important;
}
.lt-btn-primary-sm{
border-radius: 7px;
font-size: 14px;
font-weight: 500;
padding: 6px 12px !important;
width: 35px !important;
height: 35px !important;
display: flex !important;
align-items: center !important;
justify-content: center;
}
/* Hide default HTML checkbox */
.lt-switch-slider-status .switch input {
opacity: 0;
width: 0;
height: 0;
}
/* The slider */
.lt-switch-slider-status .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #B0B0B0;
transition: .4s;
border-radius: 32px;
outline: none;
z-index: 1;
}
.lt-switch-slider-status .disabled-switch-pointer {
cursor: not-allowed !important;
}
.lt-switch-slider-status .enabled-switch-pointer {
cursor: pointer !important;
}
.lt-switch-slider-status .slider:before {
position: absolute;
content: "";
height: 2rem;
width: 2rem;
border-radius: 50%;
outline: 2px solid #B0B0B0;
left: 4px;
bottom: 4px;
background-color: #fff;
transition: transform .25s ease-in-out 0s;
}
.lt-switch-slider-status .slider-icon {
opacity: 0;
height: 12px;
width: 12px;
stroke-width: 8;
position: absolute;
z-index: 999;
color: #43a047;
right: 60%;
top: 29%;
transition: right ease-in-out .3s, opacity ease-in-out .15s;
}
.lt-switch-slider-status input:checked + .slider {
background-color: #43a047;
}
.lt-switch-slider-status input:checked + .slider .slider-icon {
opacity: 1;
right: 22%;
}
.lt-switch-slider-status input:checked + .slider:before {
transform: translateX(1.5em);
outline-color: #43a047;
}
.lt-prob-area-td{
font-weight: 500 !important;
}
.lt-prob-issue-td {
font-size: 14px !important;
padding: 10px !important;
}
.lt-span-count-new{
min-width: 100px;
height: 45px !important;
max-width: 100%;
}
.lt-kpi-section-div{
border: 1px solid #80808047;
border-radius: 6px;
padding:6px 6px 6px 15px;
}
.lt-kpi-label{
font-weight: 500;
font-size: 14px;
color: #333;
}
.lt-already-assigned-kpi{
max-height: 250px;
overflow: auto;
}
@media only screen and (max-width: 756px) {
.lt-nav-tabs-section{
width: 100%;
}
.lt-switch-slider-status .slider:before {
bottom: 5px;
}
}
/*cell and workstation management style::end */
/* cell and workstation management style::start */
.nav-link {
padding: .5rem 0;
display: block;
}
.lt-nav-link-cell{
color: #333 !important;
font-size: 14px !important;
font-weight: 500;
}
.lt-nav-link-cell.active{
border-bottom: 2px solid #009ef7 !important;
}
.lt-nav-link-cell:hover:not(.disabled){
border-bottom: 0px !important;
}
.lt-nav-tabs-section{
border: 1px solid #009ef7;
background: #ddeef97a;
padding: 6px;
border-radius: 10px;
width:924px;
}
.lt-nav-tabs-section .nav-link.active{
border-bottom: 0px !important;
padding: 6px 10px !important;
background: #009ef7 !important;
border-radius: 10px !important;
color: white !important;
}
.lt-nav-tabs-section .nav-link{
padding: 6px 10px !important;
}
.switch {
font-size: 17px;
position: relative;
display: inline-block;
width: 3.5em;
height: 2em;
}
/* Hide default HTML checkbox */
.lt-switch-slider-status .switch input {
opacity: 0;
width: 0;
height: 0;
}
/* The slider */
.lt-switch-slider-status .slider {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #B0B0B0;
transition: .4s;
border-radius: 32px;
outline: none;
}
.lt-switch-slider-status .slider:before {
position: absolute;
content: "";
height: 2rem;
width: 2rem;
border-radius: 50%;
outline: 2px solid #B0B0B0;
left: 4px;
bottom: 4px;
background-color: #fff;
transition: transform .25s ease-in-out 0s;
}
.lt-switch-slider-status .slider-icon {
opacity: 0;
height: 12px;
width: 12px;
stroke-width: 8;
position: absolute;
z-index: 999;
color: #43a047;
right: 60%;
top: 29%;
transition: right ease-in-out .3s, opacity ease-in-out .15s;
}
.lt-switch-slider-status input:checked + .slider {
background-color: #43a047;
}
.lt-switch-slider-status input:checked + .slider .slider-icon {
opacity: 1;
right: 22%;
}
.lt-switch-slider-status input:checked + .slider:before {
transform: translateX(1.5em);
outline-color: #43a047;
}
.lt-prob-area-td{
font-weight: 500 !important;
}
.lt-prob-issue-td {
font-size: 14px !important;
padding: 10px !important;
}
.lt-span-count-new{
min-width: 100px;
height: 45px !important;
max-width: 100%;
}
.lt-kpi-section-div{
border: 1px solid #80808047;
border-radius: 6px;
padding:6px 6px 6px 15px;
}
.lt-kpi-label{
font-weight: 500;
font-size: 14px;
color: #333;
}
.lt-already-assigned-kpi{
max-height: 250px;
overflow: auto;
}
@media only screen and (max-width: 756px) {
.lt-nav-tabs-section{
width: 100%;
}
.lt-switch-slider-status .slider:before {
bottom: 5px;
}
}
.lt-upload-icon-btn{
border: 1px solid #009ef7 !important;
background: white !important;
color: #009ef7 !important;
border-radius: 10px;
}
.lt-upload-icon-btn i{
color: #009ef7 !important;
}
.lt-upload-icon-btn i:hover{
color: #009ef7 !important;
}
.lt-upload-icon-btn:hover{
color: #009ef7 !important;
background: white !important;
}
/* cell and workstation management style::start*/
.lt-tier-btn{
background: #E5F6FD;
color: #333 !important;
border-radius: 50px;
padding: 10px 20px !important;
font-weight: 500;
font-size: 13px;
}
.lt-t-head {
padding: 15px !important;
}
.lt-t-tr-td{
padding:8px 14px !important;
}
.lt-input-color {
width: 40px;
height: 23px;
border: 0px;
padding: 0px !important;
}
.lt-span-tag{
color: #333;
font-weight: 500;
font-size: 14px;
padding: 6px 20px;
border-radius: 50px;
background: #E5E5E5;
}
.lt-prob-modal-Icon {
width: 30px;
height: 30px;
margin-right: 5px;
}
.lt-t-head {
padding: 10px !important;
font-weight: 500 !important;
}
@media only screen and (max-width: 992px) {
.lt-nav-tabs-section{
width: 100%;
}
}
/* cell and workstation management style::end */
.select2-container--bootstrap5 .select2-selection--multiple.form-select-sm .select2-search.select2-search--inline .select2-search__field{
margin:0px !important;
}
/* .select2-container--bootstrap5 .select2-selection--multiple.form-select-sm{
padding:4px 10px !important;
} */
/* quart chart sesco::start */
.lt-tl-title-new{
font-size: 18px;
font-weight: 600;
color: #333;
text-wrap: nowrap;
margin-bottom: 0px;
}
.lt-quard-chart-content-sesco{
padding: 15px;
}
.lt-thead-tr-quard-chart{
background-color: #1268B0;
}
.lt-thead-tr-quard-chart .lt-th-quard-chart{
color: white;
padding: 6px !important;
font-weight: 500;
text-align: center;
vertical-align: middle;
font-size: 14px;
min-width: 34px!important;
}
.lt-tbody-tr-quard-chart td{
color: #333;
font-weight: 500;
font-size: 14px;
padding: 10px !important;
}
.lt-td-quard-chart{
padding: 4px !important;
text-align: center;
vertical-align: middle;
}
.lt-tbody-quard-chart{
border: 1px solid #dddddd;
}
.lt-sesco-tabl {
overflow: hidden;
}
.lt-sesco-tabl table{
border: 1px solid #dddddd;
border-radius: 15px !important;
}
.lt-green-td{
background-color: #E4FFE7 !important;
}
.lt-red-sesco{
background-color: #FFECEC !important;
}
.lt-tbody-tr-quard-chart th{
color: #1268B0;
font-weight: 500;
font-size: 14px;
padding: 5px !important;
text-align: center;
vertical-align: middle;
}
.lt-heading-th-thead{
font-weight: 400;
padding: 10px !important;
}
.lt-sesco-row-height{
height: 100%;
}
.lt-th-table-sesco{
color: white !important;
padding: 10px !important;
font-weight: 500;
background: #1268b0;
text-align: center;
vertical-align: middle;
font-size: 14px !important;
}
.lt-bg-th-main{
background: #1268b0 !important;
}
.lt-sticky-quard-table{
position: sticky;
left: 0;
top: 0;
}
.lt-label-status-new{
font-weight: 600;
font-size: 11px;
color: #333;
line-height: 110.988%;
}
.lt-span-img-status-new{
width: 26px;
}
.lt-right-content-status-new{
/* min-width: 42.553px;
width: 42.553px; */
height: 42.553px;
padding: 0px 10px;
border-radius: 7px;
}
.lt-width-one{
width: 139.006px;
}
.lt-left-content-status-new{
padding: 0px 10px 0px 5px;
}
.lt-weekly-module-section-new{
border-radius: 15px;
background-color: white;
border: 1px solid #B8B8B8;
padding: 7px 10px;
}
.lt-count-status-new{
color: #FFF;
font-size: 22px;
font-weight: 600;
}
.lt-tbody-th-new div {
font-weight: 500;
font-size: 13px !important;
color: #333;
}
.lt-span-tag-new{
color: #333;
font-weight: 500;
font-size: 12px;
padding: 4px 14px;
border-radius: 50px;
background: #E5E5E5;
}
.lt-actionPlanTable-new tr td {
font-size: 13px;
font-weight: 400;
text-wrap: nowrap;
vertical-align: middle;
}
.lt-flter-table-btn {
min-width: 40px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 7px;
background: #1268B0;
padding: 6px!important;
}
.lt-flter-table-btn i{
color: white;
}
.lt-no-actions {
border: 1px solid #1268B0;
background: #ffffff;
}
.lt-no-status {
background: #1268B0;
}
.lt-tl-heading-section-new {
padding: 15px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #80808042;
/* height: 70px; */
}
@media only screen and (max-width: 575px) {
.lt-width-one{
width:fit-content;
}
.lt-width-two{
width:fit-content;
}
.lt-width-three{
width:fit-content;
}
.lt-width-four{
width:fit-content;
}
.lt-tl-heading-section-new {
height: auto;
}
}
.lt-input-table-td{
width: 40px;
height: 36px;
border-radius: 5px;
border: 1px solid #B8B8B8;
background: #FFF;
}
/* quart chart sesco::end */
.daterangepicker .drp-calendar td.active {
padding: 5px !important;
display: block;
}
.fullscreen-chart{
border: 1px solid #8080804f !important;
border-radius: 4px;
}
/* sqdcp dashboard ::start */
.lt-sub-header-sqdcp{
border-radius: 10px 10px 0px 0px;
border-bottom: 1px solid #D7D7D7;
background: #F3FBFF;
padding: 8px;
cursor: pointer;
}
.lt-label-header{
font-size: 14px;
font-weight: 600;
color: #333;
}
.lt-div-one-mint-section{
display: flex;
justify-content: center;
align-items: flex-start;
}
.lt-one-minte-div{
display: flex;
align-items: center;
/* justify-content: space-between; */
gap: 10px;
border: 1px solid #8080805c;
padding: 8px 10px 8px 8px;
border-radius: 10px;
min-width: 100px;
max-width: 100%;
}
.lt-img-one-minute{
min-width: 48px;
max-width: 100%;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border-radius: 8px;
}
.lt-one-minte-div label{
width: min-content;
line-height: 16px;
font-weight: 500;
font-size: 12px;
}
.lt-img-one-minute .lt-img-text{
font-weight: 600;
color: #fff;
font-size: 14px;
}
.lt-green-status{
background-color: #5AAF42;
}
.lt-green-mian-status{
border: 1px solid #5AAF42;
background-color: #F2FFEF;
}
.lt-yellow-status{
background-color: #D6C600;
}
.lt-blue-status{
background: #10B6FF;
}
.lt-yellow-status-one{
background: #FF9F00;
}
.lt-red-status{
background: #FF9F00;
}
.lt-yellow-mian-status{
border: 1px solid #FF9F00;
background: #FFF6E8;
}
.lt-blue-mian-status{
border: 1px solid #33BDFA;
background: #ECF9FF;
}
.lt-red-mian-status{
border: 1px solid #C63838;
background: #FEF2F2;
}
.lt-dark-mian-status{
border: 1px solid #0055A3;
background: #EFF5FB;
}
.lt-dark-status{
background: #0055A3;
}
.lt-highlights-heading{
background-color: #D0DEEA;
padding: 6px 10px;
font-weight: 500;
font-size: 12px;
border-bottom: 0px !important;
}
.lt-pargraph-view-section{
padding:10px;
}
.lt-paragraph-new{
font-size: 14px;
font-weight: 400;
margin-bottom: 6px;
}
.lt-summary-view-section{
padding:10px;
}
.lt-action-plan-text{
width: min-content;
font-size: 14px !important;
font-weight: normal !important;
}
.lt-svg-section{
position: relative;
gap: 10px;
height: 266.424px;
border-radius: 10px;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
padding:10px 20px;
}
.lt-label-shift-view{
font-size: 24px;
font-weight: 600;
color: white;
}
.lt-line-height-label{
line-height: 34px;
}
.lt-shift-btn{
width: fit-content;
min-width: fit-content;
max-width: 92px;
height: 33.055px;
display: flex;
align-items: center;
gap: 7px;
border-radius: 150px;
border: 0.5px solid #FFF !important;
background: rgba(255, 255, 255, 0.30);
padding: 7px 10px !important;
font-size: 14px;
font-weight: 500;
padding: 0px 8px !important;
color: white;
cursor: pointer;
}
.lt-shift-btn.active{
background: rgba(255, 255, 255);
}
.lt-drilldown-shift-btn.active{
color:#000000;
}
.lt-shift-2-status:hover{
color: #D6C600 !important;
}
.lt-shift-3-status:hover{
color: #C63838 !important;
}
.lt-shift-badge{
width: 15px;
min-width: 15px;
height: 15px;
display: block;
border-radius: 100px;
outline: 3px solid white;
}
.lt-svg-img{
width: 200px;
height: 200px;
z-index: 1;
}
.lt-red-status{
background-color: #C63838;
}
.lt-img-bg{
position: absolute;
right: -4px;
height: 225px !important;
width: 185px;
}
.lt-drill-down-btn{
position: absolute;
top: 10px;
right: 10px;
width: 35px;
height: 35px;
padding: 0px !important;
background: rgb(255 255 255 / 46%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.lt-drill-down-btn i{
color: #fff;
}
.lt-svg-content{
position: relative;
z-index: 1;
}
.lt-div-view-svg-new{
position: absolute;
right: 75px;
}
.lt-safety-div{
background: linear-gradient(111deg, #2EDA9C 0.11%, #00A368 99.89%);
}
.lt-quality-div{
background: linear-gradient(112deg, #00B1FF 0.41%, #0055A3 99.59%);
}
.lt-delivery-div{
background: linear-gradient(112deg, #EBAF3C 1.17%, #D08900 98.83%);
}
.lt-productivity-div{
background: linear-gradient(111deg, #2E87DA 0.47%, #004C92 99.53%);
}
.lt-label-child-shift-view{
font-size: 22px;
font-weight: lighter;
color: #fff;
}
.lt-right-arrow, .lt-left-arrow{
display: flex;
align-items:center;
justify-content: center;
width: 45px;
height: 45px;
border-radius: 100px;
background: rgb(152 207 250);
cursor: pointer;
color: #fff;
}
.lt-right-arrow {
position: fixed;
top: 58%;
right: 10px;
z-index: 13;
}
.lt-left-arrow {
position: fixed;
top: 58%;
left: 10px;
z-index: 13;
}
.lt-scroll-new-div{
max-height: calc(100vh - 200px);
}
.lt-sticky-div-sqdcp{
top: 108px;
z-index: 13;
}
.lt-scroll-new-div::-webkit-scrollbar {
width: 0px;
}
@media only screen and (max-width: 1200px) {
.lt-shift-btn-section{
flex-direction: row !important;
}
.carousel{
overflow-y: scroll;
}
}
@media only screen and (max-width: 576px) {
.lt-svg-section{
flex-direction: column;
height: fit-content;
padding-top: 15px;
padding-bottom: 15px;
}
.lt-svg-content{
width: 100% !important;
margin-top: 30px;
}
.lt-label-hidden-shift-view{
font-size: 31px;
font-weight: 600;
color: #fff;
width: 100%;
}
.lt-label-hidden-shift-view-child{
font-size: 22px;
font-weight: 300;
color: #fff;
width: 100%;
line-height: 36px;
}
.lt-sub-child-label{
font-size: 26px;
font-weight: 600;
color: #fff;
width: 100%;
}
}
.carousel{
overflow: hidden;
scroll-behavior: smooth;
}
.lt-filter-sub-section{
padding: 4px 15px;
}
.lt-hide-the-filter{
height: 35px;
}
.lt-btn-date{
padding: 4px 10px !important;
}
.lt-sqdcp-btn{
width: 54px;
height: 54px;
border: 3px solid white !important;
border-radius: 10px;
overflow: hidden;
padding: 5px !important;
}
.lt-safety-color{
background-color: #27B3B2;
}
.lt-quality-color{
background: #009CEA;
}
.lt-delivery-color{
background: #E3A42A;
}
.lt-productivity-color{
background: #247AC9;
}
.lt-content-safety{
width:135px;
}
.lt-content-quality{
width: 102px;
}
.lt-i-calender{
position: absolute;
top: 8px;
right: 6px;
}
.lt-calender-input{
border-radius: 8px !important;
}
@media only screen and (max-width: 656px) {
.lt-filter-sub-section{
flex-wrap: wrap;
border-radius: 10px;
height:100% !important;
padding: 12px 20px;
}
.lt-hide-the-filter{
height: 100% !important;
}
}
/* sqdcp dashboard ::end */
/* one minute html::start */
.lt-save-btn-sesco{
background-color: #45B64A;
color: white !important;
border-radius: 10px;
padding: 5px 10px !important;
height: 39px;
}
.lt-save-btn-sesco i{
color: white !important;
}
.lt-card-section-sesco{
border-radius: 10px;
border: 1px solid #D9D9D9;
background: #FFF;
}
.lt-card-header-sesco{
border-radius: 10px 10px 0px 0px;
background: #DDEEF9;
padding: 12px 20px;
}
.lt-graph-section-view{
border: 1px solid #D9D9D9;
border-radius: 10px;
padding: 20px;
}
.lt-card-new-sesco{
display: flex;
justify-content: space-between;
flex-direction: column;
gap: 30px;
}
.lt-card-content-sesco{
padding: 15px;
display: flex;
flex-direction: column;
}
.lt-counts-new{
display: flex;
gap: 10px;
align-items: center;
justify-content: center !important;
border: 1px solid #D7D7D7;
border-radius: 10px;
padding: 6px 10px;
min-width: 100px;
max-width: fit-content;
height: 96px;
color: #1268B0;
background-color: #ECF3F9;
}
.lt-counts-new label{
font-size: 30px;
font-weight: 600;
}
.lt-arrow-icon-high{
display: flex;
align-items: center;
justify-content: center;
color: white;
border-radius: 100px;
width: 25px;
height: 25px;
right: 6px;
top: 6px;
outline: 4px solid #fff;
background: #56B53C;
}
.lt-arrow-icon-low{
display: flex;
align-items: center;
justify-content: center;
color: white;
border-radius: 100px;
width: 25px;
height: 25px;
right: 6px;
top: 6px;
outline: 4px solid #fff;
background: #BD2D2D;
}
.lt-arrow-icon-high i,.lt-arrow-icon-low i{
color: white !important;
font-size: 22px;
}
.lt-avg-lbel{
font-size: 15px;
font-weight: 500;
color: #333;
}
.lt-label-overall{
font-size: 16px;
font-weight: 500;
overflow-wrap: anywhere;
text-wrap: balance;
}
#ratings_div{
display:flex;
flex-direction: column;
gap:12px;
}
.lt-thumb-icon{
background-color: #45b64a;
color: white;
width: 65px;
min-width: 65px;
height: 65px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
}
.lt-thumb-icon i{
color: white;
font-size: 30px;
}
.lt-overall-status{
display: flex;
align-items: center;
gap: 15px;
border: 1px solid gray;
border-radius: 10px;
padding: 10px;
background-color: white;
}
.lt-paragrapgh-card{
font-weight: 400;
font-size: 14px;
}
.lt-question-p{
font-weight: 600;
}
.lt-red{
border: 1px solid #BD2D2D;
}
.lt-red .lt-arrow-icon{
background-color: #BD2D2D;
}
.lt-red .lt-label-new{
color: #BD2D2D;
}
.lt-green{
border: 1px solid #56B53C;
}
.lt-green .lt-arrow-icon{
background-color: #56B53C;
}
.lt-green .lt-label-new{
color: #56B53C;
}
.lt-red .lt-thumb-icon{
background-color: #BD2D2D;
}
.lt-yellow{
border: 1px solid #F1A739;
}
.lt-yellow .lt-thumb-icon{
background-color: #F1A739;
}
.lt-cvg-card{
border: 1px solid #1268B0;
background-color: #fff;
border-radius: 10px;
padding: 10px;
/* height: 230px; */
margin-bottom: 15px;
}
.lt-quad-chart-btn{
width: 40px;
height: 40px;
background: #F36523;
border-radius: 8px;
display: flex;
justify-content: center;
align-items: center;
padding: 12px !important;
}
@media (max-width: 656px) {
.lt-tl-heading-section-new{
height: fit-content;
}
}
.lt-timeline-new-btn{
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 7px;
background: #005D97;
border: 0px !important;
padding: 6px!important;
}
.lt-kpi-btn{
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 7px;
background: #1E85FE;
border: 0px !important;
padding: 6px!important;
}
.lt-timeline-one-minute {
display: flex;
flex-direction: column;
}
.lt-timeline-one-minute .timeline-item {
width: 100%;
padding: 0.5rem 0rem 0em 2em;
position: relative;
}
.timeline-item-right {
align-self: flex-end;
border-left: 1.5px dashed #ccd1d9;
}
.timeline-item-left {
align-self: flex-start;
border-right: 2px solid #ccd1d9;
}
.lt-timeline-one-minute .timeline-item::after {
content: "";
position: absolute;
width: 25px;
height: 25px;
border-radius: 50%;
background: #00a3ff;
z-index: 1;
border: 4px solid #ddefff;
z-index: 1;
top: 0;
background-position: center;
}
.lt-timeline-one-minute .timeline-item-right::after {
left: -13px;
}
.lt-timeline-one-minute .timeline-item-left::after {
right: -19px;
}
.lt-timeline-one-minute .timeline-content {
width: 100%;
color: #666;
display: flex;
flex-direction: column;
}
.lt-timeline-one-minute .lt-timeline-content-new-section h3 {
margin-top: 5px;
margin-bottom: 10px;
font-size: 14px;
font-weight: 550;
/* width: 100%; */
color: #014d78;
}
.lt-timeline-one-minute .timeline-item-left * {
text-align: end;
}
.lt-timeline-content-new-section p {
font-size: 14px;
word-spacing: 1px;
color: #333;
overflow-wrap: anywhere;
}
.lt-timeline-div{
border-radius: 10px;
padding: 0px 10px;
}
/*
.lt-timeline-date-right{
} */
.lt-div-timeline-new{
width: 100%;
border-radius: 10px;
padding: 10px;
background: #ecf2f99c;
margin-bottom: 15px;
}
.lt-span-timeline-date{
font-weight: 500;
font-size: 13.2px;
margin-right: 10px;
color: #5d5d5d;
}
.lt-timeline-date-left{
position: absolute;
right: -250px;
top: 7px;
}
.lt-formal-check-radio-btn{
border: 1px solid #b8b8b857 !important;
}
.lt-menu-title{
color: #333;
font-weight: 400;
}
.lt-menu-title-new{
color: #333;
font-weight: 500;
}
.lt-sub-footer{
padding: 10px 15px;
border-top: 1px solid #b8b8b857;
}
.lt-sidebar-kpi {
height: 100%;
width: 350px;
background-color: #fff;
position: fixed !important;
right: 0;
z-index: 1;
overflow: auto;
box-shadow: rgb(0 0 0 / 17%) 0px 0px 9px;
border-radius: 10px;
transition: all 0.5s;
-webkit-transition: all 0.25s;
}
@media screen and (max-width: 1024px) {
.timeline-item-right {
align-self: flex-start;
}
.timeline-item-left * {
text-align: start;
}
.timeline-item-left::after {
right: auto;
left: -16px;
}
.timeline-item::after {
top: 0;
left: -16px;
}
.lt-timeline-date-left{
display: none;
}
.lt-timeline-one-minute .timeline-item-left * {
text-align: start;
}
}
.lt-sidenav {
height: 100vh;
width: 0;
position: fixed;
z-index: 999;
top: 10%;
right: 0;
background-color: #fff;
overflow-x: hidden;
transition: 0.3s;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.lt-sidenav a {
padding: 8px 8px 8px 32px;
text-decoration: none;
font-size: 25px;
color: #818181;
display: block;
transition: 0.3s;
}
.lt-sidenav a:hover {
color: #f1f1f1;
}
.lt-sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}
@media screen and (max-height: 450px) {
.lt-sidenav {padding-top: 15px;}
.lt-sidenav a {font-size: 18px;}
}
.lt-kpi-listing-section{
padding: 10px;
border-radius: 10px;
border: 1px solid #E2E2E2;
background: #FFF;
overflow: scroll;
max-height: 500px;
}
.lt-modal-body{
height: 75%;
}
.lt-kpi-sidebar-reset-btn{
border-radius: 8px;
background: #1268B0;
color: #fff !important;
font-weight: 500;
font-size: 13px;
}
.lt-kpi-sidebar-reset-btn i{
color: #ffff;
}
.lt-textarea-div{
height: 280px;
border: 0px;
}
.lt-textarea-div:focus-visible{
outline: 1px solid #fff;
}
.lt-status-not-available{
font-size: 14px;
font-weight: 500;
color: #009ef7;
border-radius: 10px;
padding: 34px;
background: #e3f5ff;
}
.no-rating{
background-color: #a3134f;
padding: 10px;
}
/* one minute html::end */
.disabled-checkbox {
pointer-events: none;
opacity: 1;
}
/* .switch .slider {
opacity: 1;
cursor: not-allowed;
} */
.disabled-delete {
pointer-events: none;
opacity: 0.5;
cursor: not-allowed;
}
/* work status view::start */
.lt-user-listing-view{
font-weight: 500;
font-size: 14px;
color: #333;
border-radius: 100px;
padding: 6px 10px;
display: flex;
gap: 10px;
align-items: center;
}
.lt-badge-status{
border-radius: 100px;
padding: 6px 10px;
}
.lt-status-ongoing{
background: #F1A739;
}
.lt-work-status-ongoing{
background: #FFF8EE;
}
.lt-status-started{
background: #009EF7;
}
.lt-work-status-started{
background: #E2F2FF;
}
.lt-status-inreview{
background: #009974;
}
.lt-work-status-inreview{
background: #dcf7ea;
}
/* work status view::end */
.delete-event-btn{
padding: 2px;
color: black;
display: flex;
justify-content: center;
align-items: center;
width: 41px;
border-radius: 0px 4px 4px 0px;
background-color: #d10f33!important;
}
.delete-event-btn i{
color: #fff;
padding: 0px;
}
.lt-label-delete-text {
font-size: 14px;
font-weight: 400;
color: #fff1dd;
background: #1268b0;
border: 0px;
padding: 10px;
border-radius: 7px;
}
.lt-label-delete-text i{
color: #fff;
}
/* datasheet table & chart dropdown style::start */
.lt-show-column-arrow{
background: #f5f8fa3b;
rotate: 0deg;
cursor: pointer;
border-radius: 50%;
border: 0px;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
}
.lt-show-column-arrow i{
color: white !important;
}
.lt-graph-menu {
width: 28px;
height:28px;
border: 1px solid #8080804f !important;
border-radius: 5px;
display: flex;
align-items: center;
justify-content: center;
}
.lt-hover-menu{
cursor: pointer;
}
.lt-hover-menu:hover{
background-color:rgba(245,248,250,.8);
color: #009ef7;
}
.lt-hover-menu:hover .form-check-label i{
color: #009ef7;
}
.lt-dropdown-items-new:hover {
background-color:#f0f0f0;
}
.lt-sticky-p-new{
top: 0 !important;
position: sticky !important;
background: #1268b0 !important;
}
/* body{
overflow: hidden;
} */
.table-wrapper {
overflow: auto;
scroll-behavior: smooth;
height: 700px;
}
.lt-z-index-new{
z-index: 9;
}
/* datasheet table & chart dropdown style::end */
/* planning Module Improvements style::start */
.lt-border-new-weekly{
border: 1.5px solid #1268B0;
}
.lt-total-count-module{
min-width: 100px;
max-width: 500px;
height: 100px;
border-radius: 0px 10px 10px 0px;
background: #1268B0;
color: #ffff;
padding: 5px 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.lt-module-width-new{
width:100%;
}
/* .lt-weekly-module-section{
overflow: hidden;
} */
@media screen and (max-width: 756px) {
.lt-module-width-new{
width: 100%;
}
/* .lt-general-info-section{
flex-direction: column;
} */
.lt-total-count-module{
border-radius: 10px;
width: 100vw !important;
max-width: 100%;
}
}
.lt-total-label{
font-weight: 500;
font-size: 16px;
}
.lt-total-p{
font-size: 35px;
font-weight: 600;
}
/* .lt-left-content{
width: 150px;
} */
.lt-x-scroll{
overflow-x: scroll;
}
@media screen and (max-width: 576px) {
.lt-total-count-module{
width: 100%;
margin-top: 10px;
}
}
.lt-main-div-weekly {
border-radius: 15px;
background-color: white;
overflow: hidden;
}
.lt-weekly-header {
padding-bottom: 0px;
}
.lt-weekly-content {
padding-top: 9px;
}
.lt-label-new {
font-size: 16px;
font-weight: 600;
color: #333;
}
/* planning Module Improvements style::end */
.form-input-custom-calender-icon{
background: url(../media/icons/calendar.png) no-repeat;
background-position: right 10px center;
background-size: 15px 15px;
padding-right: 40px;
background-color: #fff;
cursor: pointer;
}
.lt-sqdcp-btn object {
pointer-events: none;
}
.lt-sqdcp-btn-selected {
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important;
}
.lt-img-new-svg{
width: 400px;
}
.lt-top-weekly-view{
z-index: 0 !important;
}
.lt-weekly-view-sticky-table{
top: 44px !important;
}
/* assign cell style::start */
.lt-border-radius-checkbox{
border-radius: 100px !important;
}
.lt-enable-btn{
background: #4DB151;
color: #fff !important;
font-size: 14px;
border-radius: 10px;
}
.lt-disabled-btn{
background: #BD2D2D;
color: #fff !important;
font-size: 14px;
border-radius: 10px;
}
.lt-kpi-section-div {
padding: 10px;
}
.lt-div-span-indication{
width: 15px;
height: 15px;
background-color: gray;
border-radius: 100px;
margin: 0px;
}
.lt-enabled{
background-color: #4DB151;
}
.lt-disabled{
background: #BD2D2D;
}
/* .lt-thead-datasheet{
position: sticky;
top: 0;
z-index: 1;
} */
/* .lt-sticky-new-th-tkt{
position: sticky;
top: 0;
} */
.lt-back-button-arrow{
border: 0px;
width: 35px;
height: 35px;
background: #26acf875;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
}
.lt-back-button-arrow i{
color: white;
font-size: 16px;
}
.lt-kpidashboard-fix-height{
scroll-behavior: auto;
max-height: calc(100vh - 300px)!important;
}
.lt-kpi-dashboard-head{
position: sticky;
top: 46px !important;
z-index: 9999 !important;
}
.lt-sub-start{
outline: 1px solid #ffff;
}
.lt-thead-datasheet{
position: sticky;
top: 0px;
z-index: 9999;
}
.lt-thead-new-table-datasheet{
position: sticky;
top: 0px;
z-index: 99;
}
.custom-popover-datasheet{
transform: translate(210px, 50px)!important;
}
.custom-popover-datasheet-weekly-view{
transform: translate(210px, 70px)!important;
}
.custom-popover-datasheet-monthly-view{
transform:translate(284.111px, 88.68px)!important;
}
.lt-table-fixed-position{
margin-bottom: 0px;
}
.lt-min-lean-btn{
background-color:#C8C8C8 !important;
}
@media only screen and (max-width: 1400px) {
.lt-filter-option-small-screen{
flex-direction: column;
}
.lt-filter-inside-filter-screen{
justify-content: start;
}
}
.lt-datasheet-datepicker {
z-index: 9999 !important;
}
.lt-datasheet-new-datepicker {
z-index: 99 !important;
}
.lt-scrollbar-table-colour{
scrollbar-color: #9699ad69 transparent !important;
}
.center-text {
display: block;
text-align: center;
}
.custom-popover-scorecard{
transform: translate3d(70.6667px, 0px, 0px)
}
.form-input-custom-search-icon{
background: url(../media/icons/search.svg) no-repeat;
background-position: right 10px center;
background-size: 15px 15px;
padding-right: 40px;
background-color: #fff;
cursor: pointer;
}
.image-collapse{
width : 25px;
}
.lt-table-thead-manage-cell .lt-first-border-radius-new{
border-start-start-radius: 15px;
}
.lt-table-thead-manage-cell .lt-last-border-radius-new {
border-start-end-radius: 15px;
}
.lt-fixed-header-manage-cell{
position: sticky;
top: 0;
z-index: 2;
}
.lt-table-manage-cell-container .table-responsive{
overflow:auto;
max-height: calc(100vh - 300px);
}
.lt-table-manage-cell-scroll{
overflow-y: scroll;
max-height: calc(100vh - 27vh);
}
/* date range picker style : start */
.daterangepicker .drp-calendar td.available:hover, .daterangepicker .drp-calendar th.available:hover {
border-radius: .475rem;
background-color: var(--bs-component-hover-bg);
color: var(--bs-component-hover-color);
}
.daterangepicker .drp-calendar td:hover {
background-color: var(--bs-component-hover-bg);
color: var(--bs-component-hover-color);
}
.daterangepicker .drp-calendar td.active {
background-color: var(--bs-component-active-bg) !important;
color: var(--bs-component-active-color) !important;
border-radius: .475rem;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: #357ebd;
border-color: transparent;
color: #fff;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
background-color: #eee;
border-color: transparent;
color: inherit;
}
.daterangepicker .drp-calendar td.active {
background-color: #009ef7 !important;
color: #ffff !important;
border-radius: .475rem;
width: 33px !important;
height:auto;
display: table-cell;
padding: 3px;
justify-content: center;
align-items: center;
}
.daterangepicker .drp-calendar td, .daterangepicker .drp-calendar th {
font-size: 1rem;
font-weight: 400;
width: 33px;
height: 33px;
}
.daterangepicker .drp-calendar td{
height: auto !important;
}
/* date range picker style : end */
.areacolor{
color: white !important;
}
.lt-table-shift-table-section{
overflow: hidden;
border-radius: 15px;
}
.lt-philips-table-new{
scrollbar-width: none;
}
#tiertable_wrapper .row{
padding: 10px ;
}
#shift_table_wrapper .row{
padding: 10px;
}
#area_settings_table_wrapper .row, #kpi_settings_table_wrapper .row, #action_plan_list_wrapper .row{
padding: 10px;
}
.lt-3c-table .row{
padding: 10px ;
}
#area_settings_table_wrapper .table-responsive{
overflow-y: scroll;
max-height: calc(100vh - 300px);
}
.lt-new-sticky-missed-value{
position: sticky;
left: 0;
top: 0 !important;
}
.lt-table-missed-value{
overflow: scroll;
max-height: calc(100vh - 300px) !important;
scrollbar-width: none;
}
.lt-weekly-view-sticky{
position: sticky;
top: 45px;
background-color: #1268B0 !important;
}
.lt-tr-th-missed-value{
position: sticky;
top: 0;
z-index: 2;
}
.lt-ouline-border-table{
overflow: hidden;
border-radius: 15px;
outline: 1px solid #80808066;
}
.calender-size{
font-size: 11px !important;
}
.lt-table-thead-datatable .lt-first-border-radius-new{
border-start-start-radius: 15px;
}
.lt-table-thead-datatable tr th:last-child.lt-last-border-radius-new {
border-start-end-radius: 15px;
}
.lt-table-tbody-datatable tr th.lt-th-border-bottom {
border-bottom-left-radius: 1500px;
}
.lt-table-tbody-datatable tr:last-child .lt-last-border-radius-new {
border-bottom-right-radius: 15px;
}
.lt-table-tbody-actionplan tr:last-child td.lt-th-border-bottom {
border-bottom-left-radius: 15px;
}
.lt-table-tbody-actionplan tr:last-child td.lt-last-border-radius-new {
border-bottom-right-radius: 15px;
}
.time-zone-section p{
font-size: 12px;
font-weight: 500;
color: #333;
}
.lt-border-selecte2{
border: 1px solid #80808047 !important;
}
#kpi_scorecard_table tr:last-child .lt-sub-table tr:last-child td.lt-wip-selected{
border-bottom: 4px solid #0de9ff !important
}
.fc .fc-daygrid-day-frame {
cursor: pointer;
}
.lt-table-tbody-manage-tier tr:last-child td.lt-th-border-bottom{
border-bottom-left-radius: 15px;
}
.lt-table-tbody-manage-tier tr:last-child td.lt-last-border-radius-new {
border-bottom-right-radius: 15px;
}
.lt-table-manage-new tbody tr:last-child td.lt-th-border-bottom{
border-bottom-left-radius: 15px;
}
.lt-table-manage-new tbody tr:last-child td.lt-last-border-radius-new {
border-bottom-right-radius: 15px;
}
.lt-table-tbody-manage-cell tr:last-child td {
border-bottom-left-radius: 15px;
}
.lt-table-tbody-manage-cell tr:last-child .lt-last-border-radius-new {
border-bottom-right-radius: 15px;
}
.lt-table-tbody-manage-shift tr:last-child td.lt-th-border-bottom{
border-bottom-left-radius: 15px;
}
.lt-table-tbody-manage-shift tr:last-child td.lt-last-border-radius-new{
border-bottom-left-radius: 15px;
}
.lr-sqdcp-width-modal{
max-width: 1600px;
}
@media (min-width: 2560px) {
.lr-sqdcp-width-modal{
max-width: 4400px;
}
}
.fc .fc-popover {
z-index: 1055 !important;
}
.lt-no-of-tak-completed-table tr:last-child td.lt-wip-selected {
border-bottom: 4.5px solid #74e6ff !important;
}
.t-table-tbody-datatable tr:nth-last-child(2) th.lt-first-border-bottom {
border-bottom-left-radius: 15px;
}
.t-table-tbody-datatable tr:last-child td:last-child.lt-last-border-bottom {
border-bottom-right-radius: 15px;
}
.lt-table-shift-table-section{
overflow: hidden;
border-top-right-radius: 15px;
}
/* .lt-philips-only{
display:none;
} */
.lt-im-table .lt-td-first-highlights{
border-bottom: 2px solid #b7b7b787 !important;
}
.lt-reason-tr-last-border{
border-bottom: 1px solid #D7D7D7 !important;
}
.lt-manage-kpi-table-new tbody tr:last-child td.lt-first-border-bottom {
border-bottom-left-radius: 15px;
}
.lt-manage-kpi-table-new tbody tr:last-child td.lt-last-border-bottom {
border-bottom-right-radius: 15px;
}
#area_settings_table tbody tr:last-child td.lt-first-border-bottom {
border-bottom-left-radius: 15px;
}
#area_settings_table tbody tr:last-child td.lt-last-border-radius-new {
border-bottom-right-radius: 15px;
}
.lt-probe-config-tbody tr:last-child th.lt-first-border-bottom {
border-bottom-left-radius: 15px;
}
.lt-probe-config-tbody tr:last-child td.lt-last-border-radius-new {
border-bottom-right-radius: 15px;
}
#shift_table{
border-radius: 15px;
}
#shift_table tbody tr:last-child td.lt-first-border-bottom {
border-bottom-left-radius: 15px;
}
#shift_table tbody tr:last-child td.lt-last-border-radius-new {
border-bottom-right-radius: 15px;
}
.lt-table-philips-tbody tr:last-child td.lt-first-border-bottom {
border-bottom-left-radius: 15px;
}
.lt-table-philips-tbody tr:last-child td.lt-last-border-radius-new {
border-bottom-right-radius: 15px;
}
.swal2-actions{
padding-bottom: 20px ;
}
.lt-sicb-data-table-tbody tr:last-child td.lt-first-border-bottom{
border-bottom-left-radius: 15px;
}
#sicb_table{
border-radius: 15px;
}
.lt-pln-tbody tr:last-child th.lt-first-border-bottom{
border-bottom-left-radius: 15px;
}
.lt-pln-tbody tr:last-child td.lt-last-border-radius-new{
border-bottom-right-radius: 15px;
}
.lt-new-module-border-radius table{
border-radius: 15px !important;
}
.one_minute_highlight{
width: 100%;
font-weight: 700;
}
.one-minute-redirect-button{
background: white;
border-radius: 4px;
border: 1px solid #8080803d;
width: 30px;
height: 30px;
display: flex;
align-items: center;
justify-content: center;
}
/* quart chart sesco::start */
.lt-tl-title-new{
font-size: 18px;
font-weight: 600;
color: #333;
text-wrap: nowrap;
margin-bottom: 0px;
}
.lt-quard-chart-content-sesco{
padding: 15px;
}
.lt-thead-tr-quard-chart{
background-color: #1268B0;
}
.lt-thead-tr-quard-chart .lt-th-quard-chart{
color: white;
padding: 6px !important;
font-weight: 500;
text-align: center;
vertical-align: middle;
font-size: 14px;
min-width: 34px!important;
}
.lt-tbody-tr-quard-chart td{
color: #333;
font-weight: 500;
font-size: 14px;
padding: 10px !important;
}
.lt-td-quard-chart{
padding: 4px !important;
text-align: center;
vertical-align: middle;
}
.lt-tbody-quard-chart{
border: 1px solid #dddddd;
}
.lt-sesco-tabl {
overflow: hidden;
}
.lt-sesco-tabl table{
border: 1px solid #dddddd;
border-radius: 15px !important;
}
.lt-green-td{
background-color: #E4FFE7 !important;
}
.lt-red-sesco{
background-color: #FFECEC !important;
}
.lt-tbody-tr-quard-chart th{
color: #1268B0;
font-weight: 500;
font-size: 14px;
padding: 5px !important;
text-align: center;
vertical-align: middle;
}
.lt-heading-th-thead{
font-weight: 400;
padding: 10px !important;
}
.lt-sesco-row-height{
height: 100%;
}
.lt-th-table-sesco{
color: white !important;
padding: 10px !important;
font-weight: 500;
background: #1268b0;
text-align: center;
vertical-align: middle;
font-size: 14px !important;
}
.lt-bg-th-main{
background: #1268b0 !important;
}
.lt-sticky-quard-table{
position: sticky;
left: 0;
top: 0;
}
.lt-label-status-new{
font-weight: 600;
font-size: 11px;
color: #333;
line-height: 110.988%;
}
.lt-span-img-status-new{
width: 26px;
}
.lt-right-content-status-new{
/* min-width: 42.553px;
width: 42.553px; */
height: 42.553px;
padding: 0px 10px;
border-radius: 7px;
}
.lt-width-one{
width: 139.006px;
}
.lt-left-content-status-new{
padding: 0px 10px 0px 5px;
}
.lt-weekly-module-section-new{
border-radius: 15px;
background-color: white;
border: 1px solid #B8B8B8;
padding: 7px 10px;
}
.lt-count-status-new{
color: #FFF;
font-size: 22px;
font-weight: 600;
}
.lt-tbody-th-new div {
font-weight: 500;
font-size: 13px !important;
color: #333;
}
.lt-span-tag-new{
color: #333;
font-weight: 500;
font-size: 12px;
padding: 4px 14px;
border-radius: 50px;
background: #E5E5E5;
}
.lt-actionPlanTable-new tr td {
font-size: 13px;
font-weight: 400;
text-wrap: nowrap;
vertical-align: middle;
}
.lt-flter-table-btn {
min-width: 40px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 7px;
background: #1268B0;
padding: 6px!important;
}
.lt-flter-table-btn i{
color: white;
}
.lt-no-actions {
border: 1px solid #1268B0;
background: #ffffff;
}
.lt-no-status {
background: #1268B0;
}
.lt-tl-heading-section-new {
padding: 15px;
display: flex;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid #80808042;
/* height: 70px; */
}
@media only screen and (max-width: 575px) {
.lt-width-one{
width:fit-content;
}
.lt-width-two{
width:fit-content;
}
.lt-width-three{
width:fit-content;
}
.lt-width-four{
width:fit-content;
}
.lt-tl-heading-section-new {
height: auto;
}
}
.lt-input-table-td{
width: 40px;
height: 36px;
border-radius: 5px;
border: 1px solid #B8B8B8;
background: #FFF;
}
/* quart chart sesco::end */
.lt-graph-btn {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 7px;
background: #00C898 !important;
padding: 6px!important;
}
.lt-graph-new-btn{
border: 1px solid #234c97;
background: white;
padding: 7px 10px !important;
border-radius: 10px;
width: 150px;
}
.lt-graph-btn i{
color: #234c97;
}
.lt-shift-btn:hover{
color: #fff;
background-color: #dddddd99;
}
.sqdc_chart_type {
border: 1px solid #80808038;
border-radius: 5px;
}
.lt-text-kpi-collpase{
font-size: 16px;
}
.lt-paragh-kpi-collpase{
font-size: 12px;
}
#kpi_scorecard_table{
width:100%;
}
.password-wrapper{
margin: auto 0;
height: 100%;
background: #ededed;
}
.pass-section {
background: #fff;
border-radius: 15px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.pass-content h3{
font-size: 32px;
color: #1268B0;
}
.lt-email-reset-forget-a-tag{
color:#1268B0 !important;
}
.lt-thead-fixed-table-latest{
position: sticky;
top: 0;
z-index: 2;
}
.lt-footer-tr-fixed-latest{
position: sticky;
bottom: 0;
z-index: 2;
}
.lt-labour-rate-anlaysis-tbl {
max-height: calc(100vh - 41vh) !important;
}
.lt-labour-rate-anlaysis-tbl table tbody tr:hover{
background: #e5e5e5!important;
}
.report_generator_btn{
border: 1px solid #238cfb;
border-radius: 8px;
width: 35px;
height: 35px;
background: #daf2ff;
}
.lt-card-content-sesco .lt-textarea-div{
font-weight: 700;
}
#attend_action_plan_form .modal-body{
overflow-y: scroll;
max-height: 650px;
}
/* start :: all boards */
.lt-allboards-getstarted .lt-allboards-title-section,
.lt-allboards-templates .lt-allboards-title-section {
line-height: 19px;
}
.lt-allboards-title {
font-weight: 600;
font-size: 17px;
}
.lt-allboards-sub-title {
opacity: 0.6;
font-size: 13px;
}
.lt-allboards-items {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 12px;padding: 15px;
}
.lt-board-box {
background-color: white;
min-height: 160px;
border-radius: 8px;
box-shadow: 0px 2px 3px 0px rgba(0, 71, 112, 0.15);
display: flex;
flex-direction: column;
outline: 2px solid transparent;
transition: all 0.3s;
}
.lt-board-box {
opacity: 1;
transition: opacity 0.3s;
}
.lt-board-box:hover {
outline: 2px solid #009ef7;
cursor: default;
}
.lt-board-box::before {
content: "";
position: absolute;
}
.lt-board-create {
border-radius: 8px;
border: 1px dashed #23abf8;
background: rgba(45, 175, 248, 0.1);
box-shadow: none;
display: grid;
outline: none !important;
place-content: center;
transition: all 0.3s;
}
.lt-board-create:hover {
background: rgba(45, 175, 248, 0.2);
outline: none !important;
}
.lt-board-create:hover .lt-board-add-btn {
transform: scale(1.1);
}
.lt-board-create * {
align-self: center;
justify-self: center;
}
.lt-board-add-btn {
background-color: white;
border: none;
border-radius: 100px;
width: 50px;
height: 50px;
transition: all 0.3s;
box-shadow: rgb(0 95 149 / 24%) 0px 4px 6px -1px,
rgb(0 93 145 / 11%) 0px 2px 4px -1px;
}
.lt-board-create p {
margin-bottom: 0 !important;
transition: all 0.5s;
transition-delay: 0.1s;
padding-top: 10px;
}
.lt-board-add-btn i {
font-size: 30px !important;
color: #009ef7 !important;
}
.lt-board-content {
flex: 1;
}
.lt-board-details {
display: flex;
gap: 6px;
}
.lt-allboard-status {
padding: 7px 10px !important;
border-radius: 100px;
}
.lt-kanban-status {
background-color: white;
color: #333;
padding: 2px 15px !important;
border-radius: 100px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
}
.lt-to-approve-status{
border: 1px solid #009EF7;
color: #009EF7 !important;
background: #FFF;
}
.lt-kanban-status i {
color: #ffffff !important;
}
.lt-calendar-status {
background-color: #00000054;
color: #ffffff !important;
}
.lt-calendar-status i {
color: #ffffff !important;
}
.lt-board-main-content .lt-board-main-content-title {
color:#333;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.lt-board-main-content .lt-board-main-content-title a {
color: black;
}
.lt-calendar-box {
background: linear-gradient(360deg, #fff 16.9%, #7cd138 115.07%);
}
.lt-kanban-box {
background: linear-gradient(360deg, #fff 16.9%, #349dd9 115.07%);
}
.lt-board-cards {
position: relative;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.lt-board-cards i {
color: #0000001a !important;
font-size: 50px !important;
bottom: -10px;
right: -10px;
}
.lt-calendar-box .lt-board-cards i {
color: #79c93a2e !important;
}
.lt-kanban-box .lt-board-cards i {
color: #3cb8ff30 !important;
}
.lt-calendar-box .lt-board-cards {
width: fit-content;
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 3px 8px;
border-radius: 6px;
background: white;
}
.lt-kanban-box .lt-board-cards {
width: fit-content;
width: 100%;
height: 65px !important;
display: flex;
flex-direction: column;
padding: 3px 2px;
border-radius: 6px;
background: white;
font-size: 11px;
font-weight: 600;
gap: 2px;
}
.lt-board-total-users {
width: 100%;
}
.lt-board-total-users-count,
.lt-board-last-updated-date {
color: #000;
font-size: 12px;
font-weight: 500;
}
.lt-allboards-card-menu button {
border: none;
width: 30px;
height: 30px;
border-radius: 100px;
display: grid;
cursor: pointer;
place-content: center;
background-color: transparent;
transition: all 0.3s;
}
.lt-allboards-card-menu button i {
color: white;
transition: all 0.3s;
}
.lt-allboards-card-menu button:hover,
.lt-allboards-card-menu button.show {
background-color: #ffffff;
color: black;
}
.lt-allboards-card-menu button:hover i,
.lt-allboards-card-menu button.show i {
transform: rotate(90deg);
}
.lt-allboards-card-menu button:hover i,
.lt-allboards-card-menu button.show i {
color: black;
}
.lt-board-cards-count {
font-weight: 700;
color: #009EF7;
font-size: 26px;
}
.lt-board-card-label{
color: #009EF7;
}
.lt-sample-board-top {
min-height: 65px;
background: #a9dfff;
position: relative;
}
.lt-sample-board-top img {
position: absolute;
bottom: 0;
left: 20px;
}
.lt-sample-board-bottom {
flex: 1;
}
.lt-sample-board-title {
font-weight: 600;
font-size: 14px;
}
.lt-sample-board-description {
opacity: 0.7;
}
.lt-create-sample-board-btn {
margin-top: auto;
width: fit-content;
border: none;
background: #009ef700;
color: #009ef7;
font-weight: 500;
padding: 4px 8px;
border-radius: 4px;
transition: all 0.3s;
}
.lt-create-sample-board-btn:hover {
background-color: #009ef71f;
}
.lt-projects-on-board{
background-color: #fff;
border-radius: 15px;
}
.lt-project-onboard-header{
padding: 20px 15px;
border-bottom: 1px solid #D9D9D9;
}
.lt-count-new-nav{
min-width: 25px;
width: 25px;
height: 25px;
border-radius: 100px;
background-color: #EDF8FE;
color: #148ED2 ;
display: flex;
align-items: center;
justify-content: center;
}
.lt-nav-alba-project .nav-item .nav-link{
padding: 10px 15px;
border-radius: 60px;
background: #FFF;
color: #009EF7 !important;
font-weight: 500;
font-size: 14px;
margin: 0px;
border-radius: 100px;
border: 1px solid #148ED2;
background: #FFF;
}
.lt-nav-alba-project .nav-item .nav-link:hover:not(.disabled){
background: linear-gradient(90deg, #1FA7F3 0%, #148DD1 100%) !important;
border: 1px solid #1E85FE !important;
color: white !important;
}
.lt-nav-alba-project .nav-item .nav-link.active{
background: linear-gradient(90deg, #1FA7F3 0%, #148DD1 100%);
color: white !important;
padding: 10px 15px;
box-shadow: 3px 3px 4px rgba(30, 133, 254, 0.30);
}
/* end :: all boards */
.lt-p-tag-project-details{
font-size: 16px;
font-weight: 600;
color:#333;
}
.lt-sub-p-tag-project{
font-size: 14px;
font-weight: 400;
color: gray;
}
/* ---- alba aluminum project styles::start ---- */
/* ACTION PLAN ::START */
.ls-br-10px{
border-radius: 10px;
}
.ls-br-15px{
border-radius: 15px;
}
.lt-alba-project-details{
border: 1px solid rgba(141, 145, 163, 0.60);
background: #FFF;
padding: 10px;
}
.lt-alba-project-title{
background: #FFF;
padding: 4px 10px;
}
/* colour-style::start */
.ls-br-dark-blue{
color: #005BAA;
}
.ls-br-white{
color: #fff;
}
.ls-br-black{
color: #333;
}
/* colour-style::end */
.lt-alba-label{
font-weight: 500;
color:#333;
}
.lt-alba-project-paragraph{
font-size: 20px;
font-weight: 600;
}
.lt-alba-overall-status{
border: 2px solid rgba(135, 135, 135, 0.20);
background: linear-gradient(180deg, #86D3FF -26.4%, #0290E1 100%);
padding: 7px 7px 7px 20px;
}
.lt-alba-select2-div .select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
color: #fff !important;
}
.lt-alba-select2-div .select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
color: #fff;
}
.lt-alba-select2-div .form-select{
border: 1px solid #fff !important;
color: #fff !important;
background: transparent !important;
}
.lt-alba-select2-div .select2-container--default .select2-selection--single .select2-selection__arrow b {
background-image: url(../assets/media/alba-aluminum/chevron-down-01.png);
background-color: transparent;
background-size: contain;
border: none !important;
height: 20px !important;
width: 20px !important;
margin: auto !important;
top: auto !important;
left: auto !important;
}
.lt-alba-select2-div .form-select{
border: 1px solid #fff !important;
color: #fff !important;
background-color: transparent !important;
background-image: url(../media/alba-aluminum/chevron-down-01.png) !important;
background-repeat: no-repeat !important;
background-position: right 1rem center !important;
background-size: 13px 12px !important;
}
.lt-alba-select2-div .select2-container--bootstrap5.select2-container--focus
.form-select:not(.form-select-solid):not(.form-select-white),
.lt-alba-select2-div .select2-container--bootstrap5.select2-container--open .form-select:not(.form-select-solid):not(.form-select-white) {
border-color: #ffff !important;
}
.lt-alba-status-select2-div .select2-container--bootstrap5 .select2-selection--single .select2-selection__placeholder {
color: #009EF7 !important;
}
.lt-alba-status-select2-div .select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
color: #009EF7;
}
.lt-alba-status-select2-div .form-select{
border: 1px solid #009EF7 !important;
color: #009EF7 !important;
}
.lt-albastatus-view-section{
padding: 10px 10px 10px 20px;
border: 1px solid #009EF7;
background: #FFF;
}
.lt-potential-status{
/* border: 1px solid #FFF; */
color: #879fcb !important;
background: #e7efff !important;
}
.lt-completed-status{
/* border: 1px solid #FFF; */
color: #84c590 !important;
background: #e6ffea !important;
}
.lt-onhold-status{
/* border: 1px solid #FFF; */
color: #fb9999 !important;
background: #ffecec !important;
}
.lt-alba-status-bg{
width: 66.472px;
height: 65px;
border-radius: 15px;
background: rgb(221 244 255 / 64%);
display: flex;
align-items: center;
justify-content: center;
}
.lt-alba-status-paragraph{
font-size: 22px;
color: #009EF7;
font-weight: 600;
}
/* .lt-actual-expense-status{
background: linear-gradient(180deg, #9DDC6B 0%, rgba(23, 152, 52, 0.87) 100%);
}
.lt-target-expense-status{
background: linear-gradient(180deg, #DEE13E 0%, rgba(164, 167, 0, 0.87) 100%);
}
.lt-team-lead-status{
background: linear-gradient(180deg, #5CDFCF 0%, rgba(0, 134, 118, 0.87) 100%);
}
.lt-startdate-status{
background: linear-gradient(180deg, #427EDC 0%, #00396B 100%);
}
.lt-enddate-status{
background: linear-gradient(180deg, #CF6FF1 0%, rgba(114, 2, 153, 0.87) 100%);
} */
.lt-alba-actionplan-table-view{
padding: 10px;
background-color: white;
}
.lt-alba-content-label{
font-size: 20px;
font-weight: 600;
color: #333;
}
.lt-action-plan-header-section{
padding: 10px;
border-radius: 15px 15px 0px 0px;
background: rgba(219, 243, 255, 0.95);
}
.lt-status-alba-new{
background: #FFF;
padding: 5px 5px 5px 10px;
width: 175px;
min-width:fit-content;
max-width: 450px;
border-radius:12px !important;
}
.lt-status-count-new{
font-weight: 700;
font-size: 16px;
min-width: fit-content;
width: 30px;
height: 30px;
padding: 0px 6px;
background: white;
display: flex;
align-items: center;
justify-content: center;
border-radius:7px;
}
.lt-status-label-new{
font-size: 16px;
font-weight: 500;
}
.lt-alba-status-open{
border: 1px solid #BC2D2D;
}
.lt-status-open-text{
color: #BC2D2D;
}
.lt-open-status-bg{
background: #FFDFDF;
color: #BC2D2D;
}
.lt-alba-status-Progress{
border: 1px solid #F1A739;
}
.lt-status-Progress-text{
color: #F89809;
}
.lt-Progress-status-bg{
color: #F89809;
background: #FFF0DB;
}
.lt-alba-status-Completed{
border: 1px solid #45B64A;
}
.lt-status-Completed-text{
color: #45B64A;
}
.lt-Completed-status-bg{
color: #45B64A;
background: #DDFFDF;
}
.lt-alba-comment-icon{
min-width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border: 0px;
background: #005BAA;
border-radius: 6px;
}
.lt-alba-timeline-icon{
min-width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border: 0px;
background: #2DACBD;
border-radius: 6px;
}
.lt-alba-doc-icon{
min-width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border: 0px;
background: #8480AB;
border-radius: 6px;
}
.lt-alba-add-icon{
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
border: 0px;
background: #009EF7;
border-radius: 6px;
}
.lt-alba-add-icon i{
color: white;
}
.lt-icon-idea-btn{
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
border: 0px;
background: #F1A739;
border-radius: 6px;
}
.child-level-row-1{
background: #EEF9FF !important;
}
.lt-table-section-actionplan-alba{
padding: 15px 10px;
}
.lt-table-alba-actionplan-new{
border-radius: 15px !important;
border: 1px solid rgba(215, 215, 215, 0.62);
}
.lt-table-alba-thead th{
padding: 10px !important;
}
.lt-table-alba-thead tr th.lt-first-border-radius{
border-top-left-radius: 15px;
}
.lt-table-alba-thead tr th.lt-last-border-radius{
border-top-right-radius: 15px;
}
.lt-alba-table-th{
font-size: 14px !important;
font-weight: 500 !important;
background: #005BAA !important;
color: #fff !important;
vertical-align: middle !important;
}
.lt-alba-table-td{
font-size: 14px !important;
color: #333;
vertical-align: middle !important;
font-weight: 400 !important;
}
.lt-alba-table-heading-th{
padding: 15px !important;
color: #005BAA !important;
font-size: 18px !important;
font-weight: 500 !important;
border-bottom: 1px solid rgba(215, 215, 215, 0.62) !important;
background: #EBF0F3 !important;
}
.lt-tree-arrow-alba{
width: 25px;
height: 25px;
background: #fff !important;
border: 1px solid #005BAA !important;
padding: 6px;
border-radius: 100px;
display: inline-flex !important;
align-items: center;
justify-content: center;
margin-right: 10px;
transition: all 0.4s;
position: relative;
z-index: 1;
}
.lt-tree-arrow-alba i {
color: #005BAA !important;
}
.lt-alba-badge{
border-radius: 50px;
border: 1px solid rgb(141 145 163 / 37%);
background: #EEE;
font-size: 14px;
font-weight: 400;
color: #333;
width: 65px;
min-width: fit-content;
display: flex;
height: 33px;
justify-content: center;
align-items: center;
}
.lt-view-btn-alba{
border: 0px;
background-color: transparent;
padding: 0px;
}
.lt-table-alba-tbody tr{
border-bottom: 1px solid rgba(215, 215, 215, 0.62);
position: relative;
}
.lt-second-lead-parent{
margin-left: 25px;
}
.label-action-plan-new{
font-size: 14px;
font-weight: 600;
color: #333;
}
.lt-span-div-details-view-div{
border-radius: 10px;
border: 1px solid rgba(141, 145, 163, 0.60);
background: #EEF9FF;
padding:10px 15px
}
.lt-edit-alba-button{
border:0px;
background:transparent;
}
.hidden-button {
opacity:0;
transition:.2s ease-in;
}
.lt-hover-edit:hover .hidden-button {
opacity:1;
}
.action-plan-notify{
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
background-color: #E7EDF1;
border-radius:50px;
position: relative;
border: 0px;
}
.lt-notify-count{
width: 15px;
min-width: fit-content;
padding: 0px 2px;
height: 15px;
background-color: #009EF7;
stroke-width: 1px;
color: #FFF;
border-radius: 50px;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
top: -2px;
right: -4px;
outline: 1px solid white;
font-size: 10px;
}
.label-action-new{
font-weight: 500;
font-size: 15px;
color: #333;
}
.lt-alba-custome-modal{
border-radius: 10px;
}
.lt-alba-modal-header{
padding: 10px 30px;
border: 0px;
}
.lt-alba-modal-header h3{
color: #333;
font-weight: 600;
font-size: 18px;
}
.lt-alba-modal-content{
padding: 15px;
border-radius: 10px;
border: 1px solid rgba(141, 145, 163, 0.35);
background: #FCFCFC;
height: 550px;
max-height: 550px;
}
.lt-alba-modal-content-right{
padding: 15px;
border-radius: 10px;
border: 1px solid rgba(141, 145, 163, 0.35);
background: #FCFCFC;
height: 550px;
max-height: 550px;
position:relative;
}
.lt-alba-activity-status-view{
border-radius: 6px;
border: 1px solid rgba(141, 145, 163, 0.35);
background: #FFF;
padding: 10px 15px;
color: #6E6C85;
font-size: 12px;
}
.lt-alba-activity-status-view p{
font-size: 14px;
font-weight: 500;
color: #333;
}
.lt-alba-text-activity {
font-size: 14px;
font-weight: 500;
color: #333;
}
.lt-activity-status-label {
color: #6E6C85;
font-size: 12px;
}
.lt-activity-status-label::after{
content: "";
width: 5px;
height: 5px;
border-radius: 50px;
background-color: gray;
display: block;
}
.lt-alba-activity-time-label{
color: #6E6C85;
font-size: 12px;
}
.lt-alba-modal-content{
overflow: auto;
max-height: calc(100vh - 100px);
}
.lt-alba-status-badge{
width:100px;
height: 28px;
padding: 0px 10px;
border: 1px solid gray;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px !important;
}
.lt-status-open-activity{
border: 0.5px solid #BC2D2D;
background: #FFF;
color: #BC2D2D;
}
.lt-status-in-progress-activity{
border: 0.5px solid #F1A739;
background: #FFF;
color: #F1A739;
}
.lt-img-comment-alba{
width: 35px;
min-width: 35px;
height: 35px;
display: flex;
background-color: gray;
border-radius: 100px;
overflow: hidden;
border: 1px solid #1368B1;
}
.lt-img-comment-alba img{
width: 100%;
height: 100%;
}
.lt-label-user-name-alba{
font-size: 16px;
font-weight: 600;
color: #333;
}
.lt-alba-paragraph-new-comment{
font-weight: 500;
font-size: 14px;
color: #333;
word-break : break-all;
}
.lt-comment-typing-div{
width: 100%;
height: 118px;
max-height: 118px;
border-radius: 10px;
border: 1px solid rgba(141, 145, 163, 0.35);
background: #FFF;
}
.lt-max-height-scroll-comment{
overflow:scroll ;
}
.lt-comment-done-icon{
position: absolute;
right: 10px;
bottom: 15px;
border: 0px;
width: 35px;
height: 35px;
background-color: #009EF7;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
display: inline-block;
border-radius: 6em;
transition: all .2s;
}
.lt-comment-done-icon:hover{
transform: translateY(-3px);
box-shadow: 0 3px 18px rgb(178 221 255);
}
.lt-alba-sidenav{
height: 100%;
width: 0;
position: fixed;
z-index: 999;
top: 62px;
right: 0;
background-color: #fff;
overflow: hidden;
transition: 0.3s;
box-shadow: rgb(99 99 99 / 59%) 0px 2px 8px 0px;
border-radius: 10px;
}
.lt-alba-sidenav a:hover {
color: #f1f1f1;
}
.lt-alba-sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}
.lt-alba-main-modal-header{
background: #EEF9FF !important;
padding: 7px 20px !important;
}
.lt-alba-actionplan-content-new{
border-radius: 10px;
border: 1px solid rgba(141, 145, 163, 0.60);
background: #FFF;
padding: 10px;
}
.lt-alba-actionplan-content-new label{
font-size: 14px;
font-weight: 400;
color: #003058;
margin-bottom: 6px;
}
.lt-badge-alba-view-label{
color: #003058 !important;
border: 1px solid rgba(141, 145, 163, 0.60) !important;
background: #F5F8FA !important;
}
.lt-date-actionplan{
color: #003058;
font-weight: 700;
font-size: 16px;
}
.lt-dot-status-view{
min-width: 18px;
width: 18px;
height: 18px;
display: block;
background-color: gray;
border-radius: 100px;
}
.lt-high-new{
background: #BD2D2D;
}
.lt-medium-new{
background: #53973b;
}
.lt-low-new{
background: #ffc83d
}
.lt-open-new{
background: #BD2D2D
}
.lt-alba-count-view{
min-width: fit-content;
width: 30px;
height: 30px;
background-color: #009EF7;
border-radius: 100px;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
color:#fff;
}
.lt-label-alba-collapse{
color: #005BAA;
font-weight: 600;
font-size: 16px;
}
.lt-alba-accordion-btn{
border-radius: 10px !important;
background: #EBF0F3;
padding: 10px 20px;
}
.lt-alba-accordion-btn:not(.collapsed){
border-top-left-radius: 10px !important;
border-top-right-radius: 10px !important;
background: #EBF0F3;
}
.lt-modal-body-alba{
max-height: calc(100vh - 174px);
overflow: scroll;
}
.lt-alba-accordion{
border-radius: 10px !important;
}
.lt-alba-accordion .accordion-item{
border-radius: 10px !important;
border: 1px solid rgba(141, 145, 163, 0.60) !important;
}
.lt-alba-label-main{
font-size: 14px;
font-weight: 700;
margin-bottom: 10px;
color: #333;
}
.lt-text-srea-alba{
border-radius: 10px;
border: 1px solid rgba(141, 145, 163, 0.60);
background: #F5F8FA;
height: 100px !important;
}
.lt-a-tag-alba{
font-size: 14px;
font-weight: 500;
color: #333;
cursor: pointer;
}
.lt-textarea-div{
height: 100px;
border: 0px;
width: 100%;
padding: 10px 4px;
}
.lt-textarea-div:focus-visible{
outline: 1px solid #fff;
}
.lt-subtask-label-alba{
color: #333;
font-weight: 500;
font-size: 14px;
}
@media screen and (max-height: 450px) {
.lt-sidenav {padding-top: 15px;}
.lt-sidenav a {font-size: 18px;}
}
.lt-parent2-td-padding{
padding-left:40px !important;
}
.lt-parent3-td-padding{
padding-left:60px !important;
}
.lt-parent4-td-padding{
padding-left:80px !important;
}
.lt-alba-tree-left-line {
position: absolute;
content: "";
width: 15px;
height: 2px;
background: #94c1e1;
top: 17px;
left: -14px;
}
.lt-alba-sub-tree-left-line{
position: absolute;
content: "";
width: 10px;
height: 2px;
background: #94c1e1;
top: 11px;
left: -9px;
}
.lt-after-alba::after{
position: absolute;
content: "";
width: 2px;
height: 25%;
background: #94c1e1;
top: 46px;
left: 26px;
}
.lt-after-parent-2-alba::before{
position: absolute;
content: "";
width: 2px;
height: 50%;
background: #94c1e1;
top: 0;
left: 26px;
}
.lt-after-parent-2-alba::after{
position: absolute;
content: "";
width: 2px;
height: 25%;
background: #94c1e1;
top: 42px;
left: 51px;
}
.lt-after-parent-3-alba::before{
position: absolute;
content: "";
width: 2px;
height: 50%;
background: #94c1e1;
top: 0;
left: 51px;
}
.lt-after-parent-3-alba::after{
position: absolute;
content: "";
width: 2px;
height: 25%;
background: #94c1e1;
top: 42px;
left: 71px;
}
.lt-after-parent-4-alba::before{
position: absolute;
content: "";
width: 2px;
height: 50%;
background: #94c1e1;
top: 0;
left: 71px;
}
.lt-after-parent-4-alba::after{
position: absolute;
content: "";
width: 2px;
height: 25%;
background: #94c1e1;
top: 42px;
left: 71px;
}
.lt-table-alba-tbody tr:last-child td:first-child.lt-last-before::after{
position: absolute;
content: "";
height: 0%;
}
.collapsed.lt-after-alba::after{
visibility: hidden;
}
.collapsed.lt-after-parent-2-alba::after{
visibility: hidden;
}
.collapsed.lt-after-parent-3-alba::after{
visibility: hidden;
}
@media (min-width: 1200px) and (max-width: 1400px) {
.lt-albastatus-view-section .lt-alba-status-paragraph{
font-size: 20px;
}
.lt-albastatus-view-section {
padding: 10px 10px 10px 15px;
}
.lt-alba-status-bg {
width: 56.472px;
height: 58px;
}
.lt-alba-status-bg img{
height: 35px;
}
}
@media (min-width: 848px) and (max-width: 1078px) {
.lt-status-alba-new {
width: 185px;
}
}
@media (min-width: 724px) and (max-width: 848px) {
.lt-status-alba-new {
width: 145px;
}
.lt-status-label-new {
font-size: 14px;
}
}
@media (min-width: 630px) and (max-width: 724px) {
.lt-albs-actionplan-status-icon{
justify-content: start !important;
}
}
@media (min-width: 320px) and (max-width: 630px) {
.lt-status-label-new{
display: none;
}
.lt-status-alba-new{
width: fit-content;
padding: 5px;
}
}
@media (max-width: 320px) {
.lt-albs-actionplan-status-icon{
flex-direction: column;
}
.lt-status-alba-new{
width: -webkit-fill-available;
}
}
.lt-min-width-sticky{
width:280px !important;
min-width:450px !important;
max-width:450px !important;
position:sticky;
left:0;
}
.lt-bg-section{
background: #ebf0f3 !important;
}
.lt-bg-section-sub{
background: #eff9ff !important;
}
.lt-bg-section-sub-child{
background: #ffffff !important;
}
/* ACTION PLAN ::END */
.title-box{
position: relative;
padding: 12px;
display: flex;
align-items: center;
}
.title-box::before{
content: "";
width: 100%;
height: 100%;
position: absolute;
top: -50%;
border-left: 2px solid #94c1e1;
z-index: 0;
left: 0;
margin-left: 22px;
border-bottom: 2px solid #94c1e1;
max-width: 37px;
}
.title-box::after{
content: "";
width: 50%;
height: 50%;
position: absolute;
top: 0px;
left: 0%;
margin-left: 22px;
z-index: 0;
border-left: 2px solid #94c1e1;
}
.child-level-row-2 .child-title-2 {
padding-left: 30px !important;
}
.child-title-1 .title-box{
padding-left: 42px !important;
}
.child-level-row-2 .child-title-2 {
padding-left: 30px !important;
}
.child-level-row-2 .child-title-2 .title-box {
padding-left: 50px !important;
}
.parent1 td .title-box::before{
visibility: hidden;
}
.parent1 td .title-box::after{
visibility: hidden;
}
.lt-next-level-height::before{
content: "";
width: 100%;
height: 100%;
position: absolute;
top: -50%;
border-left: 2px solid #94c1e1;
z-index: 0;
left: 0;
margin-left: 32px;
border-bottom: 2px solid #94c1e1;
max-width: 37px;
}
.lt-content-focus:focus-visible{
outline: 1px solid #c0c0c0 !important;
padding: 2px 15px;
border-radius: 6px;
}
.lt-table-alba-tbody tr:first-child .collapsed .td:first-child{
border-bottom-left-radius: 15px;
}
.lt-table-alba-tbody .collapse.show .child-title-2::before{
content: "";
width: 100%;
height: 100%;
position: absolute;
top: -50%;
border-left: 2px solid #94c1e1;
z-index: 0;
left: 0;
margin-top: -4px;
margin-left: 32px;
max-width: 37px;
max-height: 100%;
}
.lt-table-alba-tbody tr:last-child.collapse.show td:first-child.child-title-2::before{
visibility: hidden;
}
.toggle.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 20px;
background: #94c1e1;
top: 50%;
margin-top: 6px;
left: 20px;
}
.lt-table-new-nested-lastchild.active th:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 25px;
background: #94c1e1;
top: -10px;
margin-top: 6px;
left: 20px;
}
.lt-subchild-new-nested-lastchild.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 105%;
background: #94c1e1;
top: 0;
left: 32px;
}
.lt-subchild-new-nested-lastchild.active .lt-timer-loop-circle::before{
position: absolute;
content: "";
height: 50%;
}
.lt-subchild-new-nested-lastchild.active .lt-timer-loop-circle::after{
position: absolute;
content: "";
height: 0px;
}
.sub-child{
display:none
}
.sub-child.active{
display:table-row;
}
.sub-newnested {
display: none;
}
.sub-newnested.active {
display:table-row;
}
.sub-newnested.active.sub-child td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 105%;
background: #94c1e1;
top: -37px;
margin-top: 6px;
left: 22px;
}
.sub-newnested.active .lt-newnested-sub-child .lt-sub-parent-tree-height-line {
width: 2px;
height: 105%;
background: #94c1e1;
top: 0;
left: 75px;
}
.sub-newnested.active .lt-newnested-second-sub-child .lt-sub-parent-tree-height-line {
width: 2px;
height: 105%;
background: #94c1e1;
top: 0;
left: 100px;
}
.sub-newnested.active .lt-newnested-third-sub-child .lt-sub-parent-tree-height-line {
width: 2px;
height: 105%;
background: #94c1e1;
top: 0;
left:125px;
}
.lt-table-newalba-tbody tr td{
position: relative;
}
.lt-table-newalba-tbody .newnested.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 105%;
background: #94c1e1;
top: -12px;
margin-top: 11px !important;
left: 40px !important;
}
.lt-table-newalba-tbody .lt-tree-left-line {
position: absolute;
content: "";
width: 20px;
height: 2px;
background: #94c1e1;
top: 26px;
left: 20px;
}
.lt-table-newalba-tbody .nested td:first-child {
vertical-align: middle !important;
}
.lt-table-newalba-tbody .lt-nested-lastchild.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 25px;
background: #94c1e1;
top: -4px;
margin-top: 6px;
left: 20px;
}
.lt-table-newalba-tbody .nested:hover td:first-child {
background-color: transparent !important;
}
.lt-table-newalba-tbody .nested.active {
border-bottom: 1px solid #00000012 !important;
}
.lt-table-newalba-tbody .lt-tree-left-line-sub {
position: absolute;
content: "";
width: 20px;
height: 2px;
background: #94c1e1;
top: 26px;
left: 40px;
}
.lt-table-newalba-tbody .toggle.active td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 20px;
background: #94c1e1;
top: 50%;
margin-top: 6px;
left: 20px;
}
.lt-table-newalba-tbody .lt-tree-arrow {
cursor: pointer;
}
.lt-table-newalba-tbody .toggle.active .lt-tree-arrow {
transform: rotate(90deg);
}
.lt-table-newalba-tbody .toggle.active {
border-bottom: 1px solid #36365c17 !important;
}
.lt-table-newalba-tbody .toggle td {
background-color: #e6f3fb;
transition: all 0.3s;
}
.lt-table-newalba-tbody .toggle:hover td {
background-color: #e6f3fb !important;
}
.lt-height{
width: 2px;
height: 105%;
background: #94c1e1;
top: 25px;
left: 41px;
}
/* ACTION PLAN ::END */
/* --- Project View task::start---- */
/* start :: all boards */
.lt-allboards-getstarted .lt-allboards-title-section,
.lt-allboards-templates .lt-allboards-title-section {
line-height: 19px;
}
.lt-allboards-title {
font-weight: 600;
font-size: 17px;
}
.lt-allboards-sub-title {
opacity: 0.6;
font-size: 13px;
}
.lt-board-box {
background-color: white;
min-height: 160px;
border-radius: 8px;
box-shadow: 0px 2px 3px 0px rgba(0, 71, 112, 0.15);
display: flex;
flex-direction: column;
outline: 2px solid transparent;
transition: all 0.3s;
}
.lt-board-box {
opacity: 1;
transition: opacity 0.3s;
}
.lt-board-box:hover {
outline: 2px solid #009ef7;
cursor: default;
}
.lt-board-box::before {
content: "";
position: absolute;
}
.lt-board-create {
border-radius: 8px;
border: 1px dashed #23abf8;
background: rgba(45, 175, 248, 0.1);
box-shadow: none;
display: grid;
outline: none !important;
place-content: center;
transition: all 0.3s;
}
.lt-board-create:hover {
background: rgba(45, 175, 248, 0.2);
outline: none !important;
}
.lt-board-create:hover .lt-board-add-btn {
transform: scale(1.1);
}
.lt-board-create * {
align-self: center;
justify-self: center;
}
.lt-board-add-btn {
background-color: white;
border: none;
border-radius: 100px;
width: 50px;
height: 50px;
transition: all 0.3s;
box-shadow: rgb(0 95 149 / 24%) 0px 4px 6px -1px,
rgb(0 93 145 / 11%) 0px 2px 4px -1px;
}
.lt-board-create p {
margin-bottom: 0 !important;
transition: all 0.5s;
transition-delay: 0.1s;
padding-top: 10px;
}
.lt-board-add-btn i {
font-size: 30px !important;
color: #009ef7 !important;
}
.lt-board-content {
flex: 1;
}
.lt-board-details {
display: flex;
gap: 6px;
}
.lt-allboard-status {
padding: 7px 10px !important;
border-radius: 100px;
}
.lt-kanban-status {
background-color: white;
color: #333;
padding: 2px 15px !important;
border-radius: 100px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
}
.lt-wip-status{
/* border: 1px solid #FFF; */
color: #FB9600 !important;
background: #FFF6C9;
}
.lt-to-approve-status{
border: 1px solid #009EF7;
color: #009EF7 !important;
background: #FFF;
}
.lt-kanban-status i {
color: #ffffff !important;
}
.lt-calendar-status {
background-color: #00000054;
color: #ffffff !important;
}
.lt-calendar-status i {
color: #ffffff !important;
}
.lt-board-main-content .lt-board-main-content-title {
color:#333;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: normal;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.lt-board-main-content .lt-board-main-content-title a {
color: black;
}
.lt-calendar-box {
background: linear-gradient(360deg, #fff 16.9%, #7cd138 115.07%);
}
.lt-kanban-box {
background: linear-gradient(360deg, #fff 16.9%, #349dd9 115.07%);
}
.lt-board-cards {
position: relative;
box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px,
rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.lt-board-cards i {
color: #0000001a !important;
font-size: 50px !important;
bottom: -10px;
right: -10px;
}
.lt-calendar-box .lt-board-cards i {
color: #79c93a2e !important;
}
.lt-kanban-box .lt-board-cards i {
color: #3cb8ff30 !important;
}
.lt-calendar-box .lt-board-cards {
width: fit-content;
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 3px 8px;
border-radius: 6px;
background: white;
}
.lt-kanban-box .lt-board-cards {
width: fit-content;
width: 100%;
height: 65px !important;
display: flex;
flex-direction: column;
padding: 3px 8px;
border-radius: 6px;
background: white;
font-size: 11px;
font-weight: 600;
gap: 2px;
}
.lt-board-total-users {
width: 100%;
}
.lt-board-total-users-count,
.lt-board-last-updated-date {
color: #000;
font-size: 12px;
font-weight: 500;
}
.lt-allboards-card-menu button {
border: none;
width: 30px;
height: 30px;
border-radius: 100px;
display: grid;
cursor: pointer;
place-content: center;
background-color: transparent;
transition: all 0.3s;
}
.lt-allboards-card-menu button i {
color: white;
transition: all 0.3s;
}
.lt-allboards-card-menu button:hover,
.lt-allboards-card-menu button.show {
background-color: #ffffff;
color: black;
}
.lt-allboards-card-menu button:hover i,
.lt-allboards-card-menu button.show i {
transform: rotate(90deg);
}
.lt-allboards-card-menu button:hover i,
.lt-allboards-card-menu button.show i {
color: black;
}
.lt-board-cards-count {
font-weight: 700;
color: #009EF7;
font-size: 26px;
}
.lt-board-card-label{
color: #009EF7;
word-break :break-all;
}
.lt-sample-board-top {
min-height: 65px;
background: #a9dfff;
position: relative;
}
.lt-sample-board-top img {
position: absolute;
bottom: 0;
left: 20px;
}
.lt-sample-board-bottom {
flex: 1;
}
.lt-sample-board-title {
font-weight: 600;
font-size: 14px;
}
.lt-sample-board-description {
opacity: 0.7;
}
.lt-create-sample-board-btn {
margin-top: auto;
width: fit-content;
border: none;
background: #009ef700;
color: #009ef7;
font-weight: 500;
padding: 4px 8px;
border-radius: 4px;
transition: all 0.3s;
}
.lt-create-sample-board-btn:hover {
background-color: #009ef71f;
}
.lt-projects-on-board{
background-color: #fff;
border-radius: 15px;
}
.lt-project-onboard-header{
padding: 20px 15px;
border-bottom: 1px solid #D9D9D9;
}
.lt-count-new-nav{
min-width: 25px;
width: 25px;
height: 25px;
border-radius: 100px;
background-color: #EDF8FE;
color: #148ED2 ;
display: flex;
align-items: center;
justify-content: center;
}
.lt-nav-alba-project .nav-item .nav-link{
padding: 10px 15px;
border-radius: 60px;
background: #FFF;
color: #009EF7 !important;
font-weight: 500;
font-size: 14px;
margin: 0px;
border-radius: 100px;
border: 1px solid #148ED2;
background: #FFF;
cursor: pointer;
}
.lt-nav-alba-project .nav-item .nav-link:hover:not(.disabled){
background: linear-gradient(90deg, #1FA7F3 0%, #148DD1 100%) !important;
border: 1px solid #1E85FE !important;
color: white !important;
}
.lt-nav-alba-project .nav-item .nav-link.active{
background: linear-gradient(90deg, #1FA7F3 0%, #148DD1 100%);
color: white !important;
padding: 10px 15px;
box-shadow: 3px 3px 4px rgba(30, 133, 254, 0.30);
cursor: pointer;
}
/* end :: all boards */
/* --- Project View task::end---- */
/* --- project details style::start --- */
.lt-bread-crumbs-link{
font-size: 14px;
font-weight: 400;
color: #333 !important;
}
.lt-bread-crumbs-link:hover{
color: #009ef7 !important;
}
.lt-new-stepper-icon{
border-radius: 100px !important;
}
.lt-alba-stepper-items .stepper-icon .lt-stepeer-numb-new{
color: #fff !important;
}
.lt-stepeer-numb-new i{
color: rgba(0, 158, 247, 0.30) !important;
}
.lt-alba-stepper-items.current .lt-stepeer-numb-new i{
color: #fff !important;
}
.lt-alba-stepper-items.completed .stepper-icon {
color: #fff !important;
}
.lt-project-details-section .lt-alba-stepper-items.completed .stepper-icon i{
color: #fff !important;
}
.lt-new-stepper-icon{
border: 2px solid #009EF7 !important;
}
.lt-bread-crumbs-link::after{
content: ">";
color: #333;
margin-left: 10px;
}
.lt-new-stepper-title-alba{
color: #009EF7 !important;
font-weight: 600 !important;
font-size: 14px !important;
line-height: 20px;
}
.lt-alba-label-text{
font-weight: 600;
font-size: 14px;
color: #333;
margin-bottom: 5px;
}
.lt-border-new-project{
border-radius: 10px;
padding: 10px;
border: 1px solid #D7D7D7;
}
.lt-project-details-section{
background: white;
border-radius: 10px;
padding: 0px;
}
.lt-border-form-input{
border: 1px solid rgb(141 145 163 / 31%) !important;
}
.title-new-border{
font-weight: 600;
font-size: 17px;
color: #003058;
}
.lt-border-header{
border-radius: 10px 10px 0px 0px;
border-top: 1px #D7D7D7;
border-right: 1px #D7D7D7;
border-left: 1px #D7D7D7;
background: #DDF4FF;
padding: 6px 15px;
}
.lt-border-content{
padding: 10px 10px 4px;
}
.lt-prob-modal-Icon {
width: 30px;
height: 30px;
margin-right: 5px;
}
.lt-textarea-div-project{
height: 250px;
}
.lt-textarea-div-project:focus-visible{
outline: 1px solid #fff;
}
.lt-stepper-content-form{
padding: 10px 30px;
}
.lt-position-sticky-top{
position:sticky !important;
top: 114px;
background: #f5f8fa !important;
z-index:3;
}
.lt-footer-stepper{
border-top: 1px solid rgba(141, 145, 163, 0.35);
padding: 20px;
}
.lt-button-next{
border-radius: 100px;
font-weight: 500;
min-width:100px;
}
.lt-back-btn{
color: #fff !important;
background: #1268B0;
border-radius: 100px;
width:100px;
}
.lt-table-input-color{
color: #005BAA !important;
font-weight: 600 !important;
}
.lt-stepper-table{
border-radius: 15px;
}
.lt-stepper-table-td{
vertical-align: middle;
font-size: 14px !important;
font-weight: 400 !important;
padding: 14px 20px !important;
}
.lt-stepper-table tr:last-child td:first-child.lt-firt-border-right{
border-right:1px solid rgba(215, 215, 215, 0.62)!important;
border-bottom-left-radius: 10px;
}
.lt-firt-border-right{
background: #EBF0F3 !important;
}
.lt-sticky-table-stepper{
position: sticky;
left: -1px;
z-index:1;
}
.lt-header-stepper-th{
background: #005BAA !important;
color:#fff !important;
font-weight: 500 !important;
font-size: 14px !important;
padding: 10px 20px !important;
vertical-align: middle;
}
.lt-stepper-table-sub{
border: 1px solid rgba(215, 215, 215, 0.62);
border-radius: 10px !important;
}
.lt-stepper-table-sub tbody tr:first-child th.lt-table-last-border-radius{
border-top-right-radius: 10px;
}
.lt-stepper-table-sub tbody tr:last-child th.lt-table-first-border-radius{
border-bottom-left-radius: 10px;
}
.lt-stepper-table-sub tbody tr:last-child th.lt-table-last-border-radius{
border-bottom-right-radius: 10px;
}
.lt-stepper-table-sub tr:last-child .td:first-child.lt-table-first-border-radius{
border-bottom-left-radius: 10px;
}
.lt-stepper-table-sub tr:last-child .td:first-child.lt-table-last-border-radius{
border-bottom-right-radius: 10px;
}
.lt-sticky-header-top{
position: sticky;
top: 0;
z-index: 2;
}
.lt-count-finance-div{
/* width: 300px; */
border-radius: 15px;
background: rgba(255, 255, 255, 0.95);
box-shadow: 0px 0px 10.1px 0px rgba(124, 124, 124, 0.30);
padding: 10px 15px;
}
.lt-count-div-new-stepper{
color: #009EF7;
font-size: 32px;
font-weight: 700;
}
.lt-width-textarea{
height: 100px;
}
.lt-table-main-div-new{
border-radius: 10px !important;
}
.lt-stepper-arrow-new{
width: 85px;
height: 5px;
background-color: #CCECFD;
margin-top:60px;
}
.lt-add-btn-alba{
border-radius:100px;
background-color: #009EF7 !important;
color:#fff !important;
font-size:14px !important;
font-weight:500;
}
.lt-save-btn-alba{
border-radius:100px;
background-color: #45B64A !important;
color:#fff !important;
font-size:14px !important;
font-weight:500;
}
.lt-cancel-btn-alba{
border-radius:100px;
background-color: #B6B6B6 !important;
color:#fff !important;
font-size:14px !important;
font-weight:500;
}
.lt-alba-modal-header-new{
border: 1px solid #EFF2F5;
background: #F9F9F9 !important;
padding: 10px 20px !important;
}
.lt-alba-modal-header-new h3{
color: #1368B1;
font-size:18px;
font-weight:600;
}
.lt-alba-modal-body-new, .lt-alba-modal-footer-new{
padding: 10px 20px !important;
}
.lt-user-td-new::after{
content: "";
width:2px;
height:20px;
background:gray !important;
}
@media only screen and (max-width: 1350px) {
.lt-stepper-arrow-new{
width: 35px;
height: 3px;
margin-top:42px;
}
.lt-new-steepr-nav-alba{
gap:10px !important
}
}
@media only screen and (max-width: 1200px) {
.lt-stepper-arrow-new{
display:none;
}
.lt-new-steepr-nav-alba{
gap:0px !important
}
}
@media only screen and (max-width: 1065px) {
.stepper-label h3{
font-size:12px !important;
}
.lt-stepper-new-icon{
width:25px !important;
height:25px !important;
}
.lt-stepper-new-icon::after {
content: "";
position: absolute;
width: 122px !important;
top: 10px !important;
left: 100% !important;
}
}
@media only screen and (max-width: 992px) {
.lt-new-steepr-nav-alba{
overflow:scroll;
}
.lt-stepper-items-new {
margin: 10px !important;
}
/* .stepper-pills{
padding: 0px 30px !important;
} */
.lt-stepper-new-icon::after {
content: "";
position: absolute;
width: 95px !important;
top: 10px !important;
left: 100% !important;
}
.lt-stepper-success-icon::after {
content: "";
position: absolute;
width: 95px !important;
top: 10px !important;
left: 100% !important;
}
@media only screen and (max-width: 625px) {
.stepper-label{
display: none !important;
}
.lt-stepper-items-new {
margin: 10px 14px !important;
}
.lt-stepper-new-icon::after {
content: "";
position: absolute;
width: 44px !important;
top: 10px !important;
left: 100% !important;
}
.lt-stepper-success-icon::after {
content: "";
position: absolute;
width: 44px !important;
top: 10px !important;
left: 100% !important;
}
.lt-new-steepr-nav-alba{
margin-bottom:32px !important;
}
}
}
.lt-new-steepr-nav-alba .stepper-item.current:last-child .stepper-icon .stepper-check{
color: white !important;
}
.lt-stepper-new-icon{
border-radius:100px !important;
}
.lt-stepper-success-icon{
border-radius:100px !important;
}
.lt-stepper-number-i i{
color: rgba(0, 158, 247, 0.30);
}
.stepper.stepper-pills .stepper-item.current .stepper-icon .lt-stepper-number-i i{
color:#fff;
}
.stepper.stepper-pills .stepper-item.completed .stepper-icon .lt-stepper-number-i i{
display:none !important;
}
.stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .lt-stepper-number-i{
display:none !important;
}
.stepper.stepper-pills .stepper-item .lt-stepper-new-icon{
border:2px solid #009EF7 !important;
}
.stepper.stepper-pills .stepper-item .lt-stepper-success-icon{
border:2px solid #1cac07 !important;
background-color: #1cac07 !important;
}
.stepper-icon.lt-stepper-success-icon i.stepper-check::before{
color: #ffff !important;
}
.stepper.stepper-pills .stepper-item.current .stepper-label .lt-stepper-title-new{
color: #009EF7 !important;
font-weight:600 !important;
}
.stepper.stepper-pills .stepper-item.completed .stepper-label .lt-stepper-title-new{
color: #009EF7 !important;
font-weight:600 !important;
}
.stepper.stepper-pills .stepper-item .stepper-label .lt-stepper-title-new{
color: #009EF7 !important;
font-weight:600 !important;
}
.lt-stepper-new-icon::after{
content:"";
position: absolute;
width: 140px;
height: 3px;
background: #CCECFD;
top: 20px;
left: 100%;
margin-left:2px;
}
.lt-stepper-success-icon::after{
content:"";
position: absolute;
width: 140px;
height: 3px;
background: #CCECFD;
top: 20px;
left: 100%;
margin-left:2px;
}
.lt-last-icon-step::after{
content: "";
width:0px !important;
}
.lt-stepper-new-icon{
position:relative;
}
.lt-stepper-success-icon{
position:relative;
}
.lt-stepper-line-new{
background: rgba(0, 158, 247, 0.30);
height:3px;
}
.lt-nav-tabs-alba .nav-link.active{
color: #009EF7 !important;
font-weight: 500;
}
.lt-nav-tabs-alba .nav-link{
color: rgba(141, 145, 161, 0.75) !important;
font-weight:500;
}
/*-- input style::start -- */
.inputGroup {
position: relative;
}
.inputGroup input {
background-color: transparent;
}
.inputGroup label {
font-size: 100%;
position: absolute;
left: 0;
top:0;
padding: 8px;
margin-left: 0.5em;
pointer-events: none;
transition: all 0.3s ease;
color:#5e627882;
font-weight:500;
font-size: 12px;
}
.inputGroup :is(input:focus, input:valid)~label {
transform: translateY(-50%) scale(.9);
margin: 0em;
margin-left: 1.3em;
padding: 0px 6px;
background-color: #ffffff;
top: -7px;
}
.inputGroup :is(input:focus, input:valid) {
border-color: rgb(150, 150, 200);
}
.lt-settings-alba-btn{
border:0px;
background:transparent;
}
.lt-label-bussiness-case{
font-size:18px;
font-weight:600;
color:#009EF7;
}
.lt-blue-border{
border: 1px solid #0DA3F7;
}
.lt-overview-btn-new-alba{
border:0px;
width: 242px;
border-radius: 15px;
background: rgba(255, 255, 255, 0.95);
padding:10px 15px;
text-align: start;
font-weight:500;
display:flex;
flex-direction:column;
justify-content:center;
}
@media only screen and (max-width: 1200px) {
.lt-overview-btn-new-alba{
width: 100%;
}
}
.lt-overview-button-label-new{
color: #009EF7;
font-size:22px;
font-weight:500;
}
.overview-btn-p{
font-weight: 500;
color: #333;
margin-top: 1px;
font-size: 14px;
}
.lt-overview-btn-new-alba.active{
background:rgba(0, 158, 247, 0.95) !important;
}
.lt-overview-btn-new-alba.active .lt-overview-button-label-new{
color:#fff !important;
}
.lt-overview-btn-new-alba.active .overview-btn-p{
color:#fff !important;
}
.lt-highlight-new-btn{
border: 1px solid #009EF7;
box-shadow: 4px 4px 15px 0px rgba(0, 158, 247, 0.20);
}
.lt-not-active-btn{
background: #EBF0F3 !important;
}
.lt-input-color-new{
color: #005BAA !important;
}
.lt-tabcontent{
display:none;
}
.lt-total-text-title{
font-size: 16px;
font-weight: 600;
}
.lt-select2-td .select2-container--bootstrap5 .select2-selection--single .select2-selection__rendered {
color: #005BAA;
}
.lt-actual-arrow-icon-alba{
display:flex;
align-items:center;
justify-content:center;
}
.lt-actual-arrow-icon-alba .lt-up-bg{
color:#45B64A;
}
.lt-actual-arrow-icon-alba .lt-down-bg{
color: #BD2D2D;
}
.lt-icon-items-new-alba{
width: 35px;
height: 35px;
background: #7fcefb24;
border-radius: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.lt-timeline-alba-line{
background:#9adbff;
border-left-style: solid !important;
}
.lt-alba-status-bg img{
height: 35px;
}
.lt-alba-status-bg .lt-img-teamlead{
height: 30px !important;
}
.lt-light-blue-bg{
background: #DDF4FF !important;
color:#333 !important;
font-weight:400 !important;
}
.lt-list-ul{
list-style:none;
}
.lt-bg-details-view{
background:#aabec814;
}
.lt-tab-option{
background: #f1f1f1;
}
.lt-user-p-border{
border-radius:50px;
}
.stepper.last [data-kt-stepper-action=submit] {
display: inline-block;
}
/* --- project details style::end --- */
/* implementation plan page:start */
.lt-textarea-height-new{
height:100px !important;
}
.lt-table-alba-actionplan-new .lt-child-tree-left-line {
position: absolute;
content: "";
width: 20px;
height: 2px;
background: #94c1e1;
top: 26px;
left: 25px;
}
.lt-table-alba-actionplan-new .lt-sub-nested-wrapper{
margin-left:25px !important;
}
.lt-table-alba-actionplan-new .lt-newnested-th-new .lt-child-tree-left-line {
top: 23px;
left: 50px;
}
.lt-table-alba-actionplan-new .lt-newnested-th-new .lt-child-tree-height-line {
width: 2px;
height: 105%;
background: #94c1e1;
top: 0;
left: 50px;
}
.lt-table-alba-actionplan-new .lt-height {
width: 2px;
height: 105%;
background: #94c1e1;
top: 25px;
left: 50px;
}
.lt-table-new-nested-lastchild.active .lt-height {
width: 2px;
height: 0px;
background: #94c1e1;
top: 25px;
left: 50px;
}
.lt-subchild-new-nested-lastchild.active .lt-child-tree-height-line{
height: 105%;
}
.lt-newnested-th-new .lt-subchild-new-nested-lastchild {
width: 2px;
height: 50%;
background: #94c1e1;
top: 0;
left: 41px;
}
.lt-table-alba-actionplan-new .lt-table-new-nested-lastchild.active th:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 25px;
background: #94c1e1;
top: -6px;
margin-top: 6px;
left: 25px;
}
.lt-table-new-nested-lastchild th{
border-bottom-left-radius: 15px;
}
.lt-table-new-nested-lastchild td:last-child.lt-last-border-bottom-radius-new{
border-bottom-right-radius: 15px;
}
.parent-toggle.active th{
border-bottom-left-radius: 0px;
}
.parent-toggle:not(:active) td:last-child.lt-last-border-bottom-radius-new{
border-bottom-right-radius: 15px;
}
.parent-toggle.active td:last-child.lt-last-border-bottom-radius-new{
border-bottom-right-radius: 0px;
}
.lt-table-new-nested-lastchild .lt-subchild-new-nested-lastchild.active th{
border-bottom-left-radius: 15px;
}
.lt-table-new-nested-lastchild .lt-subchild-new-nested-lastchild.active td:last-child.lt-last-border-bottom-radius-new{
border-bottom-right-radius: 15px;
}
.lt-padding-select2{
padding:6px 10px;
}
.lt-border-width{
border: 1px solid #80808040 !important;
}
.lt-alba-refresh-icon{
min-width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
border: 0px;
background: #005BAA;
border-radius: 6px;
}
.next-step-label{
position:absolute;
font-size:12px;
font-weight:500;
top: -30px;
padding: 4px 10px;
text-wrap: nowrap;
border-radius: 7px;
color:#333;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.lt-step-one-label{
left: -47px;
}
.lt-step-two-label{
left: -58px;
}
.lt-step-three-label{
left: -42px;
}
.lt-step-four-label{
left: -63px;
}
.lt-step-five-label{
left: -16px;
}
.lt-step-six-label{
left: -62px;
}
.lt-step-seven-label{
left:-30px;
}
@media (max-width: 625px) {
.stepper.stepper-pills .stepper-item.current .next-step-label {
display: block !important;
}
}
.lt-stepper-items-new{
position:relative;
}
/* implementation plan page::end */
/* ---- alba aluminum project styles::end ---- */
/* implementation plan page::end */
.lt-border-new-textarea{
border: 1px solid #d7d7d7 !important;
border-radius: 10px !important;
}
.lt-span-tag-table{
width: 24px;
}
.lt-span-tag-table img{
width: 100%;
height: 100%;
}
.lt-bg-white-new{
background-color: white !important;
}
/* .parent-toggle:not(:active) th,.parent-toggle:not(:active) td{
border-bottom: 2px solid #dbdbdb !important;
} */
.parent-toggle.active th, .parent-toggle.active td{
border-top: 1px solid #35596e73 !important;
border-bottom: 1px solid rgba(215, 215, 215, 0.62) !important;
}
.parent-toggle th, .parent-toggle td{
border-top: 0.5px solid #35596e73 !important;
border-bottom: 0.5px solid #35596e73 !important;
}
.stepper.stepper-pills .stepper-item .stepper-label .inactive{
color: #dddd !important
}
.lt-back-btn {
background-color: #8F8F8F!important;
border-color: #8F8F8F!important;
color: white; /* Ensure text is visible */
}
.lt-back-btn:hover {
background-color:#8F8F8F!important; /* Default grey or any other shade */
border-color: #8F8F8F!important; /* Adjust if necessary */
}
.lt-custome-modal-width-alba{
max-width: 1667px !important;
}
.lt-alba-filter-icon{
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
border: 0px;
background: #005BAA;
border-radius: 6px;
}
.lt-alba-doc-icon {
min-width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
border: 0px;
background: #8480AB;
border-radius: 6px;
}
/* ---- alba aluminum project styles::end ---- */
.lt-cancel-edit {
position: absolute;
left: 10px;
bottom: 10px;
border: 0px;
transition: all .2s;
font-weight: 500;
color: #6e6c85;
}
.discussion-comments-edit{
font-weight: 500;
font-size: 12px;
color: #6e6c85;
}
.discussion-comments-delete{
font-weight: 500;
font-size: 12px;
color: #6e6c85;
}
.discussion-comments-edit:hover{
text-decoration: underline;
}
.discussion-comments-delete:hover{
text-decoration: underline;
}
.actionPlan-discussion-comments-reSave:hover{
text-decoration: underline;
}
.discussion-comments-reSave:hover{
text-decoration: underline;
}
.discussion-comments-cancel:hover{
text-decoration: underline;
}
.lt-comment-done-icon[disabled] {
opacity: 0.5; /* Make disabled button look visually disabled */
cursor: not-allowed;
}
.save-buttons{
padding: 3%;
}
.lt-overview-btn-new{
width: 35px !important;
height: 34px !important;
background: #5b9dd3;
display: flex;
align-items: center;
justify-content: center;
padding: 4px;
border-radius: 6px;
}
#industrial_bench_mark .lt-stepper-table-sub>tbody tr .similar-use-case-row-new{
display:none!important;
}
#industrial_bench_mark .lt-stepper-table-sub>tbody tr:last-child .similar-use-case-row-new{
display:flex!important;
}
#critical_requirement_template tbody tr .add-critical-requirement-new-row{
display:none!important;
}
#critical_requirement_template tbody tr:last-child .add-critical-requirement-new-row{
display:flex!important;
}
.lt-new-tab-style{
border: 0px !important;
}
.lt-new-tab-style .nav-link.active{
padding: 6px 10px !important;
background: #009ef7 !important;
border-radius: 10px !important;
color: white !important;
}
.lt-new-tab-style .nav-link{
padding: 6px 10px !important;
border: 1px solid #009ef7 !important;
background: #ddeef97a;
border-radius: 10px;
margin: 0px 5px !important;
color: #333 !important;
font-weight: 500;
font-size: 14px !important;
min-width: 150px;
max-width: fit-content;
display: flex;
align-items: center;
justify-content: center;
}
.lt-approve,.lt-add-review{
border-radius: 100px;
margin-left: 4px;
}
.newcustom-table th {
color: #ffff !important;
font-weight: 600 !important;
white-space: nowrap;
}
.newcustom-table th:first-child, .custom-table td:first-child {
padding-left: 10px;
vertical-align: middle;
}
/* .custom-table th:first-child {
border-radius: 10px 0px 0px 10px;
}
.custom-table th:last-child {
border-radius: 0px 10px 10px 0px;
} */
.newcustom-table table.dataTable>thead .dt-orderable-asc:after {
font-family: "Font Awesome 5 Free";
content: "\f0dc" !important;
width: 30px;
height: 2px;
background-color: #ffffff00 !important;
-webkit-mask-image: none !important;
position: relative!important;
opacity: 0.6!important;
display: inline-block!important;
bottom: auto;
right: auto!important;
/* left: auto; */
left: 15px;
/* top: 5px; */
margin-left: 0.5rem;
}
.newcustom-table .table thead tr:first-child {
border-bottom: 0 !important;
}
.newcustom-table table.dataTable>thead .dt-orderable-asc.dt-ordering-asc:after {
content: "\f0de" !important;
}
.newcustom-table table.dataTable>thead .dt-orderable-asc.dt-ordering-desc:after {
content: "\f0dd" !important;
}
.lt-alba-sticky-table-head{
position: sticky;
top:-1px;
z-index: 2;
}
#dp_project_group_file_data_table_wrapper .table-responsive{
overflow: auto !important;
max-height: calc(100vh - 30vh) !important;
}
.lt-positon-btn-div{
position: absolute;
top: -48px;
right: 0;
}
@media only screen and (max-width:992px) {
.lt-positon-btn-div{
position: static;
}
}
.lt-end-date-picker .flatpickr-calendar.static{
right: 0 !important;
}
.lt-border-bottom-new{
border-bottom: 1px solid white !important;
}
.lt-custome-teatrea{
height: 150px;
}
.lt-width-approve{
width:200px;
}
/* looping table style action plan:start */
.lt-table-alba-actionplan-new .lt-newnested-sub-child .lt-sub-nested-wrapper {
margin-left: 50px !important;
}
.lt-table-alba-actionplan-new .lt-newnested-sub-child .lt-child-tree-left-line {
left: 80px !important;
}
.lt-table-alba-actionplan-new .lt-newnested-second-sub-child .lt-sub-nested-wrapper {
margin-left: 75px !important;
}
.lt-table-alba-actionplan-new .lt-newnested-second-sub-child .lt-child-tree-left-line {
left: 112px !important;
}
.lt-table-alba-actionplan-new .lt-newnested-third-sub-child .lt-sub-nested-wrapper {
margin-left: 100px !important;
}
.lt-table-alba-actionplan-new .lt-newnested-third-sub-child .lt-child-tree-left-line {
left: 140px !important;
}
.lt-rotate-arrow.rotated i {
transform: rotate(90deg); /* Adjust the degree based on the chevron icon */
transition: transform 0.3s ease;
}
.lt-first-th-new .lt-high-level-1{
width: 2px;
height: 100%;
background: #94c1e1;
top: 0;
left: 25px;
position: absolute;
}
.lt-newnested-th-new .lt-high-level-1{
width: 2px;
height: 100%;
background: #94c1e1;
top: 0;
left: 25px;
position: absolute;
}
.lt-newnested-th-new .lt-high-level-3{
width: 2px;
height: 100%;
background: #94c1e1;
top: 0;
left: 50px;
position: absolute;
}
.lt-newnested-sub-child .lt-high-level-1{
width: 2px;
height: 100%;
background: #94c1e1;
top: 0;
left: 25px;
position: absolute;
}
.lt-newnested-sub-child .lt-high-level-3{
width: 2px;
height: 100%;
background: #94c1e1;
top: 0;
left: 50px;
position: absolute;
}
.lt-newnested-second-sub-child .lt-high-level-1{
width: 2px;
height: 100%;
background: #94c1e1;
top: 0;
left: 25px;
position: absolute;
}
.lt-newnested-second-sub-child .lt-high-level-3{
width: 2px;
height: 100%;
background: #94c1e1;
top: 0;
left: 50px;
position: absolute;
}
.lt-newnested-second-sub-child .lt-high-level-4{
width: 2px;
height: 105%;
background: #94c1e1;
top: 0;
left: 75px;
position: absolute;
}
.lt-newnested-third-sub-child .lt-high-level-1{
width: 2px;
height: 100%;
background: #94c1e1;
top: 0;
left: 25px;
position: absolute;
}
.lt-newnested-third-sub-child .lt-high-level-3{
width: 2px;
height: 100%;
background: #94c1e1;
top: 0;
left: 50px;
position: absolute;
}
.lt-newnested-third-sub-child .lt-high-level-4{
width: 2px;
height: 105%;
background: #94c1e1;
top: 0;
left: 75px;
position: absolute;
}
.lt-newnested-third-sub-child .lt-high-level-5{
width: 2px;
height: 105%;
background: #94c1e1;
top: 0;
left: 100px;
position: absolute;
}
.lt-tree-arrow-alba{
position: relative !important;
}
.lt-tree-arrow-alba::before{
content: "";
position: absolute;
height: 2px;
width: 15px;
background: #92bee3;
top: 50%;
left: -15px;
}
.no-section th .lt-tree-arrow-alba::before{
content: "";
position: absolute;
height: 0px;
width: 0px;
}
.parent-toggle .lt-tree-arrow-alba::before{
content: "";
position: absolute;
height: 0px;
width: 0px;
}
.span-class .lt-newnested-third-sub-child .lt-tree-arrow-alba::after{
content: "";
position: absolute;
width: 0px;
height: 0px;
}
.parent-toggle:not(.active) .lt-tree-arrow-alba::after{
content: "";
position: absolute;
width: 0px;
height: 0px;
}
.span-class th .lt-tree-arrow-alba::after{
content: "";
position: absolute;
width: 2px;
height: 100%;
background: #92bee3;
top: 24px;
left: 9px;
}
.last-child-tr.active .lt-newnested-third-sub-child .lt-sub-parent-tree-height-line{
height: 50%;
}
.last-child-tr.active .lt-newnested-second-sub-child .lt-sub-parent-tree-height-line{
height: 50%;
}
.last-child-tr.active .lt-newnested-sub-child .lt-sub-parent-tree-height-line{
height: 50%;
}
.last-child-tr.active .lt-newnested-th-new .lt-high-level-3{
height: 50%;
}
.last-child-tr.active .lt-first-th-new .lt-high-level-1{
height: 50%;
}
.lt-custom-toggle-btn-div{
position: absolute;
right: 7px;
top: 6px;
}
.lt-custom-toggle-btn{
border: 0px;
border-radius: 50px;
width: 20px;
height: 20px;
display: flex;
justify-content: center;
align-items: center;
background: #94c8eda8;
}
.lt-custom-toggle-btn i{
color: white;
}
.lt-fw-text{
font-weight: 400;
color: #33333378;
font-size: 11px;
}
.collapse-content{
background: #f9f9f9;
/* padding: 10px 0px; */
border-radius: 10px;
margin-top: 6px;
}
.lt-list-content-collapse{
font-weight: 400;
font-size: 13px;
}
.lt-custom-view-btn{
width: 30px !important;
height: 30px !important;
border-radius: 7px !important;
}
#industrial_bench_mark_table tbody tr:last-child td.lt-first-border-bottom{
border-bottom-left-radius:10px;
}
#industrial_bench_mark_table tbody tr:last-child td.lt-last-border-bottom{
border-bottom-right-radius:10px;
}
#focus_category_table_wrapper thead tr th:first-child{
border-top-left-radius:10px;
}
#focus_category_table_wrapper thead tr th:last-child{
border-top-right-radius:10px;
}
#focus_category_table_wrapper tbody tr:last-child td:first-child{
border-bottom-left-radius:10px;
}
#focus_category_table_wrapper tbody tr:last-child td:last-child{
border-bottom-right-radius:10px;
}
.text-success {
color: green; /* or any specific style you want for success */
}
#collapseExample thead th{
padding: 10px;
background: #2a57b4;
color: white !important;
font-weight: 500;
font-size: 11px !important;
vertical-align: middle;
}
.lt-alba-activity-status-view .collapse-content {
padding: 0px !important;
margin-top: 15px;
}
.lt-alba-activity-status-view table tbody tr td{
padding: 10px !important;
vertical-align: middle;
}
.lt-alba-activity-status-view table{
border: 1px solid #8080800f;
border-radius: 10px;
overflow: hidden;
}
.lt-alba-activity-status-view table tbody tr td:first-child{
font-weight: 400;
font-size: 12px;
}
.lt-over-view-edit-btn-new{
border: 1px solid #009EF7 !important;
width: 35px;
height: 33px;
padding: 0px;
display: flex;
align-items: center;
justify-content: center;
background: #D9F1FF;
border-radius: 6px;
}
.lt-over-view-edit-btn-new i{
color: #009EF7 !important;
}
.lt-download-approve{
font-weight: 400;
color: gray;
background:#2f8cfb;
border-radius: 10px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.lt-download-approve i{
padding: 0px;
color: white;
}
.lt-download-approve-new{
font-weight: 400;
color: gray;
background:#2f8cfb;
border-radius: 10px;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.lt-download-approve-new i{
padding: 0px;
color: white;
}
.new-tbody tr td:first-child.lt-last-border-top-left{
border-top-left-radius: 10px;
}
.new-tbody tr td:first-child.lt-last-border-top-right{
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.lt-stepper-table{
border-radius: 10px !important;
}
.lt-new-thead-tr th.custom-top-left-border-radius{
border-top-left-radius: 10px;
}
.lt-new-thead-tr th.custom-top-right-border-radius{
border-top-right-radius: 10px;
}
.new-table-custome tr:last-child td:first-child{
border-bottom-left-radius: 10px;
}
.new-table-custome tr:last-child td:last-child{
border-bottom-right-radius: 10px;
}
.lt-new-area-div{
height: 200px;
color: white;
}
.lt-count-finance-consolidated-div{
/* width: 300px; */
border-radius: 15px;
background: rgba(255, 255, 255, 0.95);
padding: 10px 15px;
}
.lt-count-div-new-stepper-consolidated{
font-size: 20px;
font-weight: 550;
}
.lt-financial-consolidated-comments{
text-wrap: wrap;
overflow-wrap: anywhere;
text-align: left;
}
/* -------- Consolidated chart view style::start -------- */
.lt-chart-view-boards-items {
padding: 15px;
}
.lt-card-view-box {
background-color: white;
min-height: 160px;
border-radius: 15px;
box-shadow: 0px 2px 3px 0px rgba(0, 71, 112, 0.15);
display: flex;
flex-direction: column;
outline: 2px solid transparent;
transition: all 0.3s;
}
.lt-card-view-box {
opacity: 1;
transition: opacity 0.3s;
}
.lt-card-view-box:hover {
outline: 2px solid #daf2ff;
cursor: default;
}
.lt-card-view-box::before {
content: "";
position: absolute;
}
.lt-status-1{
background: linear-gradient(180deg, #65C4EE 0%, rgba(0, 79, 201, 0.87) 100%);
}
.lt-status-2{
background: linear-gradient(180deg, #f77474 0%, rgb(205 29 56 / 87%) 100%);
}
.lt-status-3{
background: linear-gradient(180deg, #DEE13E 0%, rgba(164, 167, 0, 0.87) 100%);
}
.lt-status-4{
background: linear-gradient(180deg, #9DDC6B 0%, rgba(23, 152, 52, 0.87) 100%);
}
.lt-status-5{
background: linear-gradient(193deg, #08bdea 0%, rgb(17 198 222 / 87%) 100%)
}
/* .lt-view-box {
background: linear-gradient(180deg, #65C4EE 0%, rgba(0, 79, 201, 0.87) 100%);
} */
.lt-view-box .lt-chart-cards i {
color: #3cb8ff30 !important;
}
.lt-view-box .lt-chart-cards {
width: fit-content;
font-size: 12px;
font-weight: 500;
width: 100%;
display: flex;
flex-direction: column;
padding: 3px 8px;
border-radius: 10px;
background: #ffffff24;
gap: 2px;
}
.lt-chart-view-content {
flex: 1;
}
.lt-chart-view-details {
display: flex;
gap: 6px;
}
.lt-chart-cards {
position: relative;
}
.lt-chart-cards i {
color: #0000001a !important;
font-size: 50px !important;
bottom: -10px;
right: -10px;
}
.lt-calendar-box .lt-chart-cards i {
color: #79c93a2e !important;
}
.lt-calendar-box .lt-chart-cards {
width: fit-content;
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 3px 8px;
border-radius: 6px;
background: white;
}
.lt-chart-cards-count {
font-weight: 700;
color: white;
font-size: 26px;
}
.lt-chart-cards-label{
color:white;
word-wrap: break-word;
}
.lt-label-chart-view{
font-size: 18px;
font-weight: 600;
color: white;
}
.lt-count-chart-view{
font-size: 42px;
font-weight: 600;
color: white;
}
.lt-chart-graph-section{
background:white;
padding:15px;
border-radius:10px;
}
.lt-card-graph-content{
border-radius: 15px;
border: 1px solid #D7D7D7;
background: #FFF;
overflow:hidden;
}
.lt-card-graph-header{
background: #F3FBFF;
padding:10px 15px;
}
.lt-card-graph-body{
background:white;
padding:10px 15px;
min-height:400px;
max-height:100%;
height:100% !important;
}
.lt-card-graph-title{
font-weight: 600;
font-size: 15px;
color:#333;
}
.lt-custom-card-graph{
padding: 10px;
border-radius: 15px;
}
.lt-status-card-1{
background: linear-gradient(180deg, #9DDC6B 0%, rgba(23, 152, 52, 0.87) 100%);
}
.lt-status-card-2{
background: linear-gradient(180deg, #427EDC 0%, #00396B 100%);
}
.lt-status-card-3{
background: linear-gradient(180deg, #5CDFCF 0%, rgba(0, 134, 118, 0.87) 100%);
}
.lt-custom-card-content h6{
font-weight: 500;
font-size: 16px;
color: white;
}
.lt-custom-card-content p{
font-size: 24px;
font-weight: 600;
color: white;
margin-bottom: 0px;
}
.lt-immg-graph{
background: #ffffff3d;
height: 95px;
width: 95px;
min-width: 95px;
display: flex;
border-radius: 15px;
align-items: center;
justify-content: center;
padding: 10px;
}
@media only screen and (max-width: 450px) {
.lt-chart-view-boards-items{
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
}
}
@media only screen and (max-width: 320px) {
.lt-chart-view-boards-items{
grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)) !important;
}
}
/* -------- Consolidated chart view style::end -------- */
.lt-modal-card-title{
font-weight: 500;
font-size: 1.275rem;
}
#industrial_bench_mark_table thead tr th.lt-table-first-border-radius{
border-top-left-radius: 10px;
}
#industrial_bench_mark_table thead tr th.lt-table-last-border-radius{
border-top-right-radius: 10px;
}
#industrial_bench_mark_table tbody tr:last-child td:first-child{
border-bottom-left-radius: 10px;
}
#industrial_bench_mark_table tbody tr:last-child td:last-child{
border-bottom-right-radius: 10px;
}
.lt-outline-border-radius-table{
overflow: hidden;
border-radius: 10px;
}
#project_team_table thead tr th.lt-table-first-border-radius{
border-top-left-radius: 10px;
}
#project_team_table thead tr th.lt-table-last-border-radius{
border-top-right-radius: 10px;
}
#project_team_table tbody tr:last-child td:first-child{
border-bottom-left-radius: 10px;
}
#project_team_table tbody tr:last-child td:last-child{
border-bottom-right-radius: 10px;
}
#project_table tr th.lt-table-last-border-radius{
border-top-right-radius: 10px;
}
#project_table tbody tr:last-child td:first-child{
border-bottom-left-radius: 10px;
}
.mb-15px{
margin-bottom:15px
}
.lt-span-tag-data-table{
width: 24px;
}
.lt-span-tag-data-table img{
width: 10%;
height: 10%;
}
.lt-remaining-project-status-border{
border: 1px solid #333;
}
.lt-potential-status-border{
border: 1px solid #879fcb;
}
.lt-completed-status-border{
border: 1px solid #84c590;
}
.lt-onhold-status-border{
border: 1px solid #fb9999;
}
.lt-wip-status-border{
border: 1px solid #FB9600;
}
.lt-project-cursor-pointer{
cursor: pointer;
}
.lt-common-year-th{
/* only for year */
width: 0% !important;
min-width: 200px !important;
max-width: 200px !important;
}
.lt-second-common-year-th{
/* only for year */
width: auto !important;
min-width: 100px;
max-width: fit-content;
}
.lt-common-th-year{
/* only for year ::need to add*/
width: -1% !important;
min-width: 200px !important;
max-width: 200px !important;
}
.lt-common-td-year{
/* only for year::need to add */
width: 310px !important;
min-width: 65px;
max-width: 100% !important;
}
.lt-list-values-new p{
padding: 10px;
border-top: 1px solid #80808024;
font-size: 14px;
font-weight: 400;
}
.lt-list-values-new p:last-child{
border-bottom: 1px solid #80808024;
}
.lt-value-new-span{
font-weight: 600;
font-size: 14px;
overflow-wrap: anywhere;
}
.change-input input {
display: none;
}
/* When the parent | is hovered, show the input */
.change-input:hover input, .change-input.lt-active input {
display: block;
}
/* When the parent | is hovered, show the input */
/* .change-input:hover input,.change-input.active input {
display: block;
} */
/* Optionally hide the baseline text on hover */
.change-input:hover .baseline-text,.change-input.lt-active .baseline-text {
display: none;
}
.lt-ytd-actual-red{
background: #ffe3e5;
}
.lt-ytd-actual-green{
background: #d4ffd4;
}
.lt-yearly-value-td{
background: #e1f0ff8a;
}
/*added for differentiating font size of Kpi units from kpis */
.lt-number-no-wrap{
white-space: nowrap;
}
.unit-text {
font-size: 11px;
}
#kt_datatable_zero_configuration thead tr th:first-child{
border-top-left-radius:10px !important;
}
#kt_datatable_zero_configuration thead tr th:last-child{
border-top-right-radius:10px !important;
}
#kt_datatable_zero_configuration tbody tr:last-child td:first-child{
border-bottom-left-radius:10px !important;
}
#kt_datatable_zero_configuration tbody tr:last-child td:last-child{
border-bottom-right-radius:10px !important;
}
#kt_datatable_zero_configuration table {
border-radius:10px;
}
#project_table_wrapper table tbody tr:last-child td:first-child{
border-bottom-left-radius:10px;
}
#project_table_wrapper table tbody tr:last-child td:last-child{
border-bottom-right-radius: 10px;
}
.activity-icon{
width : 18px;
}
.pl-45px{
padding-left:45px!important;
}
.nested.active td .lt-new-span-child{
position: absolute;
content: "";
width: 2px;
height: 105%;
background: #94c1e1;
top: 0;
margin-top: 10px;
left: 40px;
}
.hierarchyClass .lt-new-span-child{
position: absolute;
content: "";
width: 2px;
height: 105%;
background: #94c1e1;
top: 0;
margin-top: 0px !important;
left: 40px;
}
.lt-hierarchy-lastchild .lt-new-span-child{
height: 20px;
}
.hierarchyClass .lt-nested-wrapper {
margin-left: 44px !important;
}
.hierarchyClass .lt-tree-left-line {
position: absolute;
content: "";
width: 20px;
height: 2px;
background: #94c1e1;
top: 20px;
left: 40px !important;
}
/* .hierarchyClass td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 105%;
background: #94c1e1;
top: -6px;
margin-top: 6px;
left: 20px;
} */
.last-parent-child-line td:first-child::before {
position: absolute;
content: "";
height: 0% !important;
}
/* .nested.active.lt-hierarchy-lastchild td:first-child::before {
position: absolute;
content: "";
width: 2px;
height: 0px !important;
} */
.lt-list-values-new{
margin-top: 20px;
margin-left: 45px;
margin-right: 10px;
}
.hierarchyClass .lt-list-values-new{
margin-left: 80px;
margin-right: 10px;
}
/* .hierarchyParent td:first-child{
top:48px !important;
} */
/* .nested.active td:first-child::before{
position: absolute;
content: "";
width: 2px;
height: 105%;
background: #94c1e1;
top: -6px;
margin-top: 6px;
left: 20px;
} */
.nested.active.lt-nested-lastchild td .lt-nested-lastchild{
position: absolute;
content: "";
width: 2px;
height: 20px !important;
}
.lt-nested-lastchild.active td:first-child::before{
position: absolute;
content: "";
width: 2px;
height: 20px !important;
}
.lt-hierarchy-lastchild.active td .lt-new-span-child{
position: absolute;
content: "";
width: 2px;
height: 20px !important;
}
/*KPI Graph HTML::start */
.lt-filter-sub-section{
height: 46px;
padding: 4px 10px !important;
}
.lt-stepper-table-td-new{
vertical-align: middle;
font-size: 13px !important;
font-weight: 400 !important;
padding: 8px 10px !important;
}
.lt-header-stepper-th-new{
background: #005BAA !important;
color:#fff !important;
font-weight: 500 !important;
font-size: 13px !important;
padding: 8px 10px !important;
vertical-align: middle;
}
#Kt_graph_table tbody tr:last-child td:first-child{
border-bottom-left-radius:10px;
}
.progress-bar-kpi {
display: flex;
flex-direction: column;
justify-content: center;
overflow: hidden;
color: #ffffff;
text-align: center;
white-space: nowrap;
transition: width 0.6s ease;
}
.lt-main-line.active td:first-child::before{
position: absolute;
content: "";
width: 2px;
height: 0px !important;
background: #94c1e1;
top: -6px;
margin-top: 6px;
left: 20px;
}
.select2-container--disabled .select2-selection__choice__remove{
display: none!important;
}
* KPI Graph HTML::start */
.lt-filter-sub-section{
height: 40px;
padding: 4px 10px !important;
}
.lt-stepper-table-td-new{
vertical-align: middle;
font-size: 13px !important;
font-weight: 400 !important;
padding: 8px 10px !important;
}
.lt-header-stepper-th-new{
background: #005BAA !important;
color:#fff !important;
font-weight: 500 !important;
font-size: 13px !important;
padding: 8px 10px !important;
vertical-align: middle;
}
#Kt_graph_table tbody tr:last-child td:first-child{
border-bottom-left-radius:10px;
}
/* KPI Graph HTML::end */
/* Alba Aluminium:: Sales Template style::start */
.lt-alba-sales-tab{
padding: 3px;
width: fit-content;
border: 0px;
}
.lt-alba-sales-tab .nav-item .nav-link{
padding: 8px 15px;
border-radius: 60px;
background: #FFF;
color: #333333bd !important;
font-weight: 400;
font-size: 14px;
margin: 0px;
border-radius: 100px;
max-width: 350px;
min-width: 100px;
text-align: center;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.lt-alba-sales-tab .nav-item .nav-link:hover:not(.disabled){
background: linear-gradient(90deg, #1FA7F3 0%, #148DD1 100%) !important;
color: white !important;
font-weight: 500 !important;
}
.lt-alba-sales-tab .nav-item .nav-link.active{
background: linear-gradient(90deg, #1FA7F3 0%, #148DD1 100%);
color: white !important;
padding: 8px 15px;
box-shadow: 3px 3px 4px rgba(30, 133, 254, 0.30);
font-weight: 500 !important;
}
.ytd-img-span{
width: 50px;
height: 50px;
border-radius: 50px;
background: #9ebdcf;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
padding: 10px;
}
.ytd-label{
font-size: 16px;
font-weight: 500;
color: #333;
margin-top: 10px;
}
.ytd-count-p-tag{
margin-bottom: 0px;
font-size: 40px;
font-weight: 600;
color: #333;
margin-top: 2px;
}
.lt-ytd-section{
border-radius: 15px;
padding: 10px 10px 10px 20px;
border: 1px solid #009EF7;
background: #fff;
}
.lt-card-body-sales{
background:white;
padding:10px 15px;
max-height:100%;
height:100% !important;
}
.target-label-new{
text-align: center;
position: absolute;
top: 40%;
left: 40%;
}
.target-label-new p{
font-size: 18px;
font-weight: 400;
margin-bottom: 2px;
}
.target-label-new label{
font-size: 20px;
font-weight: 600;
color:#003562;
}
.lt-new-alba-sales{
font-size:35px !important;
}
.lt-height-new{
}
.target-circle{
width: 175px;
height: 175px;
border-radius:100px;
background: linear-gradient(180deg, #65C4EE 0%, rgba(0, 79, 201, 0.87) 100%);
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
}
.target-circle label{
font-size: 24px;
font-weight: 400;
color: white;
margin-bottom: -3px;
}
.target-circle p{
font-size: 32px;
font-weight: 600;
color: white;
margin-bottom: 0px;
}
@media only screen and (max-width: 400px) {
.target-circle{
min-width: 125px;
height: 125px;
width: 125px;
}
.target-circle label{
font-size: 14px;
}
.target-circle p{
font-size: 24px;
}
}
.lt-green-actual{
border:1px solid #00B15C !important;
}
.lt-green-actual p{
color:#00B15C !important;
}
.lt-red-actual{
border:1px solid #ca2828 !important;
}
.lt-red-actual p{
color:#ca2828 !important;
}
.lt-stepper-table-reponsive{
overflow: auto;
max-height: calc(100vh - 300px);
}
.newcustom-table-new table tbody tr:last-child td:first-child{
border-bottom-left-radius:10px;
}
.newcustom-table-new table tbody tr:last-child td:last-child{
border-bottom-right-radius:10px;
}
.lt-total-last{
background: #e5eff9 !important;
font-weight:600 !important;
}
.lt-card-graph-header p{
font-size: 14px;
font-weight: 400;
color: #333;
margin-bottom: 0px;
}
.lt-alba-sales-tab{
position: sticky;
top: 110px;
z-index: 3;
background: #f5f8fa;
padding: 10px;
width: 100%;
}
@media only screen and (max-width:992px) {
.lt-alba-sales-tab{
top:100px;
}
}
@media only screen and (max-width:760px) {
.lt-alba-sales-tab{
top:99px;
}
}
.status-shown{
width:15px;
min-width:15px;
height:15px;
display:flex;
align-items:center;
justify-content:center;
background:gray;
border-radius:100px;
}
.lt-prority-white{
background: #eff2f5;
}
.lt-prority-green{
background: #00b15d;
}
.lt-prority-red{
background: #af0118;
}
.lt-sticky-header-top{
position: sticky;
top: 0;
z-index: 2 !important;
}
.lt-search-kpi-name{
width: 236px;
}
.lt-price-input {
width: 27%;
height:33px;
padding: 19px;
font-size: 16px;
border: 1px solid #ccc;
text-align: center;
border-radius: 15px !important;
color: #333;
background-color: #f9f9f9;
}
#sampleImportTempTable_wrapper .table-responsive{
overflow: auto;
max-height: calc(100vh - 600px);
}
#sampleImportTempTable_wrapper table thead.lt-thead{
position: sticky;
top:0px;
z-index:1;
}
#sampleImportTempTable_wrapper table thead th:first-child{
border-top-left-radius: 10px;
}
#sampleImportTempTable_wrapper table thead th:last-child{
border-top-right-radius: 10px;
}
#sampleImportTempTable_wrapper table tbody tr:last-child td:first-child{
border-bottom-left-radius: 10px;
}
#sampleImportTempTable_wrapper table tbody tr:last-child td:last-child{
border-bottom-right-radius: 10px;
}
/* Alba Aluminium:: Sales Template style::end */
.datepicker{
margin-top:10px !important;
}
#pricing_table_wrapper table tbody tr td{
border-bottom: 1px solid #dbdbdb !important;
vertical-align:middle;
}
#pricing_table_wrapper table tbody tr td:first-child{
border-left: 1px solid #dbdbdb !important;
}
#pricing_table_wrapper table tbody tr td:last-child{
border-right: 1px solid #dbdbdb !important;
}
#pricing_table_wrapper table tbody tr:last-child td:first-child{
border-bottom-left-radius:10px;
}
#pricing_table_wrapper table tbody tr:last-child td:last-child{
border-bottom-right-radius:10px;
}
.lt-price-text{
margin-bottom:0px !important;
}
/* Ultra Light Red */
.ultra-light-red {
background-color: #ffcccb !important; /* An even lighter shade of red */
}
.lt-kpi-activity-old{
border: 0px solid black;
padding: 8px;
font-weight: 600;
font-size: 16px;
}
.lt-kpi-activity-new{
font-weight: 600;
font-size: 16px;
}
.kpi-activity-icon{
width : 17px;
height:21px;
}
.hidden-row {
display: none;
margin-left:100px
}
.read-more-checkbox {
display: none;
}
.read-more-checkbox:checked ~ .hidden-row {
display: table-row;
}
.read-more-checkbox:checked ~ .read-more-label::after {
content: " Show Less";
}
.read-more-label {
display: inline-block;
cursor: pointer;
background: #007bff;
color: white;
padding: 5px 10px;
border-radius: 5px;
font-size: 14px;
text-align: center;
margin-top: 5px;
}
.read-more-label::after {
content: " Read More";
}
.hidden-row{
display: none;
}
.activity-toggle{
background-color: #d2eaff;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
color: #0c5089;
border-radius: 5px;
}
.kpiReadmore{
padding:8px 20px !important;
}
.lt-kpi-activity-arrow{
color: #181C32;
}
.colspan-td{
vertical-align:top;
}
.lt-sub-table tr th, .lt-sub-table tr td{
height:95px !important;
}
#kpi_datasheet_tbl{
min-height: 300px!important;
}
.tagify.form-control-sm .tagify__tag{
outline :1px solid #cccccc!important;
}
.tagify.form-control-sm .tagify__tag:hover{
outline :1px solid #cccccc!important;
}
.tagify-container .tagify.form-control-sm .tagify__tag{
border: 1px solid #cccccc!important;
}
div{
scrollbar-color: auto;
}
.lt-more-text:not(.show) {
/* float: left; */
/* height: 50px; */
/* line-height: 50px; */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.lt-more-text {
cursor: pointer;
max-width: 100%;
padding: 0px;
}
.lt-span-import{
width: 50px;
height: 50px;
border-radius: 100px;
border: 2px solid #23acfb;
display: flex;
justify-content: center;
align-items: center;
background: #dff3ff;
}
.lt-custome-progress-import{
display: flex;
gap:10px;
align-items: center;
}
.lt-custom-paragraph{
font-size: 16px;
font-weight: 600;
color: #333;
}
.lt-span-import i{
color: #23acfb;
}
#sampleImportTempTable{
overflow: auto;
max-height: calc(100vh - 500px);
}
.lt-data-sheet-submit {
background: #45B64A;
padding: 7px 12px !important;
border-radius: 7px;
color: white;
}
.lt-chart-view-boards-items .lt-list-col-items:first-child{
border-right: 1px solid #00b4dc !important
}
/* albaalumina sales page :start */
.lt-focusarea-label{
font-size: 14px;
font-weight: 500;
color: #00417c;
text-align: start;
text-wrap-mode: nowrap;
background: #deefff;
padding: 5px 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.lt-focus-items-container{
background: #ffffff;
border-radius: 10px;
border: 1px solid #76b6e963;
}
.lt-focusarea-container{
font-weight: 500;
font-size: 13px;
color: #00417c;
}
.lt-ytd-plan{
border: 1px solid #76b6e987;
border-radius: 10px;
}
.lt-ytd-plan label{
padding: 6px 10px;
width: 100%;
background: #2196F3;
font-weight: 600;
color: white;
border-top-left-radius: 9px;
border-top-right-radius: 9px;
text-wrap-mode: nowrap;
}
.lt-ytd-plan p{
padding: 6px 10px;
margin: 0px;
font-size: 16px;
font-weight: 600;
background: white;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
color: #00417c;
}
.lt-table-first-border-radius{
border-top-left-radius: 10px;
}
.lt-table-last-border-radius{
border-top-right-radius: 10px;
}
/* albaalumina sales page :end */
/* alba alumina trainig course ::start */
.lt-border-line-cutome{
border-radius: 15px;
border: 1px solid #009EF7;
background: #FFF;
}
.lt-course-status-container{
display: flex;
align-items: center;
justify-content: space-between;
border:1px solid gray;
border-radius: 10px;
background-color: white;
overflow: hidden;
padding: 2px 5px !important;
}
.lt-course-status-container label{
padding: 10px;
font-size: 16px;
font-size: clamp(10px, 1vw, 16px);
font-weight: 500;
}
.lt-course-count-status{
font-weight: 700;
font-size: 16px;
font-size: clamp(10px, 1vw, 16px);
width: 50px;
height: 35px;
padding: 0px 6px;
background: #f7f7f7;
display: flex;
align-items: center;
justify-content: center;
border-radius: 7px;
}
.lt-course-certified-container{
background: linear-gradient(180deg, #65C4EE 0%, rgba(0, 79, 201, 0.87) 100%);
padding: 7px 10px 7px 15px;
border-radius: 15px;
display: flex;
align-items: center;
justify-content: space-between;
}
.lt-div-certified-course{
color: white;
font-weight: 500;
}
.lt-div-certified-course label{
font-size: 16px;
font-weight: 400;
letter-spacing: 0.7px;
}
.lt-div-certified-course p{
font-size: 24px;
font-weight: 600;
line-height: 28px;
}
.lt-course-certified-container span{
width: 60px;
height: 60px;
padding: 8px;
border-radius: 10px;
display: flex;
background-color: #ffffff3d;
align-items: center;
justify-content: center;
}
.lt-course-certified-container span img{
opacity: .7;
}
.lt-course-status-container.trained{
border: 1px solid #009EF7;
background: #f1faff;
}
.lt-course-status-container.trained label{
color: #009EF7;
}
.lt-course-status-container.trained span{
background: #009EF7;
color: white !important;
}
.lt-course-status-container.yellow-belt{
border: 1px solid #FDAE38;
background:#fff9ef;
}
.lt-course-status-container.yellow-belt label{
color: #eb9617;
}
.lt-course-status-container.yellow-belt span{
background-color:#FDAE38;
color: white !important;
}
.lt-course-status-container.green-belt{
border: 1px solid #2DAD5E;
background:#f1fff6;
}
.lt-course-status-container.green-belt label{
color:#2DAD5E;
}
.lt-course-status-container.green-belt span{
background-color:#2DAD5E;
color: white;
}
.lt-course-status-container.black-belt{
border: 1px solid #3a3a3a;
background: #efefef;
}
.lt-course-status-container.black-belt label{
color: #3a3a3a;
}
.lt-course-status-container.black-belt span{
background-color: #3a3a3a;
color: white;
}
.lt-border-line-input-select2{
border: 1px solid #e4e6ef !important;
}
.lt-alba-custom-table-latest .table-responsive{
overflow: auto;
max-height: calc(100vh - 300px);
margin-bottom:10px;
}
.lt-alba-custom-table-latest table thead tr th{
vertical-align: middle;
padding: 10px !important;
color: white;
background: #005BAA;
font-size: 13px;
font-size: clamp(10px, .7vw, 16px);
font-weight: 500;
text-wrap-mode: nowrap;
}
.lt-alba-custom-table-latest table thead {
position: sticky;
top: 0;
z-index: 2;
}
.lt-alba-custom-table-latest table tbody tr td{
vertical-align: middle;
background-color: white;
font-size: 13px;
font-size: clamp(10px, .7vw, 16px);
/*padding: 2px 10px !important;*/
font-weight: 400;
color: #333;
border-bottom: 1px solid #e1e1e1;
}
.lt-alba-custom-table-latest table tbody tr:last-child td{
border-bottom: 1px solid #e1e1e1 !important;
}
.lt-alba-custom-table-latest table tbody tr td:nth-child(3).lt-sixth-child{
border-right: 1px solid #e1e1e1 !important;
}
.lt-view-btn-alba{
width:30px;
height: 30px;
border-radius: 7px;
}
.lt-view-btn-alba:hover{
background-color:#0000000f;
}
.lt-alba-custom-table-latest table tbody tr td:first-child.lt-first-border-left{
border-left: 1px solid #e1e1e1 !important;
}
.lt-alba-custom-table-latest table tbody tr td:last-child.lt-last-border-right{
border-right: 1px solid #e1e1e1 !important;
}
.lt-alba-status-new-bg{
width: 48px;
height: 45px;
border-radius: 10px;
background: rgb(221 244 255 / 64%);
display: flex;
align-items: center;
justify-content: center;
}
.lt-alba-status-new-bg img{
height: 28px;
}
.lt-alba-status-new-bg .lt-img-teamlead{
height: 30px !important;
}
.lt-bg-col-new-alba{
border-right: 1px solid #009EF7;
background: #DDF0FF;
align-content: center;
}
.lt-label-new-box-alba{
font-size:16px;
font-weight:500;
color: #1268B0;
}
.lt-label-count-box-alba{
font-size:30px;
font-weight:600;
color: #1268B0;
}
.lt-course-status-container.define{
border: 1px solid #009EF7;
background: #E9F7FF;
}
.lt-course-status-container.define label{
color:#009EF7;
}
.lt-course-status-container.define .lt-course-count-status{
background: #009EF7;
color: white;
}
.lt-course-status-container.measure{
border: 1px solid #FDAE38;
background:#fff9ef;
}
.lt-course-status-container.measure label{
color:#FDAE38;
}
.lt-course-status-container.measure .lt-course-count-status{
background: #FDAE38;
color: white;
}
@media only screen and (max-width: 576px) {
.lt-bg-col-new-alba{
border-right: 0px;
border-bottom: 1px solid #009EF7;
}
}
.lt-stages-content-label label{
font-size:14px;
font-size: clamp(10px, .8vw, 14px);
text-wrap-mode: nowrap;
font-weight:400;
color:#333;
letter-spacing: -0.1px;
line-height: 17px;
}
.lt-stages-container p{
font-size:24px;
font-size: clamp(10px, 1.5vw, 24px);
font-weight:600;
color:#333;
}
.lt-stages-container.define {
border: 1px solid #868182 !important;
background: #e9e8e8 !important;
}
.lt-stages-container.define p{
color:#868182 !important;
}
.lt-stages-container.measure {
border: 1px solid #5887bb !important;
background: #d6e9ff !important;
}
.lt-stages-container.measure p{
color: #5887bb !important;
}
.lt-stages-container.analysis{
border: 1px solid #4d5885 !important;
background: #aac8ff !important;
}
.lt-stages-container.analysis p{
color: #4d5885 !important;
}
.lt-stages-container.improve{
border: 1px solid #819263 !important;
background: #e3ffb2 !important;
}
.lt-stages-container.improve p{
color:#819263 !important;
}
.lt-stages-container.control{
border: 1px solid #47673b !important;
background: #a6f08c !important;
}
.lt-stages-container.control p{
color: #47673b !important;
}
.lt-alba-custom-table-latest table tbody tr:last-child td.lt-first-border-left{
border-bottom-left-radius: 10px;
}
.lt-alba-custom-table-latest table tbody tr:last-child td.lt-last-border-right{
border-bottom-right-radius: 10px;
}
.badge.lt-albaprogress{
background: #FDAE38;
color:white;
}
.badge.certified{
background: #009EF7;
color:white;
}
.badge.completed{
background: #2DAD5E;
color:white;
}
/* alba alumina trainig course ::end */
/* alba Define style ::start */
.lt-uploaded-files-section{
padding: 10px 23px;
}
.lt-icon-dz-message i{
font-size: 35px !important;
}
.lt-checklist-section{
width: 100%;
background: #f5f8fa;
border-radius: 10px;
padding: 10px;
}
.lt-checklist-section .lt-main-checklabel{
font-size: 16px;
font-weight: 500;
color: #333;
margin-bottom: 10px;
}
.lt-close-fileupload{
position: absolute;
z-index: 2;
top: -6px;
background: #ffffff;
right: -3px;
border-radius: 50px;
outline: 1px solid #8080803d !important;
}
.lt-image-upload-border {
border-radius: 10px;
border: 1px solid #d7d7d7;
cursor: pointer;
padding: 7px 6px;
}
.lt-image-upload-border .lt-close-fileupload{
opacity: 0;
}
.lt-image-upload-border:hover .lt-close-fileupload{
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
opacity: 1;
}
.lt-image-upload-border .lt-img-filedownload{
width: 50px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
position: absolute;
z-index: 2;
background: #00000075;
border-radius: 4px;
}
.lt-image-upload-border .lt-img-filedownload i{
color: white;
}
.lt-image-upload-border:hover .lt-img-filedownload{
opacity: 1;
}
.lt-alba-upload-items .stepper-wrapper{
border: 2px solid #daf1ff !important;
border-radius: 100px !important;
padding: 3px 10px 3px 3px !important;
}
.lt-alba-upload-items::after {
content: "";
width: 83px;
height: 2px;
background: #daf1ff;
}
.lt-alba-upload-check-stepper .lt-alba-upload-items:last-child::after{
width:0px !important;
}
.lt-alba-upload-items.completed .stepper-wrapper{
border:2px solid #009EF7 !important;
}
.lt-alba-upload-items.completed::after{
background:#009EF7 !important;
}
.stepper.stepper-pills .stepper-item .lt-alba-upload-icon{
opacity:.5;
}
.stepper.stepper-pills .stepper-item.current .lt-alba-upload-icon{
opacity:1 !important;
}
.stepper.stepper-pills .stepper-item.completed .lt-alba-upload-icon{
opacity:1 !important;
}
.lt-alba-upload-items.current .stepper-wrapper {
border: 2px solid #009EF7 !important;
}
.lt-mandatory-feild .stepper-wrapper{
background: #e4f7ff;
}
.lt-checklist-items {
overflow: auto;
max-height: 350px;
}
@media only screen and (max-width: 1400px) {
.lt-alba-upload-items::after{
width: 30px;
}
.stepper.stepper-pills .stepper-item .lt-alba-upload-icon{
width:25px !important;
min-width: 25px !important;
height: 25px !important;
}
}
@media only screen and (max-width: 956px) {
.lt-alba-upload-items::after{
width: 10px;
}
}
@media only screen and (max-width: 856px) {
.stepper.stepper-pills .stepper-item .lt-alba-upload-icon{
width: 15px !important;
min-width: 15px !important;
height: 15px !important;
}
.stepper.stepper-pills .stepper-item .lt-alba-upload-icon .lt-alba-stepper-number-i i{
font-size: 7px !important;
}
.lt-alba-upload-items .stepper-wrapper {
padding: 6px 10px 6px 6px !important;
}
}
@media only screen and (max-width: 768px) {
.stepper.stepper-pills .stepper-item .lt-alba-upload-icon{
display: none;
}
.lt-alba-upload-items .stepper-wrapper {
padding: 5px 10px !important;
}
}
@media only screen and (max-width: 625px) {
.stepper.stepper-pills .stepper-item .lt-alba-upload-icon {
display: block;
}
.lt-alba-stepper-number-i{
height: 100%;
}
.lt-alba-upload-items .stepper-wrapper {
padding: 5px !important;
}
.stepper.stepper-pills .stepper-item .lt-alba-upload-icon {
width: 25px !important;
min-width: 25px !important;
height: 25px !important;
}
.stepper.stepper-pills .stepper-item .lt-alba-upload-icon .lt-alba-stepper-number-i i {
font-size: 15px !important;
}
.stepper.stepper-pills .lt-alba-upload-items.current .next-step-label-new {
display: block !important;
}
}
.lt-stepper-table-td{
background-color: white !important;
}
.lt-alba-label-text{
text-wrap-mode: wrap !important;
}
.next-step-label-new{
position:absolute;
font-size:12px;
font-weight:500;
top: 0;
padding: 4px 10px;
text-wrap: nowrap;
border-radius: 7px;
color:#333;
box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
transform: translateX(-12px);
}
.lt-excel-import-btn {
background: #45B64A;
padding: 10px 20px;
border-radius: 7px;
color: white;
}
.lt-excel-import-btn i {
color: white;
}
.badge.define{
background: #009EF7 !important;
color: white !important;
border-radius: 100px;
}
.badge.measure{
background: #FDAE38 !important;
color: white !important;
border-radius: 100px;
}
.action-sticky{
position: sticky;
right:0;
z-index: 1;
}
.heading-sticky-table{
position: sticky;
left:65px;
z-index: 1;
}
.btn{
font-size: clamp(10px, .6vw, 14px) !important;
}
.lt-textarea-div-project-new{
height: 317px;
}
.lt-textarea-div-project-new:focus-visible{
outline: 1px solid #fff;
}
/* alba Define style ::end */
.disabledSelect2 .select2-selection{
background-color: #eff2f5 !important;
}
.disabledInput{
background-color: #eff2f5 !important;
}
#lean-project-goal .lt-stepper-table-sub>tbody tr .add-new-project-goal{
display:none!important;
}
#lean-project-goal .lt-stepper-table-sub>tbody tr:last-child .add-new-project-goal{
display:flex!important;
}
.disabled-link {
pointer-events: none; /* Disable click */
color: #ccc; /* Greyed out text */
cursor: not-allowed; /* Show disabled cursor */
text-decoration: none; /* Remove underline if needed */
}
.stepper.stepper-pills .stepper-item.current:last-child .stepper-icon .stepper-check{
color: white !important;
}
.stepper-item.current:last-child .lt-first-stepper::after{
background: #f5f8fa !important;
width: 14px !important;
}
.lt-new-steepr-nav-alba .stepper-item.completed .stepper-icon{
background-color: #27a900 !important;
border: 2px solid #27a900 !important;
}
.stepper.stepper-pills .stepper-item.completed .stepper-icon .stepper-check{
color: #ffffff !important;
}
.lt-new-steepr-nav-albap .stepper-item.completed .stepper-label .stepper-title a{
color: #27a900 !important;
}
.lt-cpi-custom-calender-icon {
background: url(../media/svg/card-logos/calender-icon.svg) no-repeat;
background-position: right 10px center;
background-size: 20px 20px;
padding-right: 40px;
background-color: #fff;
cursor: pointer;
}
.badge.analysis{
background: #B9C321 !important;
color: white !important;
border-radius: 100px;
}
.badge.improve{
background: #2DAD5E !important;
color: white !important;
border-radius: 100px;
}
.badge.control{
background: #2dada1 !important;
color: white !important;
border-radius: 100px;
}
.lt-slno-sticky{
position:sticky !important;
left: 0px !important;
width: 100px !important;
z-index: 1;
}
#trainingRecordTable .heading-sticky-table{
position: sticky;
left:25px!important;
z-index: 1;
}
td.lt-td-bg-grey{
background: #f6f6f6 !important;
}
.max-h-100px{
max-height: 100px!important;
}
/*
*/
.lt-ribbon-container {
position: relative;
overflow: visible;
}
.lt-ribbon {
position: absolute;
left: -10px;
min-width: 100px;
height: 30px;
background-color: #009ef7;
border-top-right-radius: .475rem;
border-bottom-right-radius: .475rem;
display: flex;
align-items: center;
justify-content: center;
padding:10px;
}
.lt-ribbon i {
color: white;
margin-right: 5px;
}
.lt-ribbon span {
color: white;
}
/*
*/
.lt-status-div-alba{
font-size: 14px;
font-weight: 500;
transition: all .5s;
}
.lt-dot-badge{
width:15px;
min-width:15px;
height:15px;
border-radius:50px;
background:gray;
display:flex;
align-items:center;
justify-content:center;
}
.lt-define-status{
border: 1px solid #868182 !important;
color:#868182 !important;
background:#e9e8e8 !important
}
.lt-define-status .lt-dot-badge{
background:#868182 !important;
}
.lt-measure-status{
border: 1px solid #5887bb !important;
color: #5887bb !important;
background:#d6e9ff !important;
}
.lt-measure-status .lt-dot-badge{
background:#5887bb !important;
}
.lt-analyze-status{
border: 1px solid #4d5885 !important;
color: #4d5885 !important;
background:#aac8ff !important;
}
.lt-analyze-status .lt-dot-badge{
background:#4d5885 !important;
}
.lt-improve-status{
border: 1px solid #819263 !important;
color:#819263 !important;
background:#e3ffb2 !important;
}
.lt-improve-status .lt-dot-badge{
background:#819263 !important;
}
.lt-control-status{
border: 1px solid #47673b !important;
color:#47673b !important;
background:#a6f08c !important;
}
.lt-control-status .lt-dot-badge{
background:#47673b !important;
}
.lt-waiting-for-approval-status{
border: 1px solid #ddb028 !important;
color:#ddb028 !important;
background:#f6e5b2 !important;
}
.lt-waiting-for-approval-status .lt-dot-badge{
background:#ddb028 !important;
}
.lt-charter-status{
border: 1px solid #4f6262 !important;
color: #4f6262 !important;
background:#c6e0e2 !important;
}
.lt-charter-status .lt-dot-badge{
background:#4f6262 !important;
}
.lt-to-be-certified-status{
border: 1px solid #800080 !important;
color:#800080 !important;
background:#dec1de !important;
}
.lt-to-be-certified-status .lt-dot-badge{
background:#800080 !important;
}
.lt-certified-status{
border: 1px solid #238cfb !important;
color: #238cfb !important;
background: #e4f1ff !important;
}
.lt-certified-status .lt-dot-badge{
background:#238cfb !important;
}
.lt-task-time-heading th:first-child{
border-top-left-radius:10px !important;
}
.lt-task-time-heading th:last-child{
border-top-right-radius:10px !important;
}
#trainingTempTable_wrapper tbody tr:last-child td:first-child{
border-bottom-left-radius:10px !important;
}
#trainingTempTable_wrapper tbody tr:last-child td:first-child{
border-bottom-right-radius:10px !important;
}
#trainingTempTable_wrapper .table-responsive{
overflow: auto;
max-height: calc(100vh - 596px);
}
#trainingTempTable thead.lt-thead {
position: sticky;
top:0px;
}
.lt-download-approve-lean-charter{
font-weight: 400;
color: gray;
background:#2f8cfb;
border-radius: 10px;
}
.lt-download-approve-lean-charter i{
padding: 0px;
color: white;
}
.lt-stages-container.charter {
border: 1px solid #4f6262 !important;
background:#c6e0e2 !important;
}
.lt-stages-container.charter p {
color:#4f6262 !important;
}
.lt-stages-container.to-be-certified {
border: 1px solid #800080 !important;
background:#dec1de !important;
}
.lt-stages-container.to-be-certified p {
color: #800080 !important;
}
.lt-stages-container.certified {
border: 1px solid #006400 !important;
background:#d2ffd2 !important;
}
.lt-stages-container.certified p {
color: #006400 !important;
}
.lt-stages-container.waiting-for-approval {
border: 1px solid #ddb028 !important;
background: #f6e5b2 !important;
}
.lt-stages-container.waiting-for-approval p {
color: #ddb028 !important;
}
.lt-in-progress-status{
border: 1px solid #FFA500 !important;
color:#FDAE38 !important;
background:#fff8ef !important;
}
.lt-in-progress-status .lt-dot-badge{
background:#FDAE38 !important;
}
.lt-completed-status{
border: 1px solid #2DAD5E !important;
color:#2DAD5E !important;
}
.lt-completed-status .lt-dot-badge{
background:#2DAD5E !important;
}
.lt-in-progress-status-filter .lt-dot-badge{
background:#FDAE38 !important;
}
.lt-certified-status-filter .lt-dot-badge{
background:#009EF7 !important;
}
.lt-completed-status-filter .lt-dot-badge{
background:#2DAD5E !important;
}
.lt-to-be-certified-status-filter .lt-dot-badge{
background:#dec1de !important;
}
.lt-control-status-filter .lt-dot-badge{
background:#2dada1 !important;
}
.lt-waiting-for-approval-status-filter .lt-dot-badge{
background:#f6e5b2 !important;
}
.lt-charter-status-filter .lt-dot-badge{
background:#c6e0e2 !important;
}
.lt-to-be-certified-status-filter .lt-dot-badge{
background:#800080 !important;
}
.lt-control-status-filter .lt-dot-badge{
background:#2dada1 !important;
}
.lt-define-status-filter .lt-dot-badge{
background:#e9e8e8 !important;
}
.lt-measure-status-filter .lt-dot-badge{
background:#d6e9ff !important;
}
.lt-analyze-status-filter .lt-dot-badge{
background:#aac8ff !important;
}
.lt-improve-status-filter .lt-dot-badge{
background:#e3ffb2 !important;
}
.lt-control-status-filter .lt-dot-badge{
background:#a6f08c !important;
}
#users_login_session .dt-column-order{
display: none !important;
}
.lt-send-for-approval-btn{
background: #50cd89 !important;
color: white !important;
}
.lt-approval-btn{
background: #50cd89 !important;
color: white !important;
}
.lt-reject-btn{
background: #f1416c !important;
color: white !important;
}
.lt-certify-btn{
background: #7239ea !important;
color: white !important;
}
.lt-ribbon.green-ribbon{
background: #50cd89 !important;
}
.lt-ribbon.red-ribbon{
background: #f1416c !important;
}
.lt-certified-status-project{
border: 1px solid #006400 !important;
color: #006400 !important;
background: #d2ffd2 !important;
}
.lt-certified-status-project .lt-dot-badge{
background:#006400 !important;
}
.lt-certified-status-project-filter .lt-dot-badge{
background:#006400 !important;
}
.lt-status-define{
background: #e9e8e8;
}
.lt-status-define p{
color: #868182;
}
.lt-status-define h5{
color: #868182;
}
.lt-status-measure{
background: #d6e9ff;
}
.lt-status-measure p{
color: #5887bb;
}
.lt-status-measure h5{
color: #5887bb;
}
.lt-status-analyze{
background: #aac8ff;
}
.lt-status-analyze p{
color: #4d5885;
}
.lt-status-analyze h5{
color: #4d5885;
}
.lt-status-improve{
background: #e3ffb2;
}
.lt-status-improve p{
color: #819263;
}
.lt-status-improve h5{
color: #819263;
}
.lt-status-control{
background: #a6f08c;
}
.lt-status-control p{
color: #47673b;
}
.lt-status-control h5{
color: #47673b;
}
.lt-total-status{
background: #f6e5b2;
}
.lt-dmaic-stages .lt-label-chart-view{
color: #333 !important;
font-weight: 400 !important;
}
.lt-dmaic-stages .lt-count-chart-view{
color: #333 !important;
}
.lt-dmaic-stages.lt-total-status{
outline: 1px solid #b1aa7e !important;
}
.lt-dmaic-stages.lt-status-define{
outline: 1px solid #a6a6a6 !important;
}
.lt-dmaic-stages.lt-status-measure{
outline: 1px solid #949ead !important;
}
.lt-dmaic-stages.lt-status-analyze{
outline: 1px solid #727da6 !important;
}
.lt-dmaic-stages.lt-status-improve{
outline: 1px solid #60744d !important;
}
.lt-dmaic-stages.lt-status-control{
outline: 1px solid #447b43 !important;
}
#leanProjectListTable_wrapper .table-responsive{
overflow: auto;
max-height: calc(100vh - 450px);
}
#leanProjectListTable_wrapper table thead.lt-thead{
position: sticky;
top: 0;
z-index: 2;
}
#leanProjectListTable_wrapper table tbody tr:last-child td:first-child{
border-bottom-left-radius: 15px;
}
#leanProjectListTable_wrapper table tbody tr:last-child td:last-child{
border-bottom-right-radius: 15px;
}
@media only screen and (max-width:1200px) {
.lt-chart-view-boards-items .lt-list-col-items:first-child{
border-right: 0px !important;
}
.lt-chart-view-boards-items{
border: 0px !important;
}
}
.lt-stages-container.charter-rejected {
border: 1px solid #c95555 !important;
background: #ffbcbc !important;
}
.lt-stages-container.charter-rejected p {
color: #c95555 !important;
}
.lt-charter-rejected-status-filter .lt-dot-badge{
background:#c95555 !important;
}
.lt-waiting-for-reject-status{
border: 1px solid #c95555 !important;
color:#c95555 !important;
background:#ffbcbc !important;
}
.lt-waiting-for-reject-status .lt-dot-badge{
background:#c95555 !important;
}
.ribbon-custom{
font-size: 14px;
margin-left:18px;
margin-top: 10px;
margin-right: 646px;
padding: 28px 17px;
}
.back-dashboard{
display: flex;
align-items: center;
background: #1268b0;
border-radius: 10px !important;
color: white !important;
}
.back-dashboard i{
color: white !important;
}
.lt-filter-border-dark{
border: 3px solid #7b7b7b!important;
}
.filterActionPlanBtn{
cursor: pointer!important;
}
.lt-card-view-box-lean-six-dashboard{
min-height: 30px;
}
.lt-count-chart-view-lean-six-dashboard{
font-size: 25px;
font-weight: 600;
color: #333 !important;
}
/* heirachy table style::start */
.lt-second-parent td,.lt-second-parent th{
background: #ecf9ff !important;
}
.step-module-common-tab{
background: white !important;
}
.raised-by-item .add-raised-by-btn{
display: none;
}
.raised-by-item:last-child .add-raised-by-btn{
display: block;
}
.good-suggestion-attachment-item .add-attachment-btn{
display: none;
}
.good-suggestion-attachment-item:last-child .add-attachment-btn{
display: block;
}
.lt-course-status-container.red-belt{
border: 1px solid #ab1e1e;
background: #ffbfbf;
}
.lt-course-status-container.red-belt label{
color: #ab1e1e;
}
.lt-course-status-container.red-belt span{
background: #ab1e1e;
}
#good-suggestion-stepper .stepper-item:last-child .lt-first-stepper::after{
background: #f5f8fa !important;
width: 14px !important;
}
.lt-yellow-status-badge{
border: 1px solid #0068ff !important;
color: #0068ff !important;
background: #f1faff !important;
}
.lt-yellow-status-badge .lt-dot-badge{
background: #0068ff !important;
}
.lt-yellow-status-badge-filter .lt-dot-badge{
background: #0068ff !important;
}
.lt-red-status-badge{
border: 1px solid #ab1e1e !important;
color: #ab1e1e !important;
background: #ffbfbf !important;
}
.lt-red-status-badge .lt-dot-badge{
background: #ab1e1e !important;
}
.lt-red-status-badge-filter .lt-dot-badge{
background: #ab1e1e !important;
}
#good-suggestion-stepper .stepper-icon.completed{
background: #27a900 !important;
border: 2px solid #27a900 !important;
}
#good-suggestion-content .select2-container.select2-container--open{
z-index: 5 !important;
}
#good-suggestion-section .lt-position-sticky-top{
z-index: 8 !important;
}
.stage-number {
width: 32px;
height: 32px;
background-color: #6c2bd9;
color: #fff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
flex-shrink: 0;
}
.approver-note {
font-size: 0.875rem;
color: #6c757d;
}
.stage {
border-top: 1px solid #dee2e6;
padding-top: 20px;
margin-top: 20px;
}
.stage:first-of-type {
border-top: none;
padding-top: 0;
margin-top: 0;
}
@media (max-width: 576px) {
.stage-header {
flex-direction: column;
align-items: stretch !important;
}
.stage-header .form-control {
margin-bottom: 0.5rem;
}
.stage-number {
margin-bottom: 0.5rem;
}
}
.save-level {
background: #45B64A !important;
padding: 7px 12px !important;
border-radius: 7px;
color: white;
}
.lt-course-status-container.waiting-approval{
border: 1px solid #0068ff;
background:#f1faff !important;
}
.lt-course-status-container.waiting-approval label{
color:#0068ff !important;
}
.lt-course-status-container.waiting-approval span{
background-color:#0068ff !important;
color: white;
}
#capexListTable .heading-sticky-table{
position: sticky;
left:50px!important;
z-index: 1;
}
.ls-br-rt-10px{
border-top-right-radius: 10px !important;
}
/* datasheet style::start */
.lt-capex .lt-tbody-th-data-sheet{
font-weight:500 !important;
font-size:14px !important;
color:#333 !important;
vertical-align:middle !important;
border-right: 1px solid #003562 !important;
text-align:start;
padding: 8px !important;
}
.lt-capex .lt-skt-tkt-3{
width: 250px;
min-width: 250px !important;
position: sticky;
left: 58px;
z-index: 1;
}
.lt-capex .lt-tbody-td-data-sheet{
font-weight:400 !important;
font-size:12px !important;
vertical-align: middle;
text-align: center;
border-right: 1px solid #003562 !important;
padding: 10px !important;
width: 75px !important;
min-width: 140px !important;
}
.lt-capex .lt-input-data-table {
border: 1px solid #b8b8b894;
width: 50px;
height: 25px;
border-radius: 7px;
background: #fff;
text-align: center;
}
.lt-capex .lt-input-data-table:focus {
color: #212529;
outline: 0;
}
.lt-capex .lt-child-th-new{
color:#1268B0 !important;
}
.lt-capex .lt-new-section-th {
vertical-align: middle;
width:45px;
min-width: 45px;
height: 93.196px !important;
padding: 2px !important;
background: #D7E4EE !important;
}
.lt-capex .lt-main-parent-th{
background:#ecf7ff !important;
}
.lt-capex .lt-datasheet-tbody tr:nth-child(odd) {
background: #fcffd6;
}
.lt-capex .lt-datasheet-tbody tr:nth-child(even) {
background: #fffbf0;
}
.lt-capex .lt-second-heading-th{
width: 200px;
min-width: 200px !important;
position: sticky;
left: 0;
z-index: 1;
}
.lt-capex .lt-aclt-goal-heading-td {
width: 75px;
min-width: 75px;
max-width: 75px;
position: sticky;
left: 0;
padding:3px 4px !important;
}
.lt-capex .lt-datasheet-thead .lt-first-border-radius-th{
border-top-left-radius: 10px;
}
.lt-capex .lt-datasheet-thead .lt-last-border-radius-th{
border-top-right-radius: 10px;
}
.lt-capex .lt-container-div-table{
overflow:hidden;
border-radius:10px !important;
border-top-right-radius: 26px !important;
}
.lt-capex .lt-datasheet-table-div {
overflow: auto;
scroll-behavior: smooth;
max-height: calc(100vh - 30vh);
}
.lt-capex .lt-datasheet-custom-popover-datasheet {
transform: translate(270px, 50px) !important;
}
.lt-capex .sticky-column {
position: sticky;
background-color: #f2f2f2;
z-index: 3;
}
.lt-capex .lt-datasheet-thead {
position: sticky;
top: 0px;
z-index: 3;
}
.lt-capex .lt-tr-tkt {
color: white !important;
font-weight: 600 !important;
}
.lt-capex .lt-span-more-option {
width: 25px !important;
height: 25px !important;
display: flex;
background: #acc8e0;
justify-content: center;
align-items: center;
border-radius: 50%;
}
.lt-capex .lt-span-more-option i {
color: #1268b0;
}
.lt-capex .lt-width-scroll-child{
overflow-y:scroll;
height:350px
}
.lt-capex .lt-dates-td{
background: #dae7f1 !important;
font-weight: 500 !important;
font-size: 14px !important;
}
.lt-capex .lt-sticky-date-td{
position:sticky;
left:0;
}
/* Container for the nested table */
.lt-capex .nested-table-container {
width: calc(100vw - 200px);
max-height: 150px;
overflow-x: auto;
overflow-y: auto;
}
.lt-capex .nested-table-container table{
border-bottom: 1px solid #dbdbdb;
}
.lt-capex .lt-nested-td-table{
padding:0px !important;
}
.lt-capex .lt-goallooping-td{
background:#fffbf0 !important;
}
.lt-capex .lt-actuallooping-td{
background: #fcffd6 !important;
}
.lt-capex .lt-text-rotate{
writing-mode: vertical-rl; text-orientation: mixed;
}
.status-color{
color: #0068ff !important;
}
/* datasheet style::end*/
#good-suggestion-form .dropzone-items{
margin-top:-12px;
}
.fixed-good-suggestion-header{
position: sticky;
top: 211px;
background: white;
z-index: 3;
padding: 13px 5px !important;
border-radius: 0px !important;
}
.readonly-gs-class .dropzone-delete{
display: none!important;
}
.h-360px{
height: 370px !important;
}
#capex_project_list .heading-sticky-table{
position: sticky;
left:50px!important;
z-index: 1;
}
#chart-scroll-wrapper::-webkit-scrollbar {
width: 6px;
}
#chart-scroll-wrapper::-webkit-scrollbar-thumb {
background-color: #cbd5e0;
border-radius: 3px;
}
#addInitiativeProjectTemplate .flatpickr-calendar.static.open{
z-index: 5!important;
}
.data-is-l6 .ck.ck-balloon-panel {
z-index: 1 !important;
}
.lt-custom-calender-icon {
background: url(../media/icons/calender-icon.svg) no-repeat;
background-position: right 10px center;
background-size: 15px 15px;
padding-right: 40px;
background-color: #fff;
cursor: pointer;
font-size: clamp(11px, .6vw, 14px);
}
/* Custom Month Picker */
.lt-custom-month-picker .flatpickr-months{
display: none !important;
}
.lt-custom-month-picker .flatpickr-innerContainer {
padding: .1em;
}
.lt-custom-month-picker .flatpickr-monthSelect-months {
margin: 0!important;
}
.lt-custom-month-picker .flatpickr-calendar.open{
z-index: 3 !important;
}
.lt-custom-month-picker .flatpickr-monthSelect-month{
padding : 5px!important;
}
/* End Custom Month Picker */
.lt-rejected-color{
color:#ab1e1e;
}
.lt-last-icon-step{
margin-left: 25px !important;
}
.lt-last-step-label .stepper-title{
margin-left: 25px !important;
}
/* ------- alba alumninam landing page styles:start -------- */
.main-cards-block{
padding: 30px 20px;
padding-top: 20px;
background: #ffff;
color: #333;
background: linear-gradient(180deg, #e5f3ff -3%, rgb(255 255 255) 12%, rgb(255 255 255) 190%);
box-shadow: rgba(17, 17, 26, 0.1) 1px 2px 12px;
transition: all 0.5s ease;
}
.main-cards-block:hover{
transform: scale(1.02);
border: 0px !important;
box-shadow: rgb(19 96 163 / 12%) 1px 2px 15px;
}
.main-cards-block:focus{
border: 0px !important;
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
}
.main-cards-block h4{
font-size: clamp(18px,1vw, 24px) !important;
font-weight: 600;
color: #1360a3;
}
.main-cards-block label{
font-size: clamp(14px,.7vw, 16px) !important;
color: #024178;
}
.custom-dashboard-table-view table thead tr th{
vertical-align: middle;
font-weight: 600;
font-size: clamp(13px,.6vw, 16px) !important;
color: white;
background:#055ca7;
padding: 8px 15px !important;
}
.custom-dashboard-table-view table tbody tr td{
vertical-align: middle;
font-weight: 400;
font-size: clamp(13px,.6vw, 16px) !important;
color: #333;
background:#fff;
padding: 8px 15px !important;
border:1px solid #bbbbbb;
border-right:0px;
}
.custom-dashboard-table-view table tbody tr td:last-child{
border-right:1px solid #bbbbbb !important;
}
.custom-dashboard-table-view table tbody tr:last-child td:first-child{
border-bottom-left-radius: 10px;
}
.custom-dashboard-table-view table tbody tr:last-child td:last-child{
border-bottom-right-radius: 10px;
}
.lt-btn-re-direct{
width:30px !important;
height:30px !important;
background: #1360b81f;
/* border: 1px solid #1360b8 !important; */
border-radius: 50px;
display: flex;
align-items: center;
justify-content: center;
padding: 0px !important;
}
.lt-btn-re-direct i{
color: #1360b8;
}
/* ------- alba alumninam landing page styles:end -------- */
.lt-teams-manage-container tbody tr.lt-sticky-header-top th:last-child{
border-top-right-radius: 10px !important;
}
@media only screen and (max-width:992px) {
.lt-medium-screen-width{
max-width: 1200px;
}
}
#supplier_table thead tr th:last-child{
border-top-right-radius: 10px !important;
}
#supplier_table tbody tr td{
border-bottom: 1px solid #80808059 !important;
}
#supplier_table tbody tr:last-child td{
border-bottom: 1px solid #80808059 !important;
}
#supplier_table tbody tr:last-child td:first-child{
border-bottom-left-radius: 10px !important;
}
#supplier_table tbody tr:last-child td:last-child{
border-bottom-right-radius: 10px !important;
}
.lt-custom-sub-tab .nav-item .nav-link.active {
color: #333 !important;
font-weight: 500;
margin: 0px !important;
}
#cell_table tbody tr:last-child td:first-child{
border-bottom-left-radius: 15px !important;
}
#cell_table tbody tr:last-child td:last-child{
border-bottom-right-radius: 15px !important;
}
#cell_table tbody tr td{
border-bottom: 1px solid #80808059 !important;
}
#key_pillar_settings_table tbody tr:last-child td:first-child{
border-bottom-left-radius: 15px !important;
}
#key_pillar_settings_table tbody tr:last-child td:last-child{
border-bottom-right-radius: 15px !important;
}
#key_pillar_settings_table tbody tr td{
border-bottom: 1px solid #80808059 !important;
}
#siri_dimension_settings_table tbody tr:last-child td:first-child{
border-bottom-left-radius: 15px !important;
}
#siri_dimension_settings_table tbody tr:last-child td:last-child{
border-bottom-right-radius: 15px !important;
}
#siri_dimension_settings_table tbody tr td{
border-bottom: 1px solid #80808059 !important;
}
.simple-table-container tbody tr:last-child td:first-child{
border-bottom-left-radius: 15px !important;
}
.simple-table-container tbody tr:last-child td:last-child{
border-bottom-right-radius: 15px !important;
}
.simple-table-container tbody tr:last-child td{
border-bottom: 1px solid #80808059 !important;
}
.simple-table-container tbody tr td{
border-bottom: 1px solid #80808059 !important;
vertical-align: middle;
}
.lt-sub-start {
/* min-width: 140px;
width: 140px;
max-width: 140px; */
font-weight: 500;
text-align: left;
}
.lt-im-table table tr th:not(:first-child):not(:nth-child(2)):nth-child(n+3) {
/* width: 115px !important;
min-width: 56px;
max-width: 200px; */
background-color: #145994 !important;
text-align: center;
/* border-right: 1px solid #727272; */
/* border-bottom: 1px solid #727272;
border-left: 1px solid #727272; */
border: 1px solid #8e8e8e79;
}
/* .lt-min-width-kpi-td{
min-width: 116px !important;
} */
.lt-sub-table tbody tr th{
/* min-width: 140px;
width: 140px;
max-width: 140px; */
font-weight: 500;
text-align: left;
}
.lt-im-table table tr td:first-child {
background-color: white;
z-index: 99999;
/* width: 350px;
min-width: 350px;
max-width: 350px; */
font-weight: 500;
}
.lt-im-table tr th:nth-child(2) {
position: sticky !important;
left: 349px;
/* width: 50px; */
top: -3px;
}
/* ---- new kpi dashboard width::start ----*/
.lt-im-table table tr.lt-row-highlighted td,
.lt-sub-table table tr.lt-row-highlighted th {
max-width: 115px !important;
min-width: 115px !important;
width: 115px !important;
}
.lt-im-table table tr.lt-table-header th:not(:first-child){
max-width: 115px !important;
min-width: 115px !important;
width: 100px;
}
#lt-first-th {
min-width: 400px;
max-width: 400px;
}
.lt-table-header th.lt-metrics , .lt-table-header th.lt-yoy{
width: 115px !important;
min-width: 115px !important;
}
.lt-sub-table tr.lt-row-highlighted th.lt-metrics{
width: 115px;
min-width: 115px !important;
}
/*---- new kpi dashboard width::end ----*/
.filter-disabled-parent {
opacity: 0.5;
pointer-events: none;
}
.filter-disabled-parent td {
color: #999;
background-color: #f8f9fa;
}
.filter-disabled {
color: #ccc !important;
}
/* Re-enable child rows that match the filter */
.filter-disabled-parent:not(.filter-disabled-parent) {
opacity: 1;
pointer-events: auto;
}
#project-dashboard-table .table-responsive{
overflow: auto;
max-height: calc(100vh - 300px);
}
#project-dashboard-table table thead{
position: sticky;
top:0;
z-index: 2;
}
.lt-scroll-table-responsive table thead{
position: sticky;
top:0;
z-index: 2;
}
.lt-scroll-table-responsive .table-responsive{
overflow: auto;
max-height: calc(100vh - 300px);
}
/* user profile privilage table ::start */
.lt-privilage-table-custom thead tr th{
background: #126ab3 !important;
color: white;
font-size:16px;
}
.lt-privilage-table-custom tbody .lt-permission-tr td{
background: #e4f2ff;
color: #333 !important;
font-weight: 400;
}
.lt-privilage-table-custom tbody tr th, .lt-privilage-table-custom tbody tr td{
background-color:white;
border-bottom: 1px solid #8080802e;
vertical-align: middle;
}
.lt-privilage-table-custom tbody tr th{
vertical-align:middle !important;
color:#333;
font-size:16px;
padding: 8px 20px !important;
}
.lt-privilage-table-custom tbody .lt-permission-tr td{
color: #126ab3 !important;
font-weight:600 !important;
font-size:16px;
padding: 8px 20px !important;
}
.lt-privilage-table-custom tbody .lt-permission-tr td i{
color: #126ab3 !important;
}
.lt-privilage-scroll{
overflow: auto;
max-height: calc(100vh - 550px);
position:sticky;
}
.lt-privilage-table-custom thead tr{
z-index: 1 !important;
}
.lt-privilage-table-custom thead tr th:first-child{
border-top-left-radius: 10px !important;
}
.lt-privilage-table-custom thead tr th:last-child{
border-top-right-radius: 10px !important;
}
.lt-privilage-table-custom tbody tr:last-child td:first-child{
border-bottom-left-radius: 10px !important;
}
.lt-privilage-table-custom tbody tr:last-child td:first-child{
border-bottom-right-radius: 10px !important;
}
.read-privilage{
border:1px solid #129b50 ;
color: #129b50;
}
.writing-privilage{
border:1px solid #009ef7;
color:#009ef7;
}
/* user profile privilage table ::end */ |