*{outline:none; white-space: inherit; word-wrap: break-word;} body { padding-top: 56px; font-family: 'Poppins', sans-serif; font-weight: 300 !important;padding-right:inherit !important;} /* body, .form-control, .dataTables_info{font-size:.9rem; } */ a {cursor:pointer!important; text-decoration:none!important;} a:hover{text-decoration:none!important;} ul{margin:0!important; padding:0;} em{font-style:normal;} select, select option{text-transform:capitalize !important;} /*gaurav dhiman*/ b, strong {font-weight: bolder!important;} select.textnormal, select.textnormal option{text-transform:none!important;} @font-face { font-family: 'digital7_mono'; src: url('https://talygenv.github.io/Vue-UI-Content/fonts/digital7_mono.eot'); src: url('https://talygenv.github.io/Vue-UI-Content/fonts/digital7_mono.eot') format('embedded-opentype'), url('https://talygenv.github.io/Vue-UI-Content/fonts/digital7_mono.woff2') format('woff2'), url('https://talygenv.github.io/Vue-UI-Content/fonts/digital7_mono.woff') format('woff'), url('https://talygenv.github.io/Vue-UI-Content/fonts/digital7_mono.ttf') format('truetype'), url('https://talygenv.github.io/Vue-UI-Content/fonts/digital7_mono.svg#digital7_mono') format('svg'); } @font-face { font-family: 'digital7'; src: url('https://talygenv.github.io/Vue-UI-Content/fonts/digital7.eot'); src: url('https://talygenv.github.io/Vue-UI-Content/fonts/digital7.eot') format('embedded-opentype'), url('https://talygenv.github.io/Vue-UI-Content/fonts/digital7.woff2') format('woff2'), url('https://talygenv.github.io/Vue-UI-Content/fonts/digital7.woff') format('woff'), url('https://talygenv.github.io/Vue-UI-Content/fonts/digital7.ttf') format('truetype'), url('https://talygenv.github.io/Vue-UI-Content/fonts/digital7.svg#digital7') format('svg'); } .ml-auto, .mx-auto {margin-left: auto !important;} .fixfc .form-control{height:auto;} h6{font-size:14px;} .h5{font-weight:normal; margin-bottom:0;} /*****EM font Harjit 3 Dec2023**********/ .p-action-btn em{font-size: 16px!important;} .single-action em{font-size: 20px!important;} /*****EM font Harjit 3 Dec2023**********/ p{margin-bottom:10px;} /* .fixed-top{z-index: 99999;} Harjit */ .fixed-top{z-index: 99998;} .wrapper { display:flex; align-items:stretch;} .font-6{font-size: 6px!important;} .font-10{font-size:10px!important;} .font-11{font-size:11px!important;} .font-12{font-size:12px!important;} .font-13{font-size:13px!important;} .font-14{font-size:14px!important;} .font-16{font-size:16px!important;} .font-18{font-size:18px!important;} .font-20{font-size:20px!important;} .font-22{font-size:22px!important;} .font-23{font-size:23px!important;} .font-24{font-size:24px!important;} .font-28{font-size:28px!important;} .font-30{font-size:30px!important;} .font-36{font-size:36px!important;} .font-42{font-size:42px!important;} .font-44{font-size:44px!important;} .font-48{font-size:48px!important;} .font-128{font-size:128px!important;} .pt-7{padding-top:7px;} .pt-8rem{padding-top: 0.8rem;} .breadcrumb{background:none; padding:4px 0 0 0; margin:0px;} .breadcrumb em{font-size:20px; padding-right:7px;} .breadcrumb-item{font-size:13px;} .breadcrumb-item em{float:left;} .dark-border{border:1px solid;} hr {width: 100%; height: 1px; float: left; border: none;margin: 15px 0;} table.table-bordered.dataTable{border-width:1px!important;} .table-bordered{border:0;} .box{margin-bottom:20px; position:relative;} .verticle-action{position:absolute; top:5px; right:5px;} .round-icon{width:41px; height:41px; float:left; display:inline-block; text-align:center; line-height:41px; font-size:16px; color:#fff; overflow:hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; margin:0px 3px; border-radius: 100% !important;} .round-icon-small{width:30px; height:30px; float:left; display:inline-block; text-align:center; line-height:30px; font-size:16px; color:#fff; overflow:hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; margin:0px 3px; border-radius: 100% !important;} .user-img-con{width:36px; height:36px; border:1px solid; border-radius:100%; overflow:hidden; display:inline-block; float:left;} .tab-content{float:left; width:100%; position:relative;} .heading-border{position:relative; width:100%;} .heading-border span{border-bottom:5px solid; display:inline-block;padding-bottom:2px;} .heading-border.with-accordian span{width: 100%; max-width: 450px;} /* .activity-tab .card-header a.card-link .fa-angle-down::before{content: "\f106";}*********- Commented due to New timer design with Ridham */ .activity-tab .card-header a.card-link.collapsed .fa-angle-down::before{content: "\f107";} .required_field{color:#dc3545 !important; font-size: 80%;} .heading-border:after{height:1px; content:""; width:100%; position:absolute; bottom:2px; left:0;} .alert-message{position:relative;} .alert-message h4{font-size: 20px; line-height: 20px; margin-bottom:0;} .alert-message .close{outline: none; position: absolute; right: 2px; top: 2px; border-radius: 50%; opacity: 1; width: 30px; height: 30px; line-height: 22px; text-align: center; padding: 0px; font-size:20px; margin:-1rem -1rem -1rem auto;} .alert-danger-header{background:#c18c92; padding:15px;}/*#914b53*/ .alert-success-header{background:#5dac6f; padding:15px;}/*#467b52*/ .alert-warning-header{background:#baa566; padding:15px;}/*#856404*/ .custom-file-label, .custom-select{height: calc(2.12rem + 2px);} select.form-control:not([size]):not([multiple]){height: calc(2.12rem + 2px)!important;} .form-control, .custom-select, .custom-file-label{border-radius:0; font-size:14px; font-weight:300;} label{font-weight:400; margin-bottom:0; font-size:14px;} /*table .fa-plus{padding-top:7px;}**Modules & Privileges - Harjit******/ .input-group > .input-group-append > .input-group-text{border-radius:0; border:1px solid; font-size:14px;} .custom-file-label::after{height:calc(calc(2.12rem + 2px) - 1px * 2); border-radius:0; content:"Choose File";} /* Sushil - Perter Sir Change 20-04-2025 .form-control:disabled, .form-control[readonly]{color:#999;} */ .form-control:disabled, .form-control[readonly]{color:#000;} .form-control:disabled{background-color: #E0E0E0!important;} /*.form-control:disabled{background-color: #f4f4f4 !important;}*/ .tab-no{width:23px; height:23px; display:inline-block; color:#fff; border-radius:100px; line-height:23px; text-align:center;} .font-weight-medium{font-weight:500!important;} .font-weight-300{font-weight:300!important;} .font-weight-400{font-weight:400!important;} .font-weight-600{font-weight:600!important;} .username { display: inline-block;width: 100%;} .custom-checkbox .custom-control-label {margin-top: 2px; margin-left:0px}/*margin-left:8px */ .table-plus-minus a {background: #656a70;width: 19px;height: 20px;display: inline-table;text-align: center;color: #fff;} .table-plus-minus a:hover {background: #7a7e82;} .showclear{display:none;} /****Harjit Added on Tejbir's PC 16june2022***********/ .custom-control{min-height: 1.5rem; padding-left: 1.5rem;} input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0;} .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0;} .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; line-height:22px;} .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: no-repeat 50%/50% 50%;} /****Harjit Added on Tejbir's PC 16june2022***********/ /**********************New Menu***********************/ .dropdown-menu{border-radius:0; padding:0; margin:0;} .full-menu-new {width:930px; border:none !important; overflow:hidden; } .full-menu-new .menu-search-panel{background: #484848; border-top: 1px solid #919191; padding:0px 10px !important;} .full-menu-new .menu-search-panel input{ height: 40px; width: 100%; background: none; border: none; background-image:url('../images/search-icon.png'); background-repeat:no-repeat; background-position:right center; color:#f2f2f2; font-size:16px; font-style:italic;} /*color:#6d6d6d;***/ .navigation-panel{ background:#f4f2f2; border:1px solid #dedada; display:inline-block; vertical-align:top; width:100%; /*max-height:369px;*/max-height:449px;} .navigation-panel ul{list-style:none; padding:0px; display:flex; flex-wrap:wrap; float:left; width:33.33%; border-right:1px solid #cfcfcf;} .navigation-panel ul.itemscroll {border-right:none;} .navigation-panel ul.submenu{width:33.33%; float:left; display:flex;} .navigation-panel ul.submenu li{width:100%;border-right: 1px solid #cfcfcf;} .navigation-panel ul:nth-child(3){border:none;} .navigation-panel .mCSB_inside > .mCSB_container { margin-right: 0;} .navigation-panel ul li{ float:left; width:100%; line-height:23px; position: relative;}/*line-height:52px;*/ .navigation-panel ul li:nth-child(3n+3){border-right:0;} .navigation-panel ul li a{text-decoration:none; padding: 3px 20px; color: #3e3e3e; font-size: 16px; display: flex; align-items: center; width: 100%; line-height: 20px; min-height: 44px;}/****line-height: 38px;*Harjit 13May2022****/ .navigation-panel ul li a em{ color:#5e5e5e; font-size:22px; padding: 0px 13px 0px 0px; width: 38px; text-align: center;} .navigation-panel ul li:hover a{background:#525f65!important; color:#fff;} .navigation-panel ul li:hover em{color:#fff !important;} .navigation-panel ul li a em.fa-circle{font-size:10px;} .gotosub { position: absolute; right: 0; z-index: 10; top: 0; width: 30px; height: 100%; line-height: 40px; text-align: center; cursor:pointer; } .navigation-panel ul li:hover .gotosub {color:#fff; background: #424f55 !important;} .indl, .indl:hover{ font-size: 16px; padding-left: 10px; color: #177cb8 !important; font-weight: 400; } .indl em, .indl:hover em{ color:#177cb8 !important; font-size: 19px !important; padding: 0px 8px 0px 8px !important;} .nav-heading{border-bottom:2px solid #cfcfcf; display:flex; align-items:center; margin:0 20px 20px 20px; font-size:16px; margin-bottom:5px !important;padding: 2px 0 !important; width:calc(100% - 40px); justify-content:flex-start; flex-direction: row; flex-wrap: wrap} .navigation-panel h4{width:calc(100% - 40px); font-size:18px; margin:0 20px; color:#212529; padding:10px 0;} .nav-heading span{display:flex; align-items:center;} .nav-heading span em{color:#6b935e; font-size:22px; padding:0px 16px 0px 0px;} .nav-heading .back{color:#777576; font-size:18px; float:right;} .nav-heading .back em{color:#777576; font-size:15px; padding:0px 10px 0px 0px;} .nav-heading .back a{color:#777576;} .nav-heading .back a:hover{color:#212529;} .navigation-panel .custom-scrollbar-js{max-height:400px;} .full-menu-new.custom-width-menu{max-width:470px;}/**400**/ .full-menu-new.custom-width-menu .navigation-panel {min-height: 300px;} .full-menu-new.custom-width-menu .navigation-panel ul {width:100%;} .user-guide .custom-scrollbar-js { max-height: 320px; } .user-guide-heading-border .custom-scrollbar-js { height: 320px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:5px; border-radius:0;} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#a9a9a9;} .mCSB_scrollTools .mCSB_draggerRail{width:5px; border-radius:0;} .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background:#a9a9a9;} /**********************New Menu***********************/ /**********************loader***********************/ .overlay{background:rgba(0,0,0,0.8); height:100%; width:100%; position:fixed; top:0; left:0; z-index:9999999; display:flex; justify-content:center; align-items:center;} .lds-ring img{display:none!important;} /******New Search Loader - Harjit Singh 17May2022**********/ @keyframes load { 0% {transform: translateX(40px);} 50% {transform: translateX(-30px);} 100% {transform: translateX(40px);} } .lds-ring { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 10px; background: #3498DB; border-radius: 5px; -webkit-animation: load 1.8s ease-in-out infinite; animation: load 1.8s ease-in-out infinite;} .lds-ring::before, .lds-ring::after { position: absolute; display: block; content: ""; -webkit-animation: load 1.8s ease-in-out infinite; animation: load 1.8s ease-in-out infinite; height: 10px; border-radius: 5px;} .lds-ring:before {top: -20px; left: 10px; width: 40px; background: #EF4836;} .lds-ring:after {bottom: -20px; width: 35px; background: #F5AB35;} /******New Search Loader - Harjit Singh 17May2022**********/ /******New Setup Loader - Harjit Singh 18May2022**********/ .lds-ring_setupholder{position:relative;text-align:center;margin:45px 0px;} .lds-ring_setup {width: 300px; height: 60px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); perspective: 300px; perspective-origin: 50% 50%;} .lds-ring_setup div{position:absolute; width:20%; height:100%; background-color:red; left:0%; box-sizing:border-box; transform-origin:0% 50%; animation-duration:3s; animation-timing-function:linear; animation-iteration-count: infinite;} .lds-ring_setup div:nth-child(1) {left: 0%; background-color: #44B3C2; animation-name: flipPreloader1; z-index: 1;} .lds-ring_setup div:nth-child(2) {left: 20%; background-color: #F1A94E; animation-name: flipPreloader2; z-index: 2;} .lds-ring_setup div:nth-child(3) {left: 40%; background-color: #E45641; animation-name: flipPreloader3; z-index: 3;} .lds-ring_setup div:nth-child(4) {left: 60%; background-color: #5D4C46; animation-name: flipPreloader4; z-index: 4;} .lds-ring_setup div:nth-child(5) {left: 80%; background-color: #7B8D8E; animation-name: flipPreloader5; z-index: 5;} @keyframes flipPreloader1 { 0% {transform: rotateY(-180deg);opacity: 0;transform-origin: 0% 50%; background-color: #44B3C2;} 4% {background-color: #44B3C2;} 5% {background-color: #7B8D8E;} 10% {transform: rotateY(0deg); opacity: 1; background-color: #7B8D8E;transform-origin: 0% 50%;} 11% {transform-origin: 100% 50%; background-color: #44B3C2;} 48% {z-index: 1;} 49% {z-index: 10;} 50% {transform: rotateY(0deg);} 51% {transform-origin: 100% 50%;} 60% {transform: rotateY(180deg); opacity: 1; background-color: #44B3C2;} 61% {opacity: 0;} 100% {z-index: 10; transform: rotateY(180deg); opacity: 0; transform-origin: 100% 50%; background-color: #44B3C2;} } @keyframes flipPreloader2 { 0% {transform: rotateY(-180deg); background-color: #7B8D8E; opacity: 0; transform-origin: 0% 50%;} 9% {opacity: 0;} 10% {transform: rotateY(-180deg); opacity: 1;} 15% {background-color: #7B8D8E;} 20% {background-color: #7B8D8E; transform: rotateY(0deg); transform-origin: 0% 50%;} 21% {transform-origin: 100% 50%; background-color: #F1A94E;} 48% {z-index: 2;} 49% {z-index: 9;} 60% {opacity: 1; transform: rotateY(0deg); background-color: #F1A94E;} 61% {background-color: #44B3C2;transform-origin: 100% 50%;} 64% {background-color: #44B3C2;} 65% {background-color: #F1A94E;} 70% {transform: rotateY(180deg);opacity: 1;} 71% { opacity: 0;} 100% {z-index: 9;background-color: #F1A94E;transform: rotateY(180deg); opacity: 0; transform-origin: 100% 50%;} } @keyframes flipPreloader3 { 0% {transform: rotateY(-180deg); background-color: #7B8D8E; opacity: 0; transform-origin: 0% 50%;} 19% {opacity: 0;} 20% { transform: rotateY(-180deg); opacity: 1;} 25% {background-color: #7B8D8E;} 30% {background-color: #7B8D8E; transform: rotateY(0deg); transform-origin: 0% 50%;} 31% {transform-origin: 100% 50%; background-color: #E45641;} 48% {z-index: 3;} 49% {z-index: 8;} 70% {transform: rotateY(0deg); opacity: 1; background-color: #E45641;} 71% {background-color: #F1A94E;transform-origin: 100% 50%;} 74% {background-color: #F1A94E;} 75% {background-color: #E45641;} 80% {transform: rotateY(180deg); opacity: 1;} 81% {opacity: 0;} 100% {z-index: 8; background-color: #E45641; transform: rotateY(180deg); opacity: 0; transform-origin: 100% 50%;} } @keyframes flipPreloader4 { 0% { transform: rotateY(-180deg); background-color: #7B8D8E; opacity: 0;transform-origin: 0% 50%;} 29% { opacity: 0;} 30% {transform: rotateY(-180deg); opacity: 1;} 35% { background-color: #7B8D8E;} 40% { background-color: #7B8D8E; transform: rotateY(0deg); transform-origin: 0% 50%;} 41% {transform-origin: 100% 50%; background-color: #5D4C46;} 48% {z-index: 4;} 49% {z-index: 7;} 80% { transform: rotateY(0deg); opacity: 1; background-color: #5D4C46;} 81% {background-color: #E45641;transform-origin: 100% 50%;} 84% {background-color: #E45641;} 85% {background-color: #5D4C46;} 90% {transform: rotateY(180deg); opacity: 1;} 91% { opacity: 0;} 100% {z-index: 7; background-color: #5D4C46; transform: rotateY(180deg); opacity: 0; transform-origin: 100% 50%;} } @keyframes flipPreloader5 { 0% {transform: rotateY(-180deg); background-color: #7B8D8E; opacity: 0; transform-origin: 0% 50%;} 39% {opacity: 0;} 40% {transform: rotateY(-180deg); opacity: 1;} 45% {background-color: #7B8D8E;} 48% { z-index: 5;} 49% {z-index: 6;} 50% {background-color: #7B8D8E; transform: rotateY(0deg); transform-origin: 0% 50%;} 51% {transform-origin: 100% 50%;background-color: #7B8D8E;} 90% {transform: rotateY(0deg); opacity: 1; background-color: #7B8D8E;} 91% {background-color: #5D4C46;transform-origin: 100% 50%;} 94% {background-color: #5D4C46;} 95% { background-color: #7B8D8E;} 100% { z-index: 6; background-color: #7B8D8E; transform: rotateY(180deg); opacity: 0; transform-origin: 100% 50%;} } /* Editor Styles */ .Editor-container{ margin-top:0px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; } #menuBarDiv .dropdown-menu { top: 100%; left: 0; z-index: 1000; float: left; min-width: 10rem; padding: 0px; margin: .125rem 0 0; font-size: 1rem; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: .25rem; } #menuBarDiv .dropdown-menu > li > a { cursor: pointer; padding: .2rem .5rem; display: block; color: #000 !important; font-size: 14px; } #menuBarDiv .dropdown-menu > li > a:hover{background:#313131; color: #fff !important;} #menuBarDiv, #statusbar{ background-color: #f0f0f0; background-repeat:repeat-x; border: 1px solid #cccccc; border-color: #afb5bb #afb5bb #bfbfbf; border-bottom-color: #afb5bb;} #menuBarDiv{ border-radius:0; border-bottom:none; min-height:25px; padding:5px 0; } #menuBarDiv .dropdown{float:left;} #menuBarDiv .dropdown-toggle{font-size:14px; } #menuBarDiv .dropdown-toggle .caret{margin-left:5px; border-top-color:#999;} #menuBarDiv > .btn-group{margin-left:5px;} #menuBarDiv a.btn {position: relative; margin-bottom: 0px; border: 1px solid #C0C0C0; border-radius: 5px !important; color: #000; background: #fff; width: auto; padding: 5px 10px; } #statusbar{ min-height:30px; border-radius:0 0 3px 3px; border-top:none; line-height:30px; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); } #statusbar .label{ float:right; margin:6px 10px 0 0; background:#BBB; text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25); padding: 2px 4px; font-size: 11.844px; line-height:14px; } .Editor-editor{ height:300px; padding:1%; border:1px solid #afb5bb; border-radius:0; word-wrap: break-word; } .multiselect-native-select, .multiselect-native-select .btn-group,.multiselect-native-select .btn-group .multiselect{display:block; width:100%; text-align:left; position:relative;} .multiselect-native-select .btn-group .dropdown-menu{width:100%; border:1px solid #afb5bb;transform:translate3d(0px, 36px, 0px) !important; z-index:9991;}/***z-index:999* Ticket Log - Status ddl was hidding behind table head**/ .multiselect-native-select .btn-group .multiselect span { padding-right: 10px;} .multiselect-container .input-group{margin:0px; padding:5px 0px;} .multiselect-container > li{padding: 0px 5px;} .multiselect-container > li > a > label{ padding: 3px 20px 3px 7px; display: block;} .multiselect-container > li > a{color:#000; text-decoration:none;} .multiselect-container > li > a:hover, .multiselect-container > li > a:hover label{background:#313131; color:#fff; text-decoration:none;} /*********************** switch ********************/ .switch input {opacity: 0; width: 0; height: 0;} .slider {position: relative; cursor: pointer; top:0; left:0; right:0; bottom:0; -webkit-transition:.4s; transition:.4s; padding:2px 1px 3px 8px; color:#fff;} .slider span{display:none;} .sliderGoalProgress .slider span { display: block;} .sliderGoalProgress .slider::before{ display: none;} .slider:before{position: absolute;content: ""; height: 19px; width: 19px; left: 4px; bottom: 3px; background-color: white; -webkit-transition: .4s; transition: .4s;} input:checked + .slider {text-indent:0; background: #4595db!important; padding-right: 27px;} input:checked + .slider span.slider-yes { display:inline-block; }/***padding: 0 26px 0 0px;***/ input:checked + .slider span.slider-no { display: none !important;} input:checked + .slider span{display: block;} input[type=checkbox] + .slider span.slider-no{display: inline-block; padding-right: 10px!important; margin-left: 25px; line-height: 20px;} /****padding-left:17px;margin-left: 19px;**Harjit - 7March2024 ***/ input[type=checkbox] + .slider span.slider-yes { padding-right: 5px !important; margin-left: 0px; line-height: 20px;} .newswitch_toggle.switch {width: 87px;} input:checked + .slider:before {-webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); left:21px;}/**left:40px HS 24jun24***/ /* input:checked + .slider:before {-webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); left:auto; right: 23px!important;} */ /**broad toggle 25june24 HS****/ #modalprojectquickviewpopforadddabhboard .modal-body input:checked + .slider:before {-webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); left:40px;}/**left:40px HS 24jun24***/ /**broad toggle 25june24 HS****/ .slider.round {border-radius: 34px;} .slider.round:before {border-radius: 50%;} @media screen and (prefers-reduced-motion: reduce) { .custom-switch .custom-control-label::after {transition: none;}} .custom-switch .custom-control-input:checked ~ .custom-control-label::after{background-color: #fff; -webkit-transform: translateX(0.75rem); transform: translateX(0.75rem);} .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {background-color: rgba(0, 123, 255, 0.5);} label.switch.w70{min-width: 70px;} label.switch.w100{min-width: 100px;} .switch.w100 input:checked + .slider::before{ left: 48px; } .switch.medium{ width:90px; } .switch.medium input:checked + .slider::before{ left: 40px; } .switch.large{ width:110px; } .switch.large input:checked + .slider::before{ left: 61px; } /***Silent App Time Track DB***/ .col-control-right label.switch input:checked + .slider::before{left: 60px;} .col-control-right label.switch{width: 112px;} /***Silent App Time Track DB***/ /*********************** switch ********************/ /*********************** Login ********************/ .loginbg {padding: 0px;} .loginbg .jumbotron {background: #fff; background-image: url('../images/main_loginbg.png') !important; background-position: center top; } .talygen-logo{max-width:100%;} .jumbotron.vertical-center { margin-bottom: 0; } .vertical-center { min-height: 100%; min-height: 100vh; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-align : center; -webkit-align-items : center; -moz-box-align : center; -ms-flex-align : center; align-items : center; width: 100%; -webkit-box-pack : center; -moz-box-pack : center; -ms-flex-pack : center; -webkit-justify-content : center; justify-content : center; } .login-container { background-color: rgba(0,0,0,.7); max-width: 1000px; width:100%; padding: 20px 5%; } .talygen-app-store{background: #2c2c2c; border-right: 3px solid #454444; padding: 0px 4rem;} .talygen-app-store h5{color:#e08808;} .talygen-app-store .app-links{width:100%; padding:0px; margin:0px;} .talygen-app-store .app-links a{color: #fff; padding: .7rem; font-size: 32px;} .talygen-app-store .app-links a:hover{opacity:.7;} .talygen-app-store .app-links a.android{color:#98bf24;} .talygen-app-store .app-links a.window{color:#0eb2ef;} .talygen-app-store .app-links a.linux{color:#f1b40f;} .talygen-app-store .app-links a.user{color:#fdc18f;} .talygen-app-store .app-links a.chat{color:#7598e1;} .talygen-app-store .app-links a.info{color:#72a7cf;} .login-form{background: #272727; padding: 0px 4rem;} .login-form .form-control, .login-form .custom-select, .login-form .input-group-text{border: none; padding:.575rem .75rem; height:auto !important;} .passwordsh{background:#fff; cursor:pointer;} .userimg img{ width:80px; height:80px; border-radius:100% !important;} .logon-btn { background: #ff9900; font-weight:600; color:#313131; } .logon-btn:hover, .logon-btn:focus { background: #ef8900; } .login-form .form-check, .login-form .form-check a{color: #fff; font-size: 12px; line-height: 22px;} .login-form .form-check a{text-decoration:underline;} .client-login-txt{color:#fff;} .client-login-txt a{color:#40bbef; text-decoration:underline;} .client-login-txt a:hover{text-decoration:none;} .forgotpassword{color:#fff;} /*********************** /Login ********************/ .navbar{min-height:46px; line-height:46px;} .nav-link{padding:0 1rem; font-size:1rem;} .dropdown, .dropup{position:inherit;} .dropdown-menu.full-menu{min-width:auto; width:1000px;} .dropdown-item-con{min-height: 150px; padding-bottom: 10px;} .dropdown-menu .col-sm-12{border-right:1px solid #000;} .dropdown-menu .col-sm-12:nth-child(4n+4){border-right:none;} .dropdown-menu h5{padding: .5rem; font-size: 14px; text-transform: uppercase; background: #f1f1f1; font-weight: 600; margin:0px; } .dropdown-item{padding:.1rem .5rem; font-size: 14px;} .navbar-brand{padding-top:0; padding-bottom:0; margin-left: 10px;} .navbar-brand img { max-height:40px; margin-top:-4px;}/*height:40px*/ .my-image {width: 36px; height: 36px; display: inline-block; float:left; margin-right: 10px; overflow:hidden; border-radius: 100% !important; border:1px solid #ddd; position:relative;margin-top:5px;} .my-image img{width:100%;height: 100%;} .dropdown-menu.my-account{min-width:auto; width:196px; background: #353537; border:none; } .dropdown-menu.my-account a{color:#fff; padding: .8rem .5rem; border-bottom: 1px solid rgba(0,0,0,.3); line-height: 18px;} .dropdown-menu.my-account a:hover, .dropdown-menu.my-account a:focus{background:rgba(0,0,0,.2);} .dropdown-menu.my-account a .fa { margin-right: 10px; font-size: 18px; float: left; display: inline-block; } .collapse.show{display:inline-block; width:100%;} .item.collapse.show{display:revert; width:100%;} .juda-btn, .juda-btn:hover{padding:0; height:30px; background:#4F4F4F; font-weight:400; color:#fff; text-align:center; text-transform:uppercase; font-size:20px; float:left; width:100%; line-height: 30px; text-decoration:none;} .juda-btn em{float: right; line-height: 31px; padding-right: 20px;} .juda-menu-container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; min-width: 0; word-wrap: break-word; background-clip: border-box; background-color: #454545; padding-top:6px!important;} .juda-menu-container .menu-box{width:20%; float:left; margin:0px; padding:.25rem .25rem .30rem .25rem; } .juda-menu-container .menu-box div.heading{font-size:18px; color:#fff; font-weight:400; margin:0rem 0rem .5rem 0rem; line-height:19px;} .juda-menu-container .menu-box ul{width:100%; float:left; margin:0px; padding: 0px; height:auto; list-style:none;} .juda-menu-container .menu-box ul li{display:block; padding:0px; margin:0rem 0rem .5rem 0rem; } .juda-menu-container .menu-box ul li a{display: block; font-size: 16px; font-weight: 400; padding: 5px 10px; text-align: left; color: #000; text-decoration: none;} .juda-menu-container .menu-box ul li:last-child{margin:0px;} [data-toggle="collapse"].juda-btn em:before{ content: "\f068"; } [data-toggle="collapse"].juda-btn.judamenuCE em:before{ content: "\f068";} [data-toggle="collapse"].juda-btn.collapsed em:before{ content: "\f067";} .dashboard-tab .list-group a, .timetrack-tab .list-group a{color:#000; font-weight:600; font-size:.9rem;} #Inbox a{ font-weight:600; color:#313131;} .dashboard-boxes{width:100%; float:left; margin:0px; padding:0px; border:1px solid;} .dashboard-boxes .boxes-header{width:100%; padding:.5rem; color:#fff; font-size:17px; font-weight: 600;} .dashboard-boxes .boxes-header span.title{float:left;} .dashboard-boxes .boxes-header span.icons{float:right;} .dashboard-boxes .boxes-header a{color: #fff; font-size: 22px; line-height: 24px; padding-left: 15px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;} .dashboard-boxes .boxes-header a:hover{opacity:.8;} .dashboard-boxes .boxes-content{width:100%; padding:.5rem; min-height: 300px; max-height: 300px; overflow-y:auto; } .menu-left-wrapper .sidebaricon em{display:inline-block;} .sidebaricon em{display:none;} .bookmark, .socialize{display:none;} .sidebar-toggle{display:none; } .switchtoleft{display:inline} .switchtotop{display:none} .navbar-expand-lg .navbar-nav .dropdown-menu-right.subsmenu{position:relative;} .background-0{background:none !important;} .font-small{font-size:10px !important;} footer{width:100%; float:left; font-size:13px; position:relative;z-index:0;} footer .contri_translate {color: #fff; background-image: url('../images/contribution-icon.png') !important;background-repeat: no-repeat; background-position: left;width: 243px; float: left;padding: 1rem 10px 1rem 44px; margin-top: 0px;font-size: 12px;} footer .copyright{padding: 1rem 10px 1rem 10px; margin:0px; color:#fff;} footer ul{list-style:none; margin:0px; padding:1rem 10px 1rem 10px} footer ul li{display:inline-block; padding:0px .25rem;} footer ul li a{opacity:.8;} footer ul li a:hover{opacity:1; text-decoration:none;} /*left Menu */ #sidebar { min-width: 250px; max-width: 250px; color: #fff; transition: all 0.3s; padding:0px;} #sidebar .container-fluid{padding:0px 5px;} #sidebar #navbarResponsive{display:block;} #sidebar .navbar-toggler{display:none;} #sidebar .my-image{display:none !important;} #sidebar .sidebaricon em{display:inline-block; padding-right:5px;} #sidebar .bookmark, #sidebar .socialize{display:inline-block;} #sidebar .navbar-brand{ transition: all 0.3s;} #sidebar .navbar-nav .nav-link{padding:.5rem; font-size: 1rem;} #sidebar .nav-item {position:relative;} #sidebar .dropdown-toggle::after{position: absolute; right: 9px; top:27px; border-top: .5em solid; border-right: .5em solid transparent; border-left: .5em solid transparent;} #sidebar .dropdown-menu.my-account{width:100%;} #sidebar .dropdown-menu.full-menu { position: absolute; left: 240px; top: -125px; border: 5px solid #000; } #sidebar .nav-item.leftsidebar.d-lg-none{ display: block !important; } #sidebar .nav-item.leftsidebar.d-lg-none span.my-image{ display:inline-block !important; float: none; width: 120px; height: 120px; margin: 5px 0px 0px; border: 6px solid rgba(255,255,255,.1); background: no-repeat; } #sidebar .sidebar-toggle{display:block; transition:all 0.3s; position:absolute; left:220px; top: 13%; color: #fff; font-size:25px; width:41px; height:60px; border-radius:0px 100% 100% 0px !important; text-align:center; vertical-align:middle; line-height:60px;} #sidebar .switchtoleft{display:none;} #sidebar .switchtotop{display:inline} #sidebar .navbar-nav li:first-child a:hover{background:none;} #sidebar.active .nav-item.leftsidebar.d-lg-none span.my-image{ display:inline-block !important; float: none; width: 50px; height: 50px; border:2px solid rgba(255,255,255,.1); } #sidebar.active em{display:block; font-size:20px;color:#a2a2a3 !important;} #sidebar.active .navbar-brand{width:100%; overflow:hidden; margin:0px; transition: all 0.3s;} #sidebar.active .dropdown-menu.full-menu{left:105px; box-shadow: -1px 2px 7px 0px #202020;} #sidebar.active .dropdown-menu.my-account{ position:absolute; top:-81px; left: 105px; width: 200px; box-shadow:-1px 2px 7px 0px #202020;} #sidebar.active .navbar-nav .nav-link{font-size:.8rem;} #sidebar.active .sidebar-toggle { transition:all 0.3s; text-decoration:none; display:block; position:absolute; left:95px; top:13%; color: #fff; font-size: 25px; width: 26px; height: 60px; border-radius: 0px 100% 100% 0px !important; text-align: center; vertical-align: middle; line-height: 60px;} #sidebar.active .sidebar-toggle em{ transform: rotate(181deg); margin-top: 18px;} #content { padding:5px 0px 0px; transition: all 0.3s; width:100%;} .menu-left-wrapper .navbar-expand-lg .navbar-nav .dropdown-menu.dropdown-menu-right {position: absolute;top: 77px;left: 245px !important;border:1px solid #222121;} .wrapper-shrink .navbar-expand-lg .navbar-nav .dropdown-menu.dropdown-menu-right {left: 99px !important; top:74px!important;} .wrapper-shrink .navbar-nav span#spnMenuType,.wrapper-shrink .navbar-nav span#spnTheme {display: initial;} .wrapper-shrink .dropdown-toggle #spnMenuType::after,.wrapper-shrink .dropdown-toggle #spnTheme::after { display: inline-block; width: 0; height: 0; margin-left: .255em; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; } /*******************************************************newcss************************************************************************/ .padding-t_8 {padding-top: 8px;} .padding-t_10 {padding-top: 10px;} .partition-full{min-height: 46px; display: inline-block; position: relative; width: 100%;} .partition{min-height: 46px; display: inline-block; position: relative; width: 100%; overflow: hidden; vertical-align:top;} .p-name{font-size: 20px; padding:8px 15px; display: inline-block; vertical-align: top;} .textelipsis{display: block!important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .textelipsis_inner div{display: block!important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .p-action-btn{font-size: 12px; text-align: center;display: inline-block; padding:7.8px 15px; min-width: 65px; height:46px; float:left;} .legends_topbar span{font-size: 12px; text-align: center;display: inline-block; padding:0px 5px; min-width: 65px; height:46px; line-height:46px;} .legends_topbar span em{width:25px; height:25px; color:#fff; line-height:26px; margin-right:5px; border-radius:50%;} .left-menu-tab {float:left; width:100%; max-width:300px;} .right-content {float:right; width:calc(100% - 320px);} .left-menu-tab .custom-control-label{font-weight:300; line-height:30px;} .left-menu-tab .custom-radio .custom-control-label {line-height: 24px;} .no-left-bar .right-content{width:100%;} .no-left-bar .left-menu-tab{margin-left:-320px;} .left-tab {list-style: none; padding: 0;} .left-tab li{height:42px; border:1px solid; border-top:none !important;} .left-tab li:first-child{ border-top: 1px solid !important;} .lefttabflexible li{height:auto!important; border:1px solid; border-top:none!important;}/**If left nav content is big - Harjit**/ .lefttabflexible li a{display:flex;} .lefttabflexible li a em{padding-top:4px;} .left-menu {padding: 8px 5px; width:100%; display:inline-block;} .nav-pills .nav-link.left-menu {border-radius: 0!important; cursor: pointer;} .nav-pills .nav-link.left-menu i{width: 25px;} .nav-pills .nav-link.left-menu em{width: 25px;} .left-menu em {padding-right:0px;min-width: 30px; text-align: center;} .heading-strip-without-icon{width:100%; height:46px; line-height:46px;} .heading-strip-with-icon{width:100%; height:46px; line-height:46px;} .heading-strip-with-icon .p-actions{line-height:normal;} .heading-strip-with-icon .p-name{line-height:46px;} .heading-strip span {line-height: 42px; height: 42px;} .dashbord-widget {list-style: none; padding:0 0 10px 0; display: flex;float: left; width: 100%; margin-bottom:0;} .dashbord-widget li {padding:25px 12px 17px 12px; transition: all .4s; width: 20%; margin-right: 15px; flex: 1; border-bottom:10px solid;} .dashbord-widget li:last-child {margin-right:0; } .dashbord-widget li h3 {font-size:22px; float:left; line-height:26px; margin:0; width:100%; max-width:70%; font-weight:400;} /*for docstorage widgets */ .dashbord-widget li h3 label {font-size:26px; float:left; line-height:26px; margin:0; width:100%; max-width:70%; font-weight:400;} .dashbord-widget li h3 span{font-size:16px; font-weight:400;} .dashbord-widget li img{float:right;} .dashbord-widget li:hover {transform:scale(1.025);} /***scale(1.05)***/ .dashbord-widget em{float:right; font-size:35px; color:#8b9197;} .dashbord-widgetN {list-style: none;padding:0 0 5px 0; display: flex;float: left; width: 100%; margin-bottom:0;} .dashbord-widgetN li {padding:25px 12px 17px 12px; transition: all .4s; width: 20%; margin-right: 15px; flex: 1; border-bottom:10px solid;} .dashbord-widgetN li:last-child {margin-right:0; } .dashbord-widgetN li h3 {font-size:26px; float:left; line-height:26px; margin:0; width:100%; max-width:75%; font-weight:400;} .dashbord-widgetN li h3 span{font-size:16px; font-weight:400;} .dashbord-widgetN li img{float:right;} .dashbord-widgetN li:hover {transform:scale(1.05);} .dashbord-widgetN em{float:right; font-size:35px; color:#8b9197;} .custom-checkbox .custom-control-label::before {border-radius: 0; width: 20px; height: 20px;} .custom-checkbox .custom-control-label::after {border-radius: 0; width: 20px; height: 20px;} .thead-bg th {font-size:14px; font-weight:400; background:none;} .listing {float:left; width:100%; position:relative;} .listing .table td:not(.day), .listing .table th {padding:10px 8px !important; vertical-align: middle;} .listing td {font-size: 14px; font-weight: 300;} .listing .table td:not(.overflow-visible):not(.mobile-action):not(.details-control) { text-overflow: ellipsis; overflow: hidden !important; } .listing .table th .ui-resizable-handle {position: absolute;font-size: 0.1px;display: block;-ms-touch-action: none;touch-action: none;} .listing .table th .ui-resizable-e{cursor: col-resize; width: 6px; right: -2px; top: 50%; height: 16px; margin-top: -8px;} .listing .table th:hover .ui-resizable-e{background: #605f5f;} @media (max-width:991px){ .listing .table th:hover .ui-resizable-e{display:none;} } .map{border: 1px solid #f1f1f1;} .map-result{position:relative;} .map-result img {width:100%;} .map-actions { position:absolute; right: 62px; top: 12px;z-index: 999;} .map-actions span{width:31px; height: 31px; display:inline-block; text-align:center; line-height:31px; border-radius:50%; font-size:14px; transition:all .4s;} .map-actions span:hover {transform:scale(1.1);transform:rotate(15deg);} .search .form-group{margin-bottom:0;} .search .form-control{border-radius:0px;} .left-filter .card {border-radius: 0; border-top:0;} .left-filter{border-radius:0;} .left-filter .card-header:first-child {border-radius:0; position:relative;} .expand_all_filters{float:right; position:absolute; top:0px; right:0px; text-align:center; cursor:pointer;} .expand_all_filters span{width:45px; display:inline-block; vertical-align:top; line-height:45px; height:45px; float:left;}/***float-left added to remove gap in left search filter icons - Harjit******/ .left-filter .card-header h5 .fa-search{font-size:18px!important;} .left-filter .card-header h5 .fa-repeat{font-size:18px!important;} .left-filter .card-header{padding:0px 12px; line-height:45px; height:45px; font-size: 14px; text-transform: uppercase; border-bottom:0;} .left-filter .card-body{ padding:10px 12px;} .left-filter .card-header h5{font-size: 14px; line-height:45px; font-weight:300;} .left-filter .filter-head h5{font-size: 16px; font-weight:normal; line-height:45px;} .left-filter .filter-head h5 em{float: left !important; line-height:45px;} .left-filter .filter-head h5 .expand_all_filters em{ float: none !important; margin-right:0px !important; line-height: inherit !important;} .left-filter .card-header h5 em:first-child { margin-right: 5px; width: 20px; display: inline-block; text-align: center; } .left-filter .card-header h5 em:last-child { float: right; font-size: 25px; line-height:45px;} .expand_all_filters em{line-height:36px;} .left-filter .form-group {margin-bottom:0;} .left-filter .form-group .form-control{border-radius:0;} .my-popups .modal-dialog{max-width:1200px;} .my-popups .custom-control.custom-radio {display:inline-block; margin-right:10px;} .my-popups .modal-content{border-radius:0; border:none;} .my-popups .form-control{border-radius:0;} .my-popups .modal-header{padding: 15px; border-top-left-radius:0; border-top-right-radius:0;} .my-popups .modal-header .modal-title{font-size:20px; line-height:20px;} .my-popups .modal-header button{display:flex;align-items:center;justify-content:center; position:absolute; right:2px; top:2px; border-radius:50%;opacity:1; width:30px; height:30px; line-height:22px; text-align:center; padding:0px; font-size:20px;} .modal-dialog{margin: 4.75rem auto !important;} .modal{padding:0 20px !important} .modal.right.fade .modal-content-addcolumn { height: 100%; background: #f4f2f2; } .modal.right.fade .modal-content-addcolumn .modal-header button { right: auto; left: -13px; } .modal.right.fade .modal-dialog.addcolumn {position: fixed; margin: auto !important; max-width: 345px; height: calc(100% - 32px); top: 45px; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); right: -345px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; } .modal.right.fade.show .modal-dialog.addcolumn {right: 0;} .modal.right.fade .modal-content-addcolumn .modal-body { padding: 0;} .my-popups.customi .modal-dialog { max-width: 700px;} .modal.right.fade .addcolumn .modal-content { padding: 0;} .modal.right.fade .addcolumn .modal-body { padding: 0; overflow-y: scroll;} .text-yellow{ color:#fdc107; } .modal.right.fade .modal-content { height: 100%; padding: 0; background: #f4f2f3; } .modal.right.fade .modal-content .modal-header button {right: auto; left: 0px; border-radius: 0px; top: 16px; padding: 0px; background: #424f55; color: #fff !important; display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; } .my-popups.modal.right .modal-header{ padding-left: 60px; } .modal.right.fade .modal-dialog {position: fixed; margin: auto !important; max-width: 820px; height: calc(100% - 46px); top: 45px; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); right: -820px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; } .modal.right.fade.show .modal-dialog {right: 0;} .modal.right.fade .modal-body { padding: 20px; overflow-y: auto;} .modal.right.fade .modal-body .tab-content { background: #fff; } .my-popups .tab-style .nav-tabs.cust li {flex: 0 0 24%;}/**25%**/ .my-popups .tab-style .nav-tabs.cust li a .numb {background: #414c50;border-radius: 50%;width: 20px;height: 20px;display: inline-block;vertical-align: baseline;line-height: 20px;color: #fff;margin-right: 5px;font-size: 13px;} .my-popups .tab-style .nav-tabs.cust li a.active .numb {background: #fff;color: #414c50;} .save-btn, .delete-btn{border-radius:0; min-width:95px;} .mandatory{font-size:14px;} .juda-menu-bordr{border: 1px solid #454545; border-right:0; border-left:0;} .md-accordion .card .card-header a:not(.collapsed) .rotate-icon {-webkit-transform: rotate(180deg); transform: rotate(180deg);} .list-actions {text-align:center; padding:1px 4px 0px 12px; border-radius:.25rem; font-size:12px; line-height:12px;float:right; box-shadow:0px 0px 5px #ccc; display:block; white-space:nowrap;width:auto;} .action-list-box{position:absolute; top:-7px; right:0; width:0px; overflow:hidden; display:inline-block; white-space:nowrap;z-index:99;}/*z-index:10;*/ .fsm-list{width:170px;padding:0px;} .fsm-list a{width: 100%;text-align: left;padding: 8px 10px;border-bottom: 1px solid #ccc;} .fsm-list a br{display:none;} .mobile-action .expand{width:170px !important;top:auto;bottom:0;right:0} .mobile-action .expand .actions-onclick em{display:inline-block;width: 25px;float: left;} .actions-onclick {float:left; padding:3px 10px; line-height: 16px; font-weight:400; transition:background-color 0.5s ease;} .listing .table{margin-bottom:0;} .listing .nu-paging {padding-top:20px; border:1px solid ; border-top:0; padding-bottom:15px;} .close { border-radius: 50%; line-height: 28px; width: 30px; height: 30px; text-shadow: none; color: #fff !important; font-size: 16px; margin-top: 4px; text-align: center; z-index:99; } .docattachment .custom-control{margin-left:10px; margin-top:3px;} .action-list-box.small{ top: 4px; } .action-list-box.small .close{ background: #525252; position: absolute; top: -1px; right: 2px; width: 30px; height: 30px; line-height: 29px; font-size: 16px;} .verticle-action > em{ width: 30px; text-align: right; position:relative; z-index:10; } .popover .close{line-height:24px !important; width:26px !important; height:26px !important;font-size:15px !important;margin-top:-8px;margin-right:-8px;background-color:#4d5a60;} /*******Added by Radhay for close button of popover*********/ .listing .pagi-mobile{border-right:0; border-left:0;} .tab_container{float:left; width:100%; margin-bottom:10px;} .tab-style .nav-link { font-size: 16px; float:left; text-transform:uppercase; padding:10px 25px; line-height:16px; border-radius: 0; border:0; width:auto; } .tab-style .nav-tabs{padding-bottom:1px;} .tab-style .nav-tabs li {margin-right:5px;} .tab-style .nav-tabs li:last-child {margin-right:0px;} .tab-style .nav-link.active {position:relative;} .tab-style .nav-link.active::after{position: absolute; content: ""; bottom: -9px; width: 18px; height: 9px; left:0; right:0; margin:auto; border-left:9px solid transparent; border-right:9px solid transparent; border-top:9px solid; z-index:1;} .scroll-left {width:4%; display: inline-block; float:left; text-align:center; padding:6px; margin-right:5px; cursor: pointer; border-bottom: 3px solid #414c50;} .all-tabs {width: auto; float:left;} .scroll-right {width:4%; display:inline-block; float:right; text-align:center; padding:6px; margin-left:5px; cursor: pointer; border-bottom: 3px solid #414c50;} .bottom_add_button{float:left; width:100%; padding:27px 0px;} .bottom_add_button a{float:right; line-height:36px; font-size:14px; padding:0px 21px; } .bottom_add_button a em{font-size:16px; padding-right:8px;} .bottom_add_button.searchs a em{font-size:16px; padding-right:0px;} .bottom_add_button.refresh a em{font-size:16px; padding-right:0px;} .bottom_add_button.searchs{padding: 0px;} .bottom_add_button.refresh {padding:0px;} .graph-widget-box{padding:0px; width:100%; min-height:379px;} .graph-widget-box th{border-top:none;} .graph-widget-heading{line-height:45px; padding:0px 10px; font-size:18px;}/*padding:0px 17px;*/ .graph-widget-heading.text-truncate{padding-right:70px;} .graph-widget-heading span{float:right; font-size:18px; padding:0px 5px;} .graph-widget-heading.text-truncate span.icon_close{float:right; font-size:18px; padding:0px 5px; position:absolute; right:15px;} .graph-widget-heading.text-truncate span.icon_expand{float:right; font-size:18px; padding:0px 5px; position:absolute; right:45px;} .graph-widget-heading span em{font-size:18px;} .raph-widget-content { height: calc( 100% - 48px );} /*100% - 44px*/ .dashbord-graph-widget{ display:flex; flex-wrap: wrap;} .ticket-card-container .col-xl-3{display:flex;} .ticket-card-container .col-lg-4{display:flex;} .graph-widget{padding-left:0px; display:flex; width:100%; overflow:hidden;max-width:100%!important}/**maxwidth100% added by Harjit to make DB graph expand with Shilpa.****/ .icon_ticket_Critical, .icon_ticket_High, .icon_ticket_Medium, .icon_ticket_Low{border-radius:50%; width:20px; height:20px; line-height:20px; text-align:center; font-size:16px; margin-right:10px;} .bottom_filter_button{float:right; width:100%; margin-top:10px;} .bottom_filter_button a{font-size:14px; float:right; line-height:32px; font-weight:500; padding:0px 14px;} .left-filter .custom-radio{ width:100%; padding-bottom:4px; font-size:15px; margin-left:3px; min-height: auto;} @media (max-width:991px) { #quickViewData p.col-6 { max-width: 100%; flex: 0 0 100%; -ms-flex: 0 0 100%;} #quickViewData #accordionExample.accordion.custom-accr.m-3{margin: 0px!important;} } @media (max-width:767px) { #quickViewData #accordionExample.accordion.custom-accr.m-3 .card a.accordian-header-button.btn.btn-success{width: 130px !important;} } .Response-t {display: inline-block; font-size:14px; font-weight:normal; margin:5px 0px 0px 0px;} .Resolve-t {display: inline-block; font-size:14px; font-weight:normal; margin:5px 0px 0px 0px;} .Response-t span{font-family: 'Orbitron', sans-serif;} .Resolve-t span{ font-family: 'Orbitron', sans-serif;} .listing-res .page-item .form-control {width: 50px; border-radius: 0;} .listing-res .nu-paging .paging-count .page-item .page-link {padding:0.65rem .75rem;} .listing-res .nu-paging .paging-count {justify-content:flex-start;} .activities {list-style: none; padding:0; display:flex;flex-wrap: wrap;} .activities li {display: inline-block; position:relative; margin-right:20px; border:1px solid #555555; margin-bottom: 10px; width: calc(25% - 20px); padding-bottom:60px;} .activities li .c-headr{padding:8px 10px; color:#fff; background:#ccc;} .activities li .c-content{padding:10px;} .activities li .c-downl{padding:10px;} .activities li:nth-child(4n+0) {margin-right:0px;} .c-downl { position: absolute; bottom: 0px; left: 10px;} .note-add-leg { position: relative; padding-left: 22px; font-size: 14px;} .note-add-leg::before { position: absolute; left: 0;height: 10px; width: 15px; content: ""; background:#ccc; top:5px; } .merge-t-leg { position: relative; padding-left: 22px; font-size: 14px;} .merge-t-leg::before { position: absolute; left: 0;height: 10px; width: 15px; content: ""; background:#ccc; top:5px; } .placeholder { background-image: url('../images/placeholder-bg.png'); min-height: 250px; border-top: 1px solid #e0e0e0; margin-top: 30px; } pre { white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ } .mobile-action{position:-webkit-sticky !important;position:sticky !important; right:0; z-index:99;}/*****Z-index added by Harjit, as other cloumn text was overlapping, radhay comment this on 25 dec 2020 dont uncoment it*********/ .actions {box-shadow: 0px 0px 0px 3px #fff; width:27px; height: 27px;border-radius: 50%; text-align:center; line-height:27px; font-size:18px; cursor:pointer;position:relative; display: block !important; transition: all 0.1s ease; -webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease;z-index:99;float:right;top:-2px;} .actions .action_icon{width: 100%;position: absolute;left: 0;top: 0px;padding-top: 6px;} .card-box{padding:8px 8px 0px 8px; float:left; width:100%; height:100%; position:relative; padding-bottom:92px;}/***padding-bottom:67px;***/ .card-number{background:none!important; padding:0; font-weight:500; margin-bottom:5px; float:left; width:100%;} .card-box .custom-control {width: auto; float: left;line-height: 27px;} .card-heading{font-size:18px; padding:0; line-height:22px; font-weight: 500; float:left; width:100%;} .card-detail{padding:4px 0; font-size:15px; font-weight:400; float:left; width:100%;} .card-detail p{float:left; width:100%;} .card-detail em{width:20px; padding-right:6px; float:left; padding-top:4px;} .bottom-action{background:#fff; float:left; width:calc(100% - 16px); padding-top:10px; padding-bottom:10px; justify-content: space-between; display:flex; align-items:center; flex-wrap:wrap; position:absolute; left:8px; right:8px; bottom:0;} .card-detail-main{float:left; width:100%; max-height:360px; overflow:auto;}/**** max-height:222px;****/ .card-date{font-size:14px; float:left; margin-bottom:5px;} .card-action{float:right; width:auto; padding:0; margin-bottom:5px;} .card-detail span{font-size:15px; float:left; width: calc(100% - 38px); } .card-tags{padding:10px 0; float:left; } .card-tags div{float:left; padding:5px 10px; font-size: 12px; font-weight: 500; margin-bottom:3px; margin-right: 3px; color:#555;} .card-tags div span{float:right; margin-left:5px; cursor:pointer; width:inherit; font-size: inherit;} .conversation-date{font-size:20px; margin-bottom:10px;} .conversation-time{width:136px; float:left; text-align:center; position:relative; display:flex; align-items:center; margin-bottom:15px; font-weight:bolder;} .conversation-main:before{content: ""; width: 1px; height:calc(100% - 60px); top:0; left:103px; position: absolute;} .conversation-time span{background:#fff; position:relative; z-index:1; min-width:86px; box-sizing:content-box;text-align:right;padding-right:7px; font-weight:500;} .conversation-main::before {height:calc(100% - 20px)} .conversation-time span:after{position:absolute; content:"\f017"; line-height:1; right:-20px; top:2px; z-index:999; font-size:20px; font-weight:normal; font-family:'FontAwesome', sans-serif;} .conversation-main{display:flex; flex-wrap:wrap; margin-bottom:15px; position:relative;} .conversation-box:before{ width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; content:""; left:-10px; position:absolute; top:50%; margin-top:-10px;} .conversation-box-con{margin:0 0 15px 0; height:auto; width:calc(100% - 136px); box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; position:relative;} .conversation-box {width: 100%; float: left;padding:15px 15px 15px 80px; margin: 1px 0px; height: auto; position: relative; min-height: 85px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .conversation-box .name-circle{width:61px!important; height:61px; line-height:45px; text-align:center; border-radius:100% !important; font-size:24px; color:#494949; position:absolute; left:10px; top:15px;} .conversation-box .name-circle img{border-radius:100%;font-size:10px;position:absolute;left:2px;top:2px;}/*left:-1px;top:-1px;*/ .conversation-box .name-circle.greencolor{background:#b7d7c1;} .conversation-box .name-circle.yellowcolor{background:#fdedc4;} .conversation-box .name-circle.purplecolor{background:#c3bad4;} .conversation-box .con-box-header {width: 100%; float: left; margin: 0px; padding: 5px 0px; height: auto;} .conversation-box .con-box-header span {display: inline-block; font-size: 14px; line-height: 22px; color: #000;} .conversation-box .con-box-header span.header-action {float: right;} .conversation-box .conversation-content.w-60{width:100%;} .conversation-box-con.chkboxnew-control .conversation-box {padding:15px 15px 15px 110px!important;} .conversation-box-con.chkboxnew-control .conversation-box .name-circle {left: 45px !important;} .conversation-box-con.chkboxnew-control .conversation-header.newchkbox { position: absolute; left: 0; top: 27px;} .conversation-box .conversation-header { width: 100%; margin: 0 0 3px 0; padding: 0; height: auto; display: flex; align-items: center; justify-content: space-between;} .conversation-box .conversation-header span{display:inline-block; font-size:20px; line-height:24px;} .conversation-box .conversation-header span.sender-department{font-size:16px;} .conversation-box .conversation-header span.header-action{float:right;min-width:145px;} .conversation-box .conversation-header span.header-action a{float:right !important;} .conversation-box .conversation-header span.header-action a:hover{transform:scale(.8);} .conversation-content{width:100%; margin:0px; padding:0px; height:auto; line-height:20px; font-size:14px;} .conversation-content p{ margin-bottom:5px;} .activity-tab .card{background:none; border:0;} .activity-tab .card-header{background:none; border:0; padding:0;} .activity-tab .card-body{padding:0;} .verticle-action .fsm-list{width:200px;} .verticle-action .fsm-list a{ font-size: 13px; } .verticle-action .fsm-list a em{ width:25px; font-size: 1.5em;} .verticle-action .fsm-list .fa.fa-times.close{ position: absolute; right: 3px; top: 0px; width: 27px; height: 27px; line-height: 26px; font-size: 15px;cursor:pointer;} .verticle-action .action-list-box{ top: 0px; } .card-number a{ color: #000; } select.form-control{-webkit-appearance: none; -moz-appearance: none; appearance:none; background-image: url('../images/drop-down-arrow.png'); background-repeat: no-repeat; background-position: 98%; background-size:9px;}/****padding-right: 30px !important;***Harjit Removed- web issue - #614421 17Feb2022*/ .shape_oval select.form-control{padding-right:10px!important;} ::placeholder { color: #303030!important; opacity: 1; /* Firefox */ } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #303030!important; } ::-ms-input-placeholder { /* Microsoft Edge */ color: #303030!important; } /* .user-guide{font-size:13px; font-weight:normal; background:url('../images/user-guide-img.png'); background-repeat:no-repeat; background-position:0 2px; min-height:17px;display:inline-block;} */ .user-guide{font-size:13px; font-weight:normal; min-height:17px;display:inline-block;} /* .user-guide{font-size:13px; font-weight:normal; background:url('../images/user-guide-img-white.png'); background-repeat:no-repeat; background-position:4px 17px; min-height:17px;display:inline-block;} ***28Nov 2024 Ticketing Update HS***/ /* .user-guide a:hover{ background-image:url('../images/user-guide-img-white.png'); background-repeat:no-repeat; background-position:4px 17px; padding-left: 22px;} */ .p-actions .user-guide , .p-actions .user-guide a:hover {background-position: 8px 17px !important; background-color: unset; } .p-actions .user-guide a{padding-left: 25px!important;} .user-guide a { padding-left: 20px; } .btn{font-size:14px; padding:.4rem .75rem; border-radius:0 !important;-webkit-border-radius:0 !important;-khtml-border-radius:0 !important;} .divancuserguide{position:absolute; width:514px !important; right:0; z-index:1000 !important; top:30px; border:1px solid #48555d; padding:15px; text-align:left; color:#454545; font-size:14px; background:#fff; font-weight:normal; display:none;} .modal .divancuserguide{top:32px;} .user-guide .con{ position:relative;} .user-guide .con b{font-weight:500;} .divancuserguide:before{width: 0; height: 0; border-left:10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #4b565c; position:absolute; top:-10px; content:""; right:40px;} .modal .divancuserguide:before{border-bottom: 10px solid transparent; border-top: 10px solid #4b565c; top:0px;} div[rel='scrollcontent1'] { width:100%; height:320px;} .scrollcontent1-bar { width:6px; background: #dddee2; border-radius:0; box-shadow: inset 0px 0px 5px #444444; overflow: hidden; } .scrollcontent1-drag { background: #525f65; border-radius: 4px; cursor: pointer;} /***HS - Commented 22Jan2026 - Ticketing/Index Notes popup double icon was coming****/ /* .my-popups .modal-body .user-guide{ position: absolute; right: 40px; top: -37px; background-color: transparent !important; background-image:url('../images/user-guide-img-white.png'); background-repeat:no-repeat;} .my-popups .mheader-user .user-guide{ background-image:url('../images/user-guide-img-white.png'); background-repeat: no-repeat; } */ /***HS - Commented 22Jan2026 - Ticketing/Index Notes popup double icon was coming****/ .my-popups .modal-body .user-guide a, .my-popups .mheader-user .user-guide a{color:#fff;} /******************************************************newcss************************************************************************/ .add-custom .list-group-item:hover, .add-custom .list-group-item.selected{cursor:pointer;} .add-column{display:block; width:100%; text-align:center; padding: 140px 0px 0px 0px;} .add-column a{display:inline-block; width:50px; height:50px; line-height:45px; vertical-align:middle; font-size:40px;} .add-column:last-child{padding:20px 0px 0px 0px;} .div-scroll{width: auto; min-width: 100%; overflow-x: auto; max-width: 100%;} .input-group > .input-group-append > .input-group-text.col-picker-img{padding:0 5px 0 6px; background:none; border-left:0;} /***************15-06-2020**************/ .login-vandor { font-size: 13px;font-weight:400;} .login-vandor .text-vendor{padding-left:20px;} .img-call-con{display:inline-block; min-height:80px;} .img-call-con .img-fluid{max-width:200px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%);} .comapny-setup label b {font-weight: 500;} .comapny-setup hr { margin: 15px 0;} .comapny-setup sub {font-size: 11px; bottom: 0;} .connector .con-bg-circle { position:relative; padding: 15px; border-radius: 50%; margin-bottom:20px; width:90px; height:90px; text-align:center;} .connector .con-bg-circle::after {position: absolute; content: ""; border-radius: 50%; width: 128%; height: 128%; top:-14%; left:-14%;} .connector .my-dashboard .text {font-size: 20px; font-weight: 500;} .connector .con-bg-circle .icon {display: block; font-size: 50px; transform: scale(1); transition:.15s; margin:auto; text-align:center; line-height:60px;} /***************15-06-2020**************/ .manage-color .mng-number h2{font-size:52px;} .manage-color .bg-numbr1 h2{font-weight:500;} .colorboxsquare{display:inline-block; height:10px; width:17px; margin-right:3px; border: none !important;} .roadbox{height:11px; width:11px; display:inline-block;} .rotate45{-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);} .task-color{background-image: url('../images/drop-down-arrow.png'); background-repeat: no-repeat; background-position:100%; background-size: 9px; padding-right:20px; text-align:right; position:relative;} .task-color a{display:inline-block; width:100%;} .task-color .task-box{position:absolute; top:32px; right:0; z-index:2; text-align:left; width:250px;} .mover-panel-box{flex:1 1 0;} .mover-controls{padding:0 3%; display: flex; align-self:center; flex-direction:column; padding-top:70px;} .mover-controls button{border:0; width:50px; height:50px; display:block; margin-bottom:10px; cursor:pointer;} .mover-panel-box .mCSB_container{margin-right:0px !important;} .my-popups .nav-tabs{display:flex; width:100%;} .my-popups .tab-style .nav-tabs li{flex:1; text-align:center;} .my-popups .tab-style .nav-link{width:100%; padding:10px!important; font-size:14px;} .my-popups .tab-style .nav-link.disabled{background-color:#d4d4d4!important;color:#595959!important;} .my-popups .tab-style .nav-link.disabled span.numb{background-color:#99a1a4!important;} .custom-accr .card-header{padding:0; border-radius:0; border:0;} .custom-accr .card-header a{font-size:18px; display:flex; align-items:center; width:100%; padding:8px 10px; cursor:pointer; height:46px;color: #4a4a4a;} .custom-accr .card-header a em{font-size:30px; margin-right:5px;} .custom-accr .card{border-radius:0; border:0; margin-bottom:10px;} .custom-accr .card .card-body{padding:8px 10px;} .custom-accr .card .card-header a:not(.collapsed):not(.card-link){color:#fff;} .custom-accr .card .card-header a:not(.collapsed) .rotate-icon{-webkit-transform: rotate(180deg); transform: rotate(180deg); color:#fff;} .custom-accr .p-actions{position:absolute; right:0; top:0; flex-direction: row; display: flex;} .custom-accr .p-actions a{font-size:12px; flex-direction: column;} .custom-accr .p-action-btn em{font-size:16px!important;} .links-box{display:flex; flex-wrap:wrap; padding-bottom:10px;} .links-box div.button{background:#ebebeb; border:0; padding:10px; font-size:12px; width:100%; flex:1 200px; margin:0 2px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom:4px; cursor:move;} .links-box div.button a{ display:block; margin-bottom:0px; text-align:center; font-weight: 400;} .links-box div.button em{font-size:16px; float:left; margin-right:2px; margin-top:2px;} .appointment{display:flex;} .appointment .form-group{flex:1; margin-right:15px;} .appointment .form-group:last-child{margin-right:0;} .shortcuts-menu { width: 100%; float: left; position: relative;display: flex;flex-wrap: wrap;} .shortcuts-menu li{ width: 100%; max-width: 20%; padding: 15px; float: left; display: flex; transition: all .4s;} .short-menu-item { display: flex; align-content: center; align-items: center; width: 100%; border: 1px solid #cfcfcf; font-size: 18px; font-weight: 400;} .left-icon-m { display: inline-block; text-align: center;margin-right: 15px; padding: 20px 10px; width: 110px;}/**padding: 20px 15px; width: 82px; ***/ .left-icon-m em { font-size: 45px; } .short-item-name { display: inline-block; vertical-align: super;} .shortcuts-menu li:hover { transform: scale(1.05);} .page-menu{list-style: none; display: inline-block; width: 100%; vertical-align: top; margin-bottom: 1px; padding:4px;} .page-menu .menu-box{width:19%; float: left; margin: 0px; padding:4px;} .page-menu .menu-box:last-child{width:5%;} .page-menu .menu-box a{display: block; font-size:14px; font-weight: 400; padding:8px 10px; text-align: left; text-decoration: none; color:#303030;} .page-menu .menu-box a span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width:80%; display:inline-block; vertical-align:middle;} .page-menu .menu-box a .fa-times{float:right; margin-top:5px;} .page-menu .menu-box:nth-child(5n+6) a {background: none; color:#fff; padding:8px 0; text-align:center;} .page-menu .menu-box:nth-child(5n+6) a em{font-size:18px; margin-top:3px; color:#303030;} .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #000; background-color: rgba(0,0,0,.5) !important; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #000!important; background-color: rgba(0,0,0,.3) !important; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .shortcuts-menu.newaddprojects li{max-width: 33%!important;} #divChannelTypes.shortcuts-menu li{max-width: 33%;} @media (max-width: 1280px) { #divChannelTypes.shortcuts-menu li {max-width:25%;} } @media (max-width: 1025px) { #divChannelTypes.shortcuts-menu li {max-width:33.33%;} } @media (max-width: 767px) { #divChannelTypes.shortcuts-menu li {max-width:100%;} } #divChannelTypes_HS.shortcuts-menu li{max-width: 33%;} @media (max-width: 1280px) { #divChannelTypes_HS.shortcuts-menu li {max-width:25%;} } @media (max-width: 1025px) { #divChannelTypes_HS.shortcuts-menu li {max-width:33.33%;} } @media (max-width: 767px) { #divChannelTypes_HS.shortcuts-menu li {max-width:100%;} } .multi-collapse.multiCollapse_HS{padding: 0px!important; max-width: 100%!important;} /***************Location dropdown**********************/ .custom-drop-down { position: relative !important; -webkit-appearance: none !important; border-radius: 0; appearance: none; -moz-appearance: none; } .custom-drop-down [type=button] { -webkit-appearance: none !important; } .custom-drop-down button { width: 100% !important; float: left; text-align: left; border: 1px solid #ced4da; -webkit-appearance: none !important; border-radius: 0; appearance: none; -moz-appearance: none; } .custom-drop-down div.btn:not(.is-invalid) { width: 100% !important; float: left; text-align: left; border: 1px solid #ced4da; background: #ffffff; -webkit-appearance: none !important; border-radius: 0; appearance: none; -moz-appearance: none; } .custom-drop-down .scrollbar { max-height: 150px; overflow: hidden; overflow-y: auto; } .custom-drop-down ul { width: 100%; padding: 4px;transform:initial !important; top:34px !important; } .custom-drop-down ul li ol { list-style: none; list-style-type: none; padding-left: 0; margin-left: 0; margin-top:5px;} .custom-drop-down ul li a { padding: .5rem .5rem; background: #fff; border-bottom: 1px solid #ced4da; color:#303030; position: relative;} .custom-drop-down ul li a small { white-space: normal; } .custom-drop-down ul li a:hover { background: #fafafa; color: #303030; } .custom-drop-down ul li a label { float: right; background: #525252; padding: 1px 8px; border-radius: 20% !important; color: #ffffff; font-weight: normal; position: absolute; font-size: 12px !important; right: 4px; top: 9px; } .custom-drop-down ul li ul { position: relative !important; padding: 0; list-style: none; float: left; top: 0px !important; } .custom-drop-down ul li ul li { border-left:1px solid #dee2e6 !important; width: 98%; margin-left: 2%; border-top: none; font-size: 14px; } .custom-drop-down ul li ul li ul { border: none !important; } .custom-drop-down ul li ul a { border-left: none; border-top: none; text-decoration: none; } .custom-drop-down ul li ul a em { color: #ced4da; line-height:23px; position: absolute;} .custom-drop-down ul li:last-child { height: 50%; } .custom-drop-down ul li a .textvalue{white-space:normal;padding:0 5px;} .custom-drop-down ul li .child div{white-space:normal;padding:0 5px;} .bg-transparent{background:none !important;} .total_disable_class_bg {opacity: .3;cursor: default !important;pointer-events: none !important;box-sizing: border-box;} /*************** /Location dropdown**********************/ /***************** Responsive Tabs *****************/ .responsive-tabs-container[class*="accordion-"] .tab-pane { margin-bottom: 15px; width: 100%; float: left;} .responsive-tabs-container[class*="accordion-"] .accordion-link { display:none; margin-bottom: 5px; padding: 10px 15px; float:left; width:100%; border: 1px solid; font-size: 1.1rem; text-decoration:none; } @media (max-width: 767px) { .responsive-tabs-container.accordion-xs .nav-tabs {display: none;} .responsive-tabs-container.accordion-xs .accordion-link { display: block;} .p-actions-expand .p-name.text-white { display: none;} /*.listing .table-responsive table th:last-child { display: block !important; height: 42px; }*/ .listing .table td.text-center.mobile-action{position: absolute !important;} .responsive-tabs-container.accordion-sm .nav-tabs.display991 { display: flex;} } @media (min-width: 768px) and (max-width: 991px) { .responsive-tabs-container.accordion-sm .nav-tabs { display: none; } .responsive-tabs-container.accordion-sm .nav-tabs.display991 { display: flex;} .responsive-tabs-container.accordion-sm .accordion-link { display: block; } .modal.right.fade .modal-dialog {max-width: 600px;} } @media (min-width: 992px) and (max-width: 1199px) { .responsive-tabs-container.accordion-md .nav-tabs { display: none;} .responsive-tabs-container.accordion-md .accordion-link { display: block; } } @media (min-width: 1200px) { .responsive-tabs-container.accordion-lg .nav-tabs { display: none; } .responsive-tabs-container.accordion-lg .accordion-link { display: block; } } /***************** Responsive Tabs *****************/ /***************** Ticketing Dashboard - widgets width control Harjit Singh*****************/ @media only screen and (min-width:992px) and (max-width:1279px) { .customboxwdthcontrol{max-width: 100%; min-width:100%; flex:0 0 100%;} } @media only screen and (min-width:1280px) and (max-width:2000px) { .customboxwdthcontrol{max-width: 50%; min-width:50%; } } /***************** Ticketing Dashboard - widgets width control Harjit Singh*****************/ /* @media only screen and (min-width:992px) and (max-width:1199px) {} */ @media only screen and (max-width:1279px) { .usercustomwidth .graph-widget{max-width: 100%; min-width:100%; flex:0 0 100%;} } /***************** User Home Dashboard - widgets width control Harjit Singh*****************/ /***************** User Home Dashboard - widgets width control Harjit Singh*****************/ @media only screen and (min-width:1201px) and (max-width:1599px){ .custom-box-width .col-xl-2{flex: 0 0 25%; max-width: 25%;} .custom-box-width .col-xl-3{flex: 0 0 33.333333%; max-width: 33.333333%;} } @media only screen and (min-width:1025px) and (max-width:1200px){ .custom-box-width .col-xl-2{flex: 0 0 33.333333%; max-width: 33.333333%;} } /* @media only screen and (min-width:1550px) and (max-width:1920px){ .custom-box-width .col-xl-3.fsmaddresscontrol{flex: 0 0 33.333333%; max-width: 33.333333%;} } */ /****Commented bec HR Candidate List design was getting broad - Harjit - Shubham Saini - 30May 2024***/ @media only screen and (min-width:1200px) and (max-width:1549px){ .custom-box-width .col-xl-3.fsmaddresscontrol{flex: 0 0 50%; max-width: 50%;} } @media only screen and (min-width:300px) and (max-width:1199px){ .custom-box-width .col-xl-3.fsmaddresscontrol{flex: 0 0 100%; max-width: 100%;} } @media (min-width: 992px) { body { padding-top:50px;} .modal { text-align: center; padding: 0!important; } .modal:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right:-4px;} .modal-dialog {width:100%; max-width:900px; display: inline-block; text-align: left; vertical-align: middle; min-height:auto;} } @media (max-width:1024px) { .modal-dialog {width:100%; max-width:900px!important;} } @media (max-width:1280px){ .comapny-setup .col-lg-3 {max-width: 50%; flex:0 0 50%;} .shortcuts-menu li { max-width: 25%;} .breadcrumb .breadcrumb-item{max-width: 150px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; display:block!important;}/****** display:block added by Harjit, as text was cutting - Vaneet suggested 19 Dec20******/ .breadcrumb .breadcrumb-item:first-child{width: auto; } .advancedsetup.shortcuts-menu li { max-width: 33.33% !important; } } @media (max-width:1025px) { table.table-bordered.dataTable tr{position:relative;} table.table-bordered.dataTable td.mobile-action{display: table!important; margin-top: 7px; margin-right: 7px;} table.dataTable > tbody > tr.child ul.dtr-details > li .action-list-box{overflow:visible; left:0;} table.dataTable > tbody > tr.child ul.dtr-details > li .actions{background:none; position:relative;} table.dataTable > tbody > tr.child ul.dtr-details > li .action-list-box .list-actions{width:120px; border:0; box-shadow:none; padding: 0;} table.dataTable > tbody > tr.child ul.dtr-details > li .action-list-box .close-action{display:none;} tr.parent td.mobile-action .actions{display:none !important;} table.dataTable thead > tr > th .custom-checkbox{margin-left:14px;} .shortcuts-menu li { max-width: 33.33%;} table.dataTable > tbody > tr.child ul.dtr-details {padding:0px 10px!important;} table.dataTable > tbody > tr.child ul.dtr-details .sort::after{display:none;} .breadcrumb .breadcrumb-item{max-width: 300px; overflow: hidden;white-space: nowrap; text-overflow: ellipsis; display:block!important;}/****** display:block added by Harjit, as text was cutting - Vaneet suggested 19 Dec20******/ .breadcrumb .breadcrumb-item:first-child{width: auto; } .advancedsetup.shortcuts-menu li { max-width: 50% !important; } } @media (max-width:1279px) { .right-content .dashbord-widget{flex-direction:column;} .right-content .dashbord-widget li{margin-bottom:10px; width:100%;} } @media (max-width:991px) { nav .collapse.show{height: 88vh!important;} } @media (max-width:1023px) { .navbar-brand img { height: 40px;} .navbar-nav .nav-link{padding:.5rem; font-size: 1rem;} .nav-item{border-bottom: 1px solid #323232; position:relative;} nav .dropdown-toggle::after{position: absolute; right: 9px; top:20px; border-top: .5em solid; border-right: .5em solid transparent; border-left: .5em solid transparent;}/*top:30px;Harjit 27Dec2021*/ .dropdown-menu.my-account{width:100%;} .juda-menu-container{flex-direction: column;} .juda-menu-container .menu-box{width:100%;} nav .collapse.show { display: block; height: 95vh; overflow: scroll; position: absolute; width: 100%; left: 0; top: 46px; padding: 0rem 1rem; } .dropdown-menu.full-menu.show{width: 100%; flex-direction: column;} .dropdown-menu.full-menu-new.show{width: 100%; float: left; padding: .5rem;}/**Added by Harjit - to make mobile view****/ .navigation-panel ul li{width: 100%; border-right: 0; line-height: 0;}/**Added by Harjit - to make mobile view****/ .juda-btn, .juda-btn:hover{ position: absolute; top:-30px; right:16px; width:31px; height:30px; padding:6px 10px; font-size:15px;} .juda-btn span{display:none;} .juda-btn em{ line-height: 20px; padding-right: 0;} .dashboard-tab .nav-tabs li a, .timetrack-tab .nav-tabs li a{text-align:center; font-size:13px;} .dashboard-tab .nav-tabs li a span, .timetrack-tab .nav-tabs li a span{display:block;} .dashboard-tab .nav-tabs li a span span, .timetrack-tab .nav-tabs li a span span{display:none;} .dashboard-tab .nav-tabs li a em, .timetrack-tab .nav-tabs li a em{height: 28px; font-size: 22px; padding:0px;} .dashboard-boxes .boxes-header{font-size:15px;} footer .contri_translate{width: 100%; margin-top: 14px; border-right:none; display:none;} footer .copyright {width:100%; float:left; padding:.5rem;} footer ul { padding:.2rem .5rem 1rem .5rem; } [data-toggle="collapse"].juda-btn em:before{ content:"\f067"; } .myimagemobile{float:none; width:120px; height:120px; margin:5px 0px 0px; border:6px solid rgba(255,255,255,.1); background:no-repeat;} .sidebaricon em{display:inline-block; padding-right:5px;} .ancbookmark em{display:inline-block; padding-right:5px;} #popChatLink em{display:inline-block; padding-right:5px;} #btnFullscreen em{display:inline-block; padding-right:5px;} a.timer-icon{border-left:none!important; border-right:none!important;} #navbarResponsive ul li.nav-item a.nav-link em{min-width:24px;} .bookmark, .socialize{display:inline-block;} #sidebarCollapse{display:none;} .table-heading-wb .actionbtn{background:rgba(0,0,0,.2)} .table-heading-wb .actionbtn a{float:left; border-left: none;} .custom-tab-content .tab-content, .universal-tab-content .tab-content{border:none;} .ticket-btn { background: none; padding-left: 0px !important; text-align: left !important; } .responsive-tabs-container[class*="accordion-"] .tab-pane{ width: 100%; float: left;} .talygen-app-store, .login-form{padding: 0px 2rem;} .time-tracker textarea{min-height:150px;} .work-diary-detail .screen-report-details ul li.screenshot{height: 150px;} .timesheet-filter{float:left; margin-bottom:20px } .timesheet-filter .timesheetdatepicker, .timesheet-filter .dpddown{margin-bottom:10px; } .add-column{padding: 0px 0px 0px 0px !important; position: relative; width: 50%; float: left;} .add-column a{transform: rotate(90deg);} .vtype{text-align:left !important; font-style:italic;} .vertical-tabs.universal-tab-content .tab-content{width:100%; padding:0px;} .vertical-tabs .black-header.light-grey{background:none !important; padding:10px !important; } .tab-style .nav-link.active::after{display:none;} .conversation-time{justify-content:left; margin-bottom:5px;} .conversation-main:before{display:none;} .conversation-main{flex-direction:column;} .conversation-time, .conversation-box-con{width:100%; text-align:left;} .conversation-box{padding:15px;} .conversation-box .name-circle{display:none;} .tab .tab-content::before{display:none;} .conversation-box::before{display:none;} /* .user-guide a { display: block; text-indent: 999px; font-size: 0px; width: 30px; height: 20px; padding-left: 0;} */ .divancuserguide::before{ right: 5px; } .manage-color .mng-btn{display: flex; justify-content: space-between;} .manage-color .mng-btn .btn{width:49%;} .conversation-time span{padding-left:20px!important; min-width:72px!important;} .conversation-time span::after {right:80px!important;}/*right:68px!important;*/ #manageProjectModal .user-guide{right:12px; top:9px; background-color:transparent!important;} } @media (max-width: 991px) { .comapny-setup .col-lg-3 {max-width:100%; flex:0 0 100%;} /*.mCSB_inside > .mCSB_container{margin:0px!important;}*/ .mCSB_inside > .mCSB_container{margin:0px 20px 0px 0px!important;}/*****Harjit - #420706*****/ .mCSB_draggerContainer{right:-9px;} span.text-lmenu{display:contents!important;} .col-md-12.col-sm-12.p-0.float-left.mainChart .row-12 .border.rounded.p-2.my-3{overflow-x: scroll;} .col-md-12.col-sm-12.p-0.float-left.mainChart .row-12 .border.rounded.p-2.my-3 div.width_control{min-width: 1000px;} } @media (max-width: 861px) { .collapse_map{width:33%!important; float:right!important;} .etamap_css{width:33%!important;} .locatormap_css{width:34%!important;} .legends_topbar{width:100%;} .showclear{display:block!important;} } @media (max-width: 830px) { .uploadfiles .list-group .list-group-item.uploadaction span{width:100%; text-align:left !important;} .login-vandor { display: none;} } @media (max-width: 767px) { .form-title{font-size:19px;} .username{display:inline-block; width:100%;} .userguide-btn{text-align:right;} .userguide-btn em{float:right;} .talygen-app-store{display:none;} .client-login-txt{text-align:center !important;} .loginbg .jumbotron{padding:0px 5%;} .client-login-txt a{display:block;} .ticket-btn {padding:0px !important; } .ticket-btn a{width: 20%; float: left; margin-bottom: 5px; text-align: center; white-space: inherit; font-size: .8rem; line-height:.8rem; height: 80px;} .ticket-btn a em{display: block; text-align: center; font-size: 1.5rem; padding: 5px 0px;} .ticket-btn a:last-child{border-right:none !important;} .shortcuts-menu li { max-width: 100%;} #choosewizards .shortcuts-menu li{max-width: 100%!important;} #choosewizards .tab-style .nav-tabs.cust li{flex: 0 0 50%!important;} .advancedsetup.shortcuts-menu li { max-width: 100% !important; } .detailtxt{display:block;} .theme-primary.partition span {width: 100%;} .ticketsmallfix a.p-action-btn.dash{width: 33.333%!important;} .p-action-btn.dash{width:50%; float:left;} .dashbord-widget li{width:100%; margin-bottom:10px; margin-right: 0;} .dashbord-widget{flex-direction:column} .graph-widget{padding-right:0; padding-bottom:10px;} .tab-style .nav-tabs li, .tab-style .nav-link{width:100%; margin:0;} .left-menu-tab{max-width:100%; margin-bottom:10px;} .right-content{width:100%;} .Response-t, .Resolve-t{width:49%; border:0;} .mb-wid-100{width:100%;} .legends_topbar{width:100%;} .p-action-btn{height:auto;width:33.333%; float:left;} .p-action-map .p-action-btn{height:46px;} .legends_topbar span { padding: 0px 8px 10px; width: 20%; box-sizing: border-box; float: left; height: auto !important; text-align: center; line-height: 18px !important;} .legends_topbar span em{text-align:center; margin: 0px 33%; margin-bottom: 5px;} .p-action-map span{padding: 0; width: auto;} .w-50.alert-message{width:90%!important;} .btn:not(.multiselect-clear-filter){width: 100%; margin-bottom: 5px; margin-left: 0px !important;}/*** For all buttons - Harjit added ml-0 21Feb24***/ .customize_ht .btn:not(.multiselect-clear-filter){margin-bottom: 0px!important;}/***645440 Harjit 16May2022*******/ .multiselect-group tg-select button.multiselect {margin-bottom:0px;}/*Harjit added 16Dec2021 - Ticket Add*/ .task-color{text-align:left;} .task-color .task-box{width:100%;} .mover-panel-box{flex:1 auto;} .mover-controls{padding:15px 0 10px 0; flex-direction:row; justify-content:center; width:100%;} .mover-controls button{margin-right:5px; margin-bottom:0;} .mover-controls button:last-child{margin-right:0;} .custom-accr .card-header a{font-size:14px;} .page-menu .menu-box{width:100%;} .appointment{flex-direction:column;} .appointment .form-group{margin-right:0; margin-bottom:10px;} .page-menu .menu-box:last-child{width:100%;} .card-box{padding-bottom:100px;} .h5 small{margin-top: 7px; font-size: 14px;} .paging-count{max-width:290px; margin-top:5px!important;} .mble_50{width:50%!important; text-align:left;} .tab-content > .tab-pane.rightpmzpzbz{border:none !important; padding-left:0px !important; padding-right:0px !important; padding-top: 10px !important;} .tab-content > .tab-pane.rightpmzpzbz .searchpanel{ padding-left:0px !important; padding-right:0px !important;} .tab-content > .tab-pane.rightpmzpzbz .container-fluid{ padding-left:0px !important; padding-right:0px !important;} .action-margin{margin-bottom:10px;} .navigation-panel ul, .navigation-panel ul.submenu{width:100%; border:none;} .mover-panel-box-control{width:100%!important;} .mover-controls-mid{margin-top:0px!important;width:100%!important; display:inline-block;} .modal.right.fade .modal-dialog {max-width: 600px;} .modal-footer {flex-wrap:wrap !important;} /*For applying full width on buttons in popup*/ .modal-footer button.btn{margin-left:0;margin-right:0;}/*For removing margin left and right from buttons in popup*/ .h5, h5 {font-size: 1.1rem;} .theme-primary.partition span.vc-popover-caret{width: 12px!important;}/** work dairy calendar arrow fixes Harjit 31May2024*****/ } @media (max-width: 500px) {.collapse_map{width:100%!important; float:right!important;} .etamap_css{width:50%!important;} .locatormap_css{width:50%!important;} #menuBarDiv > .btn-group, #menuBarDiv > .btn-group:first-child .btn-group:nth-child(2){display:none;} #menuBarDiv > .btn-group:first-child, #menuBarDiv > .btn-group:nth-child(2){display:inline-block;} .custom-tab-content .tab-content .tab-pane{padding:.5rem;} .ticket-btn a{width: 50%; margin-bottom: 0;} .ticket-btn a:last-child{margin-bottom:.5rem; border-right:2px solid #fff !important;} .login-form{background:none; padding-top:0px !important;} .messages .panel.post .post-heading .avatar{width:40px; height:40px;} .messages .panel{padding-left:60px;} .messages .panel::before{left:55px; border-top: 5px solid transparent; border-right: 5px solid #313131; border-bottom: 5px solid transparent;} .messages .panel.post .post-heading .image{margin-top:-20px;} .divancuserguide{ width: 320px !important; right: -9px;}/*right: -31px;**Harjit6May2022*****/ } @media (max-width: 480px) {.search-btm-btn a{width:100%; margin-bottom:10px;} .table-heading-wb .search-btm-btn a{width:auto;} .timesheetdatepicker, .timesheet-filter .dpddown{width:100%;} .timesheetdatepicker .ddarrow{float:right;} .workdiarybn{width:49%; margin-right:1%; margin-bottom:1%; float:left;} .workdiary-today{display:none;} .form-panel .formbtn{width:100%; margin-left:0px; margin-bottom:5px;} .uploadfiles .list-group .list-group-item.uploadaction span a{width:100%; margin: 0px 0px 10px 0px !important; } .uploadfiles .list-group:first-child{max-height: 300px;}} @media (max-width: 360px) {.timesheetdatepicker label{display:none; } .add-remove-btn{margin: 7px 5px 7px 0px;} nav .collapse.show { height: 88vh; } .table-heading-wb .table-head-btn{min-width:70px; border-bottom:1px solid #262626} .login-form { padding: 0px 8px;} .help-labels span{width:100%; display:inline-block;} .uploadfiles .list-group .list-group-item span{width:100%; text-align:left !important;}} @media (max-width: 320px) { nav .collapse.show { height: 88vh; } .form-title{text-overflow: ellipsis; white-space: nowrap; max-width: 220px} body{overflow-x: hidden;} .time-tracked .DivTimer{ width: 124px; font-size: 30px !important;} .time-tracked .timedate{width:100px;} } @media (max-width:380px){ .legends_topbar span { padding: 0px 8px 10px; width: 33.333%; box-sizing: border-box; float: left; height: auto !important; text-align: center; line-height: 18px !important;} .legends_topbar span em{text-align:center; margin: 0px 33%; margin-bottom: 5px;} .p-action-map span{padding: 0; width: auto;} /****.breadcrumb-item{width: 70px; }*****//****12June2025 HS*****/ } @media (max-width:480px){ .modal.right.fade .modal-dialog {max-width: 320px;} .cont_right .bar label {font-size: 10px; right: 6px;} .cont_right .bar {min-width: 100%; width: 100%;} /***.breadcrumb-item { width: 180px;}*70px**//****12June2025 HS*****/ } #example_wrapper{width:100%;} #example_wrapper .row{width:100%; display:block;} #example_wrapper .row:first-child, #example_wrapper .row:last-child {display:none;} .table-bordered td, .table-bordered th{border:none !important;} .listing .thead-bg{border:none;} #example_wrapper table.dataTable{ border-collapse: collapse !important; margin-top:0px !important; margin-bottom:0px !important;} #example_length, #example_filter, #example_paginate, #example_info{display:none;} table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control { padding-left: 30px !important; } table.dataTable thead .sorting_asc::after, table.dataTable thead .sorting::after{ content:"\f0dc" !important; display: inline-block; font-family:'FontAwesome', sans-serif;} .no-sorting:after{display:none!important;} .navbar-toggler.navbar-toggler-right { border: none; padding: 0px; } .navbar-toggler {float: right; right: 20px; top:10px; position: absolute;}/*Harjit Singh added 16Dec2021- as in mbles burger menu was in center*/ table.dataTable > tbody > tr.child ul.dtr-details{width:100%;} table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td.dtr-control::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th.dtr-control::before{ font-size: 18px !important; box-shadow: none !important; font-weight: bold !important;} table.dataTable > tbody > tr.child span.dtr-title { display: inline-block; min-width: 75px; font-weight: 500 !important; padding-right: 10px !important; } li .actions.mobileaction {width: 100%;display: block !important;} li .actions.mobileaction .action-list-box {position: relative;width: 100%;display: block;} .liststylenone li {padding: 0px !important;list-style: none !important;} .form-check-inline .form-check-input{position:absolute!important;} .form-check-inline .custom-control-inline{margin-right:0px!important;} .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url('../images/radio.png') !important; } .form-check.form-check-inline{margin: 0px; padding: 0px 0px 0px 0px; margin-right: 10px;} /**Avtar added marginright:10px*****/ /* 8 July */ .listing .table thead th { border-bottom: none; font-weight: 400; padding: 8px 8px !important; position:relative;} .listing .table thead th.py-1 {padding-bottom: .25rem !important; padding-top: .25rem !important;} .listing .table thead th:not(:last-child):not(.border-right-0)::after { content: ""; width: 1px; height: 100%; background: #cacaca; position: absolute; top: 0px; right: 0; } .listing .table-responsive table th span.sort{ font-weight: 400 !important; padding-right: 15px; display: flex; align-items: center; } .listing .table-responsive table th { font-weight: 400 !important;} .listing .table.table-bordered tbody tr:last-child { border:none !important;} .table.table-bordered tr td {position:relative;} .digital-timer {font-family: 'digital7_mono', sans-serif; font-size:19px;} @font-face { font-family: 'digital7_mono'; src: url('https://talygenv.github.io/Vue-UI-Content/fonts/digital7_mono.eot'); src: url('https://talygenv.github.io/Vue-UI-Content/fonts/digital7_mono.eot') format('embedded-opentype'), url('https://talygenv.github.io/Vue-UI-Content/fonts/digital7_mono.woff2') format('woff2'), url('https://talygenv.github.io/Vue-UI-Content/fonts/digital7_mono.woff') format('woff'), url('https://talygenv.github.io/Vue-UI-Content/fonts/digital7_mono.ttf') format('truetype'), url('https://talygenv.github.io/Vue-UI-Content/fonts/digital7_mono.svg#digital7_mono') format('svg'); } .customsearchbox .form-control:focus {outline: 0 !important;box-shadow: none;border-color: #abb5bf !important;} .verticle-action-att{position:absolute; top:0px; right:0px;} .att-imagesize img{max-height: 200px!important; min-height: 200px!important; max-width: 100%!important; min-width: 100%!important; width:100%;} /*Schedule interview Gaurav Dhiman*/ .candidate-info{width: 100%; margin: 0px; padding: 10px 0px; float: left; display: flex; flex-wrap: wrap;} .candidate-info .user-image { width: 170px; text-align: center; margin:10px 0px; padding: 0px; float:left; } .candidate-info .user-image img{ width:170px; height: 170px; border-radius: 100%; border: 8px solid #fff;} .candidate-info .user-details { width: auto; text-align: left; margin: 0px; padding: 0px 0px 0px 30px; float: left; display: flex; flex-wrap: wrap; align-content: center; align-items: center;} .candidate-info .user-details em{margin-right:5px;} .candidate-info .user-name {width: 100%; text-align: left; margin:0px 0px 10px 0px; padding: 0px; font-size: 20px; font-weight: 500; line-height: 20px;} .candidate-info .user-contact-info {width: 100%; text-align: left; margin: 0px; padding: 0px; font-size: 16px; line-height: 25px;} .candidate-info .scheduleinterview { width: auto; text-align: left; margin: 0px; padding: 0px 0px 0px 30px; float: left; display: flex; flex-wrap: wrap; align-content: center; align-items: center;} .time-slot{width:100%; float:left; margin:0px; padding:0px;} .slot-summary{display:flex;flex-direction:column;flex-wrap:wrap;} .slot-box{display:flex;flex-direction:row;flex-wrap:wrap;} .slot-box .slot-name{display: flex;flex: 50%;flex-wrap: wrap;} .slot-box .slot-order{display: flex;flex: 50%;flex-wrap: wrap;} .time-slots{display: flex;width: 100%;justify-content: flex-end;} .time-slots .slot-search{display:flex;} .slot-wrapper{display:flex;/*width:100%;*/flex-wrap:nowrap;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;padding:10px 0;margin-bottom:5px;} .slot-wrapper .slot-users{display:flex;justify-content: flex-start;align-items: center;height:100%;position:relative;/*border-top:1px solid #d9d9d9;*/ } .slot-wrapper .slot-users:before{content:'';position:absolute;right:0;height:100%;width:2px;background:#cae1ff;} .slot-wrapper .slot-users:after { position: absolute; content: '\25B4'; line-height: 1; bottom: 38%; color: rgba(67,128,208,0.63); font-size: 18pt; transform: rotate(30deg); right: -7px; font-family:'FontAwesome', sans-serif;font-weight:normal;} .slot-wrapper .slot-users em{display:flex;min-width:42px;height:42px;background:#cae1ff;justify-content: center;align-items: center;font-style:normal;border-radius:100%;margin-right:10px;} .slot-wrapper .slot-users> .user-details{display:flex;flex-direction:column;} .slot-wrapper .slot-users> .user-details .username{display:flex;color:#0d74f7;} .slot-wrapper .slot-users> .user-details .email{display:flex;color:#2a2a2a;} .stage-schedule .slot-timeline{display:flex;width:80%;overflow:hidden;flex-direction:column;position:relative;} .stage-schedule .slot-blank{display:flex;width:20%;overflow:hidden;flex-direction:column;position:relative;} .slot-head{display:flex;width:100%;flex-direction:row;} .slot-time{display:flex;flex-direction:row;width:100%;overflow:hidden;flex-wrap:nowrap;white-space:nowrap;} .slot-time>div{align-items:center;justify-content:center;display:flex;background:#f6f6f6;padding:5px 44px;border-right:1px solid #dee2e6 !important; min-width: 155.9px;} .slot-head .arrow-left{position:absolute;max-width:20px;left:0;display:flex;align-items:center;justify-content:center;z-index:10;height:34px;border-right:1px solid #dee2e6 !important;background:#f6f6f6;cursor:pointer;} .slot-head .arrow-right{position:absolute;max-width:20px;right:0;display:flex;align-items:center;justify-content:center;z-index:10;height:34px;border-left:1px solid #dee2e6 !important;background:#f6f6f6;cursor:pointer;} .slot-body{display:flex;width:100%;flex-direction:row;} .slot-schedule{display:flex;flex-direction:row;width:100%;overflow:hidden;flex-wrap:nowrap;white-space:nowrap;} .slot-schedule>div{align-items:center;justify-content:center;display:flex;background:#fff;padding:5px 44px;border-right:1px solid #dee2e6 !important;min-height:70px;min-width: 155.9px;} .slot-body .blank-left{position:absolute;max-width:20px;left:0;display:flex;align-items:center;justify-content:center;z-index:10;height:34px;border-right:1px solid #dee2e6 !important;background:#fff;min-height:70px} .slot-body .blank-right{position:absolute;max-width:20px;right:0;display:flex;align-items:center;justify-content:center;z-index:10;height:34px;border-left:1px solid #dee2e6 !important;background:#fff;min-height:70px} .slot-body .active{background:#4cb364;} /*___________modified design________*/ .slot-wrapper .timeslots{display:flex;flex-wrap:wrap;padding: 0 8px;box-sizing: border-box;} .slot-wrapper .timeslots .slotschedule{display:flex;flex-wrap:nowrap;flex-direction:column;} .slot-wrapper .timeslots .slotschedule .slottime{display:flex;flex-wrap:nowrap;flex-direction:row;} .slot-wrapper .timeslots .slotschedule .slottime div{display:flex;flex-wrap:nowrap;white-space:nowrap;flex:50%;padding:5px;box-sizing:border-box;transform: translateX(35px);} .timeslots .timebox {width: 100%;background: #f0f0f0;border: 1px solid #fff;border-radius: 4px !important; min-height: 20px;text-align: center; line-height: 12px; font-size: 25px; cursor: pointer;overflow: hidden;} .span-time25 {display: inline-block;width: 75% !important;background-color: rgba(60, 117, 165, 0.89) !important;min-height: 20px;float: right;} .span-time50 { display: inline-block;width: 50% !important;background-color: rgba(60, 117, 165, 0.89) !important;min-height: 20px;float: right;} .span-time75 {display: inline-block;width: 25% !important;background-color: rgba(60, 117, 165, 0.89) !important;min-height: 20px;float: right;} .span-time100 { display: inline-block;width: 100% !important; background-color: rgba(60, 117, 165, 0.89) !important;min-height: 20px;float: right;} .span-time15 {display: inline-block;width: 25% !important;background-color: rgba(60, 117, 165, 0.89) !important; min-height: 20px;float: left;} .span-time45 {display: inline-block;width: 75% !important;background-color: rgba(60, 117, 165, 0.89) !important;min-height: 20px;float: left;} .justify-end{display:flex;justify-content:flex-end;} /*___________modified design________*/ /*********************05-08-2020***********************/ .btn.Timer {font-weight: 400; padding: 2px 8px; font-size: 14px; text-align: center; color: #fff; background: #ccc; display: table; margin: 3px auto; margin-left: auto; width: 152px;} .btn.Timertodo {font-weight: 400; padding: 2px 8px; font-size: 14px; text-align: center; color: #fff; display: table; margin: 3px auto; margin-left: auto; min-width: 152px;} .infotrack{padding:10px 20px;display:flex;align-items:center;justify-content:space-between;} .time_info{font-size:20px;font-weight:600;} .infotrack h3{font-size:18px;color:#626b73;font-weight:400;} .infotrack p{font-size:14px;} .infotrack .p{font-size:14px;} .pad_bx{padding: 10px 20px;} .pad_bx h4.heading {font-size: 18px; font-weight: 600;} .time_info .Timer {display: inline-block; margin-left: 20px!important; vertical-align: bottom;} /*expense-card-view */ .card_list{list-style-type:none} .card_list ul{display:flex;flex-wrap:wrap;list-style-type:none} .card_list li{flex:0 0 23.4%;margin-right:30px;margin-bottom:30px} .card-pending{background:#f3f5f6;border-top:6px solid #1886c8} .card-correction{background:#f6f4ed;border-top:6px solid #ffbd20} .card-approved{background:#eff6ef;border-top:6px solid #019704} .card-correction .icon_box{border:2px solid #ffbd20} .card-approved .icon_box{border:2px solid #019704} .card_list li .card{border-radius:0;padding:10px;text-align:center} .card_list li.last{margin-right:0} .icon_box{width:41px;height:41px;text-align:center;border-radius:50%;border:2px solid #1886c8;margin:0 auto;line-height:38px;font-size:18px;color:#525f65;margin-bottom:15px} .info_exp{display:flex;text-align:center;justify-content:space-around} .card-exp h3{font-size:20px;font-weight:600} .card-exp h3 span{color:#29a744} .card-exp h4{font-size:16px} .card-exp .sideicon{position:absolute;right:10px;color:#bcbcbc;font-size:21px;} .open-green select{-webkit-appearance: none; border: 0; padding:2px 30px 2px 2px; width:100%;} .noti-circle{min-width:20px; min-height:20px; border-radius:100%; display:inline-block; line-height:20px; font-size:12px; vertical-align:top; margin-top:-2px; margin-left:-7px;text-align:center;padding:1px;box-sizing:border-box;}/*margin-top:-9px;*/ .noti-clients{border-radius: 6px;padding: 0px 5px;} .circle-icon{width: 55px; height: 55px; line-height:55px; text-align: center; border-radius:100%; font-size: 24px; color: #fff; display:inline-block;} .popup-conversation .conversation-box-con{width:100%;} .popup-conversation .conversation-box{border-bottom:1px solid #dee2e6; border-top:0; border-left:0; border-right:0; padding:10px 15px 15px 65px;} .popup-conversation .conversation-box::before{background:#dee2e6; width:1px; border:0; left:26px; height:calc(100% - 32px); top:37px;} .popup-conversation .conversation-box .name-circle{left:0; top:5px;} .popup-conversation .conversation-box .conversation-header{margin:0;} .my-popups label.switch-big{width: 90px;} .switch-big input:checked + .slider::before {left:42px;} @media (max-width:1280px) { .stage-schedule .slot-blank { display: none; } .slot-wrapper { flex-wrap: wrap; border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; } .slot-wrapper .slot-users { justify-content: flex-start; padding: 10px; width: 100%; border-bottom-width: 0 !important; } .stage-schedule .slot-timeline { border-left-width: 0 !important; border-right-width: 0 !important; width: 100%; } .slot-wrapper .slot-users em { position: relative; } .slot-wrapper .slot-users em:after { position: absolute; content: '\25B4'; bottom: -16px; color: rgba(67,128,208,0.63); font-size: 18pt; transform: rotate(-180deg); font-family:'FontAwesome', sans-serif; line-height:1; font-weight:normal;} .slot-box { flex-direction: column; } .slot-box .slot-name, .slot-box .slot-order { width: 100%; } .slot-box .slot-order h5, .slot-box .slot-order span { justify-content: flex-start !important; margin-top: 5px; } .slot-wrapper .col-lg-3, .slot-wrapper .col-lg-9 { max-width: 100% !important; flex: 100% !important; width: 100% !important; } .slot-wrapper .slot-users::before, .slot-wrapper .slot-users::after { display: none; } } @media (min-width:1280px) and (max-width:1440px) { .slot-wrapper .slot-users { flex-wrap: wrap; flex-direction: column; align-items: flex-start; } } @media (max-width:720px) { .candidate-info .scheduleinterview { margin-left: 0 !important; margin-top: 10px; } .candidate-info { justify-content: center !important; flex-direction: column; } .user-name, .user-contact-info { display: flex; justify-content: center; align-items: center; } .candidate-info .user-image { width: auto; } .user-name, .user-contact-info em { margin-right: 10px; } .justify-end { display: flex; justify-content: flex-start; } } /*Schedule interview Gaurav Dhiman*/ .alert .close{border-radius:0 !important;width:auto !important;height:auto !important;margin-top:0 !important;font-size:26px;color:rgba(0, 0, 0, 1) !important;background:none !important;transform: translateY(-5px);} .alert>.close:hover{opacity: 0.6;} .v-select.custom-vselect.is-invalid + .invalid-feedback {display: block;} /*added by avtar 11-jan-2021*/ .custom-vselect.is-invalid .dropdown-toggle.vdrop { border:none;} /*end added by avtar 11-jan-2021*/ @media (min-width:1200px) and (max-width:1440px) { .widget-50 .col-xl-4{max-width: 50% ;flex: 0 0 50% ;-ms-flex: 0 0 50% ;-webkit-box-flex: 0;} } .table-responsive .thead-bg th:first-child{position:relative;} .table-responsive .thead-bg th>.custom-control{display:inline-block;position:absolute;left:16px;top:20%;} .table-extand .extand-tbl{display:none;} @media (min-width:768px) and (max-width:1024px) { .table-extand{position: absolute;right: 0;width:0px;flex:0px;max-width:0px;padding:0;opacity:0.9} .table-extand .extand-tbl{z-index:10;position:absolute;display:inline-block;margin-top:-12px;left:-25px;color:white;padding:4px;text-align:center;width:35px;height:30px;background:#525f65;border-top-left-radius:3px;border-bottom-left-radius:3px;} .form-extanded{width: 100%;flex: 100%;max-width: 100%;} .table-extand-100{width:400px !important;flex:400px !important;max-width:400px !important;position:absolute;right:0;transition:all .30s;opacity:1;} .mover-controls { padding-top: 13px; } } .table-extand-pop-up{position: absolute;right: 0;width:0px;flex:0px;max-width:0px;padding:0;opacity:0.9} .table-extand-pop-up .extand-tbl{z-index:10;position:absolute;display:inline-block;margin-top:-12px;left:-25px;color:white;padding:4px;text-align:center;width:35px;height:30px;background:#525f65;border-top-left-radius:3px;border-bottom-left-radius:3px;} /*This css datalist for customize elemets as per design modifications - by Gaurav dhiman*/ .expand-list{position:absolute;left:-11px;top:40%;display:inline-block;z-index:98;}/*****z-index:999**- This bar was overlapping timer wen coming from left menu - Harjit-08Feb21**/ .expand-list .expand-list-btn{position:relative;display:flex;height:60px;width:12px;background:#929292;} .left-menu-tab-collapsed{width:0 !important;display:none; transition: 1s;} .right-content-expand{width:100% !important; transition: 1s;} .right-content-expand .arrow-solid-left::before{transform:rotate(271deg) !important;transition:transform .2s; transform-origin: left; right:1px;} .refresh-all-filters { float: right;position: absolute; top: 0px;right: 46px;height: 45px; width: 45px;line-height: 45px;text-align: center;cursor: pointer} .left-filter .filter-head h5 .refresh-all-filters em{float:none !important;font-size:20px;font-weight:400;} .right-content .expand-list-btn em{color:#fff;} .left-filter .card-header span a { color: #dbdfe2;} .left-filter .card-header span.disabled a{color: #a7aeb3 !important;} #map { width: 100%;position:relative;overflow:hidden;height: 500px;} @media (max-width:767px) {.expand-list {display:none;}} /*------------------Help Labels --------------------*/ .help-labels { width: 100%; float: left; font-size: .9rem; color: #fff; padding-bottom: 10px; } .help-labels span span { display: inline-block; width: 15px !important; height: 10px; margin-right: 5px; } .alertsuccess { color: #721c24; background-color: #227003; border-color: #227003; } .alertdanger { color: #721c24; background-color: #d10a05; border-color: #d10a05; } /*custom font icon gaurav dhiman*/ /* .icon-solid{display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} */ .icon-solid {display: inline-block; font-size: inherit; text-rendering: auto;-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: normal; line-height: 1; font-family:'FontAwesome', sans-serif;} .arrow-solid-left::before{content:"\f0dd";transform:rotate(89deg);display:inline-block;transition:transform .2s;transform-origin: right; position:absolute; right:3px; top:46%;} /*pop-up accordians gaurav dhiman*/ .nu-pop-accordian .card{border:none;border-radius:0 !important;margin-bottom:5px;} .nu-pop-accordian .card .card-header {background:whitesmoke;border:none;font-size:16px;border-radius:0 !important;} .nu-pop-accordian .card .card-header h5{color:#000000;border:none;font-size:16px;cursor:pointer;display:inline-block;width:100%;} .nu-pop-accordian .card .card-header h5 .fa-angle-down{font-size:25px;} .nu-pop-accordian .card .card-header .btn{position:absolute;right:15px;top:8px;} /*video tag gaurav dhiman*/ .video{position:relative;width:100%;} .video video{position:relative;left:0;top:0;width:100%;height:auto;} .thumb-card{position: relative;width: 100%;overflow: hidden;margin-bottom:.5rem;background:#ededed} .thumb-card img{width: 100%;display: inline-block;} .thumb-card .thumb-controls{position: absolute;display: flex;bottom: 0;left: 0;flex-direction: row;background:rgba(0, 0, 0, 0.75);width: 100%;padding: 0 10px;} .thumb-card .thumb-controls label{width: 100%;display: flex;flex-direction: column;margin-bottom: 0;color: #2499e8;font-weight: bold;justify-content: center;} .thumb-card .thumb-controls label span{display: flex;align-items: center;color: white;font-weight: lighter;font-size: 12px;margin-bottom:5px;} .thumb-card .thumb-action{position: absolute;right: 0;display: flex;flex-direction: row;align-items: center;justify-content: center;} .thumb-card .thumb-action em{position: relative;color: white;font-size: 26px;padding:8px;margin:2px;cursor:pointer;} .thumb-card .thumb-action em:last-child{color:#2499e8;} .thumb-card .icon-thumb{width: 100px;height: 100px;display: inline-block;margin: 30px auto 60px;margin-left: 35%;} /*********Full menu - mobile gaurav dhiman**********/ /***************************************Full Menu****************************************/ .header .nav-item:hover { opacity: 1 !important; } .img-preview > img{width:100%;max-width:136px;max-height:67px;} .mutliselect-disabled .custom-select{background:#eaeaea;} .expandtr-rowbase div{margin-left:10px;} @media (max-width: 1024px) {.full-menu-new.custom-width-menu{max-width:100%;}} .no-total td:before{display:none;} .inherit-span{font-size:inherit !important;color:inherit !important;} .conversation-box-con .public-note:before{ border-right:10px solid rgb(36, 165, 255) !important; } .conversation-box-con .private-note:before{ border-right:10px solid #227003 !important; } /***************************************Full Menu****************************************/ /*page gaurav dhiman*/ .page { padding-top: 50px; } /*video expand gaurav dhiman*/ .v-expand{position: absolute;z-index: 999;color: white;padding: 5px;background:rgba(27, 27, 27, 0.86); right:0px;} .v-expand em{font-size:25px;} .v-expand:hover em{transform:scale(1.2);color:white;transform-origin:center;transition:transform .2s;} .videof{transition-property: flex, max-width; transition-duration: .20s;} .mapf{transition-property: flex, height; transition-duration: .20s;} .videoexpand{max-width: 66.666667% !important;flex: 0 0 66.666667% !important;transition-property: flex, max-width; transition-duration: .25s;} .mapdeflex{flex: 0 0 33.333333% !important;max-width: 33.333333% !important;transition-property: flex, height; transition-duration: .25s;} .imap{overflow:hidden;padding-bottom:56%;position:relative; height:99%;border-left:10px solid white;} .imap iframe{left:0;top:0;height:100%;width:100%;position:absolute;} @media (max-width:1024px) { .videoexpand {max-width:100% !important;flex:100% !important;transition-property: flex, max-width;transition-duration: .25s;} .mapdeflex { flex:100% !important; max-width:100% !important;transition-property: flex, height;transition-duration: .25s;} .map_ipadcontrol{min-height: 320px !important; max-height:320px !important;} .modal.right.fade .modal-body {padding: 20px; overflow-y: scroll;} .modal.right.fade .modal-dialog {height: calc(100% - 45px);} } @media (max-width:991px) { .v-expand{display:none;} .pagi-mobile.nu-paging .paging-count{flex-wrap:wrap; justify-content: center !important; margin:10px 0 0 0 !important; padding:0;} } @media (max-width:767px) { .pagi-mobile.nu-paging .page-item {margin:5px;} } /*video expand gaurav dhiman*/ /*juda icon collapse expand*/ .juda-closed .fa-minus::before{content: "\f067" !important;} /*juda icon collapse expand*/ /*for pagination gaurav dhiman*/ .nu-paging .pagination{font-size:14px;} .nu-paging .select {border: 1px solid #8f8f8f;overflow: hidden;height:35px;width:70px;position: relative;display: inline-flex;} .nu-paging .select select {height:35px; padding: 5px; border: 0;width:100%;-webkit-appearance: none;-moz-appearance: none;appearance: none;} .select:after {content:"\f0dc"; font-family:'FontAwesome', sans-serif; color:#6a6b6d;position: absolute; right:10px; top:6px;background: white;z-index: 1;text-align: center;width: 10%;height: 100%;pointer-events: none; box-sizing: border-box;font-size:10pt;} .nu-paging .paging-count .form-group{margin-bottom:0;} .nu-paging .paging-count{list-style:none;display:flex;flex-direction:row;justify-content:flex-end;} .nu-paging .paging-count .page-item .page-link{border-radius:0 !important;border:none;color:#404040;background:#f9f9f9;padding: .4rem .75rem;} .nu-paging .paging-count .page-item .page-link:hover{background:#525f65;color:white;} .nu-paging .paging-count .page-item .page-link.active{background:#525f65 !important;color:white !important;} .page-item .first,.page-item .last{background-color:#e7e7e7 !important} .page-item .first:hover,.page-item .last:hover{background:#525f65 !important;color:white !important;} .page-item .previous,.page-item .next{background-color:#f0f0f0 !important} .page-item .previous:hover,.page-item .next:hover{background:#525f65 !important;color:white !important;} @media (max-width:1199px) {.nu-paging .paging-count{justify-content: flex-start;}} @media (max-width:991px) { .full_100{ width: 100%;} /*.nu-paging .choose-page {display: none !important;}*/ } @media (max-width:414px){ .nu-paging .choose-page{justify-content:center;display:flex;} .nu-paging .paging-count{justify-content:center;margin:10px auto !important;display:flex;} } /*for pagination gaurav dhiman*/ /*Customize mam popup*/ /*.map-actions{z-index:999;right:60px;}*/ .gm-style .gm-style-iw-c{max-width:250px !important;box-shadow:none ;border-radius:0;padding:0;min-width:240px !important; } .gm-style .gm-style-iw-d{overflow:hidden !important;} .map-pop-header{background:#ffbd20;} .map-pop-header .firstHeading{font-size:16px;display:flex;align-items:center;padding: 5px 10px;} .map-pop-header .firstHeading .status{font-size:12px;background:#5c5c5c;font-weight:normal;color:white;padding:4px 6px;margin-left:5px;} .gm-ui-hover-effect{margin:0 !important;top:0 !important;right:0 !important;} .gm-ui-hover-effect img{width: 24px !important;height:24px !important;margin:0 !important;} .gm-style .details{display:flex;width:100%;font-weight:bolder;font-size:14px;padding:5px 10px;margin-bottom:4px;} .gm-style .details .icon-date{position:relative;display:inline-block;width:28px;height:23px;} .gm-style .details .icon-date:before{position:absolute;display:inline-block;content:url('../images/icon_date_time.jpg');} .gm-style .details .icon-ticket-type{position:relative;display:inline-block;width:28px;height:14px;} .gm-style .details .icon-ticket-type:before{position:absolute;display:inline-block;content:url('../images/icon_ticket_type.jpg');} .gm-style .details .icon-location {position: relative; display:inline-block; width:28px; height: 14px; color: #303030; font-size: 26px; line-height:1; font-family:'FontAwesome', sans-serif; font-weight:normal;} .gm-style .details .icon-location:before{position:absolute;display:inline-block;content:"\f041";} .gm-style .details span{display:flex;padding:1px 0;} .gm-style .view-details{display:flex;width:100%;font-weight:bolder;font-size:14px;margin-bottom:4px;border-top: 2px solid #bfbfbf;flex-direction:row;} .gm-style .view-details a{padding:0 5px;margin-right:5px;color:#525e65;} .gm-style .view-details a em{padding-right:5px;} .gm-style .view-details a:hover{color:#2aa7fd;} /*Customize mam popup*/ /*mobile left filter panel*/ @media (max-width:767px){ .card-panel{height:auto;overflow:hidden;} .bottom_filter_button{display:none;} .card-panel-extand{height:auto !important;overflow:unset !important;} .nu-paging .paging-count{flex-wrap:wrap;} .nu-paging .paging-count li{margin:5px;} #map{height:300px;} .nu-paging .paging-count .page-item .page-link{padding:.4rem .3rem} } /*for expanding command collapsing the main map*/ .p-action-map{float:right;} @media (max-width:767px){ .p-action-map{float:left;display:block;width:100%;} .p-action-map .e-c-map{float:left;display:block;width:100%;text-align:center;background:#4a565c;} .p-action-map .e-c-map em, .p-action-map .e-c-map span {display:inline-block;} } /*for expanding command collapsing the main map*/ .collapse-head-btns{display:none;} @media (max-width:767px){ .collapse-head-btns{position: absolute;bottom: 0;right: 0;padding: 5px;font-size: 22px;width:30px!important;height:30px;background: #525f65;display:flex;align-items:center;justify-content:center;transition:.15s;transition-property:display;} .p-actions-collapse .p-actions{display:flex !important; flex-wrap:wrap; transition:.15s;transition-property:display;} .p-actions-collapse{position:relative; min-height:inherit !important;border-top:2px solid #525f65;overflow:visible !important;margin-top:0px !important;transition:.15s;transition-property:display;} .p-actions-collapse .collapse-head-btns .c-fa-angle-down .fa-angle-up:before{content: "\f106" !important;} .p-actions-collapse:before{display:none !important;} .p-actions-expand .p-actions{display:none;} .p-actions-expand{position:relative; min-height:inherit !important;border-top:2px solid #525f65;overflow:visible !important;margin-top:24px;transition:.15s;transition-property:display;} .p-actions-expand .collapse-head-btns .fa-angle-up:before{content: "\f107" !important;} .p-actions-expand:before{position:absolute;content:'Action';top:-29px;right:40px;} .p-actions-expand .workdiary-dp {display: none;} .p-actions-collapse .workdiary-dp {display: flex!important; flex-wrap: wrap;} .p-actions-expand.p-actions-collapse .action-list-box {top:-166px!important; left:-1px!important;} } .tab-content > .tab-pane{border:1px solid #dee2e6; float:left; width:100%; padding:1rem;} @media (max-width:767px) {.left-menu-tab .nav-pills {display: none;} .mobile-tab-accordian{display:flex !important; margin-bottom:5px;} .mobile-tab-accordian:last-child{border-bottom:1px solid #dee2e6 !important;} .tab-content > .tab-pane{border:1px solid #dee2e6 !important;margin-bottom:5px;position:relative;} .tab-pane .fade > .mobile-tab-accordian{margin-bottom:0;} .mobile-tab-accordian:active{color:white !important;background:#525f65 !important;} .mobile-tab-accordian:focus{color:white !important;background:#525f65 !important;} .mobile-tab-accordian.active{color:white !important;background:#525f65 !important;} } .mobile-tab-accordian{display:none;flex-direction:column;border-radius:0 !important;font-size:1rem !important;color: #303030 !important;} .mobile-tab-accordian em:first-child{padding-right:10px;} .mobile-tab-accordian .card-header{border-radius:0 !important;border-bottom:0 !important;} .mobile-tab-accordian .card-header a{color:inherit !important;}.mobile-tab-accordian .card-header h5{font-size:1rem !important;margin-bottom:0 !important;font-weight:normal;} .mobile-tab-accordian:hover{color:white !important;background:#525f65 !important;} .mobile-tab-accordian:active{color:white !important;background:#525f65 !important;} .mobile-tab-accordian.active{display:none;flex-direction:column;border-radius:0 !important; color: #fff !important; background: #525f65 !important;} @media (max-width:1024px){ .p-action-btn{padding: 7.8px 6px;} .ipadfix{width:100%!important; max-width: 100% !important; display:block!important;} .ipadfix ul, .ipadfix p{padding:5px!important} .ipaddnone{display:none!important;} } @media (max-width:991px){footer .copyright {padding: .1rem .5rem !important;}footer ul{padding:0!important;}} .nav-minheight{min-height:100vh;position:relative;} .nav-minheight .navbar{min-height:100%;} .nav-minheight .navbar-brand{display:none;} .nav-minheight #sidebar .sidebar-toggle{display:flex;position:relative !important;width:100%;top:0;left:0;align-items:center;justify-content:center;background:rgba(0, 0, 0, 0.00);} .nav-minheight #sidebar .username{display:none;} .nav-minheight #sidebar .nav-item{border:none;} .nav-minheight #sidebar .m-item a{padding:15px 0px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;} .nav-minheight #sidebar .m-item a:after{display:none;} #sidebar.active{max-width:60px !important;min-width:60px !important; text-align:center;} #sidebar.active .m-img .nav-link{padding:15px 0px !important;} #sidebar.active .dropdown-menu.full-menu,#sidebar.active .dropdown-menu.my-account{left: 55px !important;} #sidebar.active .m-logout{display:none !important;} #sidebar.active .l-mfooter{background:black;position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;} .l-mfooter{display:none;} /*for action icons*/ .actions .text{display:block;white-space:normal;} .actions .actions-onclick em{font-size:1.5em;} /*form action icons*/ /*customization for boostrap root classes overwriting*/ .bg-dark{background-color: #333335 !important;} .navbar-dark .navbar-nav .nav-link{color: rgba(255,255,255,1); padding: 0px 12px; margin: 0px 3px;} /*customization for boostrap root classes overwriting*/ /*for data tables*/ .table-responsive table.dataTable{border-collapse:collapse !important;margin-bottom:0 !important;margin-top:0 !important;} .table-responsive table.dataTable.dtr-inline.collapsed > tbody > tr > td.child, .table-responsive table.dataTable.dtr-inline.collapsed > tbody > tr > th.child, .table-responsive table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty{padding:0 !important;} .table-responsive table.dataTable > tbody > tr.child ul.dtr-details > li{padding:5px !important;} /*for data tables*/ /*for customize map pop padding input header fix*/ .gm-style-iw-d #content{padding:0 !important;} .actions .action-list-box{transition:transform 0s;cursor:default;} /*02june-2021 cursor:default; added*/ .actions .action-list-box-ex{transform:scale(1) !important;transition:.30s;transform-origin:right;opacity:1;transition-property:transform,opacity;} @media (max-width:1024px){ .dtr-data .actions .action-list-box{transform:scale(1);transition:transform 0s;opacity:1;}.dtr-data .actions .list-actions{background:rgba(255, 255, 255, 0.00);} table.table-bordered.dataTable td.mobile-action{display:table !important;} } /*for table sorting arrows*/ .sort{position:relative;cursor:pointer;} .table-responsive table th span{font-weight:400 !important;display:block;} .table-responsive table th .slider span{display:none;} .sort::after{ position: absolute; content: "\f0dc"; font-family:'FontAwesome', sans-serif; right: 0px; opacity: 0.5; font-size: 20px; top:-3px;} .tb_headerSortUp::after,.sort .tb_headerSortDown::after{position:absolute;font-family:'FontAwesome', sans-serif;right:0;opacity: 0.5;} .tb_headerSortUp::after{content: "\f0de" !important;opacity:0.8;} .tb_headerSortDown::after{content:"\f0dd" !important;opacity:0.8;} .dtr-details li .dtr-title:empty{display:none !important;} /*for table sorting arrows*/ .legend span {display: inline-block;margin-left: 7px;margin-right: 7px; padding: 8px;float: left;} .raph-widget-content .legend span {margin-right: 10px !important; float: right !important;} .containerLegend .legend div {width: 100%;} .containerLegend .legend:first-child {display: none;} .containerLegend .legend {width: 212px; margin: 23px; height: 304px; overflow-y: auto; overflow-x: hidden;} /*legend zoom GD*/ /*for activity panel*/ .activity-panel{display:flex;flex-direction:column;} .activity-panel .conversation-box{display:flex;flex-direction:row;margin: 5px 0px;padding: 0px 0px 0px 60px;height: auto;position: relative;min-height:50px;-moz-box-sizing: border-box;box-sizing: border-box; -webkit-box-sizing: border-box;float: left;width: 100%;border-bottom: 1px solid #dee2e6;} .activity-panel .conversation-box .con-box-header{width: 100%;float: left;margin: 0px;padding: 0;height: auto;display: flex;align-items: center;justify-content: space-between;} .activity-panel .conversation-box .con-box-header span {display: inline-block;font-size:16px;line-height: 0;color: #000;} .activity-panel .conversation-box::before {content: "";width: 1px;height: 100%;top: 0px;left: 27px;background: #e2e4e7;position: absolute;display:none;} .activity-panel .conversation-box .name-circle { width:52px;height:52px;background: #e7e7e7;line-height:35px;text-align: center;border-radius: 100% !important; font-size: 24px; color: #494949; position: absolute;border:4px solid #fff; left: 0;top: -4px; } .activity-panel .conversation-box .con-box-header .deptt{font-size: 14px;font-weight: bolder;color: #525f65;display: inline-block;} .activity-panel .conversation-box .conversation-content{width: 100%;float: left;margin: 0px;padding: 0px;height: auto;line-height: 18px;display: flex;align-items: center;} .activity-panel .conversation-box .conversation-content p{margin-bottom:0;color:#1985d0;} .activity-panel .conversation-box .con-box-header .publish-date{margin-bottom:0;font-size: 14px;color: #666;display: inline-block;} .activity-panel .conversation-content .icon{width: 50px;height: 50px;display: flex;} .activity-panel .conversation-content .icon img{margin:0;} .activity-panel .conversation-box:last-child{border-bottom:none;} /*search-tag*/ .search-tag:focus{box-shadow:none;} .search-tag{font-weight: inherit;padding:5px 5px 0px 5px;font-size: 14px;display: flex;align-items: center;color:#727272;margin-right:5px;margin-bottom:5px;background: #f0f0f0;}/*padding:2px 5px;*/ .search-tag .badge {font-size: 28px;font-weight:200;padding: 0 0 0 10px;top: 0;line-height:20px;} .search-tag .tag-name{display:inline-block;flex:90%;overflow: hidden;text-overflow: ellipsis;max-width:200px;letter-spacing: 1px; text-align:left; white-space:nowrap;}/*max-width:120px; - made symmetry in Ticketing and project search - Harjit24March21*/ .searchtagfloat{float:left;margin-bottom:5px;margin-right:5px;} /*search-tag*/ /*manage context*/ .form-minheight{min-height: calc(75vh - 52px);} /*for-dashboard*/ .my-dashboard{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;} .my-dashboard .icon{display:flex;font-size:45pt;transform:scale(1);transition:.15s;justify-content: center;} .my-dashboard .text{display:flex;font-size:12pt;font-weight:600;text-align:center;} .my-dashboard:hover .icon{transform:scale(1.2);transition:.15s;transform-origin:center;} .before-d-none:before{display:none;} /*for-dashboard*/ /*form context menu widget management*/ .row-content h4{font-size:14px;} .row-content .widget-wrraper{display:flex;flex-wrap:wrap;border-bottom:1px solid;padding-bottom:10px;} .badge-widget{display:flex;min-width:25%;border:1px solid;padding:5px;} .badge-widget .badge{padding:0 10px 0 0;font-size:18px;} .badge-widget .tag-name{justify-content: center;} .badge-enable .badge em{padding:1px;} .badge-enable .badge em:before{content:"\f142"} .badge-disable .badge em:before{content:"\f142";visibility:hidden;} /*form context menu widget management*/ .my-popups .modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0; z-index: 99999; background-color:rgba(0, 0, 0, 0.8);overflow-y:auto;}/**z-index: 1040**/ .disabled { color:#8e9894!important; cursor: not-allowed !important;pointer-events:none;}/*color:#a7aeb3!important;* this color code was not working on Mac***/ .select select{background-image:none !important;} .border-top-pagi {border-top:1px solid #c3c3c3;} .multiselect-native-select select.form-control { display: none !important;} .multiselect-container { max-height: 300px; overflow-x: hidden; overflow-y: auto;} .multiselect-group .multiselect-native-select{flex:1;} .form-group .vs__dropdown-toggle{ border-radius: 0 !important; border-color: #abb5bf!important;} .wrapper .navbar{padding:0rem 1rem} .v-select .dropdown-toggle{border-radius:0 !important; border-color:#abb5bf!important;} .dropdown-menu-right> li .dropdown-menu{position:relative !important;background:#4a4a4a;} /*left-menu gaurav*/ .l-menu-footer{display:none;} span.text-lmenu{display:none;} .menu-left-wrapper span.text-lmenu{display:inline-block;} /****2024- left menu - Full Menu*****/ .menu-left-wrapper a#navbarDropdownPortfolio.dropdown-toggle::after{margin-left: 8px;} .unsetflex{flex-direction:unset!important;} /* .menu-left-wrapper .navbar-dark .navbar-nav .nav-link.unsetflex {padding:0px 10px!important;} */ .menu-left-wrapper ul.navbar-nav.header-menu-for-left li.nav-item.position-unset ul.dropdown-menu.my-account {background: #1f1e23; width: auto; margin:0px 10px !important; max-height: 386px; overflow-y:auto;position:initial!important;} .menu-left-wrapper ul.navbar-nav.header-menu-for-left li.nav-item.position-unset ul.dropdown-menu.my-account li {display:flex;} .menu-left-wrapper ul.navbar-nav.header-menu-for-left li.nav-item.position-unset ul.dropdown-menu.my-account li a{width:100%; font-size:15px; padding: 8px 0px 8px 20px; border-bottom:none;} .menu-left-wrapper ul.navbar-nav.header-menu-for-left li.nav-item.position-unset ul.dropdown-menu.my-account li em{float:right; margin-right:0px;} .menu-left-wrapper ul.navbar-nav.header-menu-for-left li.nav-item.position-unset ul.dropdown-menu.my-account li span{float:right; margin-right:0px;} .menu-left-wrapper ul.navbar-nav.header-menu-for-left li.nav-item.position-unset ul.dropdown-menu.my-account li.active {background: #4d4c51;} .menu-left-wrapper ul.navbar-nav.header-menu-for-left li.nav-item.position-unset ul.dropdown-menu.my-account li ul.submenu{ position: absolute; left: 245px; top:277px!important; background: #2a2a2c; z-index: 999; display: flex; flex-wrap: wrap; border-radius:0px 10px 10px 0px; max-height:275px; padding: 5px 0px 5px 0px; overflow-y: auto;} .menu-left-wrapper ul.navbar-nav.header-menu-for-left li.nav-item.position-unset ul.dropdown-menu.my-account li ul.submenu li{margin:0px;} .menu-left-wrapper ul.navbar-nav.header-menu-for-left li.nav-item.position-unset ul.dropdown-menu.my-account li ul.submenu li a{width:100%; font-size:14px; padding: 7px 0px 7px 15px; border-bottom: 0px; margin:0px;} .menu-left-wrapper ul.navbar-nav.header-menu-for-left li.nav-item.position-unset ul.dropdown-menu.my-account li ul.submenu li em{float:left; margin-right:10px; font-size: 9px; margin-top: 4px;} .menu-left-wrapper ul.navbar-nav.header-menu-for-left li.nav-item.position-unset ul.dropdown-menu.my-account li ul.submenu li:nth-child(5n-1) em {color:#1474d8;} .menu-left-wrapper ul.navbar-nav.header-menu-for-left li.nav-item.position-unset ul.dropdown-menu.my-account li ul.submenu li:nth-child(5n-2) em {color:#8a7fcb;} .menu-left-wrapper ul.navbar-nav.header-menu-for-left li.nav-item.position-unset ul.dropdown-menu.my-account li ul.submenu li:nth-child(5n-3) em {color:#dc9b47;} .menu-left-wrapper ul.navbar-nav.header-menu-for-left li.nav-item.position-unset ul.dropdown-menu.my-account li ul.submenu li:nth-child(5n-4) em {color:#e14e2d;} .menu-left-wrapper ul.navbar-nav.header-menu-for-left li.nav-item.position-unset ul.dropdown-menu.my-account li ul.submenu li:nth-child(5n-5) em {color:#9ea474;} .menu-left-wrapper ul.navbar-nav.header-menu-for-left li.nav-item.position-unset ul.dropdown-menu.my-account li ul.submenu li{ width:100%;} .navbar-dark .navbar-nav.header-menu-for-left .nav-link{padding: 0px 20px!important; margin: 0px 10px;} @media (max-width:1023px) { .menu-left-wrapper ul.navbar-nav.header-menu-for-left li.nav-item.position-unset ul.dropdown-menu.my-account li ul.submenu{top:47px!important;} } /****Sub menu - Shrink***/ .menu-left-wrapper.wrapper-shrink ul.navbar-nav.header-menu-for-left li.nav-item ul.dropdown-menu.my-account{width: 280px; left: 89px; top:216px; position:absolute!important; border-radius:0px 10px 10px 0px;} .menu-left-wrapper.wrapper-shrink ul.navbar-nav.header-menu-for-left li.nav-item ul.dropdown-menu.my-account li{position:relative; } .menu-left-wrapper.wrapper-shrink ul.navbar-nav.header-menu-for-left li.nav-item ul.dropdown-menu.my-account li ul.submenu{position:unset;margin:0px 10px 0px 10px!important; width: auto !important;} .menu-left-wrapper.wrapper-shrink ul.navbar-nav.header-menu-for-left li.nav-item ul.dropdown-menu.my-account li.active{display:block!important; } .menu-left-wrapper.wrapper-shrink ul.navbar-nav.header-menu-for-left li.nav-item ul.dropdown-menu.my-account li a{display:block; border-bottom: none;} .menu-left-wrapper.wrapper-shrink ul.navbar-nav.header-menu-for-left li.nav-item ul.dropdown-menu.my-account li.active ul li em{margin-top:5px;} .menu-left-wrapper.wrapper-shrink ul.navbar-nav.header-menu-for-left li.nav-item ul.dropdown-menu.my-account li.active {background: #1f1e23;} /****Sub menu - Shrink***/ /*****SubMenu*****/ /* Styling the scrollbar in Firefox */ .menu-left-wrapper .fullmenu-scroll { scrollbar-color: #000000 #303030; scrollbar-width: thin;} .menu-left-wrapper .fullmenu-scroll::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); background-color: #303030;} .menu-left-wrapper .fullmenu-scroll::-webkit-scrollbar { width: 6px; background-color: #303030;} .menu-left-wrapper .fullmenu-scroll::-webkit-scrollbar-thumb { background-color: #000000;} /*****SubMenu*****/ /* #navbarResponsive ul.header-menu-for-top li.nav-item a.nav-link em{min-width:unset!important;} */ #navbarResponsive ul.header-menu-for-top li.nav-item a.nav-link em { min-width: 25px !important; margin-right: 0px !important; text-align: center; } /***HS mobile view Top Nav*****/ @media (max-width:991px){ #navbarResponsive.navbar-collapse ul.header-menu-for-top li.nav-item a.nav-link em { min-width: 25px !important; margin-right: 14px !important; text-align: center; font-size: 20px; } #navbarResponsive.navbar-collapse ul.header-menu-for-top li.nav-item img.dark-full-screen{padding-left:0px;} } .navbar-dark .header-menu-for-left .navbar-nav .nav-link { color: rgba(255,255,255,1); padding: 0px 20px !important; margin: 0px 7px;} #navbarResponsive ul.header-menu-for-left li.nav-item a.nav-link em{min-width: 24px !important; font-size: 15px; text-align: left; padding: 0px; margin: 0px 4px 0px 0px !important;} #navbarResponsive ul.header-menu-for-left li.nav-item a.nav-link span {margin: 0px !important;font-size: 15px;} .menu-left-wrapper.wrapper-shrink #navbarResponsive ul.header-menu-for-left li.nav-item a.nav-link em{min-width:auto !important; font-size: 20px!important; text-align: left; padding: 0px; margin: 0px 0px 0px 0px !important;} .myprof_newlogobase{display:flex; background:#29282d; width:100%; text-align:center; justify-content:center;} .menu-left-wrapper .myprof_newlogobase .navbar-brand{display:block; min-width: 170px;} .menu-left-wrapper.wrapper-shrink .myprof_newlogobase .navbar-brand{display:none;} .menu-left-wrapper .myprof_newlogobase .leftmenu_collapse{background-image:url('/Vue-UI-Content/images/leftmenu_collapse.png'); background-repeat:no-repeat; height: 20px; width: 20px; } .menu-left-wrapper.wrapper-shrink .myprof_newlogobase .leftmenu_collapse{display:none!important;} ul.header-menu-for-left li.show #navbarDropdownPortfolio.nav-link.sidebaricon {background: #262628 !important; border-radius:8px 8px 0px 0px;} ul.header-menu-for-left .nav-link.active {background: #4d4c51 !important; border-radius: 8px;} ul.header-menu-for-left .nav-link:hover {background: #4d4c51 !important; color:#fff; border-radius: 8px;} ul.header-menu-for-left li.nav-item{margin-bottom:5px;} #navbarResponsive ul li.nav-item a.nav-link span.myprof_new{margin-top: 20px !important;} .myprof_new{line-height: 17px; text-align: left; font-size: 18px!important;} .menu-left-wrapper .navbar-dark .navbar-nav #navbarDropdownMenuLink.nav-link:focus, .navbar-dark .navbar-nav #navbarDropdownMenuLink.nav-link:hover { background:none!important; } /****2024- left menu - Full Menu*****/ @media (min-width:768px){ .menu-left-wrapper .leftmenu_expand{ display:none!important;} .menu-left-wrapper.wrapper-shrink .leftmenu_expand{ display:block!important; font-size: 20px; padding: 0;} .menu-left-wrapper {padding-top:0;} .menu-left-wrapper .switch-menu{min-width:245px;max-width:245px;display:flex;position:fixed;transition:all .15s;z-index:1000;} .menu-left-wrapper #content{padding-left:245px;transition:all ease-in-out .15s} .menu-left-wrapper .name-left{display:none;} .menu-left-wrapper .navbar-brand{display:none;} .menu-left-wrapper #navbarResponsive .navbar-nav{flex-direction:column;min-height:100vh;} .menu-left-wrapper #navbarResponsive .nav-item.leftsidebar.d-lg-none{display:flex !important;} /* .menu-left-wrapper footer{padding-left:190px;} */ .menu-left-wrapper .my-image{display:flex;border: 4px solid rgba(255,255,255,.1);width:60px;height:60px; border-radius: 10px!important;} .menu-left-wrapper .sidebar-toggle{display:flex; padding:10px 0; align-items:center; color:white; height: 37px; width: 37px; background-color: #191919; border-radius: 100%; background-position: center;} .menu-left-wrapper .sidebar-toggle em{margin:0 auto;} .menu-left-wrapper .text-lmenu{padding:0;display:inline-block;} .menu-left-wrapper .navbar .container-fluid{padding:5px;} .menu-left-wrapper .navbar-nav .nav-item{white-space:nowrap;} .menu-left-wrapper .navbar-nav .i-lmenu{display:inline-block;} .menu-left-wrapper .navbar-nav em{padding-right:5px;} .menu-left-wrapper .navbar-nav .img-lmenu{display:none !important;} .menu-left-wrapper .navbar-nav .left-menu-link{display:flex !important;align-items:center;} .menu-left-wrapper .navbar-nav .left-menu-link .nav-link{display:flex;flex-direction:column;align-items:flex-start;width:100%;} .menu-left-wrapper .l-menu-footer{position:absolute;bottom:0;background: black;width:100%;left:0;padding:5px 10px;} .menu-left-wrapper .l-menu-footer a{color:white;} .wrapper-shrink footer{transition:all .15s}/***padding-left:60px;**/ .wrapper-shrink .switch-menu{min-width:99px;max-width:99px;transition:all .15s} .wrapper-shrink #content{padding-left:99px;transition:all .15s} .wrapper-shrink .navbar-nav span{display:none;} .wrapper-shrink .navbar-nav .nav-heading span {display: block;} .wrapper-shrink .my-image{display:flex !important;border: 4px solid rgba(255,255,255,.1);width:60px;height:60px;} .wrapper-shrink #navbarResponsive .navbar-nav{max-width:99px;align-items:center;transition:all .15s} .wrapper-shrink #navbarResponsive .dropdown-toggle::after{display:none;transition:all .15s} .wrapper-shrink .navbar-nav em{transition:all .15s} /*gaurav dhiman for issue number #589635*/ .wrapper-shrink .l-menu-footer{position:absolute;display:flex;align-items:center;justify-content:center;} .menu-left-wrapper .wrapper{ min-height: calc(-62px + 100vh);} } .fa-input {font-size: 14px !important; padding: 0.572rem 1.3rem !important; font-family:FontAwesome,'Poppins', sans-serif !important; line-height: 1; font-weight: normal;} .text-popover{color:#ea7b19;transform:scale(1);transform-origin:center;transition:all ease-in-out .15s;} .text-popover:hover{transform:scale(1.3);transform-origin:center;transition:all ease-in-out .15s;} .popover-custom .close{background:#000000;opacity:1;position:absolute;right:2px;top:-10px;} .popover{z-index:99999999 !important;} /*Gaurav Dhiman*/ .form-content-new { width: 100%; float: left; margin: 0px; padding: 0px; border: 1px solid #313131;} .border-dotted.etemplaterows { border: 2px dotted #d5d5d5 !important;} /*gaurav dhiman with select*/ .cstm-drop-btn{position:relative;display:initial;} .cstm-drop-btn .btn:focus{box-shadow:none !important;border:none !important;} .cstm-drop-btn select{-webkit-appearance: none;-moz-appearance:none; appearance:none; padding:2px 10px 2px 2px; font-size:14px; font-weight:300; border:none !important; background-image: url('../images/drop-down-arrow-white.png'); background-position: right 8px center; background-size: 10px; background-repeat: no-repeat; min-width:120px; text-align:center;text-align: -webkit-center; text-align-last:center; border-radius: 0 !important;} .cstm-drop-btn select option{background:#fff;color:#525f65;} .card-description{padding: 8px 8px 0px 8px; position:absolute; left:0; top:1px; border-left:none !important;border-right:none !important;z-index:10;max-height:130px;min-height:130px;} .common-height .mCSB_inside{max-height:inherit !important} /*gaurav dhiman*/ .active-disabled span{padding:0px 3px; min-width:120px;font-weight:300;cursor:not-allowed!important;opacity:0.8; pointer-events:none;} .inactive-disabled span{padding:0px 3px; min-width:120px;font-weight:300;cursor:not-allowed!important;opacity:0.8; pointer-events:none;} button.inactive-disabled { padding:0px 3px; min-width:120px;font-weight:300;cursor:not-allowed!important;opacity:0.8; pointer-events:none; } .card-actions_hr { width:160px;z-index: 99 ;float: right ; right:20px ;top:53px;text-align: right;left: inherit; position:absolute;border: 1px solid #f0f0f0;padding:5px;} .cke_toolbox{display: flex;flex-direction: row;flex-wrap: wrap;} .panelcoming {border: 1px solid #d1d1d1;background: #f2f2f2;z-index: 100;width: 390px;left: -208px !important;top: 39px !important;padding: 10px;} .panelfix::before {border-color: rgba(194, 225, 245, 0);border-bottom-color: #cccccc;border-width: 11px;margin-top: -36px;right: 18px;} .panelfix a {padding: 4px 0px;line-height: 30px;} .panelcoming .custom-control{float:left;} .panelcoming .close{position:absolute;transform: translate(-9px,-35px);opacity:0.9;right:-25px;} .nu-rating .custom-control-label{float:left;} .card-detail-main .list-group-item{background:rgba(255, 255, 255, 0.64);} .rating-stars ul { list-style-type:none; -moz-user-select:none; -webkit-user-select:none; padding: 8px 9px 6px; border: 1px solid #b8bec4; } .rating-stars ul > li.star { display:inline-block; } .rating-stars ul > li.star > em.fa { font-size:20px; color:#ccc; } .rating-stars ul > li.star.hover > em.fa { color:#FFCC36; } .rating-stars ul > li.star.selected > em.fa { color:#FF912C; } .givenrating span{color:#ccc;} .givenrating span.checked {color: orange;} .stage { margin: 0px 0px 0px 0px !important; padding: 0; counter-reset: step; width: 175px; float: left; } .stage li { list-style-type: none; width: 20%; float: left; font-size: 12px; position: relative; text-align: center; text-transform: uppercase; color: #7d7d7d; cursor:pointer;} .stage li:before { width: 23px; height: 23px; content: counter(step); counter-increment: step; line-height: 19px; border:2px solid #c8c8c8; display: block; text-align: center; margin: 0 auto 0px auto; border-radius: 50%; background-color: white; position:relative; z-index: 2; } .stage li:after { width: 100%; height: 2px; content: ''; position: absolute; background-color: #CECECE; top: 11px; left: -50%; z-index: 1; } .stage li:first-child:after { content: none; } .stage li.active { color: green; } .stage li.active:before { border-color: #55b776;} .stage li.active + li:after { background-color: #55b776; } .main-content .v-select .selected-tag{border-radius:0 !important;border:none !important;padding:0 8px;font-size: 14px;align-items: center;color: #727272; z-index:2;} .main-content .v-select .selected-tag .close {font-size:18px;font-weight: 200;padding: 0 0 0 10px;top: 0;line-height: 26px;color: #727272 !important;} .main-content .v-select .selected-tag .close:hover{background:none;border-radius:0;color: #727272 !important;} /*colored option*/ *.map-actions .map-btns{display: inline-block;color:#fff !important;text-align: center;white-space: nowrap;vertical-align: middle;width:auto;height:auto;background:rgba(1, 141, 233, 0.62);border-radius:0;margin-bottom:4px;} .map-actions .map-btns:hover{background:rgb(1, 141, 233);} .mp-active{background:rgb(1, 141, 233);} .map-actions .map-btns a{display:inline-block;float:left;padding: .185rem .65rem;color:inherit !important;} .map-actions .map-btns em{display:inline-block;float:left;transform: translateY(8px);} .map-actions .map-btns span{display:inline-block;float:left;width:auto;} .map-actions .map-btns span:hover,.map-actions .map-btns:hover{transform:none;} /*colored option*/ .user-detail .user-image {width:100%; text-align: center; margin:10px 0px; padding: 0px; } .user-detail .user-image img{width:130px; height:130px; border-radius: 100%; border: 8px solid #fff;} .user-detail .user-name {width: 100%; text-align: center; margin:0px; padding: 0px; font-size: 20px; font-weight: 500;} .user-detail .user-profession{width: 100%; text-align: center; margin:0px; padding: 0px; font-size: 15px; font-weight: 500; color:#24a5ff;} .user-detail .user-contactinfo{ text-align: center; margin-top: 20px; border-top: 1px solid #ccc; padding-top: 20px;} .user-detail .user-contactinfo p{ margin:0px;} .user-detail .appliedfor{ text-align: center; margin-top: 20px; font-weight: 500;} .feedback-box { width: 100%; float: left; margin: 10px 0px; padding: 0px 0px 0px 60px; height: auto; position: relative; min-height: 70px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .feedback-box .name-circle { width: 40px; height: 40px; line-height: 28px; text-align: center; border-radius: 100% !important; font-size: 21px; position: absolute; border: 5px solid; left: 2px; top: -2px; } .feedback-box .con-box-header { width: 100%; float: left; margin: 0px; padding: 5px 0px; height: auto; font-weight: 500; font-size: 15px; color: #303030;} .feedback-box::before { content: ""; width: 1px; height: 100%; top: 0px; left: 22px; background: #e2e4e7; position: absolute; } .feedback-box-content { width: 100%; float: left; margin: 0px; padding: 5px 0px 0px 0px; height: auto; line-height: 18px; color: #313131; font-size: 14px; } .feedback-box-content .givenrating { font-size: 20px; } .body-fix{position:fixed;overflow:hidden;} .custom-select.is-invalid,.multiselect.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid{border-color: #dc3545 !important;box-shadow: none;} .card-view ul{list-style:none;} .stagelarge { margin: 0px 0px 0px 0px !important; padding: 0; counter-reset: step; width: 100%; float: left;white-space:nowrap;max-width:100%;min-width:300px;overflow-x:auto;display:block;} .stagelarge li {float:unset !important; list-style-type: none; display:table-cell;min-width:110px; font-size: 15px; position: relative; text-align: center; color: #7d7d7d; cursor:pointer;}/*width: 33.33%; #572129 - Harjit Singh 18 April2022*/ .stagelarge li:before { width: 50px; height: 50px; content: counter(step); counter-increment: step; line-height: 45px; border:2px solid #c8c8c8; display: block; text-align: center; margin: 0 auto 0px auto; border-radius: 50%; background-color: white; position:relative; z-index: 2; } .stagelarge li:after { width: 100%; height: 2px; content: ''; position: absolute; background-color: #CECECE; top: 26px; left: -50%; z-index: 1; } .stagelarge li:first-child:after { content: none; } .stagelarge li.active { color: green; } .stagelarge li.active:before { border-color: #55b776; background: #55b776; color: #fff;} .stagelarge li.active + li:after { background-color: #55b776; } .stage-schedule{width: 100%; margin: 0px; padding: 10px 0px; float: left; display: flex; flex-wrap: wrap;} .stagelarge li a{position: relative;margin: -50px auto 0px auto;display: block;z-index: 10;width: 50px;height: 50px; border-radius: 100%;} .stagelarge li a:before{display:none;} .wizard {width: 100%;float: left; padding-left: 0.5%; padding-right: 0.5%;margin: 0px auto 10px;box-sizing: border-box;background:#f8f9fa !important;display:flex;align-items:center;} .wizard .nav-tabs {position: relative;margin: 0px auto; /*40px auto*/ margin-bottom: 0;border-bottom: none !important;display: table;height: 87px;} .wizard > div.wizard-inner {width: 95%;float: left;background: #f6f6f6;overflow-y: hidden;overflow-x: auto;} .leftsmalltext {width: 5%; padding-left: 1%;box-sizing: border-box;float: left;margin-top:0px;height: 20px;} .nav-link.active {background: none !important;} .wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {color: #555555;cursor: default; border: 0;border-bottom-color: transparent;} span.round-tab {width:30px;height:30px; content: counter(step); counter-increment: step; line-height: 45px; border: 2px solid #c8c8c8;display: block;text-align: center; margin: 0 auto 0px auto; border-radius: 50%; background-color: white; position: relative; z-index: 2; } span.round-tab em {color: #a7a7a7;} .wizard li a.active span.round-tab em { color: #fff} .wizard li a.active span.round-tab {background: #5bc0de;border: 2px solid #5bc0de;color: #fff;font-weight: 700} .wizard li a.active.red span.round-tab { background: #f1685e;border: 2px solid #f1685e;color: #fff;font-weight: 700} .wizard li a.active.green span.round-tab {background: #5cb85c;border: 2px solid #5cb85c;color: #fff;font-weight: 700} .wizard .nav-tabs > li a.active.blue { width: 50px;height: 50px;border-radius: 100% !important;background: #fff !important;border: 2px solid #5bc0de !important;z-index: 9} .wizard .nav-tabs > li a.active.red { width: 50px;height: 50px;border-radius: 100% !important; background: #fff !important;border: 2px solid #f1685e !important;z-index: 9} .wizard .nav-tabs > li a.active.green { width:33px;height:33px; border-radius: 100% !important;background: #fff !important;border: 2px solid #5cb85c !important;z-index: 9} .bg_outerdark { background: #f6f6f6} .wizard .nav-tabs > li { width: 6.66%;background:#f8f9fa !important;display: table-cell;position: relative;white-space: nowrap; vertical-align:top;} .wizard .nav-tabs > li a {margin: 9px auto;border-radius: 100%;padding: 0; position: relative} .wizard .nav-tabs > li a:hover {background: 0 0} .wizard .tab-pane { position: relative;padding-top: 50px} .wizard h3 { margin-top: 0} .leftroundsbase {width: 88%;margin-left: 20px;background: #f6f6f6} .rightdatebase { width: 10%; float: left;margin-top:0px} .wizard-inner ul li { border-bottom: none !important} @media(max-width:1650px) {.leftroundsbase { width: 84% }} @media(max-width:585px) {.wizard {width:100%;height: auto !important;display:flex;flex-direction:column;} /*409931*/ .wizard li.active:after {content: " "; position: absolute; left: 35% } } @media(max-width:1020px) {.leftsmalltext, .rightdatebase { width: 100%;text-align: center} .wizard > div.wizard-inner {width: 100%} } li.nav-item.stepper::after, li.nav-item.stepper::before { content: '';position: absolute;top:25px;width: 50%;height: 2px; z-index: 1} li.nav-item.stepper::after {left: 51%; background: #55b776} li.nav-item.stepper::before {left: 0;background: #5cb85c} .active ~ li.nav-item.stepper::before {background: #a7a7a7;z-index: 1} li.active ~ li span.round-tab {background: #fff;border: 2px solid #a7a7a7} li.active ~ li span.round-tab em {color: #a7a7a7} li.nav-item span.round-tab {background-color: #55b776;border: 2px solid #55b776;position:relative;text-align:center;} li.nav-item span.round-tab:before{position:absolute;display:inline-block;content: "\f00c";font-family:'FontAwesome', sans-serif;color:white;top:5px;left:5px; font-weight:normal; font-size:14px; line-height: 1;} .wizard .nav-tabs > li a.active.green span.round-tab:before{color:#55b776;} li.nav-item span.round-tab em {color: #fff; font-size:20px;} .active ~ li.nav-item.stepper::after {background: #a7a7a7;z-index: 1} li.nav-item.stepper.active::after {left: 51%;background: #a6a6a6;} li.nav-item:first-child::before, li.nav-item:last-child::after { display: none} li.nav-item.stepper .text { float: left;display: inline-block;font-size: 15px;width: 100%;color: #212529;margin-top: 0px;margin-bottom: 10px} /*Deal stage Wizard Gaurav Dhiman*/ /*********************** Integration ********************/ .integration-container.docstorage{min-height:auto!important;} .integration-container{min-height:600px;} .integration-container h6{ width: 100%; font-size: 18px; font-weight: 400; color: #4f4f4f; margin-bottom: 15px;} .integration-container .integrationwith{background: #f1f1f1; min-height: 190px; display: flex; align-content: center; align-items: center; justify-content: center; margin: 5px 0px; padding: 30px;} .basecamp-container{ height:100vh; display: flex; align-content: center; align-items: center;} .basecamp-container .basecamp-form{ max-width:600px; width:100%;} @media (max-width:1024px){ .basecamp-container{ height:auto; } } @media (max-width:600px){ .integration-container{min-height:200px;} .integration-container .integrationwith{min-height: 140px; } .integration-container h6{ font-size: 16px;} } .folder .folderlink{color:#2f2f2f;font-weight:400!important;text-decoration:none !important;} .folder .folderlink:hover{color:#297cb3 !important;} .folder.file-pin { position: relative;} .doc-ico-legend{ font-size: 14px;} .doc-icon em.fa-thumb-tack{font-size:inherit;} .doc-icon em{font-size:2.0em;} .doc-ico-legend em{font-size:14px;} .box .doc-icon em{font-size:4em;} .storagegraph{border-radius:0 !important;height:2.5rem;} .storagegraph .memoryleft{display:flex;align-items:center;} .storagegraph .memoryleft .pendinglimit{display:flex;font-weight:400;font-size:14px;} .plupload_file_size, .plupload_file_status, .plupload_file_action{font-weight:500;} .plupload_file_status{color:#303030 !important;} .plupload_content .uploadaction{display:flex;flex-direction:row-reverse;align-items:center;} .plupload_content .list-group-item:last-child{border-radius:0 !important;} .plupload_filelist li {background: #F5F5F5 !important;} .plupload_upload_status{padding:5px;font-size:14px;font-weight:500;align-items:center;} .plupload-status-wrap{display:flex;flex:1;font-size:14px;} .plupload_buttons a{margin:0px 2.5px;} li.plupload_delete a{background:none !important;} .plupload_file_action * {display:block !important;} @media (max-width:1023px) {.plupload_upload_status{width:100%;}} @media (max-width:893px) {.plupload_content .uploadaction{flex-direction: column-reverse;} .plupload-status-wrap{flex:100%;width:100%;justify-content:flex-start;padding-left:10px;} .plupload_upload_status{width:100%;} .plupload-status-wrap .plupload_file_status,.plupload-status-wrap .plupload_file_size{display:flex;} } @media (max-width:420px) {.plupload_file_name{width:100%;}.plupload_buttons{width:100%;display:flex;flex-direction:column;}.plupload_buttons a{width:100%;justify-content:center;align-items:center;margin:0;} .plupload_file_name .reset{display:flex;width:100%;}.plupload_file_name .reset a{display:flex;justify-content:center;align-items:center;width:100%}} .position-unset .full-menu-new .collps{display:none;} @media (max-width:420px) {.position-unset{position:inherit !important;} .position-unset .full-menu-new{position:absolute !important;top: 175px;z-index:999;border:14px solid rgba(0, 0, 0, 0.00) !important;} .position-unset .full-menu-new .menu-search-panel{position:relative;} .position-unset .full-menu-new .collps{background: #e9eaeb;outline: none;color: #000 !important;opacity: 1;cursor:pointer;width: 30px;height: 30px;line-height: 22px;text-align: center;font-size: 20px;display:flex;float:right;position:absolute;top:-23px;right:-14px;justify-content: center;border-radius:50%;padding:5px;} .position-unset .overflow-visible{overflow:visible !important;} .position-unset .full-menu-new .popover{display:none;} .body-fixed{position:fixed;overflow:hidden;} nav .collapse.show{min-height:100vh;position:fixed;padding-bottom:100px;overflow-y:scroll;-webkit-overflow-scrolling: touch}/*padding-bottom:60px*/ } .input-group .v-select{-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;width:1%;display:block} /*form vue-js dropdown setting with circle icons width: 1%;*/ /**************************** Range Slider *******************/ .flat-slider {width: 99%; padding: 10px 0px 60px; position: relative;} .flat-slider .ui-corner-all {border-radius: 0px; } .flat-slider .ui-widget-content a {color: #313131;} .flat-slider .ui-widget-content {color: #313131; background-color: #E9E9E9; background-image: none; border-width: 0; } .flat-slider .ui-widget-header {background-color: white; border-color: white; background-image: none;} .flat-slider .ui-state-hover, .flat-slider .ui-widget-content .ui-state-hover, .flat-slider .ui-widget-header .ui-state-hover, .flat-slider .ui-state-focus, .flat-slider .ui-widget-content .ui-state-focus, .flat-slider .ui-widget-header .ui-state-focus { background-image: none;} .flat-slider .ui-slider {position: relative;text-align: left;} .flat-slider .ui-slider-horizontal {height: 15px;margin-top: 15px;} .flat-slider .ui-slider-handle {cursor: pointer;position: absolute;background-color: #337ab7;background-image: none;border: 2px solid #2e6da4;border-radius: 100% !important;height: 35px;top: -10px;width: 35px;} .flat-slider .min, .flat-slider .max, .flat-slider .min_value, .flat-slider .max_value, .flat-slider .value {margin-top: 0.8em;white-space: nowrap;-webkit-transition-duration: 0.35s;-moz-transition-duration: 0.35s; -o-transition-duration: 0.35s;transition-duration: 0.35s;-webkit-transition-property: opacity;-moz-transition-property: opacity;-o-transition-property: opacity;transition-property: opacity;} .flat-slider .min, .flat-slider .max {color: #313131;} .flat-slider .min {float: left;} .flat-slider .max {float: right;} .flat-slider .min_value, .flat-slider .max_value, .flat-slider .value {position: absolute;} .flat-slider::after {clear: both;} .paging-dd {max-width: 100px;min-width: 100px;} .sas .flat-slider .ui-widget-content {background-color: #5bc0de;} .sas .flat-slider .ui-slider-handle {border: 2px solid #fff;background: #2eabd1;box-shadow: rgba(49, 49, 49, 0.55) 0px 0px 2px;} .fas .flat-slider .ui-widget-content {background-color: #f0ad4e;} .fas .flat-slider .ui-slider-handle {border: 2px solid #f0ad4e;background: #fff;} .dsas .flat-slider .ui-widget-content {background-color: #d9534f;} .dsas .flat-slider .ui-slider-handle {border: 2px solid #d9534f;background: #fff;} @media (max-width:1024px) { .listing .table td:first-child, .listing .table th:first-child {padding: 8px 1rem 8px 26px !important;} } /*for fixing table expandable icons overlapping the th text*/ /* slider bar */ .project .bar.ui-slider { width: 85px; margin-right: 12px; border: none; margin-top: 10px; background: #dbdfe0; height: 13px; border-radius: 42px; } .project .percent { width: 56px; float: right; border: 1px solid #ccc; color: #333 !important; padding: 5px; text-align: center; } .project { display: flex; align-content: center; justify-content: center; } .project .bar.ui-slider .ui-slider-range.ui-widget-header { background: #249bfe !important; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .project .bar.ui-slider .ui-slider-handle { border-radius: 50%; background: #fff; box-shadow: 0px 0px 4px #666; border: none; top: -4px;} .cke_combo_text{padding:6px !important;} /********Unified Communication***************/ .chat_popup {position: fixed;width: 50px;height: 193px;z-index: 9999; right: 0px;top:35%;display: block; -webkit-transition: transform 80ms; transition: transform 80ms;} /*top: 330px***Harjit 11May2022**/ .chat-btn-hide {transform: translateX(37px); -webkit-transition: transform 80ms;transition: transform 80ms;transform-origin: left;} .chat_popup .cht-collapse { position: relative;background: #099de3;width: 25px;padding: 2px; box-sizing: border-box;font-size: 12pt; color: #fff;display: inline-block;text-align: center; top: 110px;right: 12px;border-radius: 100% !important;} .cht-collapse .arrow-rotate {transform: rotate(179deg) !important;transform-origin: center;-webkit-transition: transform 80ms;transition: transform 80ms;} /********Unified Communication***************/ .img-max-width{max-width:55px;} /******MSP******************/ .summary-pop { background: #fff;position: absolute;max-width: 720px;display: inline-block;float: right; right: 0;z-index: 999;top: 76px; border: solid 5px #fff; box-shadow: rgba(49, 49, 49, 0.11) -10px -2px 20px; border-radius: 6px !important; transform: translate(510px, -75px); transition: transform 0.20s; } .summary-pop .summary-collapse { position: absolute; background: #5d5d5d; width: 45px; padding:5px; box-sizing: border-box; font-size:17pt; color: #fff; display: inline-block; text-align: center; top: 0px; left:-48px; border-radius: 6px !important; z-index: -1; } .summary-pop.summary-pop-expand { transform: translate(0px, -60px); transition: transform 0.20s; } @media (max-width:600px) { .summary-pop { max-width: 400px; transform: translate(402px, -60px); } } @media (max-width:480px) { .summary-pop { max-width: 360px; transform: translate(360px, -60px); } .col-6 .search-btm-btn{margin-top:0;} } @media (max-width:360px) { .summary-pop { max-width: 290px; transform: translate(290px, -60px);} } .backround-norpt{background-repeat:no-repeat;background-size:cover;background-position:center;} .min-height230{min-height:230px;} .card-detail ol{padding:0;} /* 14-8-20 manage subscription page css */ .canvan-view-list.subscription-list li > h3 {font-size: 22px; font-weight: 400; padding: 10px; justify-content: initial;} .canvan-view-list.subscription-list li > h3 em {font-size: 19px; margin-right: 8px;} .license-bx {display: block; clear: both; border: 1px solid #e5e5e5;} .license-header { display: flex; justify-content: space-between; border-bottom: 1px solid #e5e5e5;} .license-body {padding: 10px;} ul.license-info li {display: flex;justify-content: space-between;flex:revert; flex-direction: inherit;margin-right: 0;padding: 2px 0;align-items: center;width:100%} .license-header .col-eq {padding: 8px 10px;} .license-bx b {font-weight: 500;} .license-info li .form-control {max-width: 49px; padding: 2px 5px; font-size: 14px;} .progres .license-header .prog-head {background: #0cb08b; color: #fff;} .pending .license-header .prog-head {background: #fcb13c; color: #fff;} .overdue .license-header .prog-head {background: #fe6847; color: #fff;} .upcoming .license-header .prog-head {background: #3787cc; color: #fff;} .price-row {background: #0cb08b; color: #fff; display: flex; justify-content: space-between; align-items: center;} .price-row span{padding: 8px 10px; } .cardbx h2 {font-size: 20px; margin-bottom: 0; font-weight: 400;} .subcard h4 {margin-bottom: 0;font-size: 18px; display: flex; justify-content: space-between;} .listing-rw {padding: 7px 10px; margin-top: -1px;} .listing-rw em {color: #17a2b8;} .min-box {min-height: 180px;} .heading-cust .btn {padding: 4px 5px;} #info-hover {position: absolute; z-index: 99; background: #fff; right: 10px; top: 43px; padding: 15px 10px; box-shadow: 0px 0px 5px #CCE; min-width: 251px; display:none;} a.moreinfo:hover + #info-hover {display: block;} .addons_bx .cust_bdy {height: 364px; overflow: scroll; overflow-x: hidden;} .price-row .delete-btn {padding: 9px 10px; text-align: center; max-width: 60px; float: right; border-left: 8px solid #fff !important; cursor: pointer;} .lab_txt {display: flex; justify-content: space-between;} /* 14-8-20 manage subscription page css end */ /*****Manage Subscription - Subscribed Addons new css - Harjit Singh 08Sept 2021************************/ .min-box .listing-rw:first-child {margin-top: 0px;} /*****Manage Subscription - Subscribed Addons new css - Harjit Singh 08Sept 2021************************/ .bootstrap-datetimepicker-widget.dropdown-menu {width:auto !important;z-index:99999;} /*[data-width="0"]::before { height:calc(14px * 2) !important; }*/ .min-height-cal{min-height:310px;} .nav-header .search-bar{background-color: #525f65 !important;} .color-bar{display:flex;} .color-bar li{flex:1; background:#23a5fd; list-style:none; height:4px;} .time-bar{display:flex; border:1px solid #abb5bf; overflow:auto;} .time-bar li{flex:1; background:#fcfcfc; list-style:none; padding:9px 8px 8px 8px; text-align:center; border-right:1px solid #abb5bf;} .time-bar li:last-child{border-right:0;} @media (min-width:1026px) and (max-width:1280px){ /*form issue content devices resolution between 1025 px to 1280px issue no.438654*/ /*.action-list-box{max-width:600px;}*/ .action-list-box .actions-onclick{margin-top:5px;} footer .copyright {font-size: 11px;} } .form-control.is-invalid, .was-validated .form-control:invalid{padding-right: calc(1.5em + .75rem)!important;} /*gaurav dhiman as form invalid background was overllaping the text*/ @media (max-width:991px) { .modal{padding: 150px 20px 0px 20px!important;} .right-content .pagination{flex-wrap:wrap;flex-direction:column;} .right-content .pagination li:first-child{max-width:100%; -ms-flex: 0 0 100%; margin-bottom:10px; }/**flex:100%; **Removed - as on small devices First button was very broad**/ .right-content-expand .pagination{flex-wrap:wrap; flex-direction:row;} .right-content-expand .pagination li:first-child{max-width:100%; -ms-flex: 0 0 100%; margin-bottom:auto;} .modal{text-align: center!important;} .modal-dialog{text-align: left!important;} .nu-paging .choose-page span.mr-2, .nu-paging .choose-page span.ms-2{ padding-top: 7px; } .nu-paging .choose-page span.select{margin-right: 8px;} } .margin-top-none{margin-top:auto !important;} .w-75 .clsdashboardgroup .short-menu-item{flex-direction:column;} .w-75 .clsdashboardgroup .short-menu-item .left-icon-m{width:100%;margin:auto;margin-top: 0;margin-bottom: 0;} .w-75 .clsdashboardgroup .short-menu-item .left-icon-m em{font-size:40px;} .w-75 .clsdashboardgroup .short-menu-item .short-item-name{text-align:center;font-size:16px;padding:5px 0px;} .popover-custom{display:flex;flex-wrap:nowrap;max-width:unset;}/*#403756*/ .flat-slider .slider:before{display:none;} .slider.ui-slider span{display:block !important;} @media (max-width:768px) { .table-responsive .thead-bg th .cstm-chk .custom-control{padding-left: 0.5rem;} } .listing-tag{background:#f0f0f0;} .table-fix-header table tbody .backgroundffffff{ position:relative !important; z-index: 0 !important;} .help-labels-right{float:right;display:inline-block;width:50%;text-align:right;padding-bottom:0px;} @media (max-width:420px){.help-labels-right{float:right;display:inline-block;width:100%;text-align:left;padding-bottom:0px;} .help-labels-right span{display:inline-block;width:auto !important;} } .trpaging{width:100%;} .trpaging td{width:100%;} .v-select{height:auto;} button{outline:0 !important;} @media (max-width:1024px){ .mover-panel-box {flex:100%;} .mover-controls{width:100%;flex-direction:row;align-items:center;justify-content:center;} .mover-controls button{display:flex;margin:5px;align-items:center;justify-content:center;} .mover-controls button em{transform:rotate(90deg)} .mover-controls button em.add-down {transform: rotate(180deg);} .mover-controls button em.add-up {transform: rotate(180deg);} .table-fix-header{max-height:unset;} } .invalid-feedback{white-space:normal;font-size: 80%;} .form-invalid {display: inline-block;width: 100%;margin-top: .25rem;font-size: 80%; color: #dc3545;white-space:normal;} @media (max-width:768px ){ .CompantLocationSelectSubStatusselected{max-width:80px;} } @media (max-width:320px ){ .CompantLocationSelectSubStatusselected{max-width:60px;} } .md-accordion .card-panel-extand .collapsed .rotate-icon{-webkit-transform:rotate(180deg);transform: rotate(180deg);} @media (max-width:900px) { .table-responsive tbody .w-80{width:100% !important;} .table-responsive tbody .ddlTaskselected.w-80{width:80% !important;}/***Harjit added 20May2022 - #645958*******/ } .table-responsive .unique_dynamicdatalist{position:unset;} .vc-chrome{transform: translateX(-192px);right: auto;} .mail-content-wrapper .listing-wrapper .lists span:nth-child(2) {font-size: 14px;} .mail-content-wrapper .listing-wrapper .lists span:nth-child(3) {color: #0078d4; font-style: normal;} .mail-content-wrapper .listing-wrapper .lists span:nth-child(3) em {text-overflow: ellipsis; max-width: 20ch; width: 60%; overflow: hidden; display: flex; flex: 40%; justify-content: flex-end; color: #626262; font-size: 12px; font-style: normal;} .mail-content-wrapper .listing-wrapper .lists span:nth-child(4) {color: #626262; max-width: 28ch; display: block; overflow: hidden; text-overflow: ellipsis;} .lists-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(49, 49, 49, 0.05); transition: background .10s; display: none;} .lists-overlay em { z-index: 9999; position: absolute; right: 0; top: 5px;} .mail-content-wrapper .listing-wrapper .lists:hover .lists-overlay {display: block;} .mail-content-wrapper .content .mail-head { display: flex; align-items: center; padding: 15px; font-size: 18px; box-sizing: border-box;} .mail-content-wrapper .content .inbox-section { display: flex; align-items: stretch; width: 98%; flex-direction: column; padding: 0px 10px; box-sizing: border-box; background: white; box-shadow: 0 0 1px #bbb; margin: 0 auto;} .mail-content-wrapper .content .inbox-section .head {display: flex; flex: 100%; flex-direction: row; padding: 10px 0;} .mail-content-wrapper .detail { display: flex; flex: 100%; flex-direction: column; color: #535353;} .mail-content-wrapper .actions { display: flex; flex: 100%; flex-direction: row; align-items: center; justify-content: flex-end;} .mail-content-wrapper .mail-content {display: flex; flex: 100%; padding: 10px 0;} .mail-content-wrapper .content .reply-section {display: flex; align-items: stretch; width: 98%; flex-direction: column; padding: 0px 10px; box-sizing: border-box; background: white; box-shadow: 0 0 1px #bbb; margin: 0 auto;} .mail-content-wrapper .reply-section .Editor-editor {border: none; min-height: 450px !important;} .mail-content-wrapper #statusbar {display: none;} .mail-content-wrapper .reply-section #menuBarDiv { border: none; border: 0; border-color: none; border-bottom-color: none; filter: none; zoom: 1; position: absolute; bottom: 0; z-index: 2; display: flex; width: 100%; flex-direction: row; border-top: 1px solid #eeedeb; background: white;} .mail-content-wrapper .reply-section .Editor-container { position: relative;} .mail-content-wrapper .reply-section .Editor-container .btn {font-size: 12px !important; border: none !important;} #menuBarDiv .btn-group:nth-child(6) a:nth-child(3) { display: none !important;} #menuBarDiv .btn-group:nth-child(7) {display: none;} #menuBarDiv .btn-group:nth-child(8) {display: none;} .mail-content-wrapper .reply-btns { display: flex; flex: 100%; flex-direction: row; padding: 10px; box-sizing: border-box; align-items: center; background: #faf9f8; margin-bottom: 10px; } .mail-content-wrapper .snd-btn { display: flex; align-items: center; justify-content: center; padding: 5px 10px; box-sizing: border-box; color: white; background: #0078d4; border-radius: 2px !important; font-size: 14px; transition: background .10s; } .mail-content-wrapper .snd-btn:hover { background: #0065b3; transition: background .10s; } .mail-content-wrapper .dcrd-btn { display: flex; align-items: center; justify-content: center; padding: 5px 10px; box-sizing: border-box; color: #404040; background: white; border-radius: 2px !important; font-size: 14px; border: 1px solid #616770; transition: background .10s; } .mail-content-wrapper .dcrd-btn:hover { background: rgba(49, 49, 49, 0.11); transition: background .10s; } .mail-content-wrapper .adress-bar { display: flex; padding: 10px; box-sizing: border-box; flex: 100%; flex-direction: row; align-items: center; border-bottom: 1px solid #eeedeb; } .mail-content-wrapper .adress-bar .input-group-text { border: none; } .mail-content-wrapper .adress-bar .form-control { border: none; box-shadow: none !important; } .mail-content-wrapper .adress-bar .input-group .input-group-prepend .input-group-text { background-color: rgba(33, 150, 243, 0.17); color: #0078d4; } .mail-content-wrapper .adress-bar .input-group .input-group-prepend .input-group-text:hover { background-color: rgba(33, 150, 243, 0.37); color: #0078d4; } .mail-content-wrapper .adress-bar .input-group .input-group-append .input-group-text { background-color: white; color: #0078d4; } .mail-content-wrapper .adress-bar .input-group .input-group-append .input-group-text:hover { background-color: rgba(33, 150, 243, 0.17); cursor: pointer; } .empty-folder { display: flex; flex-direction: column; justify-content: center; align-items: center; color: #717171; padding: 20px 0; box-sizing: border-box; min-height: 50vh; } .empty-folder img { max-width: 70px; width: 100%; padding-bottom: 10px; } /*pop-up*/ .mail-box-pop { background: rgba(0, 0, 0, 0.5) !important; padding: 0 !important; } .mail-box-pop .modal-content { border: none !important; } .mail-box-pop .modal-header { color: #212529; } .mail-box-pop .modal-header .close { color: #000; padding: .6rem; } .theme-primary .action-select-box {-webkit-appearance: none;-moz-appearance: none;appearance: none;border:none;background:rgba(0, 0, 0, 0.00); font-size: 12px; color:white; text-align:center; padding-top:20px;transform: translateY(-23px); display: flex; height: 140%; width: 100%; align-items:end;box-sizing:border-box; } /*Responsive*/ @media (max-width:1025) { .mail-content-wrapper { position: relative; } .d-content-flex { transform: scale(1) !important; transition: .10s !important; transform-origin: top left !important; } .mail-content-wrapper .content:nth-child(1) { width: 35%; flex: 25%; position: absolute; left: 0; top: 0; display: flex; max-width: 300px; z-index: 999; transform: scale(0); transition: .10s; transform-origin: top left; } .mail-content-wrapper .side-menu-wrapper { position: inherit; } .mail-content-wrapper .content:nth-child(2) { border-left: 1px solid #eeedeb; flex: 25%;} .mail-content-wrapper .content:nth-child(3) { flex: 65%;} .mail-content-wrapper .reply-section #menuBarDiv { flex-wrap: wrap;} .nav-bar .menu-open .lni-menu { transform: scale(0) !important; transition: .20s; transform-origin: center;} .nav-bar .menu-open .lni-close { transform: scale(1) !important; position: absolute; transition: .20s;transform-origin: center;} .nav-bar .menu-open .lni-chevron-left { display: none;} .nav-bar .mail-menu-btn .lni-menu {transform: scale(1); transition: .20s; transform-origin: center;} .nav-bar .mail-menu-btn .lni-close { transform: scale(0); position: absolute; transition: .20s; transform-origin: center;} .nav-bar .mail-menu-btn .lni-chevron-left { display: none;} } @media (max-width:420px) { .mail-content-wrapper .content:nth-child(1) { width: 70%; max-width: inherit;} .mail-content-wrapper .content:nth-child(2) {width: 100%; position: absolute; transform: translateX(0px)} .mail-content-wrapper .content:nth-child(3) { width: 100%; position: absolute; transform: translateX(410px)} .mail-content-wrapper .content .inbox-section .head {flex-direction: column;} .mail-content-wrapper .actions {justify-content: flex-start;} .mail-content-wrapper-a .content:nth-child(3) {width: 100%; position: absolute; transform: translateX(0px) !important;} .mail-content-wrapper-a .content:nth-child(2) {width: 100%; position: absolute; transform: translateX(-410px) !important;} } .readmore-toggle p{display:inline-block;max-width:100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} .conversation-content .read-more:before{content:"Read Less";display:inline-block} .readmore-toggle .read-more:before{content:"Read more";display:inline-block} .feedback-box .input-validation-error {border-color: #dc3545;} .feedback-box .field-validation-error{font-weight: 400!important;font-size:0.9em;} .left-menu-tab .par-expand .text-truncate{text-overflow:unset !important;white-space:normal !important;} .left-menu-tab .par-expand .text-truncate:before{content:"\f0d8" !important;} .left-menu-tab .theme-primary .text-truncate{position:relative} .left-menu-tab .theme-primary .text-truncate:before{content:"\f0d7";position:absolute;font-size:9pt !important; font-family:'FontAwesome', sans-serif; font-weight: normal; line-height: 1; right:0px;bottom:1px;width:100%;height:100%;padding-right:4px; display:flex;justify-content:flex-end;align-items:end;cursor:pointer;} .v-select .vdrop{min-height:35px;} .v-select .vdrop .vs__selected-options input:disabled{display:contents;} .shortcuts-menu .vendor a{color:inherit; font-size:inherit;} .flat-slider .value-padding{padding-left:28px !important;} .headerlinks{padding:10px 15px;} /*(for temaplate preview headertext )*/ .vs__selected-options {overflow:hidden;} .v-select .vs__selected-options input{position:absolute;width:99%;top:0;left:0;z-index:1;height:100%;} .vs__dropdown-toggle{min-height:35px!important;} .vs__selected{z-index:2 !important;} @media (max-width:475px) { .select2-container{max-width:380px;} .select2-container--default .select2-selection--multiple .select2-selection__choice{max-width:100%;overflow:hidden;text-overflow:ellipsis;} } @media (max-width:375px) { .select2-container{max-width:300px;} .select2-container--default .select2-selection--multiple .select2-selection__choice{max-width:100%;overflow:hidden;text-overflow:ellipsis;} } .spac-eq .badge{font-size:14px;font-weight:500;} .text-medium-badge{color:#4cb4fb;} .text-critical-badge{color:#ef8934;} .text-low-badge{color:#4db567;} .clsdashboardgroup .vendor a{color:initial;font-size:inherit;} /*for the color code and font-size was appearing different from other dashboard widgetes*/ .daterangebody{display:grid;} .daterangebody .daterangetd{overflow:visible;} .daterangebody .btn{position:unset !important;} .form-control{min-height:calc(1.5em + .75rem + 2px)!important;height:auto !important; /*gaurav-dhiman quote number input*/ } /*This css datalist for customize elemets as per design modifications - by Gaurav dhiman -----ends*/ /***********Harjit Singh 16July20*****************/ .card.probx { border-radius: 0; } .card.probx .card-header {background: #fafafa; align-items: center; justify-content: space-between; display: flex;} .card.probx .card-header h2{font-size: 20px; margin-bottom: 0; float: left;} .commiconssize a em{font-size:25px; margin:0px 18px;} /***********Harjit Singh 16July20*****************/ .left-filter .card-header h5 a.tab-Search-btn em {font-size: 14px !important; color: #6F6F6F; border-radius: 100%; width: 30px; height: 30px; line-height: 28px; padding: 0px; text-align: center; margin-top: 8px;} /***********Harjit merged from GD**********************************/ .DatePopUp {background-color: #FFFFFF; border: 1px solid #c8c8c8; box-shadow: 0 0 3px #D8D8D8; position: absolute; width: 320px; z-index: 999; right:59px;}/***z-index:999* Ticket Dashboard - date range popup was hidding behind table head**/ .AssetDatePopUp {color: #313131; border:none;} .AssetDatePopUp tbody.daterangebody {width: 100% !important; display: block;} .AssetDatePopUp tbody.daterangebody tr.daterangetr {display: block !important;} .AssetDatePopUp tr td.daterangetd {width: 50% !important; display: block; float: left; box-sizing: border-box; background-color: #fff !important;} .AssetDatePopUp ul.date_select {list-style: none !important; padding-left: 0px; font-size: 12px;} .AssetDatePopUp ul.date_select li {list-style: none !important; padding-left: 0px; font-size: 14px; line-height: 22px;} /* .AssetDatePopUp ul.date_select li a { color: #068DD3 !important; font-size: 12px; padding-left: 5px !important; float: none !important; border-right: none !important; border-left: none;} */ .AssetDatePopUp ul.date_select li a { color: #068DD3 !important; font-size: 13px; font-weight: 500; padding-left: 5px !important; float: none !important; border-right: none !important; border-left: none;} .AssetDatePopUp ul.date_select li a:hover {color: #17a2b8 !important; cursor: pointer;} .AssetDatePopUp .btn {margin-top: 1.4rem!important;} .divtimer_design table.AssetDatePopUp{margin-bottom:0} .divtimer_design table.AssetDatePopUp td.daterangetd{padding:0!important; text-align:left; vertical-align:top; font-size:12px} .divtimer_design table.AssetDatePopUp td.sep{border-right:1px solid #D2D2D2} .reporthead .divtimer_design table.AssetDatePopUp td.daterangetd{line-height:30px} .date_range_bi div.divtimer_design span{margin-top:0!important;color:#000} .divtimer_design .bootstrap-datetimepicker-widget{position:relative!important; top:auto!important; left:5px!important;} .gwb_control .divtimer_design {line-height:normal!important;} .gwb_control .graph-widget-heading span {font-size:15px!important; color:#fff;} .gwb_control .graph-widget-heading span em{font-size:15px!important;} .daterange_control{padding: 0px 20px; line-height: 45px; height: 45px; font-size: 14px; background: #525f65;} .daterange_control .DatePopUp{width:298px;} .daterange_control a.showDatePanel{font-size:12px!important;} .daterange_control label.form-check{margin-right: .25rem!important;} .font_80{font-size:80%;} .radiomr_0 div{margin-right:0px!important;} .field-validation-error{font-size:80%;} /************Harjit Adding 14July20*******************/ .tb-150{width:84%;} .searchpanel .border454545{border:1px solid #454545!important} .report-box .head {border-bottom: #CCCCCC 1px solid; margin-bottom: 14px; font-size: 14px; font-weight: bold; line-height: 40px; background-color: #f5f5f5; color: #303030; float: none; padding: 0 10px; width: 100%;} .pannelboxes {border: 1px solid #e4e4e4; min-height: 100px; background-color: #fff; float: left; padding:0px; width:100%;} .cont_45P {width: 45%;float: left; margin:.5%;} .cont_99P {width: 99%;float: left; margin:.5%;} ul.columnlist {margin: 0px; padding: 0px; list-style-type: none;} .pannelboxes ul li.semilitag {font-weight: bold; background-color: #f5f5f5;} .pannelboxes ul.semiultag li {padding: 5px; cursor: pointer;} .pannelboxes ul.semiultag li.selected {background-color: #d8d6c2; cursor: pointer;color: #000000; } .pannelboxes .numericicons a {margin-left: 2px; margin-top: 1px; float: left; padding: 5px 9px; background: #dfdfdf; border: 1px solid #C6C6C6; font-weight: bold; color: #000000;text-align: center;} .pannelleftboxesicons {border: none; min-height: 100px; background-color: #F2F2F2; float: left; width: 94%;} .pannelleftboxesicons .head {color: #404040;} .pannelleftboxesicons ul li {padding: 5px; margin: 8px; background-color: #fafafa;} .pannelleftboxesicons ul li:hover {background-color: #cccccc; cursor: pointer;} .pannelleftboxesicons ul li.selected {background-color: #cccccc;cursor: pointer;} .pannelleftboxesicons ul li.image img {vertical-align: middle; padding-right: 3px;} .pannelboxesheight {overflow-y:scroll; height:250px;} .report-box { width:100%; float:left; overflow:hidden;} .cont_8P {width:8%;} .width_40 {width:40% !important;} .width_20 {width: 20% !important;} .textfield_22 {margin: 0 7px !important; padding: 3px 0 !important; text-indent: 3px; vertical-align: middle; background: #ffffff none repeat scroll 0 0; border: 1px solid #6b6b6b;box-sizing: border-box;width:30%;} ul.columnlist li {border-bottom:#cccccc 1px solid; padding:8px 5px;} .borderleftcacaca { border-right: 1px solid #d1d1d1; padding-left: 5px;} .w-4{width:4%;} .w-10{width:10%!important;} .w-20{width:20%;} .w-26{width:26%;} .w-30{width:30%;} .w-35{width:35%;} .w-40{width:40%;} .w-45{width:45%;} .w-60{width:60%;} .w-70{width:70%;} .w-75{width:75%;} .w-80{width:80% !important;} .w-90{width:90%;} .w-94{width:94%;} .w-99{width:99%;} .w-auto{width:auto;} .bg-f5f5f5{background:#f5f5f5;} .chkboxcontrols .custom-control{width: auto;float: left;line-height: 27px;margin-top: -1px;padding: 0px 15px 0px 15px;} .mover-controls-mid button{min-width:60px;border: 1px solid #c6c6c6;} /************Harjit Adding 14July20*******************/ .full-menu-new .menu-search-panel input::placeholder {color: #ccc !important; /* Firefox */} .full-menu-new .menu-search-panel input:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #ccc !important;} .full-menu-new .menu-search-panel input::-ms-input-placeholder { /* Microsoft Edge */ color: #ccc !important;} table.table-bordered.dataTable th.sort span{cursor:pointer;} .table-heading-wb {background: #313131; float: left; width: 100%;} .user-img-con img{width:100%;} .v-select .dropdown-toggle::after{display:none;} .max-height-700{max-height: 640px!important;} .mw-50{max-width:50px!important;} .mnw-20{min-width:20px!important;} .mnw-90{min-width:90px!important;} .mnw-120{min-width:120px!important;} .mnw-140{min-width:140px!important;} .mnw-250{min-width:250px!important;} .mnw-1000{min-width:1000px!important;} .mw-500{max-width:500px !important;} .mw-600{max-width:600px !important;} .mw-700{max-width:700px !important;} .mw-800{max-width:800px !important;} .mw-900{max-width:900px !important;} .mw-1000{max-width:1000px !important;} .mw-1100{max-width:1100px !important;} .mw-1600{max-width:1600px !important;} .mw-80{max-width:80% !important;} .mw-90{max-width:90% !important;} .right-content-expand .filter-selected{background-color:#dc3545 !important;} .my-popups .modal-confirm-header{background:#856404 !important} .my-popups .modal-confirm-footer{background:#fff3cd !important;border-top:1px solid #856404;} .my-popups.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.8);z-index:99999;overflow-y:auto;}/**background-color: rgba(0, 0, 0, 0.5)**/ .hidden {display: none !important;} .clstargetdata_main { width: 100%; float: left; overflow-y: hidden; overflow-x: auto;} .borderbababa { border: 1px solid #bababa !important;} .backgroundEDEDED { background-color: #ededed !important; display: table; padding: .5rem !important; position: relative;} .blueor { font-size: 12px; text-transform: uppercase; font-weight: bold; color: #fff; background: #5ca9ea; border: 1px solid #4097e0; border-radius: 100% !important; padding: 14px 8px 14px 8px; display: inline-block; width: 50px; text-align: center; cursor:text !important;} .smallpops { position: relative; width: 150px;} .borderdddddd { border: 1px solid #dddddd !important;} .smallpops a.crossed { position: absolute; padding: 0px 6px 3px 7px; background: #535353; color: #fff; font-weight: bold; border-radius: 100% !important; font-size: 16px; top: -5px;} .colorbtn { text-align: center; color: #454545; margin: 1px 0; line-height: 32px; padding-top: 0px; padding-bottom: 0px; padding-right: 10px; padding-left: 10px; text-decoration: none !important; font-weight: bold; font-size: 12px; background: #e0dfe3; text-transform: uppercase;} .colorbtn:hover { background: #5ca9ea; color: #fff;} .green_adder { font-size: 35px; font-weight: bold; color: #fff; background: #7ac645; border: 1px solid #5cb81b; border-radius: 100% !important; display: inline-block; width: 50px !important; height: 50px !important; text-align: center; transition: all 0.5s ease; padding: 14px 8px !important; line-height: 20px;} .recyclebin { border-radius: 50%; padding: 4px; font-size: 20px;} .clstargetdata .backgroundEDEDED > li {display: table-cell !important; position: relative; white-space: nowrap; padding: 0 2px;} .clstargetdata .backgroundEDEDED > .top {position: relative; top: -3px;} .search-btm-btn { width: 100%; float: left;} .search-btm-btn a { font-size: 14px; padding: .375rem 1.3rem;} /* .search-btm-btn input > type { font-size: 14px; padding: .375rem 1.3rem;} */ .coloredmandatory {background: #fff2d9 !important; border: 1px solid #ffda93 !important; margin-bottom: 0px;} .filter{color:#dc3545 !important;} .card-view.custom-box-width{min-height:300px;} ul.lefttabiconfix li a em{min-width:30px; text-align:center;} ul.lefttabiconfix.rtfix li a{display: flex; flex-wrap: nowrap;padding: 10px;} ul.lefttabiconfix.rtfix li a em{min-width:30px; text-align:center; font-size: 25px;} ul.lefttabiconfix.rtfix li {border:1px solid #dee1e6 !important; margin-bottom: 5px; height:auto;} .justify-center{justify-content: center;} .vel-btns-wrapper .btn__close{ right: 10px; top: 28px; background: #f00; width: 50px; text-align: center; border-radius: 100%;} .dataTables_empty{display:none;} .img-ico.ticket-attachments { min-height: 150px; display: flex; justify-content: center; align-items: center; max-height: 150px; } .img-ico img{max-height:120px;min-height:120px;} .img-ico.ticket-attachments img{max-height:120px;min-height:inherit;} .heading-border .user-guide{ background:url('../images/user-guide-img-white.png'); background-repeat: no-repeat; background-position: 0 2px;} .accordian-header-button{float: right; position: absolute; width:175px !important; top: 0; right: 0; border:none; font-size: 15px !important; background:#414d53!important;} .accordian-header-button em{font-size: 15px !important;} .cursorpointer{cursor:pointer;} a.collapsed + a.accordian-header-button{display:none;} .tooltip {z-index: 100000000; max-width:600px; pointer-events: none; } .tooltip .tooltip-inner{display:flex;flex-wrap:nowrap;max-width:unset;} /*gauav dhiman*/ /*****Uncommented by Harjit - As tooltip was coming below poup**********/ .modal .popup-footer-button{border-top:1px solid #e9ecef;padding:1rem;display:flex;justify-content:flex-end;padding-bottom:0px;} ul.bodbotcontrol li{border-bottom:none;} ul.bodbotcontrol li:last-child{border-bottom:1px solid #dee1e6;} .control_mCSB > .mCSB_inside > .mCSB_container {margin-right:0px;} .control_mCSB > .mCSB_inside > .mCSB_scrollTools{right:-5px!important;} .mCSB_inside > .mCSB_container{padding-bottom:2px;} .iframe body{margin:0;} .containerLegend100_WS {width: 100% !important; float: left !important; font-size:13px; color:#fff;} .containerLegend100_WS .legend {height: auto !important; width: 100%; margin:0 !important;box-sizing: border-box !important; float:left;}/*min-height:120px; max-height:304px; padding:10px !important; */ .containerLegend100_WS .legend div { float:left!important; padding:0px 4px;} /*width: 20%!important;margin-bottom: 8px;*/ .containerLegend100 {width: 100% !important; float: left !important;} .containerLegend100 .legend {min-height: 120px; max-height: 304px;height: auto !important; width: 100% !important; margin: 0 !important;padding: 10px !important; box-sizing: border-box !important; } .containerLegend100 .legend div {width: 20% !important; float: left !important; margin-bottom: 8px;} @media (min-width:1280px) and (max-width:1680px) { .weeklystatusboxcontrol .box-1{flex: 0 0 100%; max-width: 50%;} .containerLegend100_WS {width:50%!important;} } @media (min-width:300px) and (max-width:1279px) { .weeklystatusboxcontrol .box-1{flex: 0 0 100%; max-width: 100%;} } @media (max-width:1024px) { .containerLegend100 .legend div {width:100%!important; float:left!important;} .expandtr-row{display:block!important; font-size:25px; float:left; margin-right:10px;} .expandtr-rowbase{padding-left:26px!important;} .expandtr-rowbase .custom-control{margin-left:10px;} .expandtr-rowbase::before{line-height: 17px; content: '+'; width: 17px !important; height: 17px !important; position: absolute; left: 4px; top:39%; background-color: #007bff !important; color: #fff; border-radius: 100%; text-align: center; font-size: 20px; font-weight: 500;cursor:pointer;} .expandtr-rowbase.expanded::before{content:'-';background-color: #3a3a3a !important;} tr.expandedtr-rowbase td{width:100%;padding:3px 16px !important;} .expandedtr-rowbase ul{width:100%; list-style:none; float:left;} .expandedtr-rowbase ul li{width:100%; padding:5px; margin:0px; float:left; background:#fff; list-style:none; border-bottom:1px solid #ddd;} .expandedtr-rowbase ul li:last-child{border-bottom:1px solid #ddd!important; margin-bottom:5px;} .expandedtr-rowbase ul li span:not(.noti-circle){float:left;} .expandedtr-rowbase ul li span.left-label{float:left; margin-right:10px;font-weight:500; text-align:left;}/**645245 - textalign:left added Harjit 27April2022****/ .expandedtr-rowbase ul li span.right-label{float:left;} } tr.expandedtr-rowbase{display:none;} .expandtr-row{display:none;} .expandedtr-rowbase em{font-size:20px;} .pieChartWidget .uniquefixHS{max-width:44%!important;} .pieChartWidget .uniquefixHS .legend div{width:98%!important;} /***********Harjit merged from GD**********************************/ .cursor-move {cursor: move;} .cursor-pointer{cursor:pointer!important;} [v-cloak] > * { display:none } [v-cloak]::before { content: "loading…" } .btn.listing-tag { font-weight: 400; padding: 2px 5px; font-size: 14px; display: flex; align-items: center; color: #727272; margin: 3px; float: left; } .mCSBFIXES-pad .mCSB_inside > .mCSB_container{padding-left:5px;} .input-group-text{border-radius:0px;} /*************Added by Harjit for table resizable***/ .listing .table thead:hover th .resizer{display:block!important;background:#bfbfbf!important; cursor:col-resize;border-left:2px solid #fff;} .resizer{position: absolute!important;top: 0px;right: -3px;bottom: 0px;width: 3px!important;z-index: 999;background: none!important;cursor: col-resize;display: none;border-left:2px solid #fff;} /****************/ .positioninherit{position:inherit!important;} .ifattachmentviss{position:absolute; right:0; top:0; background:#1886c8;} .ifattachmentviss-cont{float:left; position:absolute; left:0px; top:0px; width:100%; z-index:99; background:#fff; height:100%; overflow:hidden;} .ifattachmentviss-cont .conversation-box .name-circle{ width: 45px !important; height: 45px; line-height: 42px; font-size: 20px;} .ifattachmentviss-cont .conversation-box { padding: 9px 15px 9px 64px; border:none; border-bottom: 1px solid #dee2e6; } .ifattachmentviss-cont .card-heading { background: #f1f1f1; padding: 10px; font-size: 16px; font-weight: 400; color: #000; position: absolute; top: 0px;} .ifattachmentviss-cont .conversation-box .con-box-header span.sender-name{display:block; font-weight:500;} .ifattachmentviss-cont a.cross{ position: absolute; right: 7px; top: 2px; z-index: 99; font-size: 20px; padding: 3px;} .ifattachmentviss-cont .dd-btn{ font-size: 18px; margin-right: 10px;} .ifattachmentviss-cont .attachemtn-cntr{ top: 42px; overflow-y: auto; position: absolute; height: calc(100% - 42px); width: 100%; } .communication span{border-bottom:none;} .nd-commicon{margin-top:-3px;} .nd-commicon a em{color:#51b7ff!important;} .modal-open .modal{z-index:99999!important;} .modal-open .modal.plusmodal{z-index:999999!important;} .modal-open .modal-mask{z-index:99999!important;} .scrollmoverdiv .mCSB_scrollTools .mCSB_draggerContainer{left:10px;} .unique_dynamicdatalist { float: left; margin-bottom: 10px; border: 1px solid #c7c7c7/**454545***/; position: absolute; width: 100%; box-sizing: border-box; max-height: 155px; overflow-y: auto; z-index: 9999;top: 35px;} .unique_dynamicdatalist ul {padding: 0;margin: 0; list-style: none;} .unique_dynamicdatalist ul li{float: left;background: #f2f2f2;border-top: 1px solid #d7d7d7;box-sizing: border-box;display: inline-block;margin: 0;padding: 5px 10px; width: 100%;border-bottom: 1px solid #fff;cursor: pointer;text-align: left;color: #454545;font-size: 14px;} #itemsearch .location .unique_dynamicdatalist{border: 1px solid #b9b9b9;} .text-green {color:green;} /**************Event - Event card Harjit Singh***********************/ .screenshot .card-heading{color:#000;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden;line-height:initial;background:#edf7ff;border-bottom:4px solid #23a4ff;padding:10px} span.nd-timer-boxes{min-width:45px!important;} .cb-event-list {position: absolute; z-index: 999; top: 42px; background: #fff; height: 0; overflow-x: auto; border-bottom: solid 1px #f1f1f1; padding-top: 10px !important; display: none; -webkit-transition: display 2s; transition: display 2s;} .cb-event-list-slide {position: absolute; z-index: 999; top: 0px; left:0; background: #f5f5f5; height:300px; overflow-x: auto; border-bottom: solid 1px #f1f1f1; padding:10px; display: block; -webkit-transition: display 2s; transition: display 2s; width: 100%;} @media (min-width:1200px) and (max-width:1650px) { .cards-minwidth25 {min-width:25% !important;} } .stamp-overlay {position: relative; overflow: hidden;} .event-completed {position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.8); text-align: center; vertical-align: middle;} .stamp.stamp-archived {box-shadow: 0 0 0 3px #dc3545, 0 0 0 2px #dc3545 inset; color: #dc3545 !important;} .stamp{box-shadow: 0 0 0 3px #0A9928, 0 0 0 2px #0A9928 inset; border: 2px solid transparent; border-radius: 4px !important; display: inline-block; line-height: 22px; color: #0A9928; font-size: 24px; text-transform: uppercase; text-align: center; font-weight: 600; padding: 10px; box-sizing: border-box; transform: rotate(-8deg); margin: 0; position: relative; top: -10px; left: -10px;} .details-iconfixes em{min-width: 30px; text-align: center;} .evemgmt_details {width: 100%; background: #f8f8f8; float: left; }/*font-size:0.9em;*/ .evemgmt_details p{float:left;margin-bottom:0px;width:100%;} .light-greybg{font-weight:600; background:#f2f2f2;} .eventmgt_desc{float:left;} .padbot-20{padding-bottom:58px!important;} .min-height150 {min-height:150px;} .cb-eventlist{font-size:14px;} .bg-image {background: #fff; background-position: center center; /*background-size: cover;*/ /*updated by Shubham Saini(discussion with Avtar) - 21-sep-2021 for event management against issue #514948 */background-size: contain; background-repeat: no-repeat;} .default-ribbon {width:70px; height:200px; display: inline-block; background: #28a745; position: absolute; transform: rotate(45deg); left: -27px; top: -59px;} .default-ribbon em {transform:rotate(-46deg); position:relative; top:74px; left:36px; font-size:15pt;} .default-tag-vissible:hover .default-tag,.default-tag-vissible:hover .default-tags {opacity: 1 !important; transition: opacity .20s !important; z-index:99;} .default-tag,.default-tags {position: absolute; background: rgba(0, 0, 0, 0.4); float: right; right: 0; bottom: 0; left: 0; top: 0; display: flex; align-items: center; width: 100%; height: 100%; opacity: 0; transition: opacity .20s;} .defaultpic_control {float: left; font-size: 13px; color: #313131; width:100%; text-align: center;} .round-icons {background: white; border-radius: 100% !important; padding:8px; font-size: 14pt; width: 40px; height: 40px; box-sizing: border-box; display: inline-block;} .card:hover .default-tag {opacity: 1; transition: opacity .20s;} .overflow-hidden {overflow:hidden!important;} .audit-rule-d{ position:relative;} .audit-rule-d:before{ width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 10px solid #d0d0d0; content: ""; position: absolute; top: -10px; left: 10px; } /**************Event - Event card Harjit Singh***********************/ .custom-vselect.is-invalid {border:1px solid #dc3545!important;} .sendbtn{background:#7daf24!important; border-color:#7daf24!important; color:#fff!important;} #divscrollsetuptabs .mCSB_inside > .mCSB_container{margin-right:0px;} .btn.disabled, .btn:disabled { opacity: .95!important;} /********Event - Activity and Checklist**********/ .activity-view .tile { width: 100%; background: #fff; border-radius: 5px !important; border: 1px solid #ebeff2; float: left; transform-style: preserve-3d; margin: 10px 5px;} .activity-view .wrapper { width: 100%; display: inline-block; align-items: stretch; min-height: 0 !important; background: #f7f8fa;} .activity-view .header { border-bottom: 1px solid #ebeff2; padding: 0px 10px; box-sizing: border-box; text-align: left; color: #59687f; font-weight: 600; font-size: 15px; position: relative; background: #f7f8fa; float: left; width: 100%; line-height: 40px;} .activity-view .border-done {border-left: 3px solid #616770 !important;} .activity-view .stats{background: #fff; padding: 10px 15px; box-sizing: border-box; font-size: 15px; color: #59687f; position: relative; overflow: hidden;} .activity-view .stats .label .txt { min-width: 51px; display: inline-block; margin-right: 5px; color: #313131; font-weight: 700; line-height: 30px;} .activity-view .stats .label {float: left; width: 100% !important; font-weight: 600;} .to-do-list {width: 100%; display: inline-block; border-top: 1px solid #cecece; color: #18abcb; font-size: 14px; margin-top: 10px; padding-top: 5px; box-sizing: border-box;} .datearrowbg{background:#f5f5f5; border:1px solid #dbdbdb; padding:5px;} .info-list {padding: 10px;} .timer-green-bg{background:#247004;} .status-open {background: #66c33e; color: #ffffff;width:150px;text-align:center;padding:2px 8px;} .status-close {background: #d81428; color: #ffffff;width:102px;text-align:center;padding:2px 8px;} .status-onhold {background: #ffc107; color: #ffffff;width:102px;text-align:center;padding:2px 8px;} .status-reopen {background: #17a2b8; color: #ffffff;width:102px;text-align:center;padding:2px 8px;} .status-waiting {background: #ffc107; color: #ffffff;width:102px;text-align:center;padding:2px 8px;} .status-waitingresolve {background: #6c757d; color: #ffffff;text-align:center;padding:2px 8px;font-size:14px;} .updatefull-widg .status-open {width:auto; font-size:14px;} .updatefull-widg .status-close {width:auto;font-size:14px;} .updatefull-widg .status-onhold {width:auto;font-size:14px;} .updatefull-widg .status-reopen {width:auto;font-size:14px;} .updatefull-widg .status-waiting {width:auto;font-size:14px;} .updatefull-widg .sts-ticket_closedlocked {width:auto;font-size:14px;} .status-Critical { color: #d81428; font-weight: bolder;} .status-Highest {color:#dbb429 ; font-weight:bolder;} .status-Medium {color:#2ba7ff ; font-weight:bolder;} .status-Low {color:#64c460 ; font-weight:bolder;} .fa-labelShow .cke_button_label .cke_reset_all, .cke_reset_all * {font: normal normal normal 14px/1 FontAwesome,sans-serif,'Helvetica Neue',Helvetica,Arial,'Poppins' !important;} .cke_button__cleareditor_icon{display:none;} .fck_clear_edt{padding:4px 9px;} .critical-prio {color: #d10a07;} .high-prio {color: #dd8b0e;} .low-prio {color: #009901;} .select2-container{z-index:99998;}/*99999*/ .w-48{width:48%;} .listing .tabledatetimepicker td, .listing .tabledatetimepicker thead th, .listing .tabledatetimepicker th{ padding: 4px !important; } .table-responsive.overflow-visible{overflow:visible;} .sts-ticket_closed{background-color: #c82333;color: #fff !important;} .sts-ticket_closedlocked{background-color: #ad0101;color: #fff !important;padding:2px 8px;} .sts-ticket_on_hold{background-color: #007bff;color: #fff !important;} .sts-ticket_opened{background-color: #28a745;color: #fff !important;} .sts-ticket_reopen{background-color: #058f24;color: #fff !important;} .sts-ticket_waiting{background-color: #ffc107;color: #fff !important;} .sts-ticket_waiting_resolved{background-color: #6c757d;color: #fff !important;} .sts-ticket_waiting_response{background-color: #7b8a97;color: #fff !important;} .sts-ticket_conclusion{background-color: #6c757d;color: #fff !important;} .sts-ticket_draft{background-color: #7b8a97;color: #fff !important;} /*Start Added by Rohit Bhatiya for Associate Client Status in Project Overview*/ .sts-active{background-color: #28a745;color: #fff !important;} .sts-pending{background-color: #c82333;color: #fff !important;} .sts-activationawaited {background-color: #ffc107;color: #fff !important;} /*End Added by Rohit Bhatiya for Associate Client Status in Project Overview*/ .button-active{color: #fff; background-color: #28a745;} .button-inactive{color: #fff; background-color: #d72435;} .button-pending{color: #212529; background-color: #ffc107;} .button-inprogress{color: #fff; background-color: #57cc71;} .button-ongoing{color: #fff; background-color: #25a5ff;} .button-closed{color: #fff; background-color: #888888;} .button-cancelled{color: #fff; background-color: #bf4b4b;} .button-planning{color: #fff; background-color: #cead4a;} .button-completed{color: #fff; background-color: #17a2b8;} .button-failed{color: #fff; background-color: #6c757d;} .button-suspended{color: #fff; background-color: #f59b27;} /*.trash-right {position: absolute;right: -9px;top: 20px;font-size: 24px;z-index: 99;}*/ .trash-right {position: absolute;right: -11px;top: -15px;font-size: 22px;width: 35px;background: #fff;text-align: center;height: 35px;z-index: 99;border-radius: 100%; border: 1px solid #e3e3e3;} /* project management task page */ .btn.btn-link{box-shadow:none !important;} .btn.btn-link em{ position:relative; } .btn.btn-link em.fa-chevron-right, .btn.btn-link em.fa-chevron-down, .btn.btn-link em.fa-plus, .btn.btn-link em.fa-minus {background:#525f65; color:#fff; padding:2px; border-radius:50%; width:19px; height:19px; font-size:10px; line-height:15px; z-index:1;} .btn.listing-user { background: #fff; border: 1px solid #ccc; border-radius: 50% !important; padding: 0; width: 35px; height: 35px; font-size: 14px;line-height:32px; } a.listing-user strong{position: absolute;top: 14px;right: 15px;} .listing .table.custtab td, .listing .table.custtab th {min-width:91px; position:relative;} .listing .table.custtab td.details-control,.listing .table.custtab td{overflow:visible !important;} .listing .table td.no-padding{padding:0 !important; border:none!important;} .listing .table td.details-control:before {content: ""; position: absolute; height:100%; width:1px; background: #dee2e6; top:0; margin-left:10px;} .check-box-list td.details-control:before {margin-left:-9px !important;} .check-box-list.NU td.details-control:before {margin-left:10px !important;} .check-box-list.NU .relate-input::before{left:-93% !important;} .listing .table td.details-control.line-horizontal .btn::after {width:112px; height: 1px; background: #dee2e6; content: ""; position: absolute; top: 25px; right:-20px;} .listing .table td .sub { margin-left:20px; position:relative;} .relate-input::before { content: ""; position: absolute; height: 1px; width: 53%; background: #dee2e6; top: 50%; margin-left: 58px; transform: translateY(-50%); left: -77%;} .rowlevel2 .relate-input::before { margin-left: 78px; width: 110px; } .rowlevel3 .relate-input::before { margin-left: 98px; width: 90px; } .rowlevel4 .relate-input::before { margin-left: 118px; width: 70px; } .rowlevel5 .relate-input::before { margin-left: 148px; width: 40px; } .modal .relate-input::before{left:-87%; width:65%;}/*left:-86%*/ .modal .rowlevel2 .relate-input::before { margin-left: 78px; width: 130px; } .modal .rowlevel3 .relate-input::before { margin-left: 98px; width: 110px; } .modal .rowlevel4 .relate-input::before { margin-left: 118px; width: 90px; } .modal .rowlevel5 .relate-input::before { margin-left: 148px; width: 60px; } .listing .table.custtab .task-edit{top: 50%;margin-top: -12px;right: -15px;position:absolute; background:none;font-size:20px;} .listing .table.custtab .team-name{ max-width:75px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .listing .table.custtab .team-name.list{max-width:77px;} .relate-input-c1::before { content: ""; position: absolute; height: 1px; width: 55px; background: #dee2e6; top: 50%; margin-left: 10px; transform: translateY(-50%); left: -49px;} .listing .table td.details-control .sub::before { content: ""; position: absolute; height: 53px; width: 1px; background: #dee2e6; margin-left: 5px; top: 10px; z-index: 1;} .modal .table td.details-control .sub::before { height: 58px;} /*.childitemcount2 .sub::before{height:114px !important;} .childitemcount3 span.sub::before{height:155px !important;} .childitemcount4 span.sub::before{height:206px !important;} .childitemcount5 span.sub::before{height:257px !important;} .childitemcount6 span.sub::before{height:343px !important;} .childitemcount7 span.sub::before{height:371px !important;} .childitemcount8 span.sub::before{height:424px !important;} .childitemcount9 span.sub::before{height:477px !important;} .childitemcount10 span.sub::before{height:530px !important;}*/ .listing .table td.details-control .sub::after { content: ""; position: absolute; height: 1px; width: 20px; background: #dee2e6; left: -10px; top: 50%; transform: translateY(-50%);} .listing .table .rowlevel2 td.details-control .sub.sub-c2::after,.listing .table .rowlevel3 td.details-control .sub.sub-c3::after,.listing .table .rowlevel4 td.details-control .sub.sub-c4::after,.listing .table .rowlevel5 td.details-control .sub.sub-c5::after{ content: ""; position: absolute; height: 1px; width: 20px; background: #dee2e6; left: -15px; top: 50%; transform: translateY(-50%); } .listing .table.custtab .multiselect-container{width:300px;} .listing .table td.details-control .sub.sub-with-child::after { display: none;} .listing .table td.details-control .sub.c-last::before { height: 0; } .listing .table td .sub.sub-c2 { margin-left: 40px; position: relative;} .listing .table td .sub.sub-c3 { margin-left: 60px; position: relative;} .listing .table td .sub.sub-c4 { margin-left: 80px; position: relative;} .listing .table td .sub.sub-c5 { margin-left: 100px; position: relative;} .relate-input-c2::before { content: ""; position: absolute; height: 1px; width: 42px; background: #dee2e6; top: 50%; transform: translateY(-50%); left: -27px;} .details-control .btn { padding: .4rem 0; z-index: 9; position: relative;} .check-box-list .details-control .btn { margin-left:-20px;} .check-box-list.NU .details-control .btn {margin-left:0px;} .listing .table td.details-control .sub-c3::after { content: ""; position: absolute; height: 1px; width: 10px; background: #dee2e6; left: 0px; top: 50%; transform: translateY(-50%);} .relate-input-c3::before { content: ""; position: absolute; height: 1px; width: 50px; background: #dee2e6; top: 50%; transform: translateY(-50%); left: -34px;} .message-ellapse { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .level1{color: #007bff;} .level2{color: #6da254;} .level3{color: #f6ad3a;} .level4{color: #0081b5;} .level5{color: #6f71d2;} .listing .table td .parent-line::before {width:122px; height: 1px; background: #dee2e6; content: ""; position: absolute; top:9px; left:-7px;} .listing .table td .parent-line::after {content: ""; position: absolute; height:54px; width: 1px; background: #dee2e6; margin-left:-6px; margin-top:8px;} .listing .table td .sub .fa{z-index:1; position:relative;} .listing .table td .child-line::before {width:112px; height: 1px; background: #dee2e6; content: ""; position: absolute; top:9px;} .listing .table td .child-line::after {content: ""; position: absolute; height:55px; width: 1px; background: #dee2e6; margin-left:-6px; margin-top:8px;} .listing .table td .child-line.last-line::after {content: ""; position: absolute; height:0; width: 1px; background: #dee2e6; margin-left:-6px; margin-top:8px;} .listing .table td .sub-sub .fa{z-index:1; position:relative;} .listing .table td .sub-sub { margin-left:30px; position:relative;} .listing .table td .sub-sub-sub .fa{z-index:1; position:relative;} .listing .table td .sub-sub-sub { margin-left:44px; position:relative;} .modal-body .relate-input{padding-left:10px !important;} .modal-body .slider-input{width: 25%;padding: 2px !important;padding-right: 5px !important;text-align: center;} .weightage .slider-input{width: 25%;padding: 2px !important;padding-right: 5px !important;text-align: center;} .listing .table.custtab td .actions.task{right: 2px;top: 50%;margin-top: -14px;position:absolute;} .listing .bootstrap-datetimepicker-widget table{width: 100% !important;margin: 0 !important;} .listing .bootstrap-datetimepicker-widget table th,.bootstrap-datetimepicker-widget table td{padding:.3rem !important;min-width:inherit !important;} .listing .bootstrap-datetimepicker-widget table th::after{width:0px !important;} .listing .bootstrap-datetimepicker-widget table thead tr:last-child{border-top:2px solid #c6cace !important; border-bottom:2px solid #c6cace !important;} /***********Radhay*************/ ul.nodechld, ul.nodechld ul { float: left; width: 100%; margin: 0; margin-bottom: 0px; box-sizing: border-box; } ul.nodechld li { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; float: left; width: 100%; list-style: none; } ul.nodechld li ul:last-child { margin-bottom: 10px; } ul.nodechld ul { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } ul.nodechld ul li { padding-left: 10px; } ul.nodechld li div.collexpnd { display: block; float: left; padding: 2px 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; position:relative; } ul.nodechld li div{line-height:40px;} ul.nodechld li div.content { width: calc(100% - 70px) !important; display: block; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; cursor: move; } ul.nodechld li div.content label{margin-bottom:4px;} .nodespan_overflow_chart {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .clsBillingRuleChanges .nodespan_overflow_chart {float: left; text-align: left; width: 316px;} .clsBillingRuleChanges ul.nodechld li div.content{cursor:pointer;} .fa-size{font-size:1.2em;} .brdrbtm {border-top: 1px solid #c5c5c5;} .proj-convboxact{position:absolute; top:10px; right:10px;} .slider_setpercentage{width:91%;} .slider_setpercentagebox{width:7%; font-weight:bold; color:white!important; text-align:center; background:#24a5ff!important; border:1px solid #1290e8!important;} @media (max-width:991px) { .slider_setpercentage{width:75%;} .slider_setpercentagebox{width:20%;} } .select-custom input[type=radio]{display:none;} .select-custom .multiselect-container li {padding: 5px 10px;background-color: #e9e9e9 !important;} .select-custom .multiselect-container li.multiselect-group{padding: 5px 10px;background-color: #c4c4c4 !important;} .select-custom li {background: #fff !important; border-bottom:1px solid #fff!important; position: relative;} .select-custom li a:hover label {background: #9f9f9f!important;} .select-custom li a:hover {background:#f9f5ee !important; color:#3d3d3d!important;} .select-custom li label {color:#3d3d3d!important;cursor: pointer;} .select-custom li.multiselect-group label {cursor: none;} .select-custom li.active a{background:#fdf5e3!important; color:#3d3d3d!important;} .select-custom li.multiselect-group {background:#e1e1e1 !important; border-bottom:none; border-top:1px solid #8f8f8f; margin-top:5px; padding:10px 4px;} .select-custom li.multiselect-group a:hover{background:#c4c4c4!important;} .select-custom li.multiselect-group a {color:#3d3d3d!important; text-align:left; } .select-custom.multiselect-container{max-height:420px;} .select-custom.multiselect-container > li{padding:0px;} .select-custom.multiselect-container > li a{padding:4px 0px 4px 20px;display:block;} .select-custom.multiselect-container > li.multiselect-group a{padding:4px 0px 4px 6px;display:block;} .select-custom.multiselect-container > li a label{padding:4px 0px 4px 6px;display:block;cursor:pointer;} .select-custom.multiselect-container > li a:hover label{background:none!important;} .select-custom li:not(.multiselect-group) a::before { color: #b0b0b0; content: "\003e"; font-size: 18px; height: 10px; left: 13px; position: absolute; top: 50%; width: 10px; margin-top: -13px; font-weight:bold; } /*.select-custom li:not(.multiselect-group) a::before { color: #b0b0b0; content: "▶"; font-size: 12px; height: 10px; left: 13px; position: absolute; top: 50%; width: 10px; margin-top: -6px; }*/ .select-custom li:not(.multiselect-group) label::before { position: absolute; width: 5px; height: 1px; content: ""; left: 5px; top: 50%; border-top: 1px dashed #b0b0b0; } .select-custom li:not(.multiselect-group) label::after { position: absolute; width: 1px; height: -moz-calc(100% + 12px); height: -webkit-calc(100% + 12px); height: calc(100% + 12px); content: ""; left: 5px; top: -8px; border-left: 1px dashed #c4c4c4; } .select-custom li.lastchild:not(.multiselect-group) label::after ,.select-custom li:last-child label::after { position: absolute; width: 1px; height: 100%; content: ""; left: 5px; top: -18px; border-left: 1px dashed #c4c4c4; } .node-a {padding:2px 8px 3px 8px;font-size:14px;line-height: 26px;margin-top: 7px;margin-bottom: 7px;} .deleteNodeConf{line-height:44px;} ul.nodechld .textelipsis{width:380px;} .service-flag .custom-control{margin-right:20px !important;} .service-flag label::before{font-family:'FontAwesome', sans-serif;background:none !important;border:none !important;pointer-events:inherit;width:20px;height:20px;font-size:25px;cursor:pointer;} .service-flag label::after{display:none;} .service-flag-red label::before{content:"\f024";color:#dc3545 !important; } .service-flag-yellow label::before{content:"\f024";color:#ffc107 !important; } .service-flag-green label::before{content:"\f024";color:#28a745 !important; } .service-flag-grey label::before{content:"\f024";color:#6c757d !important; } .disabled-class {opacity: .7;cursor: default;pointer-events: none;} /*426926 for issue number*/ .disabled-class-th {cursor: default;pointer-events: none;} .disabled-grey {background: #f7f7f7 !important; border: 1px solid #ddd !important; pointer-events: none; color: #7c7c7c !important;} .disabled-grey-field {background: #f7f7f7 !important; border: 1px solid #ddd !important; pointer-events: none; color: #7c7c7c !important;padding:6px;} .service-val::after { width: 2px; content: ""; height: calc(100% - 6px); display: block; position: absolute; left: 0px; top: 3px; background:#fdc107; } .leafnode-val::after { width: 2px; content: ""; height: calc(100% - 6px); display: block; position: absolute; left: 0px; top: 3px; background:#24a5ff; } @media (max-width:1367px){ .select-custom.multiselect-container{max-height:300px;} } @media (max-width:768px) { ul.nodechld .textelipsis{width:270px;} .table-bordered thead tr{ background:#f5f5f5!important;}/* background-color:#f5f5f5!important; */ } .search-btm-btn .btn{line-height:1.6} .table-responsive .custom-control, .table-responsive .thead-bg th > .custom-control{ display: inline-block; position: relative; left: auto; top: auto; margin-left: 0!important;} .modify-record{background:#fbe39a;} ul.teamstructurebase { width: 100%; float: left; margin: 0px !important; padding: 0px !important; display: inline; list-style: none !important;} ul.teamstructurebase li {width: 100%;float: left;margin: 0px;padding: 5px 10px;display: inline;list-style: none !important;border-bottom: 1px solid #dfdfdf;} .teamstructurebase .image .avatar {width: 50px;height: 50px;display: block;margin-right: 15px;border-radius: 100% !important;border: 1px solid #dedede;} .teamstructurebase .post_ts {float: left;width: 30%;padding-top: 15px;} .teamstructurebase .deg_ts {float: left;width: 20%;padding-top: 15px;} .teamstructurebase .dept_ts {float: left;width: 20%;padding-top: 15px;} .teamstructurebase .icon_ts {float: right;width: 10%;text-align: center;padding-top: 15px;font-size: 20px;} ul.teamstructurebase li:nth-child(2n) {background: #F5F5F5;} ul.teamstructurebase li:last-child {border: none;} .ckeditor[aria-invalid="true"]{border:1px solid #dc3545;} .ckeditor[aria-invalid="true"] + div.invalid-feedback {display: block !important;} .form-control[aria-invalid=true] {border: 1px solid #dc3545 !important;box-shadow: none;} .form-control[aria-invalid=true] ~ .invalid-feedback {display: block !important;} /********Task tree structure*********/ .gtl_table_div.hsfix div {width: 7.33%; padding: 2px 5px; float: left;} table.gtl_table {min-width: 1868px;} /*******Add Task Listing without table - Harjit **********/ table.gtl_table th { width: 12.5%; padding: 5px 5px !important; float: left;} .gtl_table_div div { width: 12.5%; padding: 2px 5px; float: left;} table.gtl_table_edit { min-width: 1868px;} .gtl_table_edit_div_inner { width: 100%;} table.gtl_table_edit th { width: 10%; padding: 5px 5px !important; float: left;} .gtl_table_edit_div_inner div.commondiv { width: 9%; padding: 2px 5px; float: left;} .gtl_table_edit_div_inner div input { width: 85%;} table.gtl_table_edit th.divchild1 { width: 5%;} .gtl_table_edit_div_inner div.divchild1 { width: 4%;} .gtl_table_edit_div_inner div.divchild1 em { font-size: 20px;} table.gtl_table_edit th.divchild5 { width: 5%;} .gtl_table_edit_div_inner div.divchild5 { width: 4%;} table.gtl_table_edit th.divchild9 { width: 20%;} .gtl_table_edit_div_inner div.divchild8 { width: 200px;} .gtl_table_edit_div_inner div.divchild9 { width: 10%;} .gtl_table_edit_div_inner div.divchild8 .form-control { min-height: 24px !important;} .gtl_table_edit_div_inner div.sliderdiv .vue-slider { width: 80% !important;} .gtl_table_edit_div_inner div.sliderdiv div {float: none !important;} .gtl_table_edit_div_inner div.sliderdiv h1 { font-size: 12px; font-weight: bold; margin-top: 5px; margin-bottom: 0px;} div.gtl_div_edit_headbasemain { width: 2165px; float: left; min-height: 450px;} div.gtl_div_edit_head { min-width: 2165px; font-weight: bold; text-align: left; background: #e9ecef; float: left;} div.gtl_div_edit_head div { float: left; width: 190px; border-right: 1px solid #c9d3dd; padding: 10px; border-bottom: 1px solid #c9d3dd;} div.gtl_div_edit_body {min-width: 2165px; font-weight: bold; text-align: left; float: left;} .gtl_div_edit_body_inner { width: 100%; float: left;} .gtl_div_edit_body_inner div {float: left; width: 186.8px;} div.gtl_div_edit_head div.divchild1 { width: 4% !important;} div.gtl_div_edit_head div.divchild5 { width: 5% !important;} div.gtl_div_edit_head div.divchild8 { width: 200px !important;} div.gtl_div_edit_head div.divchild9 { width: 19% !important;} .actionicon_20 { font-size: 20px !important; } /*******Add Task Listing without table - Harjit **********/ .start-timer .modal-dialog{max-width:353px!important;} .timer_rw{text-align:center;font-family:'digital7', sans-serif;font-size:40px;line-height:39px;background:#f3f3f3;margin-top:-17px;padding:7px 20px;margin-bottom:10px;} .start-timer .modal-footer .btn{width:100%;color:#fff;font-size:18px;text-transform:uppercase} .start-timer .modal-footer{border-top:0;padding-top:0} .start-timer .modal-header button{padding: 0px; height: 46px; width: 36px; margin: 0px; position:relative;border-radius:0;background:0;color:#fff;box-shadow:none;border:0;cursor:pointer;text-align:center;margin-left:4px;display:flex;align-items:center;justify-content:center;margin-right:0} .start-timer .modal-header{align-items:center;justify-content:center;padding:0px} .start-timer .modal-header h4.modal-title{flex:1} /*timer popup*/ .animated-from-top.show{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)} .animated-from-top{-webkit-transform:translateY(-200%);-moz-transform:translateY(-200%);-ms-transform:translateY(-200%);-o-transform:translateY(-200%);transform:translateY(-200%)} .timer_tracking{position:absolute;max-width:275px;background:#fff;width:100%;right:452px;top:0;-webkit-transition:all .3s cubic-bezier(0.36,0.66,0.04,1);-moz-transition:all .3s cubic-bezier(0.36,0.66,0.04,1);transition:all .3s cubic-bezier(0.36,0.66,0.04,1)} .start-timer.cust_timer .modal-dialog{margin-top:0!important;position:absolute;right:515px} .start-timer .modal-header .modal-title{padding:13px 10px} .start-timer .modal-header button:hover, .my-popups .start-timer .modal-header button.close:hover, .start-timer .modal-header button.selected{background:rgba(0,0,0,.4) !important;} .my-popups .start-timer .modal-header h4.modal-title{font-size:18px} .cust_timer textarea.form-control{max-height:59px} .form-group.inline{display:flex;margin-bottom:0} .form-group.inline>label{width:auto;float:left;margin-right:11px;position:relative;top:4px} textarea.form-control { white-space: normal; } /* header time box */ .timer_wrap{background:#0a0a0a;color:#fff;padding:0 11px;display:none} .timer_wrap.show{display:flex}/***24May2022****/ .timer_desc{margin-right:15px} #divTopTimer.timer_wrap .circle{width:31px; margin-right: 8px;} .circle a{border:2px solid #fff;width:31px;height:31px;margin-left:9px;display:inline-block;text-align:center;border-radius:50%;line-height:28px;font-size:14px} .pause a{color:#ffc412} .stop a{color:#e43f3a} .resume a{color:#e43f3a} .update a{color:#36d25a} .timer_desc .desc_txt{font-size:11px;color:#ffc412;line-height:16px;text-align:center; display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 96px;} .timer_desc .timer_txt{font-family:'digital7', sans-serif; color:#fff;font-size:25px;line-height:27px;letter-spacing:2px;} .timer_wrap.mob_timer{display:none} @media (max-width:1280px){.infotrack h3 {font-size: 15px;}} @media (max-width:770px){ .start-timer.cust_timer .modal-dialog{margin-top:0!important;position:absolute;right:0;left:0;top:0} .modal.show .modal-dialog{-webkit-transform:translate(0,-20%);transform:translate(0,-20%)}/**** Commented By Harjit as popup was inserting upwards and heading was hidding*****/ .timer_wrap.mob_timer.show{display:flex} } @media (max-width:667px){ .modal.show .modal-dialog {-webkit-transform: translate(0,-20%); transform: translate(0,0%);}} @media (max-width:480px){ /***.timer_desc .desc_txt{font-size:9px;line-height:10px;margin-top:8px} .timer_desc .timer_txt{font-size:17px;line-height:27px;letter-spacing:0} .circle a{width:20px;height:20px;margin-left:5px;line-height:16px;font-size:9px} #643745 - Harjit Commented 25April2022***/ .timer_wrap.show{display:flex;width:auto} #divconversationbox .conversation-box .conversation-header span.header-action{min-width:100px;} } .modal-open .modal-backdrop{display:none;} .modal-dialog .modal-backdrop{display:none;} .navbar .defuse-navbar{line-height:normal!important} /*******Add Task Listing without table - Harjit **********/ a.short-menu-item.gen-templateadded {border: 1px dashed #6fc1a4;} .gen-templateadded{background:#edf7ff; border:1px dashed #6fc1a4;} .timer-icon{font-size: 20px; border-left: 2px solid #dee2e6 !important; border-right: 2px solid #dee2e6 !important; padding: 0px 12px; } .menu-left-wrapper .switch-menu .timer-icon{font-size: 1rem; border-left: none !important; border-right: none !important; padding: 0px 12px; } .menu-left-wrapper .switch-menu .timer-icon em{ padding-right: 5px; margin-right: 5px !important; font-size: 22px; } /*******Off Days Checkbox **********/ ul.ks-cboxtags { list-style: none; padding: 20px; } ul.ks-cboxtags .custom-control{padding:0px !important; display:inline-block;} ul.ks-cboxtags li{ display: inline; padding-right: 10px; } ul.ks-cboxtags li label{ display: inline-block; color: #313131; border-radius: 25px; white-space: nowrap; margin: 3px 0px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; transition: all .2s; width:40px; height:40px; text-align:center; line-height:40px; line-height: 32px; background: #e1e1e1; padding: 0px; cursor: pointer; } ul.ks-cboxtags li input[type="checkbox"]:checked + label { background-color: #12bbd4; color: #fff; transition: all .2s; } ul.ks-cboxtags li input[type="checkbox"] + label::after, ul.ks-cboxtags li input[type="checkbox"] + label::before{display:none;} ul.ks-cboxtags li input[type="checkbox"] { position: absolute; opacity: 0;display: absolute; } /* ul.ks-cboxtags li input.newroundchkbox:checked + label { background-color: #12bbd4; color: #fff; transition: all .2s; } ul.ks-cboxtags li input.newroundchkbox + label::after, ul.ks-cboxtags li input.newroundchkbox + label::before{display:none;} ul.ks-cboxtags li input.newroundchkbox { position: absolute; opacity: 0;display: absolute; } saini 4nov2024 */ .modal.-confirm .modal-header{display:none;} .left-menu-tab .mCSB_scrollTools {width: 7px !important;}/*For adjusting the scrol on the left menu search section*/ /* Canvav view */ ul.canvan-view-list { display: flex; flex-wrap: wrap; } .canvan-view-list li {list-style-type: none; margin-right: 12px; padding:0; border-radius: 0; flex-direction: column; font-size: 14px; width:19%} .canvan-view-list li .list-group{height:100%;} .canvan-view-list li:last-child { margin-right: 0; } .canvan-view-list li > h3 { display: flex; justify-content: space-between; width: 100%; padding:5px 10px; align-items: center; font-size: 32px;} .canvan-view-list li > h3 span { color: #fff; font-size: 18px; font-weight:normal; } .canvan-view-list li:nth-child(5n+5) {margin: 0px;width: 20%;} /*.canvan-view-list.kvfixhead li {flex:1!important; width:inherit!important;} .canvan-view-list.kvlistview li {flex:1!important; width:inherit!important;}***Harjit changed width inherit to 446px*****/ .canvan-view-list.kvfixhead li {flex:1!important; width:446px!important; max-width:446px;} /***Harjit changed width inherit from 446px*****/ .canvan-view-list.kvlistview li {flex:1!important; width:446px!important; max-width:446px;}/***Harjit changed width inherit from 446px*****/ .canvan-view-list.kvfixhead li:nth-child(5n+5) {margin-right: 14px; width: inherit;} .canvan-view-list.kvlistview li:nth-child(5n+5) {margin-right: 14px; width: inherit;} .progres > h3{color:#fff; background:#0cb08b;} .progres .card{border:2px solid #0cb08b;} .progres .card .icon_box{border-color:#0cb08b;} .pending > h3{color:#fff; background:#fcb13c;} .pending .card{border:2px solid #fcb13c;} .pending .card .icon_box{border-color:#fcb13c;} .overdue > h3{color:#fff; background:#17a2b8;} .overdue .card{border:2px solid #17a2b8;} .overdue .card .icon_box{border-color:#17a2b8;} .upcoming > h3{color:#fff; background:#3787cc;} .upcoming .card{border:2px solid #3787cc;} .upcoming .card .icon_box{border-color:#3787cc;} .inactive > h3{color:#fff; background:#78909C;} .inactive .card{border:2px solid #78909C;} .inactive .card .icon_box{border-color:#78909C;} .canceled > h3{color:#fff; background:#fe6847;} .canceled .card{border:2px solid #fe6847;} .canceled .card .icon_box{border-color:#fe6847;} .unassigned > h3{color:#fff; background:#78909C;} .unassigned .card{border:2px solid #78909C;} .unassigned .card .icon_box{border-color:#78909C;} .closed > h3{color:#fff; background:#616161;} .closed .card{border:2px solid #616161;} .closed .card .icon_box{border-color:#616161;} .rejected > h3 {color: #fff;background: #ee1313;} .rejected .card {border: 2px solid #ee1313;} .rejected .card .icon_box {border-color: #ee1313;} .canvan-view-list li .card-body { padding: 10px; } .canvan-view-list li .card { margin-bottom: 10px; border-radius: 0; } .cardhead h5 { width: 78%; float: left; font-size: 15px; line-height: 21px; } .cardhead a { float: right; font-size: 19px; color: #bbbbbb; padding: 5px; } .hide { display: none; } .card-body .card-spc { width: 80%; } .spac-eq { display: inline-block; clear: both; margin-bottom: 5px; width: 100%; padding-top: 5px;} .spac-eq .Timer { display: inline; width: 49%; min-width:130px;} .spac-eq .Timertodo { display: inline; width: 49%; min-width:130px;} .timerbx{ font-size: 17px; font-weight: bold; font-family: 'digital7', sans-serif; letter-spacing: 1px; } .Timer.btn-success { color: #fff; background: #28a745; } .Timer.btn-danger { color: #fff; background: #dc3545; } /*******workdiary **********/ .time_infobx{padding:15px 10px;height:100%; width:100%;} .discarded-img{display: flex; width: 100%; height: 158px; background: #f1f1f1; align-items: center; justify-content: center; font-weight: 600; color: #8e8e8e; font-size: 22px;} .app-usesinnew{max-height: 240px; overflow-y: auto; display: flex; flex-wrap: wrap-reverse;} .app-usesin {max-height: 240px; overflow-y: auto;} .app-usesin .app-time {padding:0;} .user-clicksin { max-height: 320px; overflow-y: auto; margin-top: 5px;} .user-clicksin .table td, .table th { padding: .50rem .75rem;} /* timleline list */ .timeline{list-style:none;padding:20px 0 20px;position:relative;} .timeline>li{margin-bottom:50px;height:100%;position:relative;display:inline-block;width:100%} .timeline>li:before,.timeline>li:after{content:" ";display:table} .timeline>li>.timeline-badge{width:9%;height:100%;line-height:50px;font-size:1.4em;text-align:center;position:absolute;top:0;left:0;margin-left:-8px;z-index:100} .timeline-badge:before{top:0;bottom:0;position:absolute;content:" ";width:1px;background-color:#393939;right:13%;height:117%;margin-left:-1.5px} .timeline>li:last-child .timeline-badge:before{height:46%}/***height:51%***/ .timeline>li.timeline-inverted>.timeline-panel{float:right;width:90%;border-radius:2px;padding:5px 5px;position:relative;box-sizing:border-box} .timeline>li.timeline-inverted>.timeline-panel .screenshot .card-heading{font-size: 16px;} .imgsize_100 img{max-height: 100px;} .timeline-panel ul{list-style-type:none;display:flex; flex-wrap:wrap;} .timeline-panel li{flex: 0 0 19%; margin-right: 1%; margin-bottom: 15px; max-width: 170px; min-width: 170px;}/* Min Width and Max width 230px to 170px by Harjit 23 Dec 2020 */ /*.timeline-panel li:nth-child(6n){display:none;}*/ .timeline-panel li:nth-child(6n){display:block;} .timeline-check{right:0;position:absolute;top:39%} .timeline-check .custom-control-label::before{right:-25px;left:auto;outline:4px solid #fff;top:0} .timeline-check .custom-control-label{position:relative;left:-35px} .timeline-check .custom-control-label::after{right:-25px;left:auto;top:0} .card-box.screenshot{padding:0} /* .screenshot .card-heading{color:#000;white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden;line-height:initial;background:#edf7ff;border-bottom:4px solid #23a4ff;padding:10px} */ .time_lab{display:flex} .time_lab .time-prog{width:8px;height:18px;background:#ccc;margin-right:2px} .card-detail-main.detail_bx{display:flex;flex-wrap:wrap;padding:10px;overflow:hidden;max-height:initial} .time_clk{flex:1} .card-detail-main.detail_bx a{flex-wrap:wrap;flex:0 0 100%;margin-top:10px;font-size:14px} .time_clk p{margin-bottom:0} .date_info{padding:15px} .date_info h2{font-size:20px;color:#fff;font-weight:400;margin-bottom:0} /* progress bar */ .level_info .progress.prog_bx{margin-left:0;margin-right:0;flex:none;margin-bottom:5px} .level_info ul{list-style-type:none;display:flex;justify-content:space-between} .level_info li{font-size:12px} .level_info li b{font-weight:500} .level_info{display:flex;flex-direction:column;justify-content:center;height:100%} .calbx{background:#f5f5f5} .calbx .month-heading{border-bottom:1px solid #afb5bb;padding:15px 10px} .month-heading h3{font-size:18px;margin-bottom:0; min-height: 25px;} .month_day ul{display:flex;list-style-type:none;justify-content:space-between} .month_day li{text-align:center;border-right:1px solid #dadbdd;flex:0 0 14.28%;background:rgba(255,255,255,0.3)} .month_day li:last-child{border-right:0} .month_day li:nth-child(2n){background:#eaeaea} .month_day{background:#eaeaea} .date_fm{padding:14px 0}/*padding:7px 0*/ .date_fm h4{font-size:22px;font-weight:300;margin-bottom:0} .date_fm p{font-size:12px;margin-bottom:0;text-transform:uppercase} .month_day li:nth-child(2n) .lightblue{background:#24a5ff} /* weekly status */ .lightblue{background:#61beff;color:#fff;font-weight:500;min-height:77px;line-height:80px}/***height:58px;line-height:61px***/ .eqcol{min-height:170px;} span.actions.play{background:#fff;color:#50adbe;margin-left:0;left:0} .month_day li:nth-child(2n) .lightblue.darkyellow{background:#cdac37} .lightblue.lightyellow{background:#dbc36f} .trackinfo ul{list-style-type:none} .trackinfo li{font-size:18px;border-bottom:1px solid #cbcbcb;padding-bottom:6px;line-height:25px;margin-bottom:5px} .trackinfo li:last-child{margin-bottom:0;padding-bottom:0; border-bottom:0;} .trackinfo{width:60%;}/*flex:1; margin-right:20px*/ .track-hours-chart{width:40%; overflow: hidden; position: relative;} .track-hours-chart .apexcharts-canvas { position: absolute; left: -24px;} .trackinfo a{text-decoration:underline;color:#24a5ff} .trackinfo li span{font-size:25px} .trackinfo_left2{width: 50%!important;} .trackinfo_right2{width: 50%!important;} @media (min-width:1100px) and (max-width:1660px) { .newtimertabsbase .weeklystatusboxcontrol .col-md-4{ -ms-flex: 0 0 50%!important; flex: 0 0 50%!important; max-width: 50%!important;} .track-hours-chart .apexcharts-canvas { position: absolute; left:0px;} } @media (min-width:1100px) and (max-width:1279px) { .track-hours-chart .apexcharts-canvas { position: absolute; left:-29px;} } @media (max-width:768px) { .trackinfo{width:100%!important;} .track-hours-chart{width:100%!important;} .infotrack.eqcol {display: block;} .lightblue.lb_hs2 h6{font-size: 11px;} .darkyellow.lb_hs2 p{font-size: 11px;} } .tablelist_icos{background-image: url('https://talygenv.github.io/Vue-UI-Content/images/timersprite.png'); height: 22px; width: 35px; float: left; background-repeat: no-repeat;} .email_icos{background-position: -17px -140px;} .fb_icos{background-position: -60px -140px;} .insta_icos{background-position: -101px -140px;} .bing_icos{background-position: -152px -140px;} .tweet_icos{background-position: -203px -140px;} .google_icos{background-position: -257px -140px;} .default_icos{background-position: -317px -140px;} .tt_ddr ul.multiselect__content li.multiselect__element .multiselect__option{color: #505050!important;} .tt_ddr ul.multiselect__content li.multiselect__element .multiselect__option.multiselect__option--highlight{color: #fff!important;} .tt_ddr .multiselect__option{color: #ff0000; font-weight: 400;} /* Ridham 5Feb2024*/ .align_bx{justify-content:center; align-items:center;} #project-detail.modal.right.fade .modal-dialog{max-width:500px} .white_bx{background:#fff;padding:15px;border:1px solid #b4b9bf} ul.detail_list{list-style-type:none} ul.detail_list li{display:flex;justify-content:space-between;margin-bottom:15px} .profile-info{display:flex;margin-bottom:10px} ul.file_list{list-style-type:none;display:flex;justify-content:space-between} .img_bx{margin-bottom:10px;font-size:20px} .file_list h4{font-size:13px;margin-bottom:1px} .file_list p{font-size:10px} .file_list li{position:relative;background:url('../images/folder.png') top center no-repeat;flex:0 0 32%;margin-right:10px;background-size:100%;height:118px;padding:29px 16px} .file_list .line{position:absolute;right:13px;top:32px} .heading-border .btn{position:absolute;right:0;top:0;padding:0 5px} .white_bx .heading-border{padding-bottom:3px;} .skyblue{color:#23a4ff} .grey-txt{color:#848a8f} .app-time{padding:10px 15px} .app-time h3{font-size:18px;font-weight:600;margin-bottom:5px;padding-bottom:8px} .progress.prog_bx{display:flex;height:8px;overflow:hidden;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem;border:0;flex:1;margin-left:20px;margin-right:15px}/****background-color:#e9ecef;****/ ul.app-time-info{list-style-type:none} .app-time-info li{margin-bottom:9px;display:flex;align-items:center;flex-wrap:wrap;} .app-time-info li:last-child{margin-bottom:0} .app-time-info li p{margin-bottom:0;flex:1;font-size:14px; height: 20px; overflow: hidden; min-width: 150px; max-width: 150px; text-transform: capitalize;} .app-time-info li span{font-size:12px; width: 140px;} .app-time-info li ul{width: 100%; float: left; position: relative; padding-left: 6px; margin-bottom: 5px !important; opacity: .8;} .app-time-info li ul li{ position:relative; padding-left:10px; display:flex;} .app-time-info li ul li::before{content:"\f0da"; font-family:'FontAwesome', sans-serif;font-weight: normal; font-size:14px; line-height: 1; left: 0px; top: 4px; position: absolute;} .workdiary-dp { padding: 5px; float: left;} /*******workdiary **********/ .list-actions.task:before {content: ''; border-bottom: 10px solid #dcdcdc; border-left: 8px solid transparent; border-right: 8px solid transparent; top: -10px; position: absolute;} .workdairy_leftbase {float: left; width: calc(100% - 380px); padding: 10px;} .workdairy_rightbase {float: right; width: 100%; max-width: 360px; margin-left: 15px;} @media (max-width:991px){ .workdairy_leftbase{width: 100%!important;} .workdairy_rightbase{max-width: 100%!important; flex: 0 0 100%!important; padding: 0px 25px!important; margin: 0px!important;} } @media (max-width:1600px){ .custtab{min-width:1600px;} .card-body .gantt-right {width: 60%;} .card-body .gantt-left {width: 40%;} } @media (max-width:1440px){ .card-body .gantt-left{width: 44%;} .card-body .gantt-right{width:56%} .col-img img {width: 85px;} .screenshot .card-heading{white-space:initial;width:100%;padding:10px;box-sizing:border-box;font-size:15px} .timeline-panel li{flex:0 0 19%;margin-right:11px} .timeline>li>.timeline-badge{width:11%} } @media (max-width:1024px){ .card-body .gantt-left {width: 50%;} .card-body .gantt-right {width: 50%;} .card{font-size:14px;} .modal.right.fade .modal-body {padding: 20px; overflow-y: scroll;} .modal.right.fade .modal-dialog {height: calc(100% - 45px);} ul.canvan-view-list {display: flex; flex-wrap: wrap; min-width: 1200px;} .sort-mobile-view{display:flex !important;} } @media (min-width: 768px) and (max-width: 991px) { .card-body .gantt-left {width: 100%;} .card-body .gantt-right {width: 100%;} .card.probx .card-header .cont_right.barrw {float: none;} .card.probx .card-header.barrw {display: block;} .cont_start {margin-left: 33px;} .mbspc {margin-bottom: 20px; border-bottom: 1px solid #ddd;} .modal.right.fade .modal-dialog {max-width: 600px;} .timeline-panel ul {flex-wrap: wrap; } .screenshot .card-heading{white-space:normal;text-overflow:ellipsis;padding:10px;font-size:12px} .timeline>li>.timeline-badge{width:23%;height:100%;line-height:50px;font-size:1.4em;margin-left:-8px;z-index:100} .timeline>li.timeline-inverted>.timeline-panel{width:79%;padding:5px 5px} .timeline-panel li{flex:0 0 46.5%;margin-right:11px;margin-bottom:15px} .time_info .Timer{margin-left:0;} /*.wrapper { min-height: calc(100vh - 161px); }*/ /* added by rakesh 21dec20*/ } @media (max-width: 768px) { .card.probx .card-header.barrw .cont_right { float: right; width: 100%; padding-top: 20px;} .cont_right .bar { min-width: 100%;} } @media (max-width: 767px) { .card-body .gantt-left {width: 100%;} .card-body .gantt-right {width: 100%;} .card.probx .card-header.barrw {display: block; } .cont_start {margin-left: 33px; } .mbspc {margin-bottom: 20px;border-bottom: 1px solid #ddd;} .tab-content > .tab-pane.border-0 { border: 0!important;} .card.probx .card-header {display: block; } .card.probx .card-header h2 {font-size: 20px;float: none;} .card.probx .card-header .cont_right {float: none; width: 100%; margin-top: 15px; } /*.bar { min-width: 100%; margin-bottom: 3px; margin-top: 30px; }*/ .modal.right.fade .modal-dialog {max-width: 600px;} .gantt-left { width: 100%;} .gantt-right {width: 100%;} .custtab .btn.listing-tag{width:auto;} .custtab .bar{min-width:auto;} .custtab .details-control .btn{width:auto; margin-bottom: inherit;} .btn.listing-tag{display:inline-block} .screenshot .card-heading{white-space:normal;text-overflow:ellipsis;padding:10px;font-size:12px} .timeline-panel ul{list-style-type:none;display:flex;flex-wrap:wrap} .timeline>li>.timeline-badge{width:100%;height:100%;line-height:50px;font-size:1.4em;margin-left:0;z-index:100; position:relative;} .timeline>li.timeline-inverted>.timeline-panel{width:100%;padding:5px 5px} .timeline-panel li{flex:0 0 48%;margin-right:11px;margin-bottom:15px} .timeline-panel li:nth-child(2n){margin-right:0} .timeline-check{right:0;position:relative;top:0} .timeline-badge:before{display:none} } @media (max-width:480px){ .modal.right.fade .modal-dialog {max-width: 320px;} .cont_right .bar label {font-size: 10px; right: 6px;} .cont_right .bar {min-width: 100%; width: 100%;} } @media (max-width:480px){ .candidate-info {text-align: center; justify-content: center;} .candidate-info .user-contact-info {text-align: center;} .candidate-info .user-name {text-align: center;} .candidate-info .scheduleinterview {margin: 0 auto; margin-top: 20px; margin-bottom: 10px; padding: 0;} .candidate-info .user-details { padding: 0px 0px 0px 0px;} .pad-right { padding-right: 15px;} .sc_data {display: none;} .sc_header_cell {display: none !important;} .jq-schedule .sc_main_box { width: 100% !important;} .jq-schedule .sc_menu .sc_header{ width: 100% !important;} } .navigation-panel ul li .popover{ border-radius: 0px; border: none; } .thispagebod-0{border-top: 1px solid #e1e1e1;} .thispagebod-0 .nu-paging{border:none;} .thispagebod-full .nu-paging{border-top: 1px solid #e1e1e1;} /*24-09-2020 Rohit Bhatiya (Project Quick View)*/ .modal.right.fade .modal-dialog.maxwidth500{max-width:500px;} .heading-border .text_link a {color: #303030; margin-left: 10px;} .heading-border .text_link{position:absolute;right:0;top:5px;font-size:14px} .file-list li { list-style: none; position: relative; width: 100%; display: inline-block; padding: 10px 0; border-bottom: 1px solid #cbcfd0;} .fldr-icon { color: #edc909; font-size: 46px; line-height: 45px; float: left; padding-right: 15px;} .file-list .m-text { display: inline-block; font-size: 16px; font-weight: 500;} .file-list small { position: absolute; bottom: 13px; left: 58px; font-size: 12px; color: #303030;} .file-list .right-acti { position: absolute;top: 50%; transform: translateY(-50%); right: 15px; color: #727272; font-size: 20px;} .file-list .right-acti:hover { opacity: .8;} /*24-09-2020 Rohit Bhatiya (Project Quick View)*/ .heading-border div.btnnot {position: absolute; right: 0; top: 0; padding: 5px; font-size:14px;} /*24-09-2020 Rohit Bhatiya (Project Quick View)*/ .content-page{ font-size: 14px; font-weight: 300; color: #303030;} .content-page .title{display:none;} .content-page .pgernalcontent, .content-page .pdivs{ margin-bottom: 15px; } .content-page .boldheading{ font-size: 1.1rem; color: #424f55; font-weight: 400; margin-top: 20px; } .content-page .left_navi_s { width: 100%; float: left; } .content-page .left_navi_s ul { width: 100%; float: left; margin-bottom: 10px; } .content-page .left_navi_s ul li { float: left; width: auto; display: inline-block; margin-right: 5px; } .content-page .left_navi_s ul li a { background: #525f65; padding: 8px 10px; display: inline-block; color: #fff; border-radius: 2px; } .content-page .left_navi_s ul li a:hover { background: #454545; } .content-page .aboutMenubar { display: none; } .content-page .about_pnl_s.about{ float:left; width:100%; margin-top: 20px;} .content-page .rounded_panel_s.about{ width: 100%; padding: 10px; background: #f1f1f1; margin-bottom: 20px; } .content-page .rounded_panel_s.about ul{ list-style: square; font-size: 15px; padding-left: 20px; } .help-page h1 { font-size: 1.1rem; color: #424f55; font-weight: 400; margin: 0px 0px 10px 0px; background: #f9f9f9; padding: 10px;} .help-page h3 { font-size: 1.4rem; color: #424f55; font-weight: 400; margin: 0px 0px 10px 0px } .help-page h5 { font-size: 1.1rem; color: #313131; font-weight: 400; margin: 15px 0px 10px 0px; } .help-page ul{ list-style:none; font-size: 15px; padding-left: 20px; } .help-page ul li{ width: 33.33%; float: left; list-style: disclosure-closed; } .help-page a{ color:#068DD3} .help-page ul li a:hover{ color:#104baa} .help-page img{ padding-right:10px;} .help-page .helplink_talyhelp { display: block; background: #f1f1f1; padding: 5px 10px; } .help-page .helplink_talyhelp a{ color:#068DD3} /*.modal-body.legend-yellow #divStarttime,.modal-body.legend-yellow #divStoptime{ display:block !important;}*/ @media (max-width:1024px) { .help-page ul li{ width:50%;} } @media (max-width:768px) { .help-page ul li{ width:100%;} } /* Ticket Thankyou*/ .checksign { font-size: 60px; width: 110px; height: 110px; display: inline-block; border-radius: 100%; border: 2px solid #28a745; line-height: 110px; margin-top: 40px; } .checksign.warning{border: 2px solid #ffc107;} .checksign.danger{border: 2px solid #dc3545;} .ticket-number p{ width:100%; display:block; font-size:20px;} .ticket-number div { font-size: 20px; position: relative; background: #fff3cd; padding: 35px 30px; margin:20px; border:4px dotted #856404; display:inline-block; color:#856404; } .ticket-number div:after, .ticket-number div:before, .ticket-number div b:after, .ticket-number div b:before { content: ""; position: absolute; z-index: 1; width: 15px; height: 15px; background:linear-gradient(#fff,#fff) padding-box, #856404; } .ticket-number div:after { top: -5px; left: -5px; border-right: #fff 5px dotted; border-bottom: #fff 5px dotted; border-radius: 0 0 20px 0; } .ticket-number div:before { top: -5px; right: -5px; border-left: #fff 5px dotted; border-bottom: #fff 5px dotted; border-radius: 0 0 0 20px; } .ticket-number div b { padding: 35px; text-decoration: none; color: #856404; font-weight: 600;} .ticket-number div b:after { bottom: -5px; left: -5px; border-right: #fff 5px dotted; border-top: #fff 5px dotted; border-radius: 0 20px 0 0; } .ticket-number div b:before { bottom: -5px; right: -5px; border-left: #fff 5px dotted; border-top: #fff 5px dotted; border-radius: 20px 0 0 0; } /* team status page */ .list_status {display: flex; align-items: center; margin-bottom: 9px; border-bottom: 1px solid #ddd; padding-bottom: 9px;} .list_status .icon { margin-right: 10px; width: 19px; text-align: center;} .list_status .name {flex: 1;} #team-Status.modal.right .modal-dialog { max-width: 447px;} .list_status .name a {color: #333;} .list_status:last-child { border-bottom: none; margin-bottom:0;} .team-member-online { margin: 0 12px; width: 15px; height: 15px; background-color: #690; box-shadow: #AFAFAF 0 0px 1px 1px, inset #ddd 0 -1px 1px, #7D0 0 1px 0px; border: 2px solid #fff; } .team-member-pause { margin: 0 12px; width: 15px; height: 15px; background-color: #A90; box-shadow: #AFAFAF 0 0px 1px 1px, inset #ddd 0 -1px 1px, #7D0 0 1px 0px; border: 2px solid #fff; } .team-member-offline { margin: 0 12px; width: 15px; height: 15px; background-color: #ccc; box-shadow: #AFAFAF 0 0px 1px 1px, inset #ddd 0 -1px 1px, #7D0 0 1px 0px; border: 2px solid #fff; } /* inbox page css 28-9-20 */ .inbox_list{padding:10px 10px 0 10px;overflow-y:auto;height:289px} .inbox_list.notify-list-new{max-height:590px!important; height: 590px;} .inbox_head{background:#ebebeb;display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #e3e0e1} .inbox_head a{font-size:14px} .left-filter.mail_bx .card-header.active{background:#525f65} .left-filter.mail_bx .card-header.active a{color:#fff} .left-filter.mail_bx .card-header.active .rotate-icon{color:#fff} .left-filter.mail_bx table tr td,.left-filter.mail_bx table tr th{font-size:14px;padding:.55rem} .mail_bx .left-tab li{border-left:none;border-right:0;height:auto} .mail_bx .left-tab li a.left-menu{font-size:14px} .mail_bx .left-tab li:first-child{border-top:0} .mail_bx .left-tab li:last-child{border-bottom:0} .list_rw{display:flex;border-bottom:1px solid #e3e0e1;padding-bottom:6px;margin-bottom:7px; flex-wrap:wrap;} .list_rw .icon{width:30px;height:30px;border-radius:50%;line-height:28px;margin-right:9px;margin-top:4px;text-align:center} .list_rw:nth-child(3n+1) .icon.colored{ background:#edf7ff;color:#23a5fd} .list_rw:nth-child(3n+2) .icon.colored{ background:#fff5d2;color:#dbb429} .list_rw:nth-child(3n+3) .icon.colored{ background:#e4e9ff;color:#8892d0} .list_rw .icon em{font-size:14px} .list_rw .icon.blue{background:#edf7ff;color:#23a5fd} .list_rw .icon.yellow{background:#fff5d2;color:#dbb429} .list_rw .icon.purple{background:#e4e9ff;color:#8892d0} .list_rw em{margin-top:5px} .list_rw .detail{flex:1;padding-right:10px} .list_rw .detail p{margin-bottom:0; text-wrap: wrap!important; word-break: break-word;} .list_rw .detail p a{margin-bottom:0;font-weight:300;font-size:14px;line-height:17px;color:#333;display:block} .list_rw .detail p a:hover{color:#007bff} /* .list_rw .detail p.timer{font-size:13px;color:#737373;font-weight:400} */ .list_rw .detail p.timer_notofocation{font-size:13px;color:#737373;font-weight:400} .list_rw:last-child{border-bottom:0} a.text-red{color:#dc3545} .list-rw-detail { padding: 8px; padding-left: 40px; width: 100%; font-size: 13px; } .list_rw .detail p.unread a { font-weight:400; } @media (max-width:767px){ .mail_bx .card-panel {height: auto;} .left-menu-tab .mail_bx .nav-pills{display:block;} } table div.norecs{height:50px;} .probx .iconplus{color:#bbb;margin-right:14px;position:relative;z-index:1} .probx .iconplus::after{content:"";position:absolute;width:1px;height:100%;background:#bbb;left:7px;top:17px} .probx .iconplus.last::after{display:none} .notfound { width: 100%; line-height: 1.4; text-align: center; padding: 30px 0px; } .notfound .notfound-404 { position: relative; height: 240px; } .notfound .notfound-404 h1 { font-family: 'Montserrat', sans-serif; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 252px; font-weight: 900; margin: 0px; color: #262626; text-transform: uppercase; letter-spacing: -40px; margin-left: -20px; } .notfound .notfound-404 h1>span { text-shadow: -8px 0px 0px #fff; } .notfound .notfound-404 h3 { font-family: 'Cabin', sans-serif; position: relative; font-size: 16px; font-weight: 700; text-transform: uppercase; color: #262626; margin: 0px; letter-spacing: 3px; padding-left: 6px; } .notfound h2 { font-family: 'Cabin', sans-serif; font-size: 20px; font-weight: 400; text-transform: uppercase; color: #000; margin-top: 0px; margin-bottom: 25px; } .notfound .notfound-404 h1 em{font-size:227px;} .notfound .notfound-404.UnAuthorized h1 {font-size: 148px; letter-spacing: -21px;} .notfound .notfound-404.UnAuthorized h1>span { text-shadow: -3px 0px 0px #fff; } .notfound .notfound-404.UnAuthorized h1 em{font-size:164px;} @media only screen and (max-width: 900px) { .notfound .notfound-404 { height: 200px; } .notfound .notfound-404 h1 { font-size: 200px; } .notfound .notfound-404 h1 em{font-size:227px;} .notfound .notfound-404.UnAuthorized h1 {font-size: 100px; letter-spacing: -17px;} .notfound .notfound-404.UnAuthorized h1>span { text-shadow: -3px 0px 0px #fff; } .notfound .notfound-404.UnAuthorized h1 em{font-size:100px;} } @media only screen and (max-width: 570px) { .notfound .notfound-404 { height: 162px; } .notfound .notfound-404 h1 { font-size: 162px; height: 150px; line-height: 162px; } .notfound h2 { font-size: 16px; } .notfound .notfound-404.UnAuthorized h1 {font-size: 55px; letter-spacing: -8px;} .notfound .notfound-404.UnAuthorized h1 em{font-size:55px;} } .circle-oicon { background: #313131; color: #fff; padding: 3px 4px; width: 20px; height: 20px; border-radius: 100%; font-size: 10px; display: inline-block; text-align: center; vertical-align: middle; line-height: 14px;} .card-body .card-header { background: transparent !important;} .card-body .activity-tab .card-header a { width: 100%;} .modalmaxwidth-700{max-width:700px!important;} .noimage-200{max-width:200px;width:200px; min-height:100px;} .noimage-200 img{width:100%;min-height:100px;} .modal-body .time-tracker textarea {min-height:215px;} .field-required {border-left: 2px solid #dc3545 !important;} .left-menu-tab .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0;} .left-menu-tab .list-group-item { padding: 7px 15px; } .left-menu-tab .list-group-item em{ width:20px;} .ml-cutomf-bg .labeltext{ width: calc( 100% - 100px) !important; } .mcf-head input{ max-width: 400px; font-weight: 400; font-size: 18px; float: left;} .mcf-head { padding: 10px 14px; width: 100%; position: relative; } .mcf-head .field-action{float:right;} /******todo update timer - Harjit**********/ .todotimerbg{background:#dee2e6;} .timer_todo input{ text-align: center;border: none;font-size: 55px; font-family: 'digital7', sans-serif;line-height:39px;background:#f3f3f3;padding:7px 20px; width:100%;} /******todo update timer - Harjit**********/ .multiselect-filter-search {position: sticky !important; top: 0px; z-index: 10000; padding: 7px 10px 1px !important; background: #fff !important;} @media only screen and (max-width: 1280px) { .notfound .notfound-404 h1,.notfound .notfound-404 h1 em{font-size:200px;} } /* @media (min-width:1280px){ ul.nodechld .textelipsis { width: 37%; } } @media (min-width:1440px) { ul.nodechld .textelipsis { width: 47%; } } @media (min-width:1540px) { ul.nodechld .textelipsis { width: 47%; } } @media (min-width:1640px) { ul.nodechld .textelipsis { width: 53%; } } */ @media (min-width:1280px){ ul.nodechld .textelipsis { width: 60%; } } @media (min-width:1440px) { ul.nodechld .textelipsis { width: 70%; } } @media (min-width:1540px) { ul.nodechld .textelipsis { width: 75%; } } @media (min-width:1640px) { ul.nodechld .textelipsis { width: 78%; } } .pr-17{padding-right:17px !important;} .task-validation{white-space: normal;width:70%;text-align: left;} /******Lead >> View Detail >> Associate Contacts popup - Harjit****************/ .table200th table th{min-width:200px;} .table200th table th:first-child{min-width:50px;} /******Lead >> View Detail >> Associate Contacts popup - Harjit****************/ /**************Panels width control in Notes in Project Overview - Harjit - project-note.js********/ @media (min-width: 1200px) and (max-width: 1440px) { .projectnotespanel{flex: 0 0 33.333333%; max-width: 33.333333%;} } /**************Panels width control in Notes in Project Overview - Harjit - project-note.js********/ /*********Message Board - UC css copied - Harjit*********/ .message-bx:hover {background:#fff; border:1px solid #ececec;} .div_forAddProjectMessage { border-radius: 100% !important; width: 45px !important; height: 45px !important; line-height: 45px !important; padding: 0 !important; } .content.wcb .act { max-height: calc(100vh - 76px ); max-height: -webkit-calc(100vh - 76px); max-height: -moz-calc(100vh - 76px); } .content.wcb .act_files { max-height: calc(100vh - 126px ); max-height: -webkit-calc(100vh - 126px); max-height: -moz-calc(100vh - 126px); } .content.homebx {background:#f6f7f9!important; display: flex; padding: 15px 0 15px 20px; overflow-x: hidden; } .content.forward.chatdv { display: flex; padding: 15px 0 15px 20px; overflow-x: hidden; } .closeRightslider{background:none!important;color: #000 !important;line-height: 18px;border-radius: 0px;height: 20px;width: 20px;top: 0px!important} /*.message-board-outer-div.msgbx_left div.scroll-wrapper.scrollbar-inner { max-height: calc(100vh - 96px)!important; max-height: -webkit-calc(100vh - 96px)!important; max-height: -moz-calc(100vh - 96px)!important; }*/ /*********Message Board - UC css copied - Harjit*********/ #multiple-events span.bg:nth-child(odd) {background: #f5f5f5; padding: 5px 0px; border-bottom: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6;} /*#multiple-events span.bg:nth-child(even) {background: #dee2e6;}*/ /*p:nth-child(odd) { background:red;} p:nth-child(even) { background:blue;}*/ .mapboxgl-ctrl-geocoder, .mapboxgl-ctrl-geocoder .suggestions { box-shadow: none; border: 1px solid #abb5bf; border-radius: 0px; margin-bottom: 1px;} .timesheetdatepicker { background: #e9ecef; border: 1px solid #c5c5c5; float: left; padding: 2px 0px 2px 0px; text-align: left; color: #000; margin: 0px 10px 0px 0px; } .workingdaysCE { background: #6c757d; width: 20px; height: 20px; display: inline-block; color: #fff; cursor: pointer; } .workingdaysCE em { float: right; line-height: 22px; padding-right: 4px; } [data-toggle^="collapse"].workingdaysCE.collapsed em.fa-plus:before { content: "\f067"; } [data-toggle^="collapse"].workingdaysCE em.fa-minus:before { content: "\f068";} .DivProductivity.col-sm-12.col-md-12.col-lg-12.col-xl-12.float-left.p-0 .col-12 .row.col-12 .col-2.col-sm-3.ml-4{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .DivProductivity.col-sm-12.col-md-12.col-lg-12.col-xl-12.float-left.p-0 .col-12 .row.col-12 .col-1.col-sm-2.mt-4{-ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;} .DivUnProductivity.col-sm-12.col-md-12.col-lg-12.col-xl-12.float-left.p-0 .col-12 .row.col-12 .col-2.col-sm-3.ml-4{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .DivUnProductivity.col-sm-12.col-md-12.col-lg-12.col-xl-12.float-left.p-0 .col-12 .row.col-12 .col-1.col-sm-2.mt-4{-ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;} .DivNeutral.col-sm-12.col-md-12.col-lg-12.col-xl-12.float-left.p-0 .col-12 .row.col-12 .col-2.col-sm-3.ml-4{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .DivNeutral.col-sm-12.col-md-12.col-lg-12.col-xl-12.float-left.p-0 .col-12 .row.col-12 .col-1.col-sm-2.mt-4{-ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;} /*Time track page css 28-10-20 */ .spbx-tb{min-height:495px;display:flex;align-items:center;justify-content:center} .greybg{background:#ededed;border-radius:0} .trackbx-time{border-radius:0} .custom-checkbox{line-height:29px; margin-top:-3px;} #timetracking_wrap .timerclck{border:1px solid #000;color:#000!important;float:left;font-size:38px!important;height:52px;line-height:52px;padding:0 2px;text-align:center;width:160px;font-family:'digital7_mono', sans-serif;background-color:#a6cdb2; min-height: auto !important;} #timetracking_wrap .time-tracked>span{font-size:18px;line-height:52px} #timetracking_wrap .time-tracked .timedate{background:#274468!important;border:1px solid #274468!important;color:#fff;width:120px!important;padding:5px;font-size:18px;-webkit-text-fill-color:#fff;} #timetracking_wrap .time-tracked .timedate::-webkit-input-placeholder{color:#9ea8aa!important;opacity:1} #timetracking_wrap .time-tracked .timedate::-ms-input-placeholder{color:#9ea8aa!important;opacity:1} #timetracking_wrap .time-tracked .timedate::placeholder{color:#9ea8aa!important;opacity:1} #timetracking_wrap .trackbx-time .form-group label{font-size:16px} #timetracking_wrap .time-tracked span.timedate-label{font-size:18px;line-height:52px} #timetracking_wrap .time-tracked .input-group>.input-group-append>.input-group-text{background-color:#e9ecef;border:1px solid #ced4da} .timetrackcontainer #timetracking_wrap .starttimer, .timetrackcontainer #timetracking_wrap .stoptimer, .timetrackcontainer #timetracking_wrap .pausetimer{min-width:160px;font-size:28px!important;margin-right:10px;margin-bottom:10px;float:left; } .addman{display:flex;align-items:center;font-size:14px} .addman img{width:18px;margin-right:4px} .lg_btn{font-size:16px;padding:11px 20px} #AddManually.addman{width: 100%; border-bottom: 2px solid #17a2b8!important;} #AddManually.addman:hover{background-color: #117a8b!important;} @media (max-width:767px){ .addman {padding: 9px 10px; margin-bottom: 0; line-height: 26px; display:block ruby;} .mystatus {padding-right: 15px !important;} .spbx-tb { min-height: auto;} .my-popups .tab-style .nav-tabs.cust li{flex:0 0 100%;} } .v-select input[type="search"], .v-select input[type="search"]:focus { margin: 0px !important; font-size:14px!important; padding:.3rem .50rem !important;} .v-select .open-indicator::before {width: 0px !important; height: 0px !important; border-left: 4px solid transparent !important; border-right: 4px solid transparent !important; border-top: 5px solid #000 !important; transform: rotate(0deg) !important;} .v-select .vs__actions {padding:0!important;} /*.left-filter .filterscroll{overflow-x:hidden; overflow-y:scroll;}*/ .filterscroll_leftsearch{max-height:200px;} /******************Billing Rule View - panel design fixes - Harjit Singh*******************************/ @media (min-width: 1025px) and (max-width: 1199px) { .BRCFix {flex: 0 0 100%!important; max-width: 100%!important;} .BRCTableFix{flex: 0 0 50%!important; max-width: 50%!important;} .BRCFormFix{flex: 0 0 50%!important; max-width: 50%!important;} } @media (min-width: 1200px) and (max-width: 1440px) { .BRCFix {flex: 0 0 50%!important; max-width: 50%!important;} } @media (min-width: 1441px) and (max-width: 1600px) { .BRCFix {flex: 0 0 33.333333%!important; max-width: 33.333333%!important;} } #divruleflowdatashow.flowchart-fix { min-width: 1180px;} @media (max-width:767px){ #divruleflowdatafsmshow .fc_parentchild .arrowdown{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .formsfieldmainunique_condition .col-md-6 .input-group span:first-child { min-width: 80%; float: left;} .formsfieldmainunique_condition .col-md-6 .input-group span a i.fa-minus-circle{ font-size: 18px !important;} .formsfieldmainunique_condition .multiselect.ddlfirstfield .multiselect__tags{min-height: 35px !important;} } /******************Billing Rule View - panel design fixes - Harjit Singh*******************************/ /* Organization Chart */ .pg-orgchart{overflow:hidden} .org-chart{overflow-x:scroll; padding-bottom:20px;} .pg-orgchart .jOrgChart .node{background:#efefef;text-decoration:none;color:#666;display:inline-block;padding:20px 10px;-webkit-transition:all .5s;transition:all .5s;min-width:180px;position:relative;z-index:1} .pg-orgchart .jOrgChart .node:hover{background:#dcf2fc;-webkit-transition:all .15s;transition:all .15s;-webkit-transform:translateY(-5px);transform:translateY(-5px)} .pg-orgchart .jOrgChart .node img{margin:0 auto; max-width:60px;width:60px;height:60px} .org-chart .jOrgChart tr td.node-container:nth-child(4n+1) .node{ border-bottom: 2px solid #7998d9; } .org-chart .jOrgChart tr td.node-container:nth-child(4n+2) .node{ border-bottom: 2px solid #6cbfcf; } .org-chart .jOrgChart tr td.node-container:nth-child(4n+3) .node{ border-bottom: 2px solid #e78a6b; } .org-chart .jOrgChart tr td.node-container:nth-child(4n+4) .node{ border-bottom: 2px solid #dbb06c; } .org-chart .jOrgChart .org-emp-name{font-size:14px;margin:15px 0 0;font-weight:600} .org-chart .jOrgChart .org_des{font-weight:normal; margin-top:2px; font-size: 14px;} .org-chart .jOrgChart .org_dept{font-weight: normal; margin-top: 0; font-size: 12px; font-style: italic;} .jOrgChart .right{ border-left: 3px solid #545454 !important; } .jOrgChart .line {width: 6px !important;} .text-truncate{display: block; overflow: hidden; text-overflow: ellipsis;} .loadericon{float:right;position: absolute;left: 300px;top: 7px; z-index:999;} /*.mCSB_scrollTools .mCSB_draggerContainer{background: rgba(0,0,0,.1);border-radius: 16px;} .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;} .mCSB_scrollTools{width:8px;}*/ /*******Only for Tables in - BillingRule/Template - Harjit singh*************/ .listing .paddingcontrol table thead th, .listing .paddingcontrol table tbody td{padding:8px 1rem 8px 8px !important;} .listing .paddingcontrol .table td:not(.day){padding:8px 1rem 8px 8px !important;} /*******Only for Tables in - BillingRule/Template - Harjit singh*************/ /*****Billing rule Node Configuration - Harjit Singh*****************/ @media (max-width:991px){ .textelipsis-off{text-overflow:inherit; white-space: normal; overflow: visible; line-height: 20px;} } /*****Billing rule Node Configuration - Harjit Singh*****************/ /*********Left Panel - collapsed tapping issue - Harjit Singh*****************/ .left-menu-tab h5 a{display:block;} .left-menu-tab h5 a.tab-Search-btn{ position: absolute; right: 29px; top: -1px; display: none;} /*.left-menu-tab h5:hover a.tab-Search-btn{ display: block !important;}*/ /*********Left Panel - collapsed tapping issue - Harjit Singh*****************/ /* #navbarResponsive ul li.nav-item a.nav-link em{margin-right:5px;} */ #navbarResponsive ul li.nav-item a.nav-link em{min-width: 24px !important; font-size: 16px; text-align: left; padding: 0px; margin: 0px 4px 0px 0px !important;} #navbarResponsive ul li.nav-item a.nav-link span {margin: 0px !important;} #navbarResponsive ul li.nav-item a.nav-link span.my-image {margin-top: 5px !important;margin-right: 5px !important;} .dark-full-screen, .light-full-screen{padding-left: 3px;} #btnFullscreen em.zoom-screen{margin-right: 7px !important;} #navbarResponsive ul li.nav-item a.nav-link em.zoom-screen{margin-right: 12px !important;} #navbarResponsive ul li.nav-item a.nav-link em.fa.fa-cog{ font-size: 20px;} /***Ticket Add - FCK-Editer Delete icon Fix - Harjit Singh******/ span.cke_button_icon.cke_button__cleareditor_icon{display:none;} /***Ticket Add - FCK-Editer Delete icon Fix - Harjit Singh******/ #moduleList .collapse.show {display: table-row !important;} /*.left-menu-tab .select-custom.multiselect-container{max-height:250px!important;}*/ /************Edit Project - team tab width control - Harjit*********************/ @media (max-width:991px){ #manageProjectModal .mw-1100{max-width:600px !important;} } @media (max-width:767px){ #manageProjectModal .mw-1100{max-width:100% !important;} } /************Edit Project - team tab width control - Harjit*********************/ .bggreycolor{background-color: #ccc!important;} .disabled_icon {color: #a7aeb3!important; cursor: not-allowed !important;pointer-events:none;} .disabled_icon em{color: #929698!important;} .overflow-visible{overflow:visible!important;} @media (max-width:991px){ .ipadmr-3{margin-right: 1rem !important; width:auto!important;} } .mydbsize .p-action-btn{min-width:85px;} .p-actions.float-end.mydbsize {float: right;} .mCustomScrollBox{width:100%;} .left-menu-tab .mCustomScrollBox{overflow:hidden!important;} .approved-reject-cmnt { font-weight: 600; color: #000; margin-bottom: 10px; display: block; line-height: 32px; float: left; width: 100%; background: #f1f1f1; padding-left: 8px; } /*****Rakesh Thakur got it added*********/ .plupload_filelist .plupload_file_name{ width: 235px; text-overflow: ellipsis; white-space: nowrap;} /*****Rakesh Thakur got it added*********/ /****Configuration - General - Company Logo setting - Harjit*********/ @media (max-width:1799px){ .uploadimg{max-width:100%!important;flex:0 0 100%!important;} .displayimg{max-width:300px; min-width:300px; margin-top:45px!important;} } /****Configuration - General - Company Logo setting - Harjit*********/ @media (min-width:1024px){ .table-fix-header{max-height:600px;position:relative;} .table-fix-header thead{position:relative;z-index:100;} .table-fix-header table th {position: sticky !important; top: 0; z-index: 999;} .table-fix-header table table.table-bordered thead tr th { border-bottom: 2px solid #c6cace !important; } .text-overflow-dynamic-container {position: relative; max-width: 100%; vertical-align: text-bottom !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 100%; width: 100%; top: 30%;} .sort-mobile-view{display:none;} } @media (max-width:1024px){ .table-fix-header.widget{max-height:600px;position:relative;} .table-fix-header.widget thead{position:relative;z-index:100;} .table-fix-header.widget table th {position: sticky !important; top: 0; z-index: 999;} .table-fix-header.widget table table th { position: relative !important; z-index: 1;} .table-fix-header.widget table table.table-bordered thead tr th { border-bottom: 2px solid #c6cace !important; } } @media (max-width:1400px) { .dashbord-widget li { padding: 25px 10px 17px 10px;position:relative; } .dashbord-widget li h3 {max-width: 74%; }/******78%******/ .dashbord-widget em { font-size: 25px;position: absolute;right: 10px;} } .custom-chart-legends{ width: 38% !important; max-height: 330px; overflow-y: auto; margin-right: 2%;} /*****Home Dashboard - Harjit Singh 10Nov21************/ /*.containerLegend100.custom-chart-legends div {width: 100% !important; font-size: 12px; line-height: 12px; margin-bottom: 8px; padding-left: 15px; position: relative;}*/ .containerLegend100.custom-chart-legends div {width: 100% !important; font-size: 12px; line-height: 20px; margin-bottom: 8px; padding-left: 25px; position: relative;} /*****Home Dashboard - Harjit Singh 10Nov21************/ .containerLegend100.custom-chart-legends div.legend span{ padding:5px; position: absolute; left: 0px; margin-left: 0px; top: 5px;}/*650344-top:0px -Harjit on Thakur's PC old top: 5px;*/ .raph-widget-content .custom-chart-div{display: flex; flex-wrap: nowrap; flex-direction: row !important; align-content: center; align-items: center;} #divFilelistwithclaimId .attchament-container{margin-top:41px;} #divFilelistwithclaimId .dd-btn {font-size: 18px; margin-right: 10px;} .generalAttachments .card-heading{background: #f1f1f1;padding: 10px;font-size: 16px;font-weight: 400;color: #000;position: absolute;top: 0px; z-index:99;} .generalAttachments .mCSB_inside > .mCSB_container{margin-right:0px;} .generalAttachments .conversation-box{border-left:none; border-right:none;} .listing .table.table-bordered tbody tr.childbotbodd:last-child { border-bottom: 2px solid #c6cace !important;} .cardhead a.nostylelink{ color:#007bff;padding:0px; font-size:initial; float:unset;} .dark-full-screen { display: inline-block;} .light-full-screen { display: none;} /*****iPhone Modal header text - Harjit Singh 14Dec20************/ @media (max-width:991px){ .my-popups .modal-header .modal-title{font-size:17px;} } /*****iPhone Modal header text - Harjit Singh 14Dec20************/ @media (max-width:767px){ .applyalternatebg div.question-answer-list{ border-bottom: 1px dashed #b5b5b5;padding: 10px 0px 15px 0px;margin-bottom: 5px !important;} #divFreeStorage{text-align:left!important;} .updatefull-widg .col-md-6.text-right{text-align:left!important;} .tbdaterange {max-width: 127px !important;} } .round-icon-small em{font-size:16px;} .bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{padding:.3rem !important;} ul.ullocation li { list-style: none;} /***Project - todo -list Harjit Singh 22Dec20**************************/ @media (max-width:1279px) { .weeklystatusboxcontrol .col-md-4{flex: 0 0 100%!important; max-width:100%!important;} .weeklystatusboxcontrol .col-md-4 .infotrack {margin: 0 0px;} } .onlyd-view{overflow-x:auto;min-height:500px;max-height:calc( 100vh - 500px );} .kvlistview{min-width:2300px!important;}/*min-width:2300px!important;*/ .kvfixhead{min-width:2300px!important;position:sticky; top:0; z-index:999; }/*min-width:2300px!important;*/ .kvminwidth{min-width:1800px;} ul.canvan-view-list.kvlistview li div.card:hover{cursor:move;} /***Project - todo -list Harjit Singh 22Dec20**************************/ /***Kanbanview only Project - todo -list Harjit Singh 13oct2021**************************/ .onlytodo_kb .card-body .spac-eq em{width:15px;} .onlytodo_kb .kvlistview{min-width:1970px!important;}/*min-width:2300px!important;*/ .onlytodo_kb .kvfixhead{min-width:1970px!important;position:sticky; top:0; z-index:999; }/*min-width:2300px!important;*/ .onlytodo_kb .kvminwidth{min-width:1800px;} .onlytodo_kb .canvan-view-list.kvfixhead li {flex:1!important; width:380px!important; max-width:380px;} /***Harjit changed width inherit from 446px*****/ .onlytodo_kb .canvan-view-list.kvlistview li {flex:1!important; width:380px!important; max-width:380px;}/***Harjit changed width inherit from 446px*****/ .onlytodo_kb .list-group-item{border:none;} .onlytodo_kb a.nostylelink{color:#303030;} .default_db .onlyd-view{max-height: 1010px;} .default_db .onlyd-view.onlytodo_kb .kvfixhead {min-width: 740px!important;} .default_db .onlytodo_kb .canvan-view-list.kvfixhead div.pending{ width: 355px !important; max-width: 355px;} .default_db .onlytodo_kb .canvan-view-list.kvfixhead div.overdue{ width: 355px !important; max-width: 355px;} /***Kanbanview only Project - todo -list Harjit Singh 13oct2021**************************/ .timer_respbase .heading { font-weight: 400;} .position-relative .info-mobile-view{top: -7px;right: -8px;} /* .switch.disabled input:checked + .slider{background:#cccccc!important} */ .switch.disabled input:checked + .slider{background:#4595db !important} /* added by Avtar for Manage View 26-DEC-2020*/ .mover-panel-box tr { cursor: pointer; } .mover-panel-box tr.low-bar { background-color: #d1eed9; } .mover-panel-box tr span.my-handle { padding-left: 18px !important; } .mover-panel-box tr:hover .my-handle::before { position: absolute; content: "\f0ec"; font-family:'FontAwesome', sans-serif; right: 40%; color: #000; bottom: 0; padding: 0px 1px 2px; opacity: 0.2; font-size: 18px; left: 0; cursor: move; width: 28px; transform: rotate(90deg); } /* end - added by Avtar for Manage View */ .mover-panel-box tr span.my-handleth{padding-left:18px;} .mover-panel-box tr span.my-handleth::before { position: absolute; content: "\f0ec"; font-family:'FontAwesome', sans-serif; right: 40%; color: #000; bottom: 0; padding: 0px 1px 2px; opacity: 0.7; font-size: 18px; left: 0; cursor: move; width: 28px; transform: rotate(90deg); } .listing .table-responsive table th.text-center span.sort{justify-content:center!important;-ms-flex-pack:center!important;} /******Event Mgmt -map, image etc Harjit Singh 30 Dec20 ***** PLEASE DO NOT DELETE***********/ @media (min-width: 768px) and (max-width: 1149px) { .evemgmt_map{height:300px!important;} .evemgmt_img{min-height:305px!important;} } @media (min-width: 1150px) and (max-width: 1366px) { .evemgmt_map{height:290px!important;} .evemgmt_img{min-height:305px!important;} } @media (min-width: 1367px) and (max-width: 1600px) { .evemgmt_map{max-height:370px!important;} .evemgmt_img{min-height:385px!important;} } @media (min-width: 992px) and (max-width: 1149px){ .fullwidth-12{flex: 0 0 100%!important; max-width: 100%!important;} } /******Event Mgmt -map, image etc Harjit Singh 30 Dec20 ***** PLEASE DO NOT DELETE***********/ .infolistheight {height: calc(100% - 120px);} .listing .table-responsive table th:last-child .ui-resizable-e{right:0px; } .search-related-articles{ height: 100%; text-align: center; align-content: center; align-items: center; display: flex; flex-wrap: wrap; justify-content:center;} .search-related-articles em { font-size: 40px; color: #d5d5d5; padding: 20px; } .search-related-articles span { color: #666; padding: 0px 90px; } .template-map .custom-checkbox{padding:0px;} .template-map .custom-checkbox .custom-control-label::before{ display:none;} .template-map .custom-checkbox .custom-control-label::after{ display:none;} .mobile-action.mobile-view{position:absolute !important;} .bg-stage{background:#CC9752 !important;} .greenaction{background:#28a745!important;} .scroll-mr-0 .mCSB_inside > .mCSB_container{margin-right:0px;} .disable-all.v-select.disabled .dropdown-toggle, .disable-all.v-select.disabled .dropdown-toggle .clear, .disable-all.v-select.disabled .open-indicator{background:#e0e0e0!important;} .v-select.ddl_contact ul.dropdown-menu {max-height: 200px !important;} /* .custom-control-label{line-height:22px; } */ .form-check .custom-control { float:left;} .form-check .form-check-label{line-height:26px; float:left;} .custom-reports .list-group-item.selected { background: #f5f5f5 !important; border-top: 1px solid rgba(0,0,0,.125); border-radius: 0px; } .custom-reports .list-group:first-child .list-group-item.selected{border-top:none;} .custom-reports .list-group-item{border:none; border-bottom: 1px solid rgba(0,0,0,.125); font-size:14px; color: #303030; padding:0px !important;} .custom-reports .padding-in-listitem{padding:8px 1rem 8px 8px !important} .custom-reports .list-group-item:last-child:not(.selected) { border-bottom: none; } .custom-reports .calculations{float:left; background:#e1e1e1 !important; text-align:right;} .custom-reports .calculations a { display: inline-block; color: #404040; font-weight: 600; padding: 4px 10px; font-size: 22px; border-left: 1px solid #bcbcbc; line-height: 30px; } .custom-reports .calculations a em{font-size:14px; line-height: 40px;} .jslider{ height: 10px !important; } .blue .jslider-single { background-color: #5bc0de !important; } .jslider_round .jslider-bg em, .jslider_round .jslider-pointer { background-image: none !important; margin-left: -13px !important; } .jslider-pointer { width: 28px !important; height: 28px !important; background: #fff !important; border-radius: 100% !important; top: -10px !important; } .blue .jslider-pointer { border: solid 2px #5bc0de !important; } .yellow .jslider-pointer { border: solid 2px #f0ad4e !important; } .red .jslider-pointer { border: solid 2px #d9534f !important; } .green .jslider-pointer { border: solid 2px #28a745 !important; } .yellow .jslider-single { background-color: #f0ad4e !important; } .red .jslider-single { background-color: #d9534f !important; } .green .jslider-single { background-color: #28a745 !important; } .blue .jslider-single, .yellow .jslider-single, .red .jslider-single, .green .jslider-single { margin: 30px 0px !important; } .jslider .jslider-value{ background: #505557 !important; height: 20px; color: #fff; line-height: 10px !important; top: -30px !important; padding: 5px !important;} .jslider .jslider-value::after{ content: ""; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #505557; position: absolute; left: 50%; margin-left: -5px; bottom: -5px;} .min-height36{min-height:36px!important} .vs__dropdown-menu{z-index:99999999 !important;min-width:300px !important;} /*.tt-select-task .textvalue{display: block; width: calc(100% - 30px); padding-right: 10px; white-space: normal;}**Harjit - 5May2022****/ .tt-select-task .textvalue{display: block; width: calc(100% - 70px); padding-right: 10px; white-space: normal;} .tt-select-task .ddltaskselected, .tt-select-task .ddlTaskselected{width: calc(100% - 40px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} #calendar .fc-event-title { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /****Timer - left menu css - Harjit 03Feb21*******/ .wrapper-shrink .navbar-nav #divModalTimetrack span.slider {display: inline-block;} .wrapper-shrink .navbar-nav #divModalTimetrack span#txtCount {display: inline-block;} .wrapper-shrink .navbar-nav #divModalFootertimetracked span{display: inline-block;} .wrapper-shrink .navbar-nav .cust_timer em{opacity:unset;padding-right:0px;} /****Timer - left menu css - Harjit 03Feb21*******/ /**Running timer - left menu - Harjit 04Feb21***/ .menu-left-wrapper .start-timer.cust_timer .modal-dialog{left:190px!important; right:unset; z-index:999!important;} .menu-left-wrapper.wrapper-shrink .start-timer.cust_timer .modal-dialog{left:60px!important; right:unset; z-index:999!important;} .menu-left-wrapper .timer_wrap{padding:0px 3px 0px 7px; min-height: 90px;} .menu-left-wrapper .timer_desc{margin-right:0px;} .menu-left-wrapper .timer_desc .desc_txt{width:165px; margin-right:5px; margin-top:2px;}/*width:65px;*/ .menu-left-wrapper .circle a{margin-left:0px;} .menu-left-wrapper .circle em{padding:0px;} /***.menu-left-wrapper .circle.pause{margin-right:4px;} .menu-left-wrapper .circle.stop{margin-right:4px;}****24May2022****/ .menu-left-wrapper .timer_wrap .circle{margin:0px 5px; float:left; line-height:40px; margin-left: 25px;} .menu-left-wrapper .timer_wrap.show{display:block; float:left; width:96%!important;} .wrapper-shrink .navbar-nav .menuitemsover em {opacity: unset;} /*Harjit on Shilpa's PC'*/ /**Running timer - left menu - Harjit 04Feb21***/ /**Running timer - left menu - Harjit 08Sept21***/ .menu-left-wrapper.wrapper-shrink.modal-open{overflow:auto!important} .menu-left-wrapper.modal-open{overflow:auto!important} /**Running timer - left menu - Harjit 08Sept21***/ .menu-left-wrapper .timer_wrap.show .timer_desc{min-width:60px!important;} .menu-left-wrapper .timer_desc .timer_txt{letter-spacing: 1px; text-align:center;line-height:24px;font-size:22px;} select.form-control[readonly="readonly"]{pointer-events:none;} /*******Harjit 16Feb21 to fix-Recently Added Users******************/ .recentuser .usermain p.nametruncate {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-bottom: 6px; font-size:14px;} .width_61 {width: 61% !important;} /*******Harjit 16Feb21 to fix-Recently Added Users******************/ .custom-control-input:focus ~ .custom-control-label::before{box-shadow:none!important;}/***Harjit 16Feb21 - Audit record, Search Utility Name, checkbox shadow removed.***/ .parent-childrow{width: 22px; height: 22px; border-radius: 100% !important; color: #fff !important; line-height: 20px; text-align: center !important; font-size: 10px; margin-right: 10px; float: left; } .parent-childrow .fa.fa-chevron-right{ margin-left: 2px ; line-height: 22px;} .parent-childrow .fa.fa-chevron-down { line-height: 20px; } .nodechld.mainlist .parent-childrow{ margin-top: 7px !important;} @media (max-width:1279px){ .mobile-action .expand{width:170px !important;top:0px;bottom:auto;right:37px; overflow: visible;} .mobile-action .actions.mobileaction{ position: absolute; top: 6px !important; right: 5px;} .mobileaction .action-list-box.expand .close { border-radius: 50%; line-height: 27px; width: 27px; height: 27px; text-shadow: none; color: #fff !important; font-size: 16px; margin-top: 4px; text-align: center; z-index: 99; position: absolute; top: -4px; right: -37px; opacity: 1; background: #9c9c9c; } .mobile-action .expand::after{ content: ""; width: 0; height: 0; border-top: 9px solid transparent; border-left: 7px solid #fff; border-bottom: 8px solid transparent; position: absolute; right: -6px; top: 7px; } .mobile-action .expand::before{ content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-left: 8px solid #bcbcbc; border-bottom: 10px solid transparent; position: absolute; right: -8px; top: 6px; } .expandedtr-rowbase .text-overflow-dynamic-container{position:relative;} .custtab.actionalignments .mobile-action .actions.mobileaction {top: 50% !important;}/****Harjit-27April2022*****/ .only2-display div.col-md-12 { flex: 0 0 100%; max-width: 100%;} .wiz-upimg .circle{width:150px!important; height:150px!important; line-height:80px!important;} justwraper .mobile-action .actions.mobileaction{top: -14px !important;} } @media (min-width: 1368px) { .graph-widget.col-lg-4.col-xl-4 { flex: 0 0 33.333333%; max-width: 33.333333% !important; } } @media (min-width: 1024px) and (max-width: 1367px) { .graph-widget.col-lg-4.col-xl-4 { flex: 0 0 50%; max-width: 50% !important; } } @media (min-width: 768px) and (max-width: 1023px) { .graph-widget.col-lg-4.col-xl-4 { flex: 0 0 100%; max-width: 100% !important; } } @media (max-width:767px){ .search-related-articles span {padding: 10px 15px; } .modal-header{min-height:51px;}/**Harkirat - #427190*****/ .custtab.actionalignments .mobile-action .actions.mobileaction {top: 50% !important; margin-top:24px!important;margin-right:5px;}/****Harjit-27April2022*****/ #tbltaskdatalist .mobile-action .actions.task {top: 50% !important;margin-top:10px!important;margin-right:25px;}/****Harjit-27April2022*****/ } @media (max-width:1023px){ .modal .divancuserguide {top: 38px;} .my-popups .modal-body .user-guide {top:-35px;}/*top:-44px*/ .listing table#tblApprovalGroup td:not(.day) {vertical-align:top;} .listing table#tblApprovalGroup td.expandtr-rowbase::before{top: 12px;}/***Harjit Singh 29April2022*****/ } .currentversion{border: 1px solid #d2d2d2;padding: 4px;background: #f4f4f4;} /* .mobile-tab-accordian.active { color: #fff !important; background: #525f65 !important; } */ .menu-search-panel a.clear-search{position: absolute; background: #484848; color: #fff; padding: 0; top: 1px; right: -1px; height: 42px; width: 28px; display: none;} .legend-milestone{transform: rotate(45deg); width: 13px; height: 13px; margin-right: 8px;} .wordbreak{word-break:break-word;} /*****Add Task popup td elements top aligned - Harjit 16March21********/ .tableverticalaligntop tbody td{vertical-align:top!important;} .listing .table.tableverticalaligntop td{padding-top:24px!important;} .listing .table.tableverticalaligntop td:first-child{padding-top:24px!important; vertical-align:top!important;} .listing .table.tableverticalaligntop td.relate-input::before{top:43px!important;} .listing .table.tableverticalaligntop td.childitemcount1 .sub::before{height: 86px !important;} /*****Add Task popup td elements top aligned - Harjit 16March21********/ /*****Add Task popup td elements top aligned - Harjit 04May21********/ .tableverticalaligntoptl tbody td{vertical-align:top!important;} .listing .table.tableverticalaligntoptl td:first-child{vertical-align:top!important;} .listing .table.tableverticalaligntoptl td.relate-input::before{top:28px!important;} /*.listing .table.tableverticalaligntoptl td.childitemcount1 .sub::before{height: 86px !important;}*/ /*Commneted ruby Radhay*/ /*****Add Task popup td elements top aligned - Harjit 04May21********/ @media (min-width: 992px) and (max-width:1279px) { .iPadcontroldiv .w-75{width:65%!important;} .iPadcontroldiv .rightsideicon{width:35%!important;} } @media (min-width: 768px) and (max-width:991px) { .iPadcontroldiv .w-75{width:60%!important;} .iPadcontroldiv .rightsideicon{width:40%!important;} } @media (max-width:767px) { .iPadcontroldiv .w-75{width:50%!important;} .iPadcontroldiv .rightsideicon{width:50%!important;} } @media (max-width:640px) { .d-flex.iPadcontroldiv { display: inline-block !important;} .iPadcontroldiv .w-75{width:100%!important;} .iPadcontroldiv .rightsideicon{position:absolute; right:20px; width:100% !important; max-width:85%;transition:all .4s; z-index:991;} } #divarticlesList div.articlesList:nth-child(odd){background:#f0f0f0; border-bottom:1px dashed #ccc; border-top:1px dashed #ccc;} .divaddonflagservices.divflagservicesser{position: absolute; width: 202px; bottom: 1px; background: #fff; border: 1px solid #cfcfcf; padding: 6px; right: -180px; z-index: 100;} .divaddonflagservices.divflagservicesser::after { background: #fff none repeat scroll 0 0; border-left: medium none transparent; border-right: 1px solid #cfcfcf; border-top: 1px solid #cfcfcf; color: #cfcfcf; content: ""; height: 9px; left: -6px; position: absolute; top: 38px; transform: rotate(227deg); width: 10px; } .divaddonflagservices.divflagservicesser .flagaddonservicescloseicon{position: absolute; top: 3px; right: 3px;} .addednote-ticket-content, .addednote-ticket-content div, .addednote-ticket-content p, .addednote-ticket-content span {font-family: 'Poppins', sans-serif !important;} .addednote-ticket-content .cke_editable{margin:0px;} table.rowhighlighter tbody tr:hover{background:#f4f4f4!important;} /*****Resource Scheduling - legend color bar setting - Harjit 30 March21********************/ @media (max-width: 1339px){ .fontfix12{font-size:12px!important;} .fontfix12 .mr-2{margin-right:0px!important;} } @media (min-width: 1340px) and (max-width:1650px){ .fontfix12{font-size:13px!important;} .fontfix12 .mr-2{margin-right:0px!important;} } /*****Resource Scheduling - legend color bar setting - Harjit 30 March21********************/ .card-view .card-box-uc .cardv-header span img {width:110px;} .packageplanpop ul li{list-style: none;} /*****Left Menu - Timer - Harjit7April21*****/ .menu-left-wrapper.wrapper-shrink #divTopTimer{display:none;} .menu-left-wrapper .forceshow{display:none!important;} .menu-left-wrapper.wrapper-shrink .forceshow{display:block!important; color:#00ff10!important;} /*****Left Menu - Timer - Harjit7April21*****/ .maxht-scroll{max-height:600px;overflow-y:auto;} .select2-results__option {white-space: inherit!important; word-wrap:break-word!important;} .dashbord-widget li.single:hover {transform: scale(1.01)!important;} /******Left menu timer child ddl Harjit 15April21**********/ .menu-left-wrapper .ddltaskdd-container ul#ddltask span {display:block!important;} .menu-left-wrapper .ddltaskdd-container .form-control span{display:block!important;} /******Left menu timer child ddl Harjit 15April21**********/ /******Left menu Add manual time/datepickers shown Manish Saini 16April21**********/ .menu-left-wrapper div#divtimeTracked span.input-group-text {display: block !important;} /******Left menu Add manual time/datepickers shown Manish Saini 16April21**********/ @media (max-width:668px) { .bootstrap-datetimepicker-widget table td { height: 24px!important; line-height: 24px!important; width: 34px!important;} .bootstrap-datetimepicker-widget table td span{ width: 34px!important; height: 24px!important; line-height: 24px!important;} } /******Left menu Add manual time/datepickers shown Manish Saini 16April21**********/ a.todoprojname{float:left; padding:0px;width:95%; font-size:15px;font-weight:500;margin-bottom:5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color:#007bff;} .card-number a.todoprojname{float:left; color:#007bff;padding:0px;width:95%; font-size:18px;font-weight:500;margin-bottom:0px;} .slider-input.is-invalid{background-image:none;} .z-indexfix .select2-container{z-index: 998!important;} .modal.divUtil .modal-dialog .modal-body{ max-height:600px !important; overflow-y:auto;} .modal.divUtil .modal-dialog{max-width:760px;} .modal.divUtil .modal-dialog .card{border-radius:0px; } .modal.divUtil .modal-dialog .card .card-body{ padding:10px;} .modal.divUtil .modal-dialog .w-100:nth-child(odd){background:#f7f7f7; } .modal.divUtil .modal-dialog .w-100{border-bottom: 1px solid #ccc;} .modal.divUtil .modal-dialog .w-100:last-child{border:none; } .modal.divUtil .modal-dialog .card-title { font-size: 18px; margin: 0px; line-height: 30px; } .modal .latest-note{color:#f5a20c !important; margin-left:5px;} .modal.divUtil .modal-dialog .card-title .card-actions{float:right;} .modal.divUtil .modal-dialog .Userndate { font-size: 14px; font-weight: 600; } .modal.divUtil .modal-dialog .Userndate em{margin-right:5px;} .modal.divUtil .modal-dialog .Userndate .created-date{float:right; font-weight: 400;} /*#MainReportPanel iframe#iReport { background: #fff;}***Every report needs lined bg - Harjit Singh****/ @media (max-width:1643px) { .resofix{flex: 0 0 100%; max-width: 100%;} } @media (max-width:991px) { .legends-rmap { position: absolute; color: #333 !important; left: 15px; top: 44px; z-index: 1;} .for-pt-legends{ padding-top: 40px !important;} } @media (max-width:768px) { .theme-primary.partition span.float-right.legends-rmap span { width: 13px; } .theme-primary.partition span.RM_Setting.rmapzoom { width: 33% !important;} .theme-primary.partition span.RM_Setting.rmapzoom a{ width: 100% !important;} .p-actions-collapse .p-action-btn.text-white { padding-bottom: 7.8px !important; } .RM_Setting .showRM_Setting { width: 100%;} .legends-rmap { top: -4px;} .p-actions-collapse .legends-rmap { top: 140px; } .graph-widget-heading span.zoomin { display: none;} .graph-widget-heading span.icon_expand { display: none;} } .proj-tab.active .numb { background: #fff; color: #414c50;} .proj-tab .numb { background: #414c50; border-radius: 50%; width: 20px; height: 20px; display: inline-block; vertical-align: baseline; line-height: 20px; color: #fff; margin-right: 5px; font-size: 13px; text-align: center;} #bwinPopupd.blackpopup-body { width: 90% !important; max-width: 800px; } /******Flow sharp - io********/ .accordian-btn { background: #fbfbfb !important; } .accordian-btn span { font-size: 16px !important; } .accordian-btn:hover, .accordian-btn:focus { background: #d3d3d3 !important; } .line-height { line-height: 0px; } .lineheightnormal { line-height:normal;} .bg-draw .card{border-radius:0px !important;} .flowsharp button, .flowsharp button:hover{ background: none !important; width: 100%; color: #303030;} .flowsharp .card{ border:1px solid rgba(0,0,0,.125) !important;} .backgroundf2f2f2 { background: #fbfbfb; } .flowsharp .imghover:hover .iconpreview { display: block } .iconpreview { position: absolute; left: 0; background: #fff; border: 1px solid #f2f2f2; padding: 5px; z-index: 99; } .iconpreview .shapebase { border: 3px solid #50a9fc; width: 250px; height: 150px; } .iconpreview .base { background: #50a9fc; width: 250px; height: 50px; color: #fff; text-align: center; padding-top: 15px; } .color-pallete { width: 100%; display: inline-block; } .color-pallete .button-pallete { width: 84%; display: inline-block; white-space: nowrap; overflow: hidden; border-left: 2px solid #fff; border-right: 2px solid #fff; } .color-pallete .button-pallete button { width: 50px; } span.colorpicker { display: none; padding: 12px; background-color: #EEE; border: 1px solid #BBB; color: Black; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .leftarrowbg_fc { width: 8%; } .rightarrowbg_fc { width: 8%; } .arrowbg_color { text-align: center; line-height: 74px; font-size: 20px; color: #666; display: inline-block; } .buttonpalletebasein { float: left; overflow: hidden; width: 1000px; } .drawing-board { max-width: 1090px; max-height: 630px; overflow: scroll; background: #f1f1f1; padding:10px !important; } .drawing-board .drawing-area { width: 1200px; height: 1000px; overflow: hidden; text-align: left; } .drawing-board .drawing-area img { width: auto; display: inline-block; } .line-type { width: 100%; display: inline-block; position:relative; } .line-type .dropdown-toggle::after { position: absolute; right: 8px; top: 15px; } .line-type .btn { background: #fff; color: #6c757d; opacity: 1; border: 1px solid #afb5bb; width: 100%; display: inline-block; text-align: left; padding-right:30px;} .line-type .dropdown-menu { border: 1px solid rgba(0,0,0,.15); background-clip: padding-box; } .border-type { position: relative; padding: .2rem .5rem !important; overflow: hidden; } .border-solid { border-bottom: solid 1px #000; width: 100%; display: inline-block; position: relative; top: -4px; } .border-dashed { border-bottom: dashed 1px #000; width: 100%; display: inline-block; position: relative; top: -4px; } .border-dot { border-bottom: dotted 2px #000; width: 100%; display: inline-block; position: relative; top: -4px; } .arrange-title{text-transform: capitalize; text-align: center; font-size: 14px; padding: 11px 4px; background: #ececec; font-weight: 600; color: #454545;} .bg-draw .card-header{margin-bottom:0px !important;} /******Flow sharp - io********/ /*** Ticket - Reply popup attachment ************/ .replyattachmentfix .col-lg-4{ max-width:50%;} .replyattachmentfix .col-lg-6{ max-width:50%;} @media (max-width:767px) { .replyattachmentfix .col-lg-4{ max-width:100%!important;} .replyattachmentfix .col-lg-6{ max-width:100%!important;} } /*** Ticket - Reply popup attachment ************/ .max-wd{max-width:85%;} .lhtcontrol ul li { line-height: 50px;} /*textarea.form-control{white-space:pre;}*/ .listing .table-responsive table .icon-center{vertical-align: middle !important;padding: 0px !important;} .listing .table-responsive table th.icon-center .round-icon-small{float:none !important;margin-top:5px;} .listing .table-responsive table .icon-center .round-icon-small{float:none !important;} @media (min-width: 1200px) and (max-width:1319px){ .fullwidthcontrol{ max-width:100%!important; flex: 0 0 100%;} } .dsrd-recent-user{background-color: #f2f2f2 !important;} .dsrd-userdp{display: flex; align-content: center; align-items: center; justify-content: center; height: 70px; background: #fff; font-size: 300%; color: #ababab !important;} .custom_truleengine .div-scroll .outer { min-width: 1180px;} /* Combo view dashboard by harkirat */ .nd-combo-view .bg-lgray{ background: #f7f7f7; border-color: #525f65 !important;} .nd-combo-view ul.combo-canvan-view { display: inline-block;width: 100%;position: relative;} .nd-combo-view .cards-content { display: inline-block;width: 100%;position: relative; max-height: 610px; overflow-y: auto;} .nd-combo-view .combo-canvan-view li { list-style-type: none; padding:0; border-radius: 0; font-size: 14px; } .nd-combo-view .last-child{ border-left: 1px solid #CDC;} .nd-combo-view .combo-canvan-view li.overdue > h3 { width: 100%; padding:12px 10px; font-size:18px; color: #fff; background: #17a2b8; border: 1px solid #17a2b8; font-weight: 300;} .nd-combo-view .combo-canvan-view li.overdue > h3 span { font-size: 18px; font-weight:normal; float: right;} .nd-combo-view .combo-canvan-view li.pending > h3 { width: 100%; padding:12px 10px; font-size:18px; color: #fff; background: #fcb13c; border: 1px solid #fcb13c; font-weight: 300;} .nd-combo-view .combo-canvan-view li.pending > h3 span { font-size: 18px; font-weight:normal; float: right; } /*.nd-combo-view .combo-canvan-view li.unassigned > h3 { width: 100%; padding:12px 10px; font-size:18px; color: #fff; background: #78909C; border: 0px solid #78909C; font-weight: 300;}*/ .nd-combo-view .combo-canvan-view li.upcoming > h3 { width: 100%; padding:12px 10px; font-size:18px; color: #fff; background: #3787cc; border: 1px solid #3787cc; font-weight: 300;} .nd-combo-view .combo-canvan-view li.upcoming > h3 span { font-size: 18px; font-weight:normal; float: right;} .nd-combo-view .combo-canvan-view li.inactive > h3 { width: 100%; padding:12px 10px; font-size:18px; color: #fff; background: #78909C; border: 1px solid #78909C; font-weight: 300;} .nd-combo-view .combo-canvan-view li.inactive > h3 span { font-size: 18px; font-weight:normal; float: right;} .nd-combo-view .combo-canvan-view li.unassigned > h3 { width: 100%; padding:12px 10px; font-size:18px; color: #fff; background: #78909C; border: 1px solid #78909C; font-weight: 300;} .nd-combo-view .combo-canvan-view li.unassigned > h3 span { font-size: 18px; font-weight:normal; float: right;} .nd-combo-view .combo-canvan-view li.canceled > h3 { width: 100%; padding:12px 10px; font-size:18px; color: #fff; background: #fe6847; border: 1px solid #fe6847; font-weight: 300;} .nd-combo-view .combo-canvan-view li.canceled > h3 span { font-size: 18px; font-weight:normal; float: right;} .nd-combo-view .combo-canvan-view li .card { margin-bottom: 10px; border-radius: 0;} .nd-combo-view .combo-canvan-view li .card-body { padding: 10px;} .nd-combo-view .combo-canvan-view .card-header { padding: 10px; color: #303030;} .nd-combo-view .combo-canvan-view .card-header h4{ margin: 0px;} .nd-combo-view .combo-canvan-view .card-header h4 span { display: inline-block; width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .nd-combo-view .combo-canvan-view .card-header h4 a{color:#303030;} .nd-combo-view .combo-canvan-view .card-body p{ text-align: left; color: #303030;} .nd-combo-view .combo-canvan-view .card-footer { background: transparent; padding:10px; border: none; } .nd-combo-view .combo-canvan-view .card-footer .user-d em { font-size: 18px;} .nd-combo-view .combo-canvan-view .badge { float: right; padding: 4px 12px; background: #ccc; color: #fff; border-radius: 15px 15px 15px 0px; font-size: 14px; font-weight: 300;} .nd-combo-view .combo-canvan-view .card.card-exp.yellow { border: 2px solid #fcb13c;} .nd-combo-view .combo-canvan-view .card.card-exp.green { border: 2px solid #0cb08b;} .nd-combo-view .combo-canvan-view .card.card-exp.blue { border: 2px solid #1886c8;} .nd-combo-view .combo-canvan-view .card.card-exp.red { border: 2px solid #fe6847;} .nd-combo-view .combo-canvan-view .card.card-exp.gray-p { border: 2px solid #788f9c;} .nd-combo-view .combo-canvan-view .card.card-exp.peacock { border: 2px solid #17a2b9;} .nd-combo-view .combo-canvan-view .pending .card .badge{ background: #fcb13c;} .nd-combo-view .combo-canvan-view .overdue .card .badge{ background: #17a2b8;} .nd-combo-view .combo-canvan-view .card.card-exp.blue .badge{ background: #1886c8;} .nd-combo-view .combo-canvan-view .card.card-exp.red .badge{ background: #fe6847;} .nd-combo-view .combo-canvan-view .card.card-exp.gray-p .badge{ background: #788f9c;} .nd-combo-view .with-combo .graph-widget{ padding-left: 15px; margin-bottom: 15px;} .nd-combo-view .with-combo .graph-widget:nth-child(3){ padding-right: 15px !important; } .nd-combo-view .list_candidate { position: relative; display: inline-block; background: #fff; padding: 15px; width: 100%;} .nd-combo-view .list_candidate.candi-selected { background: #4982ce; color:#fff;} .nd-combo-view .list_candidate.candi-selected::before { position: absolute; background: #f4f2f3; content: ""; top: 50%; transform: translateY(-50%); left: -15px; width: 0; height: 0; border-top: 20px solid transparent; border-right: 15px solid #4982ce; border-bottom: 20px solid transparent;} .nd-combo-view .candidate-details { width: 100%; display: inline-block; position: relative;} .nd-combo-view .candidte-img { width: 55px; height: 55px; background: #ccc; border-radius: 50%; overflow: hidden; display: inline-block; text-align:center; border: 2px solid #fff;} .nd-combo-view .candidate-details .candidte-name { display: inline-block; width: calc(100% - 65px); vertical-align: top; padding-left: 10px; line-height: 18px; } .nd-combo-view .candidate-details .name { display: inline-block; width:100%; font-weight: 500; font-size: 18px;} .nd-combo-view .candidate-details .designation {display: inline-block; width:100%; font-weight: 400; font-size: 16px; color: #999;} .nd-combo-view .list_candidate.candi-selected .designation {color: #fff;} .nd-combo-view .candidate-details .c-experience {display: inline-block; width: 100%; color:#a78354; font-weight: 400; font-size: 12px;} .nd-combo-view .list_candidate.candi-selected .candidate-details .c-experience {color:#f0c183;} .nd-combo-view .candidate-details .View-icon { position: absolute; top: 0; right: 10px;} .nd-combo-view .list_candidate.candi-selected .View-icon { color: #fff;} .nd-combo-view .candidate-skills { width: 100%; display: inline-block; margin: 15px 0 3px 0;} .nd-combo-view .candidate-skills .s-badge { background: #fbfcfc; border: 1px solid #ccc; padding: 2px 15px; margin: 5px 3px 0px 3px; border-radius: 5px; font-size: 14px; color: #666;} .nd-combo-view .candi-selected .candidate-skills .s-badge { background: #4275b9; border: 1px solid #4275b9; color: #fff;} /*.nd-combo-view .my-popups .modal-header button { background: #424f55 !important; outline: none; color: #fff !Important; opacity: 1; border-radius: 0; width: 50px; height: 50px; top: 16px; left: 0 !important;}*/ .nd-combo-view .my-popups .modal-header .modal-title { padding-left: 5px;} .nd-combo-view .candi-resume { position: fixed; top: 50px; left: -691px; width:0px; height: 0px; visibility: hidden; transition: ease .5s;} .nd-combo-view .candi-selected .candi-resume { width:auto; height: auto; visibility: visible; transition: ease .5s;} .nd-combo-view .view-popup .shortcuts-menu li { max-width: 50%;} .nd-combo-view .my-popups.view-popup .modal-header .modal-title { padding-left: 0;} /*.nd-combo-view .my-popups.view-popup .modal-header button { right: 16px;}*/ .nd-combo-view .heading-border { margin-bottom: -3px;} .nd-combo-view .kvlistview .card-footer { background: transparent; border: none; padding-top: 0;} .nd-combo-view .kvlistview .card-header h4{ margin: 0px;} .nd-combo-view .input-group.float-right.p-0.teamv { margin-top: -40px; max-width: 300px; right: 0;} .nd-combo-view .nd-repoort-filter { position: absolute; right: 7px; top: -8px; } .nd-combo-view .dashbord-graph-widget.with-combo { max-height: 710px; overflow-y: auto;} .nd-combo-view .mCSB_inside > .mCSB_container { margin-right: 10px; } .nd-combo-view .mCSB_scrollTools { width: 8px; } .nd-combo-view .heading-border span{ min-width: 160px;} .nd-combo-view .heading-border .teamv span { min-width: auto; border-bottom: 0!important;} .teamv .vue-treeselect__control { border-radius: 0; border:none; height: 33px;} .teamv .input-group-text { padding-left: 20px; padding-right: 20px; } .teamv.taskclass .vue-treeselect--has-value .vue-treeselect__multi-value { padding: 0;} .teamv .vue-treeselect__multi-value-item-container { padding-top: 2px;} .teamv .vue-treeselect__placeholder { color: #6a6a6a;} .teamv .input-group-text .btn-success{ padding: 7px 10px; margin-left: 5px; } .teamv .input-group-text .btn-danger{ padding: 6px 10px; margin-left: 5px; }/****Harjit Added on Thankur's PC*************/ .teamv .vue-treeselect__limit-tip { padding-top: 2px; color: #303030; } .teamv .vue-treeselect__limit-tip span{ color:#1886c8} .nd-combo-view .teamv span.vue-treeselect__multi-value-label{ max-width: 98px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: 400;} .graph-widget-heading span.zoomin { display: none;} .widgettextwrap{word-break: break-word; white-space: inherit;} /*********Harjit Singh Left Menu Company Image**********/ .ifleftmenu{display:none;} body.menu-left-wrapper .ifleftmenu{display:block;} body.menu-left-wrapper .ifleftmenu .navbar-brand{display:block;padding:0;margin:0px 10px 0px 0px;text-align:center;} /******************/ .formsfieldmainunique input.clsradioevent { float: left; margin-top: 6px;} .select2-results #chk_select_All.select2-checkbox { margin-top: 6px; margin-right: 5px;} span.tags-dashbm { display: inline-block; padding: 3px 10px; margin: 2px; background: #e9e9e9; border-radius: 12px 12px 12px 0; font-size: 12px; min-width: 50px; text-align: center; font-weight: 500;} /*****Tickets note dynamic ol list Harjit with R Thakur*********************/ .dynamiclistol ol li{direction:ltr;} /*****Tickets note dynamic ol list Harjit with R Thakur*********************/ /*******iPad & mobiles th, td left align - Harjit Singh************/ @media (max-width:1024px) { /**.table.table-bordered tr th, .table.table-bordered tr td{text-align:left!important;}**643693- Harjit commented 11May2022**/ /**.table.table-bordered tr th:first-child, .table.table-bordered tr td:first-child{text-align:center!important;}**643693- Harjit commented 11May2022**/ } /*******iPad & mobiles th, td left align - Harjit Singh************/ .bootstrap-datetimepicker-widget table th{font-weight:bold;} /********Left menu - Full menu on shrink-arrows not coming Harjit on Deepak PC******************/ .wrapper-shrink .navbar-nav .navigation-panel span {display: block;} /********Left menu - Full menu on shrink-arrows not coming Harjit on Deepak PC******************/ .subscription-main{display:block;} .listing .table.managetaskpopuplinefix td:not(.overflow-visible):not(.mobile-action):not(.details-control) { overflow:visible !important;} table tr td .invalid-feedback{font-size:90% !important;} .chbx {border: 2px solid #fff; padding: 2px; width: 25px; height: 25px;} /********Subscription & Billing - manage subscription Harjit on Deepak's PC 18 Aug2021 **************/ @media (max-width:768px){ ul.canvan-view-list{min-width:100%;} .canvan-view-list li{width:100%!important} ul.license-info li{width: 100%!important;} } @media (min-width: 769px) and (max-width:1199px){ ul.canvan-view-list{min-width:100%;} .canvan-view-list li{width:49%!important; margin-right:1%;} ul.license-info li{width: 100%!important;} } @media (min-width: 1200px) and (max-width:1600px){ ul.canvan-view-list{min-width:100%;} .canvan-view-list li{width:32%!important} ul.license-info li{width: 100%!important;} } /*@media (min-width: 1366px) and (max-width:1600px){ ul.canvan-view-list{min-width:100%;} .canvan-view-list li{width:32%!important} ul.license-info li{width: 100%!important;} }*/ #info-hover.license-info ul li{ width:90%;} /********Subscription & Billing - manage subscription Harjit on Deepak's PC 18 Aug2021 **************/ /*******Subscription and Billing - tabs control - Harjit 24 Aug2021*************/ ul.tabnumbercontrol li a{line-height:23px;} ul.tabnumbercontrol li a span.tab-no{display:none;} ul.defaultrating li{color:#cccccc;} .outerControlScroll {max-height:250px;overflow-y:auto;border-top: 1px solid #dee2e6 !important;border-bottom: 1px solid #dee2e6 !important} /*******Subscription and Billing - tabs control - Harjit 24 Aug2021*************/ .custom_tresourcescheduling .res_sch_wdcontrol {width:1200px!important;} /*********/ .uwhbodnone .ui-widget-header{border:none!important;} /****Left Menu***************/ /****************Start Time picker custom csss********************/ /**********Radhay has done it please do not delete it*/ .bootstrap-datetimepicker-time-widget .picker-switch td span{line-height:1.5; height:1.5em} .bootstrap-datetimepicker-time-widget table td{height:30px; line-height:30px; width:30px} .bootstrap-datetimepicker-time-widget table td.separator{width:10px} .bootstrap-datetimepicker-time-widget table td span{width:30px !important; height:30px; line-height:30px} .bootstrap-datetimepicker-time-widget table a[data-action]{padding:0} /* .bootstrap-datetimepicker-time-widget table td, .bootstrap-datetimepicker-time-widget table th{padding:0} */ .bootstrap-datetimepicker-time-widget table td, .bootstrap-datetimepicker-time-widget table th{padding:.2rem !important} .bootstrap-datetimepicker-time-widget .picker-switch table td span{width:auto !important; display:block} /****************End Time picker custom csss********************/ .innerblock .invalid-feedback{display:block;} .ticketconfigtab{border:1px solid #dbdbdb;} .ticketconfigtab .leftbg{ background:#eee;} #alogin_to_Org_company{display:none;} .vue-slider-dot-tooltip-inner{min-height: 20px;} @media (min-width: 1150px) and (max-width:1280px) { .ifnotmap .evmgt-text1{ min-height:325px;} .ifnotmap .event-description .cke_contents { height:315px !important;} } @media (min-width: 1281px) and (max-width:1366px) { .ifnotmap .evmgt-text1{ min-height:330px;} .ifnotmap .event-description .cke_contents { height:320px !important;} } @media (min-width: 1367px) and (max-width:1600px) { .ifnotmap .evmgt-text1{ min-height:410px;} .ifnotmap .event-description .cke_contents { height:400px !important;} } .notifybox .alert {border-bottom-right-radius: 0; border-bottom-left-radius: 0; } @media (min-width: 1601px) { .ifnotmap .evmgt-text1{ min-height:520px;} .ifnotmap .event-description .cke_contents { height:495px !important;} } .event-description .cke_contents { height:645px !important;} /*.evmgt-text1{ border:1px solid #ff0000; min-height:324px;}*/ .faqtextview .cke_contents { height:645px !important;} /*.evmgt-text1{ border:1px solid #ff0000; min-height:324px;}*/ .tempnamestyle{ border-bottom: none!important; font-size: 16px; color: #575757; float: right;} .nd-combo-view #requestlogcommentlistingDiv .heading-border{margin-bottom:10px!important;} .nd-combo-view #tasklogcommentlistingDiv .heading-border{margin-bottom:10px!important;} /*******For Mac - horizontal scroll - Harjit Singh 07Oct2021********/ #div_limit_changes .table-responsive{-webkit-overflow-scrolling: auto;} /*******For Mac - horizontal scroll - Harjit Singh 07Oct2021********/ /****Roles - Add Roles - Harjit with Vinay - 07Oct2021***********/ .table-bordered tr.mp_mainhead{background:#eaeaea!important;} .table-bordered tr.mp_tbhead{background:#f2f2f2!important;} .table-bordered tr.mp_mainhead.outerDiv{background:#eee7ce!important;} .table-bordered tr.mp_tbhead.innerDiv{background:#fffae8!important;} .table-bordered tr.mp_mainhead td{font-weight:700;} .table-bordered tr.mp_tbhead td{font-weight:600;} /****Roles - Add Roles - Harjit with Vinay - 07Oct2021***********/ /*******HR Candidate Profile - Harjit Singh 09Oct2021************************/ .col-sm-12.col-md-12.col-lg-9.col-xl-9.float-left.cp_rqst-doc.cp_rightfields{max-width: 100% !important; flex: 0 0 100%!important; padding-left:15px; padding-right:15px;} @media only screen and (max-width:1024px) { .col-sm-12.col-md-12.col-lg-3.col-xl-3.mt-2.cp_leftpic{max-width: 100% !important; flex: 0 0 100%!important; min-width:100% !important;} .col-sm-12.col-md-12.col-lg-9.col-xl-9.float-left.rqst-doc-mail.cp_rqst-doc{max-width: 100% !important; flex: 0 0 100%!important;} .col-sm-12.col-md-12.col-lg-9.col-xl-9.float-left.cp_rqst-doc{max-width: 100% !important; flex: 0 0 100%!important; padding-top:20px;} } @media only screen and (min-width: 1025px) and (max-width:1440px) { .col-sm-12.col-md-12.col-lg-3.col-xl-3.mt-2.cp_leftpic{max-width: 40% !important; flex: 0 0 40%!important; min-width:40% !important;} .col-sm-12.col-md-12.col-lg-9.col-xl-9.float-left.rqst-doc-mail.cp_rqst-doc{max-width: 60% !important; flex: 0 0 60%!important;} .col-sm-12.col-md-12.col-lg-9.col-xl-9.float-left.cp_rqst-doc{max-width: 60% !important; flex: 0 0 60%!important; padding-left:0px;} } /*******HR Candidate Profile - Harjit Singh 09Oct2021************************/ .menu-left-wrapper #divPopNotificationData .list-rw-detail{line-height: 18px; float: left; white-space: initial; word-break: break-word;} .menu-left-wrapper #popNotificationCount{left:15px!important; top:-14px!important;} .menu-left-wrapper #divPopNotificationData{left: 245px; top:400px;} .menu-left-wrapper.wrapper-shrink #divPopNotificationData{left: 100px; top:400px;} #divPopNotificationData.themecontrol{background:#fff; width:380px; max-width:380px; z-index: 99;}/***z-index added, as in left menu, full menu overlapping notifications - Harjit Singh 15Nov2021**********/ /* #divPopNotificationData .inbox_list{padding: 10px 0px 0px 0px;} */ #divPopNotificationData .inbox_list{padding: 10px 10px 0 10px !important;} #divPopNotificationData .inbox_list.notify-list-new{padding:10px 10px 0 10px; width: 100%;} @media only screen and (max-width:500px) { #divPopNotificationData.themecontrol{width: 90% !important; max-width: 90% !important; right: unset !important;} /* #divPopNotificationData.themecontrol{width:auto; max-width:unset;} */ } #divPopNotificationData .mCSB_scrollTools .mCSB_draggerContainer{right:-10px;} #divPopNotificationData .mCSB_inside > .mCSB_container{margin-right:5px;} #divPopNotificationData .mCSB_draggerContainer{width:5px;} #divPopNotificationData .mCSB_scrollTools{width:6px;} /* #divPopNotificationData .list_rw .detail p.timer{line-height:23px} */ #divPopNotificationData .list_rw .detail p.timer_notification{line-height:28px; font-size: 14px;} #divPopNotificationData .list_rw{padding: 5px 5px 0px 5px!important; margin:0px;} #divPopNotificationData .list_rw .icon{border:1px solid #fff;} #divPopNotificationData .list_rw:nth-child(odd) { background:#e6e6e6;} #divPopNotificationData .list_rw:nth-child(even) { background:#f4f2f2;} #divPopNotificationData .list_rw:nth-child(odd):hover {background:#525f65;color:#fff;} #divPopNotificationData .list_rw:nth-child(even):hover{background:#525f65;color:#fff;} #divPopNotificationData .list_rw:nth-child(odd):hover .detail p a{color:#fff!important;} #divPopNotificationData .list_rw:nth-child(even):hover .detail p a{color:#fff!important;} #divPopNotificationData .list_rw:nth-child(odd):hover .detail p.unread a{color:#fff!important;} #divPopNotificationData .list_rw:nth-child(even):hover .detail p.unread a{color:#fff!important;} #divPopNotificationData .list_rw:nth-child(odd):hover .detail p.timer {color:#fff!important;} #divPopNotificationData .list_rw:nth-child(even):hover .detail p.timer {color:#fff!important;} #divPopNotificationData .list_rw:nth-child(odd):hover a.inboxarrowdowncnt{color:#fff;} #divPopNotificationData .list_rw:nth-child(even):hover a.inboxarrowdowncnt{color:#fff;} #divPopNotificationData a.inboxarrowdowncnt {color:#212529;} .header-msg-date{line-height:25px;} .crossicon{right: -7px;top: -8px;position: absolute;font-size: 29px;height: 30px;width: 36px;z-index: 99;} .crossicon a em{background:#fff;} /***CRM deal detail - green drawing setting- Harjit Singh18Oct2021***********/ .wizard-inner .nav-tabs > li.nav-item span.round-tab.default::before{content:"\f00c";} .wizard-inner .nav-tabs > li.nav-item span.round-tab::before{content:none;} .wizard-inner .nav-tabs > li.nav-item span.round-tab em{position: absolute; top: 4px; left: 5px;} /* .wizard .nav-tabs > li{vertical-align:top;} */ /***CRM deal detail - green drawing setting- Harjit Singh18Oct2021***********/ #popNotificationCount:empty {display: none;} /***Event Mgmt- Harjit Singh27Oct2021***********/ @media (min-width: 992px) and (max-width:1599px) { .gridboard {flex: 0 0 50%;max-width: 50%;} .gridtabs {flex: 0 0 33.333333%; max-width: 33.333333%;} } /***Event Mgmt- Harjit Singh27Oct2021***********/ .star-rating s{line-height:30px!important;} /****Zone mgmt - Harjit 03Nov2021**********/ .quantity input{width: 150px; background:#eaeaea; border: 1px solid #e6e6e6 !important; float: left;} .quantity-nav {float:left;} .quantity-nav .quantity-button {background: #0072ed; color: #fff; width: 35px; float: left;margin: 0px 5px;cursor: pointer; height: 35px; padding: 6px;} /****Zone mgmt - Harjit 03Nov2021**********/ /***************** wizards Harkirat 10Nov2021*******************/ .wizardnew img{ max-width: 32px; display: block; float:left} #choosewizards .modal-title { padding-left: 0;} /* #choosewizards .modal-header button {position:relative; top: -15px; right: -15px;} 10Sept Harjit, Avtar, Karan commented - Custom Layout screen */ #choosewizards .tab-style .nav-tabs.cust li { flex: 0 0 20%;} #choosewizards .shortcuts-menu { max-height: 300px; overflow: auto;} #choosewizards .shortcuts-menu li { max-width: 33.3%; padding: 10px;} #choosewizards .short-menu-item { background-color: #fff; border: 1px solid #cfcfcf;} #choosewizards .left-icon-m { padding: 8px 15px; border-left: 5px solid; width: 72px; line-height:normal;} #choosewizards .left-icon-m em{ font-size:35px;} #choosewizards .shortcuts-menu li:hover {transform: none;} .wizardnew a{padding: 7px !important; background-image: url('../images/wizardsprite.png');background-repeat: no-repeat;background-position: 1px 7px; height: 42px; width: 35px;}/*Harjit made Wizard icon aside BG img*/ @media (max-width:991px) { .wizardnew a{width: 175px!important; padding-left: 40px !important;} } .menu-left-wrapper.wrapper-shrink .wizardnew a{width: 35px!important;padding-left: 0px !important;} .menu-left-wrapper .wizardnew a{width: 145px; padding-left: 40px !important;} /******If left Menu- Harjit Singh 01Dec2021********************/ .menu-left-wrapper .wizardnew{margin-right:15px;} .menu-left-wrapper.wrapper-shrink .wizardnew img{float:left; margin-right:0px;} .menu-left-wrapper .wizardnew img{float:left; margin-right:5px;} /******If left Menu- Harjit Singh 01Dec2021********************/ /***************** wizards for-default-theme*******************/ .wizard-highlight { height: 46px; position: absolute; right: 136px; top: 5px;} .wizard-highlight img { max-height: 38px;} #adduserwizards .p-action-btn { position: absolute; right: 0; top: 0;} #divAddLeadWizards.modal-body { padding: 20px 0;background-image: url('../images/wizard-bg.jpg');background-repeat: no-repeat;background-size: cover;} #divAddUserWizards.modal-body { padding: 20px 0;background-image: url('../images/wizard-bg.jpg');background-repeat: no-repeat;background-size: cover;} #divAddTicketingWizards.modal-body {padding: 20px 0;background-image: url('../images/wizard-bg.jpg');background-repeat: no-repeat;background-size: cover;} .wizards-steps {width: 100%; display: inline-block; margin: 20px 0;} .wizards-steps ul{ margin:0; padding:0; width: 100%; display: flex; flex-flow: row wrap; justify-content: space-around;} .wizards-steps .wizard-items { list-style: none; display: inline-block; text-align: center; flex: min-content; } .wizard-icon {width:100%; display: inline-block; position:relative;} .wizard-icon em{ width:55px; height:55px; line-height:50px; border: 3px solid #e1e1e1; border-radius:50%; font-size:16px; color: #a0a0a0; z-index:1; position:relative; background: #fff;} .wizard-icon::before{ position: absolute; content:""; top: 50%; transform:translateY(-50%); left:0; width:50%; height:3px; background: #e1e1e1;} .wizard-icon::after{ position: absolute; content:""; top: 50%; transform:translateY(-50%); right:0; width:50%; height:3px; background: #e1e1e1;} .wizard-name {width: 100%;font-size: 12px;display: inline-block;margin-top: 5px; color: #303030;} .wiz-active .wizard-icon em{ border: 3px solid #24a5ff; color: #fff; background: #24a5ff;} .wiz-active .wizard-icon::before{ background: #24a5ff;}/*blue*/ .wiz-active .wizard-name { color: #24a5ff;} .wizards-steps ul li:last-child.wizard-items.wiz-active .wizard-icon::after {background: #24a5ff;} .wiz-complete .wizard-icon em {border: 3px solid #4cb364;color: #fff;background: #4cb364;} .wiz-complete .wizard-icon::before{ background: #4cb364;} .wiz-complete .wizard-icon::after{ background: #4cb364;} /*--------------------- Step- 1 Css -----------------Harjit copied from203---*/ .btn_pos_bottom {position: absolute;bottom: 20px;} .btn_pos_bottom .btn_prevoius{background-color:#e59b08;border-color: #e59b08;} .btn_pos_bottom .btn_prevoius:hover{background-color:#f9a807;border-color: #f9a807;} .btn_pos_bottom .btn_back, .btn_pos_bottom .btn_back:hover{background-color:#cdcdcd;border-color: #cdcdcd; } /* .btn_cstm.active {background: green !important;} */ .user_type_choice label {margin: 0 15px !important;padding:10px 20px;} .btn_cstm {border: 1px solid #ccc;background: #fff;} .btn_cstm.active {border: 1px solid #00b298 !important;background: #00b298 !important;} .btn.btn_cstm em {background:#ccc; padding: 10px;border-radius: 50%;font-size: 20px; width:40px;} .btn.btn_cstm.active, .btn.btn_cstm .fa-user {color: #fff;} .btn_cstm.active em{font-size: 20px;background: transparent;} .wiz-upimg { display: inline-block; margin: auto; position:relative; overflow: hidden; border-radius: 50%;} .wiz-upimg .profile-pic { max-width: 200px; max-height: 200px; display: block;} .wiz-upimg .wizpro-pic { display: inline-block;} .wiz-upimg .wizerd-upload { display: none;} .wiz-upimg .circle {border-radius: 50% !important; overflow: hidden; width: 200px; height: 200px; border: 5px solid #dfdfdf; text-align:center; line-height: 130px;} .wiz-upimg img { max-width: 100%; height: auto;} .wiz-upimg .p-image { position: absolute;bottom: 0px;color: #333;transition: all .3s cubic-bezier(.175, .885, .32, 1.275); left: 0;right: 0;margin: auto;background: #dfdfdf;font-size: 12px;padding: 10px 0 30px 0; cursor:pointer;} .wiz-upimg .p-image:hover { transition: all .3s cubic-bezier(.175, .885, .32, 1.275);} .wiz-upimg .wiz-button { font-size: 1.2em;} .wiz-upimg .wiz-button:hover { transition: all .3s cubic-bezier(.175, .885, .32, 1.275); color: #999;} /*--------------------- Step- 1 Css -----------------Harjit copied from203---*/ /***************** wizards Harkirat 10Nov2021*******************/ #adduserwizards {line-height: normal;} /****Help module - Harjit Singh 11Nov2021*****/ .block.block_talhelp{float:left; margin:0 0 20px 0;} .custom_thelp hr{display:none;} /****Help module - Harjit Singh 11Nov2021*****/ .managefolder.scrollbarmini{ border:1px solid rgba(0,0,0,.125);} ul.list-group.lg-control{border-radius: unset!important;} ul.list-group.lg-control li{border-top: 1px solid rgba(0,0,0,.125);border-left: none;border-right: none;border-bottom: none;} ul.list-group.lg-control li:first-child{border-top:none!important;} .disablecard { opacity: .5; cursor: auto;} .managefolder.scrollbarmini .mCSB_inside > .mCSB_container{margin-right:0px;} .managefolder.scrollbarmini .mCSB_inside > .mCSB_scrollTools .mCSB_dragger_bar{margin-right:0px!important;} .managefolder.scrollbarmini .mCSB_inside > .mCSB_scrollTools .mCSB_draggerRail{margin-right:0px!important;} #divMainProjectAddWizard{line-height:normal;} .navbar #divMainProjectAddWizard .container-fluid {display:block;} /* Expense card view and kanban view */ .fsmaddresscontrol .card-box.expense-card.text-center.pb-2 .expense-card-header .custom-control.custom-checkbox{ position: absolute; top: 2px; left: 4px; } /* .expense-card .custom-control{ position: absolute; top: 2px; left: -3px; } */ .expense-card-header{width:100%; margin:0px; padding:10px 0px 0px 0px;} .expense-icon{ width: 50px; height: 50px; border-radius: 100%; border: 2px solid #ccc; display: inline-block; line-height: 44px; } .expense-card .expense-title{ color: #000; font-size: 16px; text-align: center; width: 100%; font-weight: 500; padding: 5px 0px; text-transform: capitalize;} .expense-card .expense-project-date{width:100%; margin:0px; padding:0px; } .expense-card .expense-project-date span{ padding: 0px 10px; width: 50%; display: inline-block; border-right: 1px solid #ccc; margin: 9px 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .expense-card .expense-project-date span:nth-child(2){border:none; } .expense-card .expense-amount{width: 100%; margin: 9px 0px 0px 0px; padding: 9px 0px 9px 0px; text-align: center; font-size: 20px; font-weight: 400; border-top: 1px solid #ccc; float: left; } .expense-card .expense-amount span{ font-weight: 600; } #WishListListing span.header-action img{background-size:contain; background-repeat: no-repeat; width:83px!important; background-position-x:center;}/*83px 50px*/ /***Harjit Added on Nazir PC***/ .img-ico em.fa-file-video-o {font-size: 90px; color:#00adef;} .img-ico em.fa-file-pdf-o {font-size: 90px; color:#c12025;} .img-ico em.fa-file-excel-o {font-size: 90px; color:#207244;} .img-ico em.fa-file-image-o {font-size: 90px; color:#546e7a;} .img-ico em.fa-file-word-o {font-size: 90px; color:#1969ad;} .img-ico em.fa-file-audio-o {font-size: 90px; color:#d35400;} .img-ico em.fa-file-text-o {font-size: 90px; color:#666666;} /***Harjit Added on Nazir PC***/ .flex-grow {flex-grow: 1;} /***Harjit- Select tag not expanding and eye or add icon on right side| Master Core universal***/ /*.input-group tg-select {flex-grow: 1;display:flex;}*//**Display flex added Harjit - 17Feb2022******/ .input-group tg-select {flex-grow: 1; width:70%;}/**width70% added Harjit - 17Feb2022******/ .input-group tg-input {flex-grow: 1; width:70%;}/**width70% added Harjit - 3May2022******/ /***Harjit- Select tag not expanding and eye or add icon on right side| Master Core universal***/ /*Gaurav Dhiman for dashboard wizard widget */ /* #choosewizards .shortcuts-menu li:hover {transform: none} */ #choosewizards .shortcuts-menu li:nth-child(9n+1) .left-icon-m {border-color: #216bca} #choosewizards .shortcuts-menu li:nth-child(9n+2) .left-icon-m {border-color: #63983e} #choosewizards .shortcuts-menu li:nth-child(9n+3) .left-icon-m {border-color: #575b6f} #choosewizards .shortcuts-menu li:nth-child(9n+4) .left-icon-m {border-color: #43a38a} #choosewizards .shortcuts-menu li:nth-child(9n+5) .left-icon-m {border-color: #cc7d38} #choosewizards .shortcuts-menu li:nth-child(9n+6) .left-icon-m {border-color: #735da5} #choosewizards .shortcuts-menu li:nth-child(9n+7) .left-icon-m {border-color: #7e6c5e} #choosewizards .shortcuts-menu li:nth-child(9n+8) .left-icon-m {border-color: #e3644b} #choosewizards .shortcuts-menu li:nth-child(9n+9) .left-icon-m {border-color: #dcad3a} #choosewizards .shortcuts-menu li:nth-child(9n+1) .left-icon-m em {color: #216bca} #choosewizards .shortcuts-menu li:nth-child(9n+2) .left-icon-m em {color: #63983e} #choosewizards .shortcuts-menu li:nth-child(9n+3) .left-icon-m em {color: #575b6f} #choosewizards .shortcuts-menu li:nth-child(9n+4) .left-icon-m em {color: #43a38a} #choosewizards .shortcuts-menu li:nth-child(9n+5) .left-icon-m em {color: #cc7d38} #choosewizards .shortcuts-menu li:nth-child(9n+6) .left-icon-m em {color: #735da5} #choosewizards .shortcuts-menu li:nth-child(9n+7) .left-icon-m em {color: #7e6c5e} #choosewizards .shortcuts-menu li:nth-child(9n+8) .left-icon-m em {color: #e3644b} #choosewizards .shortcuts-menu li:nth-child(9n+9) .left-icon-m em {color: #dcad3a} /*Gaurav Dhiman for dashboard wizard widget */ .custom-checkbx-pl-3 .custom-checkbox {padding-left: 1rem !important;} /****FSM Harjit 10Feb2022*****/ .fsmaddresscontrol .card-detail em{width:25px; padding-left:3px;} .fsmaddresscontrol .card-detail em.fa-map-marker {font-size:25px; color:#303030;} .fsmaddresscontrol .card-detail em.fa-wrench {font-size:19px; color:#303030;} .fsmaddresscontrol .card-detail em.fa-user-o {font-size:19px; color:#303030;} .fsmaddresscontrol .card-detail em.fa-calendar {font-size:19px; color:#303030;} .fsmaddresscontrol .card-detail-main{text-transform:capitalize;} .fsmaddresscontrol .card-detail-main.filterscrollForCardView .card-detail{display: flex;} .talygen-card-view .nu-paging{border: 1px solid #c3c3c3;} /****FSM Harjit 10Feb2022*****/ /* .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#000 !important} */ .navigation-panel .mCSB_scrollTools{width:7px !important;} .nd-combo-view .combo-canvan-view .card .badge.medium {background:#25a5fc!important;} .nd-combo-view .combo-canvan-view .card .badge.critical {background:#dc3546!important;} .nd-combo-view .combo-canvan-view .card .badge.high {background:#da8a0d!important;} .nd-combo-view .combo-canvan-view .card .badge.low {background:#4fb262!important;} .fs_textname{font-size: 12px;margin-left: 20px;color: #4d4d4d;} .lastchild-control ul:last-child{margin-bottom:0px!important; border-bottom:none!important} .lastchild-control div.form-group:first-child{border-top:none !important} /**Sushil added on Love PC - CRM Congfig. 10 March2022*****/ .list-invoice-nums {position: relative;display: block; padding: .75rem 1.25rem; background-color: #f1f1f1; border: 1px solid rgba(0,0,0,.125) !important; border-top-width: 1px;} /**Sushil added on Love PC - CRM Congfig. 10 March2022*****/ .dashbord-widget.srvc_brd li h3{font-size:32px; line-height:18px;} .dropdown-item.active, .dropdown-item:active span.text-secondary {color:#fff!important;} .deleteconfrmpage { padding: 50px 0px; border: 1px solid #e6e6e6;} .deleteconfrmpage h2 {width: 100%; font-size: 24px; color: #fcb322; line-height: 40px; padding: 10px 0;} .deleteconfrmpage p { font-size: 34px; font-weight: 400; padding:0px; margin:0px; color: #717171;} .deleteconfrmpage p.small1 { font-size: 26px; font-weight: 400; padding:0px; margin:0px; color: #717171;} .deleteconfrmpage p.small2 { font-size: 18px; padding: 0px; margin:0px; color: #717171;} .cont_login { float: left; } .month-heading .btnbase{height: 10px; position: absolute; right: 0; top:14px} .month-heading a.btnsnextprev{padding:5px; margin-right:3px; background:#6b8190; color:#fff; font-size:12px;} .month-heading a.btnsnextprev:hover{background:#516573;} @media (min-width: 300px) and (max-width:768px) { .below768 .overflow-visible {overflow: scroll!important;} } .preview-panel { background-image: url('../images/top-preview-bg.jpg'); background-repeat: repeat; width: 100%; padding: 5px; border: 1px solid #bcbcbc; margin-bottom:20px;} .preview-panel span.input-group-text{ background:#424f55; color:#fff; border:none;} .preview-panel input.form-control { background-color: rgba(255,255,255,0) !important; color: #000 !important; text-align: center; border: none; font-size: 17px; padding: 0px !important; font-weight: 600; letter-spacing: 4px !important; } .element-panel{width:100%; display:flex; flex-wrap:wrap; } .element-panel .single-element { width: 31%; background: #fff; border: 1px solid #9c9c9c; padding: 3px; text-align: center; color:#303030; } .element-panel .single-element:hover { background: #25a5ff; border: 1px solid #25a5ff; color:#fff; } .dragarea{ background-image: url('../images/preview-bg.jpg'); background-repeat: repeat; width: 100%; border-radius: 0px !important; border: 1px solid #bcbcbc; padding: 10px !important;} .dragarea .dragelements{ width: 31%; background: #fff; border: 1px solid #dfdfdf; padding: 0; text-align: center; color: #303030; margin: 1%; } .dragarea .dragelements > div{width:100%; padding: 0px;} .dragarea .dragelements .ml-cutomf-bg { background: #fff !important; border: none; } .dragarea .dragelements .close{width: 20px; height: 20px; position: absolute; top: -12px; right: -8px; opacity: 1; background: #7B7A7A !important; line-height: 20px; text-shadow: none; color: #fff !important; font-size: 12px; text-align: center;} .dragarea .dragelements .ml-cutomf-bg .labeltext{ width:100% !important;} .dragarea .dragelements .ml-cutomf-bg .dropdown{ position: absolute; right: 0px; top: 3px;} .help-block{ border-left: 3px solid #abb4ef; background-color: #eef2fb; background-image: url('../images/help-bulb.png'); background-repeat: no-repeat; padding: 10px 10px 10px 40px; background-position: 10px 10px; margin-top: 40px; } @media (min-width: 100px) and (max-width:767px) { #calendar_view span.p-actions a#ShowCalender {margin-right: 25px;} .px-small-0 {padding-left: 0px !important; padding-right: 0px !important;} #divDialogDetails .level_info ul{display:block; line-height:23px;} #divDialogDetails .level_info li{width: 49%; float:left;} .custom_tbireport #reportstabsdata .date_range{display: none !important;} .custom_tbireport #reportstabsdata .p-actions-expand.p-actions-collapse .date_range{display:block!important; margin-right:30px;} .custom_tbireport #reportstabsdata .p-actions-expand #showDaterange {padding:0px!important} .expandedtr-rowbase ul li span.left-label{text-align:left;}/***645272-Harjit added to make left align in full project in mbles***/ .expandedtr-rowbase ul li span.right-label{text-align:left;}/***645272-Harjit added to make left align in full project in mbles***/ .element-panel .single-element, .dragarea .dragelements{width: 100%;} .setpositionrightbot{bottom:0;position: unset!important;right: 0; margin:0px!important;} #DivTimer.DatePopUp{right:8px!important;} .navigation-panel #scrollbar{max-height:290px!important;} body.custom_tfile .modal .modal-footer > .col-sm-12 {padding:0px!important;} body.custom_tfile .modal .modal-footer > .col-sm-12 button{margin-left:0px!important;margin-right:0px!important;} body.custom_tuser .modal .modal-footer > .col-sm-12 {padding:0px!important;} body.custom_tuser .modal .modal-footer > .col-sm-12 button{margin-left:0px!important;margin-right:0px!important;} span.user-guide.usg_mcfix{right: -25px!important; top: -87px !important;} /****FullMenu-breadcrumb-11May2022 Harjit Singh*******/ .nav-heading span#spntext {line-height: 18px; font-size: 14px;} .nav-heading span#spntext a.indl{padding-left:5px; font-size: 14px;} /****FullMenu-breadcrumb-11May2022 Harjit Singh*******/ .groupfileds .modal-header.ui-draggable-handle{min-height: auto;} } @media (max-width:600px) { .my-popups .modal-header .modal-title{width:60%!important;} .my-popups .modal-header .modal-title.w-100{width:100%!important;} .my-popups .modal-body .user-guide{right: 9px!important; top: -35px!important;} } @media (max-width:767px) { #formCheckOut .col-sm-12 .form-group.p-4{padding: 0px!important;} } /*****ToDo list pin-unpin view - Harjit Singh 20 April2022****/ .pinmyview {color: #fff; background-color: #17a2b8; border-color: #17a2b8;} .pinmyview:hover { color: #fff; background-color: #138496; border-color: #117a8b;} .unpinmyview em{ transform:rotate(45deg);} .unpinmyview { color: #808080; background-color: #ececec; border-color: #d2d2d2;} .inpinner { margin-left: 5px; transform: rotate(45deg);} /*****ToDo list pin-unpin view - Harjit Singh 20 April2022****/ .unpinscreen{background:#475256; padding:15px 0px !important; width:50px; cursor:pointer;} .pinscreen { background: #17a2b8; border-left: 0px !important; padding: 15px 0px !important; width: 50px; cursor: pointer;} .unpinscreen em{transform: rotate(-45deg);} .common_pin.enable{background:#17a2b8!important;} .common_pin.enable em{font-size:20px!important; } .common_pin.disabled em{font-size:20px!important; transform: rotate(-45deg);} @media (max-width:1024px) { #clsspauseresume tr.gray td.expandtr-rowbase{text-align:left!important;} #clsspauseresume tr.gray td.expandtr-rowbase::before{display:none;} #clsspauseresume tr#trChild.gray td.expandtr-rowbase::before{display:block!important;} #ProjectTemplateData .conversation-box .name-circle {display:block!important;}/*****Harjit added - 27April2022******/ .expandtr-rowbase div{margin-left: 5px!important;} } @media (max-width:991px) { a#popNotificationLink small.noti-circle {left:140px!important;} .responsivefix991 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .responsivefix991.rgt{margin-bottom:15px;} .responsivefix991.rgt .w-70{width:100%!important;} .w-setpercentage .slider_setpercentage {width:100%!important;} .w-setpercentage .slider-input {width:80px;} #ProjectTemplateData .proj-convboxact {position:relative!important;}/*****Harjit added - 27April2022******/ .popover.popover-custom.fade.bs-popover-top.show{max-width:80%!important; width:80%!important} } .user-name input#flAvatar {left:0; top:0; width:100%;} .daterangetd input.btn{width:auto!important;}/****#641891 - Harjit added - 26April2022*****/ .nd-repoort-filter .date_range .btn{width:auto!important;} .custom_tproject #DivTimer.DatePopUp {right:9px!important;} .w-setpercentage .slider_setpercentage {width:90%;} .w-setpercentage .slider-input {width:10%;} #modalprojectquickviewpop ul.detail_list li {display:inline-block; width:100%;} #modalprojectquickviewpop ul.detail_list li span {float: right;} .innertextleft .vue-simple-progress-text {text-align:left!important;font-size:11px!important;font-weight:400;padding-top:0px!important;} .time.innertextleft .vue-simple-progress-bar{background:#c5a430!important; height:5px!important;} .Task.innertextleft .vue-simple-progress-bar{height:5px!important;} /* .editcontrol.edit-lis {position:absolute; bottom:5px;right:15px;} */ .editcontrol.edit-lis {position:absolute; bottom:12px;right:15px;} .editcontrolreply.edit-list {position:absolute; top:2px;right:15px;} .threelinks {position: absolute; right: 35px; width: 120px; top:25px;} .listing .table.sleekrowfix td:not(.day) {padding-top: 3px !important; padding-bottom: 3px !important;} .screenshot .card-detail-main.detail_bx a {flex: 0 0 90%; margin-top: 7px;} .custom-drop-down ul li a label.timer-task-percentage {margin-right: 20px; font-size: 12px !important; background: none;} .form-control.is-invalid.fixpadding0{padding-right:0px!important;} .input-group.tg-w-50 tg-input {flex-grow: 1; width: 50%;} #timetracking_wrap .custom-drop-down ul li .child div {width:70%!important;} /******Roll Over effect***************/ .status-cell-component { position: relative; min-width: 150px; color: #fff; text-align: center; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 40px }/*height: 60px;*/ .status-note-wrapper { position: absolute; right: -1px; top: 0; width: 12px; z-index: 1; } .status-note-wrapper .add-status-note { transition: border-width .3s .2s ease; position: absolute; top: 0; right: 1px; border-style: solid; border-color: rgba(0,0,0,.2) #f1f1f1; border-width: 0; } .status-cell-component:hover .add-status-note{transition: border-width .3s ease; border-width: 0 12px 12px 0;} .ds-text-component { width: 100%; height: 100%; overflow-x: hidden; overflow-y: hidden; text-overflow: ellipsis; white-space: nowrap; border: 1px solid transparent; padding: 0 2px; } .ds-text-component span{height:auto; display:block;} .status-cell-component .ds-text-component { border: 0; padding: 0; } .pulse-component:hover .status-cell-component { opacity: .7; } /*.listing .table td.newstatuscontroll_des{padding:0px !important;}*//*0px*/ .listing .table td.newstatuscontroll_des .cstm-drop-btn select:hover{background-image:none!important;} .status-cell-component .cstm-drop-btn {position: relative;display: block; height: auto;} .status-cell-component .cstm-drop-btn select{height:25px;}/**40px**/ /******Roll Over effect***************/ /*********Work Dairy screen - 10May2022 Harjit Singh*****************/ .custom_tworkdiary .wd_blur {filter: blur(2px);} .custom_tworkdiary #Comments{padding:0px!important;} .custom_tworkdiary img.snapshot { border: 1px solid #e3e3e3; background: #eee; padding: 8px; } /*********Work Dairy screen - 10May2022 Harjit Singh*****************/ .input-group.color-picker small{font-weight:unset;} .setpositionrightbot{bottom: 0;text-align: right;position: absolute;right: 0;} .round-icon-split{background:#d46012; border:1px solid #b3500d;} /*CSS 25/11/2022*/ .bg-blue-cc{background-color: #17a2b8 !important;} .popupgreenbtn .fa-bars{margin: 0 3px 0 0;} .full-screen { cursor: pointer; transition: .5s ease;padding: 0 0 0 5px;} .full-screen .fa:hover{opacity: .6;} /*CSS 25/11/2022*/ .ck.ck-editor__editable_inline.ck-blurred { min-height: 200px !important; border: 1px solid #c1c1c1 !important; } .ck.ck-editor__editable_inline.ck-focused { min-height: 200px !important; } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; height:auto; } /******************* Help and Guide Page Design 1 Nov 2022 *******************/ .equator-color{color: #dbb06c;} .light-green-column4 {color: #a6cdb2; } .geraldine {color: #e68a6a; } .turquoise{color: #2dc8ba; } .c-light-green {color: #9acb3e !important;} .b-turquoise{border-color: #2dc8ba !important;} .b-light-green {border-color: #9acb3e !important;} .b-secondery-blue {border-color: #2085ff !important;} a.b-turquoise:hover{ background-color: #2dc8ba!important; color: #fff!important;} a.b-secondery-blue:hover{ background-color: #2085ff!important; color: #fff!important;} a.b-light-green:hover{ background-color: #9acb3e!important; color: #fff!important;} /******************* Help and Guide Page Design 1 Nov 2022 *******************/ /***Harjit- 22Nov2022 on Mohit PC*****/ .short-menu-item.um a{cursor: auto; color: #353535;} .short-item-name.um{font-size: 16px;} .short-item-name.short_um{font-size: 13px;} /***Harjit- 22Nov2022 on Mohit PC*****/ .vel-modal { background: rgba(0,0,0,.8) !important; z-index: 99998 !important; } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } /******************* Custom Report Design Sushil 23 Nov 2022 *******************/ .custom-reports-icons{ min-width: 252px; height: 90px; } /******************* Custom Report Design Sushil 23 Nov 2022 *******************/ /********************Harjit Doc storage 29Nov2022**********************************/ .pin.pinnewtag{position: absolute;top: 8px;left: 50px;z-index:9;} .pinff.pinnewtag{position: absolute;bottom: 8px;right: 0px;z-index:9;} /********************Harjit Doc storage 29Nov2022**********************************/ .img-ico.fix145 img { max-height:145px; min-height:145px;} .actions.mobileaction.rt_25 { right: 25px; } /********************Rishab Css Chart Dynamic Dashboard ********/ .my-popups .modal-content.full-modal-content { border-radius: 0; border: none; justify-content: center; align-items: center; background: transparent; width: 100%; } .my-popups .modal-header.full-modal-header { background: transparent; color: #fff; transform: scale(2); border: none; } .my-popups .modal.full-size-modal{ background-color: rgba(0, 0, 0, 0.9); } .close.chart-close { background: #e9eaeb; outline: none; color: #000 !important; display: flex; align-items: center; justify-content: center; position: absolute; right: 50px; top: 80px; border-radius: 50%; opacity: 1; width: 30px; height: 30px; line-height: 22px; text-align: center; font-size: 20px; padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } /********************Rishab Css Chart Dynamic Dashboard ********/ /***Harjit 30Nov2022 - Karan PC****/ .left-menu-tab.datareport{max-width: 600px;} .right-content.datareport{width: calc(100% - 630px);} .dashed_bod_drag{border: 1px dashed #cbcbcb;} .draggable-list .list-item { width: 100%; float: left; background: #f2f2f2; margin: 5px 0px; text-align: left; padding: 5px 4px; border: 1px solid #c1c1c1;} .draggable-list .list-item em{float: right; margin: 4px 2px 0px 10px;} .leftpancollapse{margin-left:50px;} .autosuggestion{width: 100%;max-height: 250px; padding: 5px; overflow: auto; border:1px solid #d0d0d0;line-height: 27px; background: #eee; border-top: none!important; position: absolute; z-index: 99;} /***Harjit 30Nov2022 - Karan PC****/ .verticle-action.rt25{right: -547px; top:-55px;} .verticle-action.rt25.rt502{right: -502px; top:-185px;}/***top:-55px;***/ .va_rt25{position: absolute; left: -12px; top:188px; z-index: 999;}/**top:58px;**/ .verticle-action.rt25.rt502.onlyone{right: -502px; top:-85px;}/***top:-55px;***/ .onlyone .va_rt25{position: absolute; left: -12px; top:98px; z-index: 999;} .verticle-action.lft25{right: -30px; top:28px;} .va_lft25{position: absolute; right:10px; top:-10px; z-index: 999; transform: rotate(90deg);} .verticle-action .fsm-list.datarep{width:500px;} .parentdiv.datarepfix{position: absolute; right: 30px; z-index: 999;}/***top: 5px;***/ .parentdiv.datarepfix.filters{position: absolute; right: 4px;} /****top: 13px;****/ .conversation-box_custreps { width: 100%; float: left; margin: 1px 0px; height: auto; position: relative; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .conversation-box_custreps .name-square { width: 40px !important; height: 40px; line-height: 50px; text-align: center; font-size: 14px; color: #fff; background: #8298af; float: left; margin-right:15px;} .conversation-box_custreps .role-square { width: 40px !important; height: 40px; line-height: 50px; text-align: center; font-size: 14px; color: #fff; background: #8ec96d; float: left; margin-right:15px;} .conversation-box_custreps .conversation-header { margin: 0 0 3px 0; padding: 0; height: auto; display: flex; align-items: center; justify-content: space-between; font-weight: 500;} .conversation-box_custreps .conversation-header small{font-size: 12px;} .timeline-panel.vidtuts li{max-width: 350px; min-width: 350px;} .coloredicons div.btn-group label.active span em{color: #fff !important;} .coloredicons div.btn-group label span em{padding: 5px 0px 0px 0px; font-size: 30px;} .coloredicons div.btn-group:nth-child(1) label span em{color:#44B3C2;} .coloredicons div.btn-group:nth-child(2) label span em{color:#F1A94E;} .coloredicons div.btn-group:nth-child(3) label span em{color:#648cd0;} .coloredicons div.btn-group:nth-child(4) label span em{color:#7cb17a;} .coloredicons div.btn-group:nth-child(5) label span em{color:#7B8D8E;} .coloredicons div.btn-group:nth-child(6) label span em{color:#E45641;} .coloredicons div.btn-group:nth-child(7) label span em{color:#9c82b6;} .coloredicons div.btn-group:nth-child(8) label span em{color:#44B3C2;} .coloredicons div.btn-group:nth-child(9) label span em{color:#F1A94E;} .coloredicons div.btn-group:nth-child(10) label span em{color:#648cd0;} .coloredicons div.btn-group:nth-child(11) label span em{color:#7cb17a;} .coloredicons div.btn-group:nth-child(12) label span em{color:#7B8D8E;} .coloredicons div.btn-group:nth-child(13) label span em{color:#E45641;} .coloredicons div.btn-group:nth-child(14) label span em{color:#9c82b6;} .card.probx .card-header.custprobx{background:#ececec;} .card.probx .card-header.custprobx h2{font-weight: 300;} /* ul.filterss{list-style: decimal;} ul.filterss li{border:1px solid #dee1e6!important; counter-increment: css-counter 1} */ .counter_num{border-right:1px solid #dee1e6!important;} .shortcuts-menu li.setupguides{max-width: 25%;} .setupguides .left-icon-m{background:transparent; margin-right:0px;padding:10px 15px;} .setupguides .left-icon-m em.font-14{font-size:16px;} .barprogress{position: absolute; right:45px;} .tickposition{position: absolute; right:2px; padding: 20px 5px!important; width: 30px;} .tickarrowposition{position: absolute; right:0px; padding: 19px 5px!important; width: 30px; background: #f2f2f2!important;} @media (max-width:1600px) { .shortcuts-menu li.setupguides{max-width:33.33%;} } @media (max-width:1280px) { .shortcuts-menu li.setupguides{max-width:50%;} } @media (max-width:1024px) { .shortcuts-menu li.setupguides{max-width:100%;} } @media (min-width:1025px) { .view1024{display: none!important;} .prof_control .user-detail .user-image{width: 90px; float:left;} .prof_control .user-detail .user-image img {width: 80px; height: 80px;} .prof_control .user-detail .user-name{width: 50%; float: left; margin-top: 10px; margin-left: 50px;} .prof_control .user-detail .appliedfor{float: right;margin-top:0px;} } .storagegraph.smaller{ border-radius: 10px!important; height: 15px!important;} .whitepopup.my-popups .modal-header{ background: #fff; color: #303030;} .whitepopup.my-popups .modal-header button{ right: 22px; top: 26px;} .whitepopup.my-popups .modal-header button.close{background: none;} .whitepopup.my-popups .modal-footer a.btn{min-width: 30.33%; text-align: left;} .ini_setup.storagegraph .progress-bar-striped { background-image: linear-gradient(-45deg,rgb(113, 225, 96) 25%,#52c41d 25%,#52c41d 50%,rgb(113, 225, 96) 50%,rgb(113, 225, 96) 75%,#52c41d 75%,#52c41d); } .ini_setup.storagegraph .progress-bar {background-color: #52c41d;} .btn-primary_custom{color: #303030; background-color: #dbecfa; border-color: #23a5fd;} .btn-primary_custom span{background: #23a5fd; width: 30px; height:30px; padding: 5px 10px; margin-right: 10px;} .btn-primary_custom span em, .btn-info_custom span em, .btn-warning_custom span em{color:#fff} .btn-info_custom span{background: #8ea1f6; width: 30px; height:30px; padding: 5px 10px; margin-right: 10px;} .btn-info_custom{color: #303030; background-color: #e4e9ff; border-color: #8ea1f6;} .btn-warning_custom span{background: #e0bd43; width: 30px; height:30px; padding: 5px 10px; margin-right: 10px;} .btn-warning_custom{color: #303030; background-color: #fff5d2; border-color: #e0bd43;} .customScrollForLeftBar.llt .mCSB_container{margin-right: 0px;} .tooltiptext { width: 100px; background-color: #787878; color: #fff; text-align: center; border-radius: 6px; padding: 0px 0; position: absolute; z-index: 1; top: 26px; right: 0px; left: 70px;} .verticle-action.lft75 { right: 75px; top: 40px; } .va_lft25.top4 { top: -4px;} .dropzone__box{border: 2px dashed #b1c2d2!important;} .dropzone-clickable {line-height: 80px !important; color:#999b9d!important; background:#f3f9ff; padding:40px 0px; font-size: 15px; text-transform:capitalize;} @media (min-width:768px) { .uploadfilesbtn{position:absolute; right:10px; bottom:10px;} } .dropzone__box{position: relative;} /*********With Ishan Goyal**********/ .vue-apexcharts .apexcharts-canvas{margin: 0 auto;} .apexcharts-legend{text-align: left;} /*********With Ishan Goyal**********/ .expressionbx a {color: #303030;padding: 10px 15px;border-left: 1px solid #c7c7c7;font-size: 25px;font-weight: 500;} .img-icons em{font-size: 46px!important;} .round-icon-small2{width:24px; height:24px; float:left; display:inline-block; text-align:center; line-height:24px; font-size:14px; color:#fff; overflow:hidden; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; margin:0px 3px; border-radius: 100% !important;} ul.graphinfo{ padding: 0; margin: 0; list-style: none;} ul.graphinfo li label{font-weight: 600;} ul.graphinfo li{border-top: 1px solid #ffffff; border-bottom: 1px solid #e3e2e2; line-height: 33px;padding:5px 10px;} ul.graphinfo li:last-child{border: none;} .table-bordered td.onlyrtbod{border-right:1px solid #dee2e6!important;} .shortcuts-menu li.setupguides.w50 {max-width: 50%;} .setupdoclist{ display: flex; align-content: center; align-items: center; width: 100%; font-size: 18px; font-weight: 400;} .setupdoclist .left-icon-m {background: transparent; margin-right: 0px; padding: 15px 15px;} .setupdoclist .darkbgicon{background: #525f65 !important; color: #fff;} .setupdoclist .darkbgicon em{ font-size: 35px;} .setupdoclist .tickposition{right:50px;} .setupdoclist .tickposition em{font-size:25px;} .setupdoclist .tickarrowposition em{font-size:16px;} .left-tab.newiconic li{height:65px;} .left-tab.newiconic li a{padding:8px;} .left-tab.newiconic .coloredicon{text-align: center; margin-right: 6px; padding:10px; background: #525f65 ; color:#fff; float:left;} .left-tab.newiconic .coloredicon em{padding: 0px; font-size: 25px;min-width:40px;} .left-tab.newiconic li:nth-child(1) .coloredicon{background: #8892d0 !important;} .left-tab.newiconic li:nth-child(2) .coloredicon{background: #da9c49 !important;} .left-tab.newiconic li:nth-child(3) .coloredicon{background: #94c5a3 !important;} .left-tab.newiconic li:nth-child(4) .coloredicon{background: #e67d21 !important;} .left-tab.newiconic li:nth-child(5) .coloredicon{background: #787878 !important;} .left-tab.newiconic li:nth-child(6) .coloredicon{background: #c59e71 !important;} .left-tab.newiconic li:nth-child(7) .coloredicon{background: #38b8df !important;} .left-tab.newiconic li .textlinks{margin-top: 4px; float: left; min-width: 200px;} .disabled .clsdashboardgroup {opacity: 0.4;} /***Dynamic report disabled in edit report - Ishant****/ .action-list-box-ddl a.actions-onclick em {width: 30px; text-align: center; font-size: 1.2em;} .action-list-box-ddl a.actions-onclick i {text-align: center;} .vue-slider-dot-tooltip{ position: absolute; visibility: visible;} .vue-slider-dot-tooltip-inner{ background-color:#505557; height:20px;} .jslider .jslider-label { font-size: 15px; line-height: 12px; color: black; opacity: .4; white-space: nowrap; padding: 0 2px; position: absolute; top: -18px; left: 90%;} /*Parameter-sliders 16-02-2023*/ .flat-slider { width: 99%; padding: 10px 0px 60px; position: relative;} .green .vue-slider-process, .green .vue-slider-rail { background-color: #28a745 !important;} .green .vue-slider-dot-handle{ border: solid 2px #28a745 !important;} .yellow .vue-slider-process, .yellow .vue-slider-rail { background-color: #f0ad4e !important;} .yellow .vue-slider-dot-handle{ border: solid 2px #f0ad4e !important;} .red .vue-slider-process, .red .vue-slider-rail { background-color: #d9534f !important;} .red .vue-slider-dot-handle{ border: solid 2px #d9534f !important;} .blue .vue-slider-process, .blue .vue-slider-rail { background-color: #5bc0de !important;} .blue .vue-slider-dot-handle{ border: solid 2px #5bc0de !important;} .vue-slider-dot-tooltip-inner-top:after {border-top-color: #505557!important;} .vue-slider-dot-tooltip-text {font-weight: 600;} .vue-slider-process, .vue-slider-rail {border-radius: 0px !important;} .vue-slider{height: 10px !important; padding: 30px 0px;} .vue-slider-dot-handle { width: 28px !important; height: 28px !important; top: -8px; left: -7px;} .vue-slider-dot-tooltip-top{ top: -12px;} .jslider .jslider-label{ top: -9px;} .vue-slider-dot-tooltip-inner { font-size: 13px; border-radius: 0;} @media (max-width: 768px) { .jslider .jslider-label { top:-25px!important; left: 85%!important;} } @media (max-width: 570px) { .jslider .jslider-label { top:-25px!important; left: 78%!important;} } /*Parameter-sliders 16-02-2023*/ /*** CRM - Deal detail ***/ #tab-Deal-content .card-body span.rightlabeltext {word-break: break-all; white-space: break-spaces;} /*** CRM - Deal detail ***/ /************** Doc Storage Sushil 27 Feb ***************/ .tickarrowposition { position: absolute; right: 0px; width: 30px; background: #f2f2f2!important; height: 100%; vertical-align: middle;} .short-menu-item { background-color: #f7f7f7; border: 1px solid #e7e7e7; color: #333335; } .box-inner1 { width: 50px; height: 45px; background: #ffaf2f; } .box-inner2 { width: 50px; height: 45px; background: #4d85fe; } .box-inner3 { width: 50px; height: 45px; background: #28d7d2; } .box-inner4 { width: 50px; height: 45px; background: #6d60b0; } .box-inner5 { width: 50px; height: 45px; background: #6bd046; } .clr-1 {color: #ffaf2f; } .clr-2 {color: #4d85fe; } .clr-3 {color: #28d7d2;} .clr-4 {color: #6d60b0;} .clr-5 {color: #6bd046;} /**Harjit - image tumb size in listing 6June24*/ #tblFileList .file-image img{width: 50px; height: 50px; padding: 5px; border: 1px solid #dee2e6 !important;} #div_forCardView .img-icons img { width: 90px; height: 90px; border: 1px solid #dee2e6 !important; padding: 4px; } .docstorage_leftaccordian #accordion:last-child{border-bottom: none!important;} .docstorage_leftaccordian #accordion .progress-bar{background-color: #19a0ff;} /************** Doc Storage Sushil 27 Feb ***************/ /******After Design Kand - 22 MAy 2024 HArjit Singh*********/ .card-view.custom-box-width .div-cardView:nth-child(10n+1) .box div.align-items-center{background: #3d995d!important;} .card-view.custom-box-width .div-cardView:nth-child(10n+2) .box div.align-items-center{background: #7d6b5d!important;} .card-view.custom-box-width .div-cardView:nth-child(10n+3) .box div.align-items-center{background: #089ce0!important;} .card-view.custom-box-width .div-cardView:nth-child(10n+4) .box div.align-items-center{background: #f5c800!important;} .card-view.custom-box-width .div-cardView:nth-child(10n+5) .box div.align-items-center{background: #787878!important;} .card-view.custom-box-width .div-cardView:nth-child(10n+6) .box div.align-items-center{background: #56ada7!important;} .card-view.custom-box-width .div-cardView:nth-child(10n+7) .box div.align-items-center{background: #c59e71!important;} .card-view.custom-box-width .div-cardView:nth-child(10n+8) .box div.align-items-center{background: #e67d21!important;} .card-view.custom-box-width .div-cardView:nth-child(10n+9) .box div.align-items-center{background: #6d60b0!important;} .card-view.custom-box-width .div-cardView:nth-child(10n+10) .box div.align-items-center{background: #6bd046!important;} .card-view.custom-box-width .div-cardView .align-items-end .col-md-12.font-14.mt-2.text-center{font-weight: 500;} /* .control_helpguide div.col-md-4:nth-child(1) .col-md-2 em {color: #09519b!important;} .control_helpguide div.col-md-4:nth-child(2) .col-md-2 em {color: #69915c!important;} .control_helpguide div.col-md-4:nth-child(3) .col-md-2 em {color: #dda628!important;} .control_helpguide div.col-md-4:nth-child(4) .col-md-2 em {color: #da9c49!important;} .control_helpguide div.col-md-4:nth-child(5) .col-md-2 em {color: #756caf!important;} .control_helpguide div.col-md-4:nth-child(6) .col-md-2 em {color: #29b0ce!important;} */ /******After Design Kand - 22 MAy 2024 HArjit Singh*********/ .fsmaddresscontrol .card-detail i.fa-map-marker {font-size: 25px;color: #303030;} .fsmaddresscontrol .card-detail i {width: 25px;padding-left: 3px;} .card-detail i {width: 20px;padding-right: 6px;float: left;padding-top: 4px;} /* Sushil Doc Storage 10 March 2023 */ .nxt-page-icon { top: 10px; right: 10px; font-size: 24px; position: absolute; color: #4882eb; } #modalManageView { pointer-events: none;} div#divscrollsetuptabs ul.nav.nav-pills { display: block;} .skip-btn-clr{background: #eee;} ul.lefttabiconfix li a i {min-width: 30px; text-align: center;} .lefttabflexible li a i {padding-top: 4px;} .short-menu-item .barprogress {right: 30px;} #main-content .col-md-12.col-lg-6 a.doc-setup:hover{box-shadow: 2px 3px 4px 0px #b9b9b9d2; border: 1px solid #9b9b9b73; text-decoration: underline; color: #333335; } #btnStorageSpace {height: 52px;} .blink-icon { position: absolute; top: -10px; left: 40px;} .modal.right.fade.show .modal-dialog.doc-setup-slide { max-width: 75%;} .newtab_des .nav-link.left-menu.active { background: #e0f2ff !important;}/*** Harjit added newtab_des ***/ .newtab_des .nav-link.left-menu.active, .newtab_des .nav-link.left-menu:hover { background: #ffffff !important; color: #000 !important;box-shadow: 0; border: none;} .newtab_des .nav-link.left-menu.active .fa { color: #24a5ff !important; } @media (max-width:991px){ .border-left-0{border-left: 1px solid #dee2e6!important;} .modal.right.fade.show .modal-dialog.doc-setup-slide {max-width: 100%!important;} } @media (max-width:568px){ .modal.right.fade.show .modal-dialog.doc-setup-slide { max-width: 100%;} .c100 { width: 0; height: 0} .c100 > span { left: -40px; top: -35px; font-weight: 400; background: #00a915; height: 19px; width: 40px; line-height: 19px; color: #ffff; font-size: 12px;} .c100:after{display: none;} } /* Sushil Doc Storage 10 March 2023 */ /**Sushil CustomLayout 19 April 2023**/ .left-fields { position: relative;} .left-fields em { position: absolute; top: 18px; right: 25px;} div#MainDivForLayout{ position: relative; } div#MainDivForLayout .dropdown-menu.show{ position: absolute; right:0; left: inherit;} div#LayOut_Id30314 .modal-header { background: rgb(241 241 241);} .user-defined-fields { background: #dfdfdf; width: 100%; padding: 10px 15px; margin: 0px 0 5px 0;} .right-slide-arrow .arrow-solid-left::before { right: 3px; color: #fff;} .add-custom-drop-popup-close { width: 20px !important; height: 20px !important; font-size: 16px !important; top: 5px !important; right: 5px !important;} .add-custom-drop-popup-close em{float: right; margin: 0px 2px 0px 3px !important;} /* div#collapseOne12 {height: 70vh; overflow-y: scroll; overflow-x: hidden;} Commented due to fix for Ticketing Index - open date filter - Harjit Singh - Shubham Saini 16Feb2024 */ div#mainDivProp { position: relative;} div#mainDivProp .dropdown-menu{ position: absolute; left: inherit; right: 0px;} div#mainDivProp .dropdown-menu button em.fa.fa-times{position: relative;} /**Sushil CustomLayout 19 April 2023**/ .fontpoppins{font-family:'Poppins';} /**Doc Storage - Harjit 26 April 23 **/ .p-action-btn.new em { font-size: 20px!important; padding-top: 5px;} .p-action-btn.new span { font-size:14px!important; padding-top: 5px; float:left;} .p-action-btn.new:hover{color: #fff !important;background: #8d9599;} .theme-light-shade{background: #f5f5f5;} .theme-light-shade .p-action-btn {border: none;} .img-icons.new em:before{top: 25px;} /**Doc Storage - Harjit 26 April 23 **/ /****19May2023***/ .tourplay { border-left: 2px solid #878787; border-right: 0px; padding: 0px 12px; } .sampledata { font-size: 20px; border-left: 2px solid #878787 !important; border-right: 2px solid #878787 !important; padding: 0px 12px; } .timer-icon { font-size: 20px; border-left: 2px solid #878787 !important; border-right: 2px solid #878787 !important; padding: 0px 12px; line-height: 46px; } /* #page-2-container{min-height: calc(100vh - 118px);} */ #page-2-container{min-height: calc(100vh - 73px);} /*******From Lalit PC - Graph for Dynamic Reporting***********/ .shadowder{-webkit-box-shadow: 0px 0px 5px 3px rgba(237,237,237,1); -moz-box-shadow: 0px 0px 5px 3px rgba(237,237,237,1); box-shadow: 0px 0px 5px 3px rgba(237,237,237,1);} .apexcharts-legend.apexcharts-align-center.apx-legend-position-right { position: absolute; left: auto; top: 4px; right: 5px; width: 65%;} .graphinfo_base_lft { z-index: 99; max-height: 150px; width: 250px; overflow: auto;} .graphinfo_base_rgt { width: calc(100% - 280px);} @media (max-width:1600px) { .graphinfo_base_lft { z-index: 99; max-height: 150px; width: 100%; overflow: auto;} .graphinfo_base_rgt { width: 100%;} } @media (max-width:1279px) { .left-menu-tab.datareport { width: 100% !important; max-width: 100%;} .right-content.datareport { width: 100% !important; margin-top: 15px;} } .verticle-action.lft75 .arrow-solid-left::before { right: 4px;} @media (max-width:1439px) { .verticle-action.lft75 { top: 38px !important;}/***80px***/ } /* @media (max-width:1279px) { .verticle-action.lft75 { top: 38px !important;} } */ @media (max-width:1250px) { .verticle-action.lft75 { right: 50px !important;} } @media (max-width:1180px) { .verticle-action.lft75 { top: 38px !important; right: 30px !important;} } @media (max-width:899px) { .verticle-action.lft75 { top: 38px !important; right: 30px !important;} .maxwidth-140{max-width: 140px;} } @media (min-width:1280px) and (max-width:1439px) { .verticle-action.lft75.llt { top: 85px !important; } } /*******From Lalit PC - Graph for Dynamic Reporting***********/ .dashbord-widget i { float: right; font-size: 35px; color: #8b9197;} /*****From Lalit PC*******/ .parentdiv.datarepfix2 { position: absolute; right: 0px; top: 0px; z-index: 999;} .parentdiv.datarepfix2 .va_lft25 { position: absolute; right: 40px; top: -5px; z-index: 999; transform: rotate(90deg);} .action-list-box.small .close.closebtnsmall { right: -14px; top: -12px; width: 25px; height: 25px; font-size: 13px; line-height: 12px; opacity: unset;} .verticle-action.lft75.rt30 {right: 30px; top: 38px;} .va_lft25 .arrow-solid-left::before{ content: "\f0dd"; transform: rotate(89deg)!important; display: inline-block; transition: transform .2s; transform-origin: right; position: absolute; right: 3px; top: 46%;} /*****From Lalit PC*******/ /*****From Lalit PC - Company Setup - User, 29July2024*******/ .new_accordians_des .card-header.heading-border h5 { font-size: 1.25rem; line-height: 40px; text-transform: capitalize; } .new_accordians_des .card-header.heading-border h5 span { padding-bottom: 0; margin-bottom: 0; } .new_accordians_des .md-accordion .card { border: none; } .new_accordians_des .md-accordion .card .card-header.heading-border { padding: 0; } .new_accordians_des .left-filter .form-group { margin-bottom: 1rem; } /*****From Lalit PC - Company Setup - User, 29July2024*******/ *, *::before, *::after { box-sizing: border-box; margin: 0; /* position: relative; */ /*****position: relative;* Todo list Notes Popup with Gurpiyar 26Dec2023****/ /* font-weight: normal; Commented for Saini - for Service Appointment Calendar */ } .ticket-card-container .card-detail-main{position:unset;} /***Todo list Notes Popup with Gurpiyar 27Dec2023*****/ .guided-tour-step-footer{position: initial;} .vue-treeselect__placeholder.vue-treeselect-helper-zoom-effect-off{ height: auto !important; font-size: 14px; font-weight: 300; width: 100%; background-color: #fff; background-clip: padding-box; border:none; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; /* line-height: 34px; */ /* padding: .375rem .75rem; Harjit Commented 27 Feb2024*/ } /** Location DDl Harjit 27Feb2024***/ .vue-treeselect__control{border:1px solid #abb5bf!important; border-radius:0px!important; color:#303030;} .vue-treeselect__control-arrow{color:#303030!important;} .vue-treeselect__placeholder{color: #303030!important;} /** Location DDl Harjit 27Feb2024***/ /****Manage Subscription Harjit with Thakur ji 25Jan2023*****/ /*.flex-row-reverse .search-btm-btn {display:inherit;}*/ /* Sushil Sharma 12-01-2023 Time Track New Slide View*/ .time-track-slide .modal-dialog {max-width:500px !important;} .working-timer {text-align: center;font-family: digital7; font-size: 38px; line-height: 40px;background: rgb(245, 245, 245); margin-top: 0px;padding: 10px 20px; margin-bottom: 10px;} .working-timer-bg-clr {background: rgb(226, 255, 233); } .break-extended-timer-bg-clr { background: rgb(252 228 230);} .start-break-clr{background-color: rgb(255, 152, 1);} .view-timesheet{background-color: rgb(82, 95, 101);} .break-legend-clr { background-color: rgb(223, 89, 102);} .Timer-legend-clr {background-color: rgb(77, 181, 103);} .ExtraTime-legend-clr {background-color: rgb(76, 180, 251);} /****Harjit commented 7Dec2023 .yourbreak {background: rgba(255, 255, 255, 0.9); min-height: 520px; top: 90px; left: 0px; z-index:99999; padding-top:130px;} .yourbreak .cup { background-image: url(/Content/images/DefaultImages/breakcup.png);background-repeat:no-repeat;background-size: 30%; height:120px; background-position:center;} .addmanually_btn { background: none!important; color: #fff !important; right: 60px!important; position: absolute!important; border: none; top: 0px!important; left:initial!important;} */ /* Sushil Sharma 12-01-2023 Time Track New Slide View*/ /****File field of TG control ***From Avtar - 1 Nov 2023***************/ .fileFieldAttachment .file-upload .crossimg { position: absolute; top: -10px; right: -4px; } .fileFieldAttachment .already-uploaded-file div { background: #fff; padding: 4px 8px; font-size: 24px; border: 1px solid #ccc; float: left; text-align: center; font-size: 8px; margin-right:5px; margin-top: 5px; } .fileFieldAttachment .already-uploaded-file span i.cross { position: absolute; font-size: 14px; margin-top: -12px; margin-left: 9px; color: #c70404; cursor: pointer; } .fileFieldAttachment .file-upload { /* height: 100vh; */ width: 100%; display: flex; align-items: flex-start; justify-content: center; } .fileFieldAttachment .file-upload .file-upload__area { width: 600px; min-height: 150px; display: flex; align-items: center; justify-content: center; border: 2px dashed #ccc; margin-top: 6px; padding: 20px; overflow: auto; } .fileFieldAttachment .file-upload .file-upload__error { margin-top: 10px; color: #f00; font-size: 12px; } .fileFieldAttachment .file-upload .upload-preview { text-align: center; position: relative; } .fileFieldAttachment .file-upload .upload-preview .file-image { width: 100%; height: 300px; object-fit: contain; } .fileFieldAttachment .file-upload .upload-preview .file-extention { height: 100px; width: 100px; border-radius: 8px; background: #ccc; display: flex; justify-content: center; align-items: center; margin: 0.5em auto; font-size: 1.2em; padding: 1em; text-transform: uppercase; font-weight: 500; } .fileFieldAttachment .file-upload .upload-preview .file-name { font-size: 1.2em; font-weight: 500; color: #000; opacity: 0.5; } .fileFieldAttachment { width: 100%; max-width: 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; } .fileFieldAttachment .file-upload .file-upload__area { width: 100% !important; } .fileFieldAttachment .upload-preview { min-height: 95px; border: 1px solid #b1c2d2; border-radius: 5px; margin: 15px; } .fileFieldAttachment .file-upload .upload-preview .file-image { display: block; width: 100% !important; height: 70px !important; border: 4px solid #fff; padding: 4px; border-radius: 5px; } .fileFieldAttachment .file-upload .upload-preview .file-name { font-size: 12px !important; font-weight: 500 !important; color: #000; padding: 0px 10px; display: block; overflow: hidden; text-overflow: ellipsis; } /****File field of TG control ***From Avtar - 1 Nov 2023***************/ .breakspaces{white-space: break-spaces!important;} .preferedtime{ float: left; width: 62px; font-size: 10px; text-align: center; font-weight: bold !important;} /*******Avtar got added - 11 Dec2023***********/ .switch.dynamic-form .slider.round.toggle-yes span{ display: block !important; left: 0px; } .switch.dynamic-form .slider.round.toggle-no span{ display: block !important; left: 20px; } /*******Avtar got added - 11 Dec2023***********/ /*********CRM Campaign - Chad *******************/ .shortcuts-menu.man_camp li {max-width: 33%; padding: 10px;} .shortcuts-menu.man_camp li.active a.short-menu-item {background: #00b298; color: #fff; border-color: #00b298;} .shortcuts-menu.man_camp li.active a span.left-icon-m {background-color: #00a68e;} .shortcuts-menu.man_camp li.active a span.left-icon-m i {color: #fff;} .shortcuts-menu.man_camp li:hover a.short-menu-item {background: #00b298 !important; color: #fff !important; border-color: #00b298 !important;} /* .shortcuts-menu li:hover .short-item-name {color: #fff !important;} *//******In all themes boxes of Adv. Setup - text was coming white on hover so Commented. 10June2024********/ .shortcuts-menu.man_camp li:hover a span.left-icon-m {background-color: #00a68e;} .shortcuts-menu.man_camp li:hover a span.left-icon-m i {color: #fff;} .shortcuts-menu.man_camp li a span.left-icon-m i {color: #00b298; font-size: 32px;} .btn_template {background: #ebfffc; color: #78b9af; border: 1px solid #99e6da;font-size: 20px;} .btn_template:hover {background: #00b298; color: #fff; border: 1px solid #99e6da;} .defaultpic_control .btn-select{background:#00b298; color:#fff;} .defaultpic_control .btn-view{background:#30b3f1; color:#fff;} .default_templates .default-tags{background: rgba(255, 255, 255, 0.9);} .default_templates .default-tags:hover{background: rgba(255, 255, 255, 0.9);} .default_templates .img-ico.ticket-attachments {min-height: 200px; display: flex; justify-content: center; align-items: center; max-height: 200px;} .default_templates .img-ico.ticket-attachments_small {display: flex; justify-content: left; text-align:left; background:#f1f1f1;} .default_templates .img-ico.ticket-attachments_small em{font-size:25px;} .default_templates .img-ico.ticket-attachments_small2{border: 1px solid #dadada;} .default_templates .img-ico.ticket-attachments_small2 em {font-size: 25px;} .img-ico.text-center.p-4.ticket-attachments.active { border: 1px solid #47bf11; background: rgba(42, 191, 48, 0.07); } .shortcuts-menu.man_camp.man_view li.active a.short-menu-item { background: #e5fcff; color: #17a2b8; border-color: #17a2b8; } .shortcuts-menu.man_camp.man_view li.active a span.left-icon-m { background-color: #e5fcff; } .shortcuts-menu.man_camp.man_view li.active a span.left-icon-m i { color: #17a2b8; } .shortcuts-menu.man_camp.man_view li:hover a.short-menu-item { background: #e5fcff !important; color: #17a2b8 !important; border-color: #17a2b8 !important; } .shortcuts-menu.man_camp.man_view li:hover a span.left-icon-m { background-color: #e5fcff; } .shortcuts-menu.man_camp.man_view li:hover a span.left-icon-m i { color: #17a2b8; } .shortcuts-menu.man_camp.man_view li a span.left-icon-m i { color: #737373; font-size: 32px; } .shortcuts-menu.man_camp.man_view li a span.left-icon-m { background-color: #fff; } .shortcuts-menu.man_camp.man_view li:hover .short-item-name { color: #17a2b8 !important; } .shortcuts-menu.man_camp.man_view li a.short-menu-item { background-color: #fff; } .stat_slides .boxex { -webkit-box-shadow: 0px 0px 5px 2px rgba(237,237,237,1); -moz-box-shadow: 0px 0px 5px 2px rgba(237,237,237,1); box-shadow: 0px 0px 5px 2px rgba(237,237,237,1); cursor: pointer; } .stat_slides .boxex:hover {background:#fafafa; -webkit-box-shadow: 0px 0px 5px 2px rgba(227,224,227,1); -moz-box-shadow: 0px 0px 5px 2px rgba(227,224,227,1); box-shadow: 0px 0px 5px 2px rgba(227,224,227,1); cursor:pointer; } .stat_slides .boxex .value_ss {color:#008ff5; font-size: 25px; font-weight: 500;} .stat_slides .boxex .icobase{border-radius:10px; padding-top:12px; font-size:25px; background:#008ff5; color:#fff; width:60px; text-align:center;} .stat_slides:nth-child(2) .boxex .value_ss {color:#3bc47e ; font-size: 25px; font-weight: 500;} .stat_slides:nth-child(2) .boxex .icobase{border-radius:10px; padding-top:12px; font-size:25px; background:#3bc47e; color:#fff; width:60px; text-align:center;} .stat_slides:nth-child(3) .boxex .value_ss {color:#f58343; font-size: 25px; font-weight: 500;} .stat_slides:nth-child(3) .boxex .icobase{border-radius:10px; padding-top:12px; font-size:25px; background:#f58343; color:#fff; width:60px; text-align:center;} .fck_img_dynamic img{width:100%;} .mobilebase{background:#d2dce2; border-radius:40px; max-width:320px; padding:60px 20px;} .fb_pagelist img{width:40px; border-radius:100%;} .tab-style.plaintabs ul.socialtabs .nav-link {color:#a8a8a8;} .tab-style.plaintabs ul.socialtabs .nav-link.active{color:#1877f2; border-bottom: 3px solid #1877f2;} .sociallisting ul li{list-style:none; margin-left:15px; } .device_iconsbase a{color:#6d6d6d;} .device_iconsbase em {font-size: 23px; margin: 0px 10px; width: 50px; height: 50px; line-height: 50px;} .device_iconsbase em.active {font-size: 20px; margin: 0px 10px; border: 1px solid #75b4ec; border-radius: 100%; width: 40px; height: 40px; line-height: 40px; color: #fff; background: #75b4ec;} .device_viewbase{border: 1px solid #c4c4c4; padding: 20px; background: #e6e7e8; margin:0 auto;} .device_viewbase.web{width:100%;} .device_viewbase.tab{width:60%;} .device_viewbase.mobile{width:40%;} /*********CRM Campaign - Chad *******************/ /***Service Appointment - Saini 24Jan24*****/ .schedule-container{width: calc(100% - 490px);} .treeview-container {width: 490px;} @media (max-width:1400px) { .schedule-container, .treeview-container {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-bottom: 10px;} } /***Service Appointment - Saini 24Jan24*****/ .full-menu-new .menu-search-panel input.menusearchitem {color:#f2f2f2!important;} .borderbottom{border-bottom: 1px solid #dee2e6!important;} /**Avtar added 20 Feb2024***/ justwraper .actions-onclick {float: none !important; display: inline-block;} justwraper .close.close-action{ float: none !important; vertical-align: top;} .dynamic-form-toggle .switch.dynamic-form .slider.round.toggle-yes span {padding-left:0px;} .ml-cutomf-bg.box-warning{background:#f9efe2!important; border:1px solid #dcdcdc;} /**Avtar added 20 Feb2024***/ /********Dashboard Date Filter - Harjit and Shubham Saini - 7March2024*****************/ /* .DatePopUp { width: 320px;} .divtimer_design table.AssetDatePopUp {margin-bottom: 0;border: none; overflow: visible;} .divtimer_design table.AssetDatePopUp td.daterangetd {padding: 0 !important; text-align: left; vertical-align: top; font-size: 12px; border: none; overflow: visible;} .divtimer_design table.AssetDatePopUp td.sep { border-right: 1px solid #D2D2D2;} .reporthead .divtimer_design table.AssetDatePopUp td.daterangetd { line-height: 30px;} .date_range_bi div.divtimer_design span { margin-top: 0 !important; color: #000;} .divtimer_design .bootstrap-datetimepicker-widget { position: relative !important; top: auto !important; left: 5px !important;} .AssetDatePopUp tr td.daterangetd.date-range-column { max-width: 114px !important; display: table-column !important; width: auto !important;} .AssetDatePopUp tbody.daterangebody tr.daterangetr { display: table-row !important;} .AssetDatePopUp ul.date_select{padding-right: 8px;} */ /********Dashboard Date Filter - Harjit and Shubham Saini - 7March2024*****************/ /***Harjit Singh - some important classes 12 March 2024*****/ #Location .w-100.d-flex.dynamic-multiselect {display: unset !important;} #Location .invalid-feedback.d-block {position: unset; margin-top: unset; margin-left: unset;} @media (max-width:991px) { .sm_mt-3{margin-top: 1rem !important;} .sm_mt-2{margin-top: 0.5rem !important;} } /***Harjit Singh - some important classes 12 March 2024*****/ /*.__vuescroll .__view{overflow-x: hidden!important;} ***Common fix for bottom scroll in left search in all Listing screens****/ .filterscroll_leftsearch .custom-control.custom-control-inline.w-100.custom-checkbox {margin: 0px;}/***Common fix for bottom scroll in left search in all Listing screens****/ /**Timer Ridham - Advanced Setup***/ .box-inner6 { width: 50px; height: 45px; background: #3e995e; } .box-inner7 { width: 50px; height: 45px; background: #7d6b5d; } .box-inner8 { width: 50px; height: 45px; background: #089de1; } .box-inner9 { width: 50px; height: 45px; background: #f6c800; } .box-inner10 { width: 50px; height: 45px; background: #787878; } .box-inner11 { width: 50px; height: 45px; background: #56ada7; } .box-inner12 { width: 50px; height: 45px; background: #c59f72; } .box-inner13 { width: 50px; height: 45px; background: #e67d21; } .box-inner14 { width: 50px; height: 45px; background: #38b8df; } .box-inner15 { width: 50px; height: 45px; background: #8892d0; } .fa.hs-tags{background-image: url('../images/companysetupsprite.png'); background-position: -316px -13px; width: 30px; height: 30px;} .fa.hs-compholi{background-image: url('../images/companysetupsprite.png'); background-position: -390px -13px; width: 35px; height: 30px;} .fa.hs-appchain{background-image: url('../images/companysetupsprite.png'); background-position: -155px -13px; width: 30px; height: 30px;} .fa.hs-apprule{background-image: url('../images/companysetupsprite.png'); background-position: -236px -13px; width: 30px; height: 30px;} .fa.hs-auditrule{background-image: url('../images/companysetupsprite.png'); background-position: -18px -11px; width: 30px; height: 30px;} .fa.hs-tags_colored{background-image: url('../images/companysetupsprite_colored.png'); background-position: -316px -13px; width: 30px; height: 30px;} .fa.hs-compholi_colored{background-image: url('../images/companysetupsprite_colored.png'); background-position: -390px -13px; width: 44px; height: 30px;} .fa.hs-appchain_colored{background-image: url('../images/companysetupsprite_colored.png'); background-position: -154px -11px; width: 40px; height: 30px;} .fa.hs-apprule_colored{background-image: url('../images/companysetupsprite_colored.png'); background-position: -236px -12px; width: 40px; height: 30px;} .fa.hs-auditrule_colored{background-image: url('../images/companysetupsprite_colored.png'); background-position: -20px -9px; width: 30px; height: 30px;} table.AssetDatePopUp tr td.daterangetd.table_datepickerfix input.datepicker_HS{color: #fff;} /**Timer Ridham - Advanced Setup***/ /***Help & Guide - Video Article - Mohit***/ .vidsbase_panel{float: right; width: 100%; border-radius: 2px; padding: 5px 5px; position: relative; box-sizing: border-box;} .vidsbase_panel ul {list-style-type: none; display: flex; flex-wrap: wrap;} .vidsbase_panel li {flex: 0 0 19%; margin-right: 1%; margin-bottom: 15px; max-width: 290px; min-width: 290px;}/****230*****/ .vidsbase_panel .card-detail-main.detail_bx {display: flex; flex-wrap: wrap; padding: 10px; overflow: hidden; max-height: initial; float: left; width: 100%;} .control_helpguide p.card-text{font-weight: 500; margin-bottom: 0px;} .control_helpguide .border.py-4{padding-bottom: 0.25rem !important; padding-top: 0.25rem !important;} .control_helpguide .equator-color{text-align: right!important;} .control_helpguide .description-hover{min-height: 43px;} .control_helpguide div.col-md-4 .col-md-2 .equator-color em.text-primary {color: #25a5ff!important;} .control_helpguide div.col-md-4:nth-child(1) .col-md-2 em {color: #09519b!important;} .control_helpguide div.col-md-4:nth-child(2) .col-md-2 em {color: #69915c!important;} .control_helpguide div.col-md-4:nth-child(3) .col-md-2 em {color: #dda628!important;} .control_helpguide div.col-md-4:nth-child(4) .col-md-2 em {color: #da9c49!important;} .control_helpguide div.col-md-4:nth-child(5) .col-md-2 em {color: #756caf!important;} .control_helpguide div.col-md-4:nth-child(6) .col-md-2 em {color: #29b0ce!important;} .control_helpguide div.col-md-4:nth-child(7) .col-md-2 em {color: #e24a28!important;} .control_helpguide div.col-md-4:nth-child(8) .col-md-2 em {color: #9da376!important;} .control_helpguide div.col-md-4:nth-child(9) .col-md-2 em {color: #2e7fb9!important;} .control_helpguide div.col-md-4:nth-child(10) .col-md-2 em {color: #4b6a7e!important;} .control_helpguide div.col-md-4:nth-child(11) .col-md-2 em {color: #7d6a59!important;} .control_helpguide div.col-md-4:nth-child(12) .col-md-2 em {color: #e3af64!important;} .control_helpguide div.col-md-4:nth-child(13) .col-md-2 em {color: #cbb00b!important;} .control_helpguide div.col-md-4:nth-child(14) .col-md-2 em {color: #756bb0!important;} .control_helpguide div.col-md-4:nth-child(15) .col-md-2 em {color: #4aaab8!important;} .control_helpguide div.col-md-4:nth-child(16) .col-md-2 em {color: #6c947f!important;} .control_helpguide div.col-md-4:nth-child(17) .col-md-2 em {color: #dda628!important;} .control_helpguide div.col-md-4:nth-child(18) .col-md-2 em {color: #0a529b!important;} .control_helpguide div.col-md-4:nth-child(19) .col-md-2 em {color: #29b0ce!important;} .control_helpguide div.col-md-4:nth-child(20) .col-md-2 em {color: #e44d2f!important;} .control_helpguide div.col-md-4:nth-child(21) .col-md-2 em {color: #736aae!important;} .videobtn_disabled{opacity: 0.5; cursor: no-drop; pointer-events: none; background: #f1f1f1;} @media (max-width:1399px) { .control_helpguide .col-md-4{ flex: 0 0 50%; max-width: 50%;} } @media (max-width:1024px) { .control_helpguide .col-md-4{ flex: 0 0 100%; max-width: 100%;} } .justhover .border:hover{ background: #f1f1f1;} .help-and-guide .innerminheight .border { min-height: 130px;} /***Help & Guide - Video Article - Mohit***/ /****Help & Guide - Initial Setup Header - Mohit***********/ .widget_panel{float: right; width: 100%; border-radius: 2px; padding: 5px 5px; position: relative; box-sizing: border-box;} .widget_panel ul {list-style-type: none; display: flex; flex-wrap: wrap;} .widget_panel li {flex: 0 0 19%; margin-right: 1%; margin-bottom: 15px; max-width: 120px; min-width:120px;} .widget_panel .card-detail-main.detail_bx {display: flex; flex-wrap: wrap; padding: 10px 8px; margin-top:10px; margin-bottom:10px; overflow: hidden; max-height: initial; float: left; width: 100%; line-height: 18px;} .initialpopupbase{vertical-align: top!important; margin-top: 46px !important; max-width: 392px!important;}/*520px****/ .widget_panel.bijlee li { margin: 4px;} .widget_panel.bijlee .time_clk{line-height:12px;font-size: 11px!important;} .widget_panel li a.card-box {color: #303030;} .widget_panel .card-detail-main.detail_bx em.fa-user{color:#62983d;} .widget_panel .card-detail-main.detail_bx em.fa-book{color:#4aaab8;} .widget_panel .card-detail-main.detail_bx em.fa-download{color:#8892d0;} .widget_panel .card-detail-main.detail_bx em.fa-play{color:#23a5fd;} .widget_panel .card-detail-main.detail_bx em.fa-wizard{color:#4aaab8;} .widget_panel .card-detail-main.detail_bx em.fa-star{color:#ffd000;} .widget_panel .card-detail-main.detail_bx em.fa-comments{color:#059be1;} section.help-and-guide .card-footer.bg-white.border-0 { margin-bottom: 40px;} section.help-and-guide .innerminheight .col-md-4.mb-4 a{color:#303030; float: left; width: 100%;} section.help-and-guide .innerminheight .col-md-4.mb-4 a:hover{background: #f1f1f1;} .mandatoryblue{border-color: #80cbff !important; box-shadow: none; background: #e8f5ff!important;} /****Help & Guide - Initial Setup Header - Mohit***********/ .disabledaction {color: #8e9894 !important; cursor: not-allowed !important; pointer-events: none;} #action-list .actions-onclick.disabledaction i{color: #b9b9b9 !important;} #GroupType label.form-check.form-check-inline{margin-right: 15px;} /******Ticketing/AddGroup*****/ /***Integration Module - Rahul Kumar****/ .integrationicons {background-image: url(https://talygenv.github.io/Vue-UI-Content/images/newintegration.png); background-repeat: no-repeat; float: left; width: 40px; height: 30px;} .integrationicons.fb{background-position: -36px -5px;} .integrationicons.google{background-position: -105px -5px;} .integrationicons.instagram{background-position: -176px -5px;} .integrationicons.bing{background-position: -251px -5px;} .integrationicons.quickbook{background-position: -325px -5px;} .integrationicons.freshbook{background-position: -403px -5px;} .integrationicons.mailchimp{background-position: -479px -5px;} .integrationicons.email{background-position: -554px -5px;} .integrationicons.outlook{background-position: -639px -5px;} .integrationicons.sendgrid{background-position: -724px -5px;} .integrationicons.aws{background-position: -36px -63px;} .integrationicons.dropbox{background-position: -104px -63px;} .integrationicons.googledrive{background-position: -177px -63px;} .integrationicons.twillio{background-position: -250px -62px;} .integrationicons.ringcentral{background-position: -327px -62px;} .integrationicons.salesforce{background-position: -401px -62px;} .integrationicons.dynamiccrm{background-position: -479px -61px;} .integrationicons.trello{background-position: -555px -61px;} .integrationicons.projectplan{background-position: -641px -61px;} .integrationicons.basecamp{background-position: -722px -61px;} /***Integration Module - Rahul Kumar****/ /****Ticket List - default view Dropdown css****/ @media (max-width:767px) { .ticketsmallfix.theme-primary.partition.p-actions-expand span.cursor-pointer {display: none;} .ticketsmallfix.theme-primary.partition.p-actions-expand.p-actions-collapse span.cursor-pointer {display: block; float: left; width: 10%;} .ticketsmallfix.theme-primary.partition.p-actions-expand.p-actions-collapse span.p-name.text-white.px-2 {display: block; width: 80%; float: left;} } /****Ticket List - default view Dropdown css****/ #TemplateList .conversation-box-con .conversation-box .name-circle i{margin-top: 17px;} /***Nav top widget menu ****/ .menu-left-wrapper .modal-dialog.modal-dialog-centered.initialpopupbase.menuwidgets{ left: 245px!important; right: unset!important;top:200px!important;} .menu-left-wrapper.wrapper-shrink .modal-dialog.modal-dialog-centered.initialpopupbase.menuwidgets{ left: 100px!important; right: unset!important;top:200px!important;} .modal-dialog.modal-dialog-centered.initialpopupbase.menuwidgets {position: absolute; top: 0; right: 14%;} .modal-dialog.modal-dialog-centered.initialpopupbase.menuwidgets.non_ca {max-width: 417px !important;} .menu-left-wrapper .my-popups .modal-content .modal-header .theme-primary .p-name{ padding-left: 0px;} /* .menu-left-wrapper .my-popups .modal-content .modal-header .theme-primary .close em {padding: 0px;} */ @media (min-width:992px) { .menu-left-wrapper.wrapper-shrink #navbarResponsive ul.navbar-nav li .my-popups .modal-content{max-height: 200px;} /* .menu-left-wrapper #navbarResponsive ul.navbar-nav li .my-popups .modal-content{max-height: 200px;} */ .menu-left-wrapper #navbarResponsive ul.navbar-nav li #choosewizards.my-popups .modal-content{max-height: unset;} .menu-left-wrapper #navbarResponsive ul.navbar-nav li .my-popups .initialpopupbase.menuwidgets .modal-content.height200fix{max-height: 200px;} .menu-left-wrapper #navbarResponsive ul.navbar-nav li #divPopNotificationData .my-popups .modal-content{max-height: unset;} .menu-left-wrapper #navbarResponsive ul.navbar-nav li #divPopNotificationData .my-popups.modal.right .modal-header{padding: 2px 0px 2px 60px;} .menu-left-wrapper #navbarResponsive ul.navbar-nav li #divPopNotificationData .my-popups.modal.right .modal-header .modal-title{line-height: 45px!important;} .menu-left-wrapper #navbarResponsive ul.navbar-nav.header-menu-for-left li #divPopNotificationData .nav-link{padding: 10px!important; margin: 0px;border-radius: 0px;} .menu-left-wrapper #navbarResponsive ul.navbar-nav.header-menu-for-left li #divPopNotificationData .responsive-tabs li.nav-item{margin-bottom: -1px;} .menu-left-wrapper.wrapper-shrink #navbarResponsive ul.navbar-nav.header-menu-for-left li #divPopNotificationData span{display: inline!important;} .menu-left-wrapper.wrapper-shrink #navbarResponsive ul.navbar-nav.header-menu-for-left li #divPopNotificationData span.input-group {display: flex !important;} } @media (max-width:991px) { .modal-dialog.modal-dialog-centered.initialpopupbase.menuwidgets {position: absolute; top: 50px!important; right: 14%; display: block!important;} } @media (max-width:767px) { .modal-dialog.modal-dialog-centered.initialpopupbase.menuwidgets {max-width: 265px !important;} } /***Nav top widget menu ****/ /****web app Chat conversation History - Harkeemat*****/ .conv_base{background-color:#fafafa; float:left; border:1px solid #e0e0e0; padding:10px; min-width:30%; max-width:60%;} .conv_base_name{font-size:13px; font-weight:600;} .conv_base_desc{font-size:12px; font-weight:500;} .conv_base_time{font-size:12px; font-weight:500;} .conv_base_missedcall{font-size:12px; font-weight:500; color:#ad0101;} .conv_base_missedcall em{font-size:20px;} .chatwithname{max-width:100px; width:100px; color:#4caf50; font-weight:600;} .chatwithname.chatformname{color:#1c7ce2!important;} .width_100{width:100px;} .mid_desc{width:calc(100% - 220px);} .conv_box{ border:1px solid #e0e0e0; } .conv_box_tab{border-bottom:1px solid #e0e0e0; } .conv_box_desc textarea{ border:none; width:100%; height:100px; font-size:13px; color:#303030; resize:none;} .conv_box_btns{border-top:1px solid #e0e0e0;} /****web app Chat conversation History - Harkeemat*****/ select#dropdownMenu2.btn.dropdown-toggle{width:auto;} /* #divtimernewdata .timer_wrap .circle{width: 30px;} */ .table-bordered tr.sample-bar td:first-child::before { background: #0667c8 !important; content: "Sample"; display: block; position: absolute; left: 0px; text-transform: uppercase; color: white; line-height: 16px; width: 80px; height: 15px; bottom: 10px !important; right: 0px; font-size: 9px; font-weight: 500; margin: 0 auto; top: 0 !important; transform: rotate(-30deg); transform-origin: 37px 45px; z-index: 999;} .table-bordered tr.sample-bar justwraper td.mobile-action:first-child::before {display: none;} .table-bordered tr.sample-bar justwraper td.single-action:first-child::before {display: none;} .samplebar_card .card-body {padding: 10px; background-image: url(/Vue-UI-Content/images/sample_png.png); background-repeat: no-repeat;background-size: auto; background-position: center center;} .samplebar_card { padding: 10px; background-image: url(/Vue-UI-Content/images/sample_png.png) !important; background-repeat: no-repeat !important; background-size: auto !important; background-position: center center !important;} .samplebar_card_hs::before { background-image: url(/Vue-UI-Content/images/sample_png.png) !important; background-repeat: no-repeat !important; background-size: auto !important; background-position: center center !important; display: block; position: absolute; left: 0px; content: ""; width: 100%; height: 460px; z-index: 99;} @media (max-width:1200px) { td.single-action{min-width: 100px; } td.single-action a.actions-onclick{margin-top: 10px;} } /***** Header Tour Guide Dropdown Css - Sushil 05 july 2022****/ /*.modal-body { height: auto; padding: 0 15px 15px 15px;}*/ #divModalTourPlay { height: auto; padding: 0 15px 15px 15px;} .h-tour-guide ul {list-style-type:none; } .h-tour-guide li a { color: #19191a; font-size: 16px;} .h-tour-guide li { padding: 15px 0px 15px 30px; border-bottom: 1px Solid #dbdbdb; margin: 0 0; position: relative; line-height: 12px; display: inline-block; width: 100%; } .h-tour-guide li ul li { padding: 12px 15px 15px 15px; margin: 0px 0 0 0; line-height: 15px;} li.active li { margin: 25px 0 0 0; } .h-tour-guide li a { color: #303030 !important; font-size: 16px; display: inline-block; float: left; width: 100%; font-weight:500;} .h-tour-guide li ul li a { color: #19191a; font-size: 16px; display: inline-block; float: left; width: 100%; font-weight:normal;} .replay-tour { cursor:pointer; float: right; display: inline-block; margin: -5px 0 0 0;} .h-tour-guide li::after { position: absolute; left: 15px; top: 8px; height: 25px; width: 4px; content: ""; bottom: 0; } .h-tour-guide li ul li::after { position: absolute; left: 0px; top: 8px; height: 25px; width: 4px; content: ""; bottom: 0;} .h-tour-guide li:nth-child(5n+1)::after { background: #4d85fe; } .h-tour-guide li:nth-child(5n+2)::after {background: #28d7d2; } .h-tour-guide li:nth-child(5n+3)::after {background: #ffb02f; } .h-tour-guide li:nth-child(5n+4)::after {background: #6d60b0; } .h-tour-guide li:nth-child(5n+5)::after {background: #6bd046; } .h-tour-guide { list-style-type: none; padding: 5px 15px 0 0; } .h-tour-next { text-align: right;} .h-tour-next a { background: #3c7aff; color: #fff; border-radius: 100px; padding: 4px 25px; display: inline-block; line-height: 30px; } .my-popups .modal-header { background: #ffffff; color: #fff;} .h-tour-guide li ul {background: #ffffff; display: inline-block;position: relative;margin: 20px 0 0 0 !important; width:100%;} /***** Header Tour Guide Dropdown Css - Sushil 05 july 2022****/ /***New Timer 2Nov 2023****/ .pt-8rem{padding-top: 0.8rem;} .bgdark_blkbar{background-color: #475256;} .p-action-btn.font-14 i, .p-action-btn.font-14 em{font-size: 14px!important;} .DatePopUp.divtimer_design.R75{right: 75px!important; width: 384px;} @media (max-width:767px) { .DatePopUp.divtimer_design.R75{left: 0px!important;} } .multiselect__placeholder { color: #505050!important; display: inline-block!important; margin-bottom: 7px!important; padding-top: 7px!important; font-weight: 500!important; } .p-action-btn i { font-size: 16px; } .p-action-btn em { font-size: 16px; } .yourbreak {min-height: 520px; top: -10px; left: 0px; z-index:99999;} .yourbreak-in {background: rgba(255, 255, 255, 0.96); min-height: 440px; padding-top:160px; color:#525f65;} .yourbreak-down {background: rgba(255, 255, 255, 0.8); min-height: 99px;}/***min-height: 170px;***/ .yourbreak-in .cup { background-image: url(/Vue-UI-Content/images/breakcup.png); background-repeat:no-repeat; background-size: 30%; height:120px; background-position:center;} .addmanually_btn { background: none!important; color: #fff !important; right: 60px!important; position: absolute!important; border: none; top: 0px!important; left:initial!important;} #breakTime .multiselect__select:before{z-index: 99;} .newtimetrack .multiselect__select:before{z-index: 9!important;border-color: #303030 transparent transparent!important;} .newtimetrack .multiselect__select{top:22px;right: 7px;} .newtimetrack .multiselect{min-height: calc(2.12rem + 12px)!important; padding-top: 20px; padding-bottom: 10px; margin-bottom:0px; min-width: auto;} .newtimetrack .multiselect__tags{border: none!important;} .newtimetrack .multiselect__content-wrapper{top: 74px; left: 0px; border-radius:0;} .newtimetrack .multiselect__content-wrapper li span.option__title.child{border-left: 1px dotted #cacaca; padding-left: 20px; font-style: italic;} .newtimetrack .multiselect__content-wrapper li span.option__title.child::after{content:'\25BA'; position: absolute; left: 10px; color: #cacaca; top: 12px;} .newchild_dropdown .multiselect__content-wrapper li span.option__title.child{border-left: 1px dotted #cacaca; padding-left: 20px; font-style: italic;} .newchild_dropdown .multiselect__content-wrapper li span.option__title.child::after{content:'\25BA'; position: absolute; left: 10px; color: #cacaca; top: 12px;} .newtimetrack .datepicker_HS {padding-left: 0px;padding-right: 0px;} .cursornotallowed{cursor: not-allowed!important;} /* .tt_ddr .taskcount{background-color: #525252; border-radius: 5px; padding: 2px 3px; min-width: 26px; text-align: center;} */ .tt_ddr .taskcount{background-color: #525252; border-radius: 5px; padding: 2px 3px; min-width: 26px; text-align: center; width: unset; height: 26px; line-height: 22px;} .multiselect.tt_bod-right{border-right:1px solid #cdcecf!important;} .tt_bod-right{border-right:1px solid #cdcecf!important;} .tt_ddr.tt_ddr_new .vue-treeselect__control{border: none!important;} .tt_ddr.tt_ddr_new .vue-treeselect__placeholder {font-weight: 500!important; color: #505050 !important;} .tt_textarea_span{width:calc(100% - 285px) !important; padding:1px;} .val_msg{color: #dc3545 !important; white-space: normal; position: absolute; bottom: 5px; right: 15px; font-size: 80%;} .val_msg2{color: #dc3545 !important; white-space: normal; font-size: 80%; float: left; margin-bottom: 10px;} .tt_textarea_span .is-invalid{ border: 1px solid;} .basebod{border:1px solid #cdcecf!important;} .row select.form-control.tt_ddr{height: calc(2.12rem + 35px) !important; font-weight: 500; color: #505050!important;} .tt_p-action-btn {font-size: 12px; text-align: center; display: inline-block; padding: 15px 15px 0px 15px; min-width: 75px; height: 100%; float:left; color: #505050; font-weight:500;} .tt_p-action-btn em{font-size:20px;} .text-orange{color:#ff9801;} .tt_textarea{width:98%!important; border:none; resize:none; height: 70px !important; padding-top: 28px;margin:2px;}/**height:73px;***/ .tt_textarea_stop{width: calc(100% - 335px) !important;} /* .tt_textarea_stop{width: calc(100% - 335px) !important; border:none; resize:none; overflow: hidden; height: 69px !important; padding-top: 28px;} */ .tt_play_btnbase{margin-top: 10px; margin-bottom: 10px;} .tt_play_btn{border:none;font-size: 18px; text-align: center; display: inline-block; padding:13px 10px; min-width: 50px; height: 100%; float: left; background-color:#4db567; } .timerclck {border: 1px solid #cfcfcf; color: #000!important; float: left; font-size: 38px!important; height: 52px; line-height: 52px; padding: 0 2px; text-align: center; width: 200px; font-family: 'digital7_mono'; background-color: #f5f5f5; min-height: auto !important; margin-top:10px; margin-left:10px;} /**** .timerclck.success{background: #e2ffe9; color: #2f4c36 !important;} ****/ .form-control.datepicker_HS:disabled {color: #000;} .timerclck.success{background: #f5f5f5; color: #000!important;} .timerclck.danger{background: #fce4e6; color: #3d2a2b !important;} .newtimetrack .form-control:focus {box-shadow:none;} .tt_status .grid{display:grid;} /* .tt_status div{max-width: 330px; min-width: 330px;} */ .tt_status em{font-size:30px; padding:25px} .tt_status .text-small{font-size: 14px; font-weight: 500!important; color:#454545;} .tt_status .text-large{font-size:22px; font-weight:600!important; color:#454545;}/***font-size:22px***/ @media (max-width:768px) { span.tt_textarea_span textarea.tt_textarea{margin: 0px;} } @media (max-width:1599px) { .tt_status .text-large{font-size: 20px;} } @media (max-width:1480px) { .tt_status .text-large{font-size: 18px;} } @media (max-width:1360px) { .tt_status .text-small{font-size: 13px;} .tt_status .text-large{font-size: 16px;} } @media (max-width: 1260px) { .tt_status div { max-width: 33%; min-width: 33%; } } @media (max-width: 1024px) { .tt_status div { max-width: 336px; min-width: 336px; } } @media (max-width: 673px) { .tt_status div {border-right: none!important;} .tt_icons.ico_totalbreaktime { background-position: -111px -62px!important; } .tt_icons.ico_paidbreaktime { background-position: -170px -62px!important; } .tt_icons.ico_paidbreaktime.disable { background-position: -233px -62px!important; } .tt_icons.ico_totalpaidtime { background-position: -50px -62px!important; } } .tt_icon{ background-image:url(/Vue-UI-Content/images/timersprite.png); background-repeat:no-repeat; height: 25px; float: left; width: 100%;} .tt_icon.ico_tag{background-position:-5px -16px;} .tt_icon.ico_dollar{background-position:-57px -16px;} .tt_icon.ico_dollar-o{background-position:-478px -16px;} .tt_icon.ico_cutlery{background-position:-122px -16px;} .tt_icons{ background-image:url(/Vue-UI-Content/images/timersprite.png); background-repeat:no-repeat;width:60px; height: 20px; float: left; margin-top: 15px; margin-bottom: 15px;} .tt_icons.ico_totalhrs{background-position:1px -62px;} .tt_icons.ico_totalpaidtime{background-position:-50px -62px;} .tt_icons.ico_totalbreaktime{background-position:-110px -62px;} .tt_icons.ico_paidbreaktime{background-position:-170px -62px;} .tt_icons.ico_paidbreaktime.disable{background-position:-233px -62px;} .tt_lisitng_icons{background-image: url(/Vue-UI-Content/images/timersprite.png); background-repeat: no-repeat; width: 70px; height: 40px;} .tt_lisitng_icons.ico_listtags {background-position: -225px -9px;} .tt_lisitng_icons.ico_listtags-o {background-position: -287px -9px;} .tt_lisitng_icons.ico_listdollar {background-position: -43px -9px;} .tt_lisitng_icons.ico_listdollar-o {background-position: -464px -9px;} .tt_lisitng_icons.ico_listcup1 {background-position: -108px -9px;}/***-113px***/ .tt_lisitng_icons.ico_listcup2 {background-position: -161px -9px;}/***-167**/ .tt_lisitng_icons.ico_listclock {background-position: -372px -19px; height: 29px; width:25px;} /* .tt_lisitng_icons.ico_listclock {background-position: -365px -19px; height: 29px; width:35px;} */ .tt_lisitng_icons.ico_listplaytime {background-position: -429px -19px; height: 29px; width:35px;} .dottedbod_rt div{border-left:1px dashed #c9c9c9;} .dottedbod_rt div:last-child {border-right: 1px dashed #c9c9c9;} /* .dottedbod_rt div:first-child{border-right:1px dashed #c9c9c9;} *******- Commented due to New timer design with Ridham*/ .newtt .vue__time-picker .custom-icon{right: 0px!important; left: unset!important;} @media (max-width:1024px) { .newtt input{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; min-width: 150px!important; width: 96%; -ms-flex: 0 0 96%; flex: 0 0 96%; max-width: 96%; } } .newtimertabsbase{background: #f4f4f4;} @media (min-width:1101px) { .newtimertabsbase .leftstatus .text-center.text-danger{margin-top: 150px; float: left; width: 100%;} } .dottedbod_rt .tagspanel span{float:left; font-size:12px; margin-right:10px; margin-top: 5px; padding: 4px 10px; font-weight:500!important; max-width: 100px;} .dottedbod_rt .tagspanel span:nth-child(2){background:#ccf8ee;} .dottedbod_rt .tagspanel span:nth-child(3){background:#fff2df;} .dottedbod_rt .tagspanel a { margin-top: 10px; float: left; font-size: 12px; margin-right: 10px; font-weight: 500!important; text-decoration: underline; } .parentwithchild.newtimetrack{border-radius:0px!important; background:#bce4ff!important; margin-top:14px; color:#1991a7!important;} .parentwithchild.newtimetrack em{ color:#0d8aa0!important; font-size:8px;} .font-12{font-size:12px!important;} .newtimertable tr td{color:#525f65!important; vertical-align: middle;} .newtimertable tr td div a.text-dark{color:#525f65!important} .newtimertable .timetracked span{font-size:13px; font-weight:500!important; background:#fafafa; border:1px solid #bbbbbb; border-radius:5px;text-align:center; padding:5px 15px; float:left;}/***font-size:16px;***/ .newtimertable .timetracked span.orange{font-size:16px; font-weight:500!important; background:#fff2df; border:1px solid #ff9904; border-radius:5px;text-align:center; padding:5px 15px; float:left;} .newtimertable .timetracked span.green{font-size:16px; font-weight:500!important; background:#e6ffec; border:1px solid #4db567; border-radius:5px;text-align:center; padding:5px 15px; float:left;} table.newtimertable tbody tr:last-child{border-bottom:none;} @media (max-width:1760px) { .responsivefix991.rgt .w-70{width: 100%!important;} } @media (min-width:992px) { .mobilelistview.newtimertable{display: none;} .weblistviewtimer{display: block;} } @media (max-width:991px) { .mobilelistview.newtimertable{display: block;} .weblistviewtimer{display: none;} } .newtimertable td span.font-weight-medium{font-weight: 600 !important;} .newtimertable td span.text-dark.d-block.font-12{color: #525f65!important; font-weight: 500!important;} #divModalTimetrack .btn-primary-light{background-color: #2082eb;} #divModalTimetrack .btn-primary-light:hover{background-color:#0069d9;} .barsbase .icontext span.font-weight-medium { font-weight: 600 !important; } .totalactivity_rt .tagspanel span:nth-child(1) {background: #48ccae; color:#fff;} .totalactivity_rt .tagspanel span {float: right; font-size: 14px; padding: 4px 20px; font-weight: 500!important; background:#f6f6f6; color:#777777;} .newtimertable .tagspanel { max-width: 330px;position:relative;}/****min-width****/ .tt_disabled{opacity: 0.7; cursor: no-drop; pointer-events: none;}/**opacity:0.4**/ /****----View more Tags in Table listing----*****/ .viewmoretagsbase {position: absolute; z-index: 99; box-sizing: border-box; right: 50px; top: -2px; padding: 5px 10px 5px 5px; border: none!important;} .viewmoretags {box-sizing: border-box; float: left; background: #f2f2f2; width: 250px; border: 1px solid #d7d7d7!important; padding: 5px;max-height: 210px; overflow-y: auto; overflow-x: hidden;} .viewmoretags span {float: left; background-color: #fff !important; padding: 4px 10px; margin: 5px 0px; border: 1px solid #e6e6e6!important; width: 100%; max-width: 100%!important;} .mobilelistview_base .viewmoretagsbase { position: absolute; z-index: 99; box-sizing: border-box; right: auto!important; top: -6px!important; padding: 5px 10px 5px 5px; border: none !important; left: 114px!important; } .mobilelistview_base .popover-arrowss { left: -3px!important; width: 10px; height: 20px; border: none !important; top: 10px!important; position: absolute; transform: rotate(180deg)!important;} .mobilelistview_base .hs_tag{left: 170px !important;} @media (max-width:767px) { .mobilelistview_base .hs_tag{left: 10px !important; top: 110px;} .mobilelistview_base .viewmoretagsbase{left: -90px !important; top: 40px !important;} .mobilelistview_base .popover-arrowss { left: 167px !important; border: none !important; top: -8px !important; transform: rotate(270deg) !important; } } .popover-arrowss::before {right: 0; border-width: .5rem 0 .5rem .5rem; border-left-color: #d7d7d7 !important;} .popover-arrowss::after {right: 1px; border-width: .5rem 0 .5rem .5rem; border-left-color: #f2f2f2 !important;} .popover-arrowss::after, .popover-arrowss::before {position: absolute; display: block; content: ""; border-color: transparent; border-right-color: transparent; border-style: solid;} .popover-arrowss {right: 2px; width: 10px; height: 20px; border: none !important; top: -35px; position: absolute; transform: translate(0px, 47px);} .linkcss{color: #007bff!important;} /****----View more Tags in Table listing----*****/ /****HS-14Nov2023*****/ .table-bordered tr.gt-low-bar td.tabchild:first-child::after{ width: 2px; content: ""; height: calc(100% - 6px); background:#019704; display: block; position:absolute; left:0px; top:3px; } .table-bordered tr.gt-high-bar td.tabchild:first-child::after{ width: 2px; content: ""; height: calc(100% - 6px); background:#fbc648; display: block; position:absolute; left:0px; top:3px; } .table-bordered tr.gt-medium-bar td.tabchild:first-child::after{ width: 2px; content: ""; height: calc(100% - 6px); background:#4cb4fb; display: block; position:absolute; left:0px; top:3px; } .table-bordered tr.gt-high-profile-bar td.tabchild:first-child::after{ width: 2px; content: ""; height: calc(100% - 6px); background:#de0303; display: block; position:absolute; left:0px; top:3px; } .table-bordered tr.gt-lgtr-pausedresumed td.tabchild:first-child::after {background: #3a3a3d;width: 2px; content: ""; height: calc(100% - 6px); display: block; position:absolute; left:0px; top:3px;} .table-bordered tr.gt-automatic-bar td.tabchild:first-child::after{ width: 2px; content: ""; height: calc(100% - 6px); background:#af39d0; display: block; position:absolute; left:0px; top:3px; } .table-bordered tr.gt-manual-bar td.tabchild:first-child::after{ width: 2px; content: ""; height: calc(100% - 6px); background:#4db567; display: block; position:absolute; left:0px; top:3px; } .table-bordered tr.gt-timesheet-bar td.tabchild:first-child::after{ width: 2px; content: ""; height: calc(100% - 6px); background:#4cb4fb; display: block; position:absolute; left:0px; top:3px; } .table-bordered tr.gt-leave-bar td.tabchild:first-child::after{ width: 2px; content: ""; height: calc(100% - 6px); background:#df5966; display: block; position:absolute; left:0px; top:3px; } .table-bordered tr.gt-holiday-bar td.tabchild:first-child::after{ width: 2px; content: ""; height: calc(100% - 6px); background:#fbc648; display: block; position:absolute; left:0px; top:3px; } .table-bordered tr.gt-unpaid-bar td.tabchild:first-child::after{ width: 2px; content: ""; height: calc(100% - 6px); background:#747e66; display: block; position:absolute; left:0px; top:3px; } .table-bordered tr.gt-paused-bar td.tabchild:first-child::after{ width: 2px; content: ""; height: calc(100% - 6px); background:#3a3a3d; display: block; position:absolute; left:0px; top:3px; } .table-bordered tr.gt-auditable-bar td.tabchild:first-child::after{ width: 2px; content: ""; height: calc(100% - 6px); background:#5a97a5; display: block; position:absolute; left:0px; top:3px; } .table-bordered tr.gt-approved-bar td.tabchild:first-child::after { width: 2px; content: ""; height: calc(100% - 6px); background:#778189; display: block; position:absolute; left:0px; top:3px; } .table-bordered tr.gt-thirdparty-bar td.tabchild:first-child::after{ width: 2px; content: ""; height: calc(100% - 6px); background:#38383b; display: block; position:absolute; left:0px; top:3px; } /****HS-14Nov2023*****/ /******28Dec2023 - NewTimerTable listing tr - bars*************/ .table-bordered.newtimertable tr.gt-orange-bar td.tabchild:first-child::after{ width: 3px; content: ""; height: calc(100% - 1px); background:#fd7a1a; display: block; position:absolute; left:0px; top:0px; } .table-bordered.newtimertable tr.gt-automatic-bar td.tabchild:first-child::after{ width: 3px; content: ""; height: calc(100% - 1px); background:#af39d0; display: block; position:absolute; left:0px; top:0px; } .table-bordered.newtimertable tr.gt-manual-bar td.tabchild:first-child::after{ width: 3px; content: ""; height: calc(100% - 1px); background:#4db567; display: block; position:absolute; left:0px; top:0px; } .table-bordered.newtimertable tr.gt-timesheet-bar td.tabchild:first-child::after{ width: 3px; content: ""; height: calc(100% - 1px); background:#4cb4fb; display: block; position:absolute; left:0px; top:0px; } .table-bordered.newtimertable tr.gt-leave-bar td.tabchild:first-child::after{ width: 3px; content: ""; height: calc(100% - 1px); background:#df5966; display: block; position:absolute; left:0px; top:0px; } .table-bordered.newtimertable tr.gt-holiday-bar td.tabchild:first-child::after{ width: 3px; content: ""; height: calc(100% - 1px); background:#fbc648; display: block; position:absolute; left:0px; top:0px; } .table-bordered.newtimertable tr.gt-unpaid-bar td.tabchild:first-child::after{ width: 3px; content: ""; height: calc(100% - 1px); background:#747e66; display: block; position:absolute; left:0px; top:0px; } .table-bordered.newtimertable tr.gt-paused-bar td.tabchild:first-child::after{ width: 3px; content: ""; height: calc(100% - 1px); background:#3a3a3d; display: block; position:absolute; left:0px; top:0px; } /******28Dec2023 - NewTimerTable listing tr - bars*************/ .mobilelistview_base div.gt-orange-bar{border-left: 3px solid #fd7a1a;} .mobilelistview_base div.gt-automatic-bar{border-left: 3px solid #af39d0;} .mobilelistview_base div.gt-manual-bar{border-left: 3px solid #4db567;} .mobilelistview_base div.gt-timesheet-bar{border-left: 3px solid #4cb4fb;} .mobilelistview_base div.gt-leave-bar{border-left: 3px solid #df5966;} .mobilelistview_base div.gt-holiday-bar{border-left: 3px solid #fbc648;} .mobilelistview_base div.gt-unpaid-bar{border-left: 3px solid #747e66;} .mobilelistview_base div.gt-paused-bar{border-left: 3px solid #3a3a3d;} .editentrybase label.switch{min-width: 100px;} .editentrybase .row {margin-bottom: 10px;} @media (max-width:768px) { .editentrybase .col-md-1{width: 45px; float:left;} .editentrybase .col-md-2{width: calc(100% - 60px); float:left;} .editentrybase .col-md-9{margin-top: 10px;} .editentrybase .row { margin-bottom: 10px; background: #f4f4f4; padding: 10px; } } /******General Multi-Select for Vue JS*************/ .hs_tag_general .multiselect { padding-top: 10px; padding-left: 0; padding-right: 0; float: left; border: 1px solid #c8c8c8 !important; } .hs_tag_general .multiselect.tt_bod-right {border-right: none !important; width: 100%;box-sizing: border-box !important; min-height: calc(2.12rem + 4px) !important; padding-top: 5px !important;} .hs_tag_general .multiselect__select {top: 0px !important;} .hs_tag_general .multiselect__select::before {z-index: 9 !important;} .hs_tag_general .multiselect__tags { border: none !important; padding: 12px 30px 0 8px !important} .hs_tag_general .multiselect__content-wrapper {top: 0px; border-radius: 0 !important; position: relative;} .tt_ddr_01 ul.multiselect__content{width: 100%; overflow-x: hidden;} .tt_ddr_01 ul.multiselect__content li{margin: 10px 7px; width: 100%; color: #505050;} .tt_ddr_01 ul.multiselect__content li span.multiselect__option{white-space: normal; padding: 4px 12px; min-height: 24px; font-size: 14px;} .tt_ddr_01 .multiselect__content-wrapper{border-radius: 0px;} .tt_ddr_01 ul.multiselect__content li:nth-child(4n+1){border-left: 3px solid #6ac1ff;} .tt_ddr_01 ul.multiselect__content li:nth-child(4n+2){border-left: 3px solid #da9c49;} .tt_ddr_01 ul.multiselect__content li:nth-child(4n+3){border-left: 3px solid #e44d2e;} .tt_ddr_01 ul.multiselect__content li:nth-child(4n+4){border-left: 3px solid #3f51b5;} /******General Multi-Select for Vue JS*************/ .common_multiselect .multiselect__tags{min-height:36px!important;} .common_multiselect .multiselect__select::before{top:19px; z-index:9;} .common_multiselect .multiselect__placeholder{padding-top: 5px;} .common_multiselect .multiselect__placeholder{font-weight:normal;} .common_multiselect .multiselect__input{padding:0px;} #timetracking_wrap .time-tracked.newtimertracked input.datepicker_HS{width: 120px !important;} #timetracking_wrap .time-tracked.newtimertracked input{background: #274468 !important; border: 1px solid #274468 !important; color: #fff; padding: 5px; font-size: 18px; -webkit-text-fill-color: #fff; height: 52px; cursor: pointer;} #timetracking_wrap .time-tracked.newtimertracked .custom-icon{left: unset; right: 0; background-color: #e9ecef; border: 1px solid #ced4da; width: 40px;} #timetracking_wrap .time-tracked.newtimertracked span{display: flex;} .AssetDatePopUp tbody.daterangebody tr.daterangetr td.table_datepickerfix input.disabled{ color: #adacac !important; background-color: #ccd9cf; border-color: #b6bbb7;} /***New Timer 2Nov 2023****/ #divManageSearchCriteria > span {float: left; width: 100%;} .v-date-picker-header {display: none;} .vc-container.vc-blue {border: none; margin-top: 15px;} .timepickercontrol .vue__time-picker{width: 60px; margin-right: 10px; border-radius: 2px;} .timepickercontrol .vue__time-picker-dropdown, .vue__time-picker .dropdown{width: 9em; border: 1px solid #cecece; box-sizing: initial;} .timepickercontrol .vue__time-picker-dropdown .select-list, .vue__time-picker .dropdown .select-list{width: 9em;} .vue__time-picker input.display-time{width: 100%!important;color: #505050;} .hs2{position: absolute; left:149px; top: 73px; z-index:99;background: #fff; padding: 10px; border: 1px solid #c8c8c8; min-width: 330px; text-align: left;} .hs2 #divModalTimetrack .multiselect .multiselect__tags{border: 1px solid #abb5bf!important; min-height: 40px !important;} .hs2 #divModalTimetrack .multiselect .multiselect__content-wrapper{top:auto;} #btnBreakStart{background-color: #ff9801; border: none;} .hs2 #divModalTimetrack .multiselect .multiselect__select{top:4px;} .hs2 #divModalTimetrack .multiselect .multiselect__tags .multiselect__placeholder{padding-top: 7px;} .tt_ddr_1 ul.multiselect__content{width: 100%; overflow-x: hidden;} .tt_ddr_1 ul.multiselect__content li{margin: 10px 7px; width: 100%; color: #505050;} .tt_ddr_1 ul.multiselect__content li span.multiselect__option{white-space: normal; padding: 4px 12px; min-height: 24px; font-size: 14px; color:#505050;} .tt_ddr_1 .multiselect__content-wrapper{border-radius: 0px;} .multiselect__option--highlight { background: #41b883; outline: none; color: #fff!important;} .tt_ddr_1 ul.multiselect__content li:nth-child(4n+1){border-left: 3px solid #6ac1ff;} .tt_ddr_1 ul.multiselect__content li:nth-child(4n+2){border-left: 3px solid #da9c49;} .tt_ddr_1 ul.multiselect__content li:nth-child(4n+3){border-left: 3px solid #e44d2e;} .tt_ddr_1 ul.multiselect__content li:nth-child(4n+4){border-left: 3px solid #3f51b5;} .multiselect__input {min-height: auto; line-height: normal; font-size: 14px!important;} .hs_tag .multiselect.tt_bod-right{border-right: none!important; width:70%; box-sizing: border-box!important; min-height: calc(2.12rem + 4px) !important; padding-top: 5px!important;} /********New timer Listing***********/ .newtimertable.tdsize tbody tr td {vertical-align:middle;} .newtimertable.tdsize tbody tr td:nth-child(1){width:60px; padding-right:0px; padding-left:20px;} .newtimertable.tdsize tbody tr td:nth-child(2){padding-left:0px;} .newtimertable.tdsize tbody tr td:nth-child(3){width:570px;} .newtimertable.tdsize tbody tr td:nth-child(4){width:240px;} .newtimertable.tdsize tbody tr td:nth-child(5){width:130px; padding: 0;} .newtimertable.tdsize tbody tr td:nth-child(6){width:60px;} .newtimertable.tdsize tbody tr td:nth-child(7){width:40px;} .newtimertable.tdsize tbody div tr td {vertical-align:middle;} .newtimertable.tdsize tbody div tr td:nth-child(1){width:60px; padding-right:0px; padding-left:20px;} .newtimertable.tdsize tbody div tr td:nth-child(2){padding-left:0px;} .newtimertable.tdsize tbody div tr td:nth-child(3){width:570px;} .newtimertable.tdsize tbody div tr td:nth-child(4){width:240px;} .newtimertable.tdsize tbody div tr td:nth-child(5){width:130px; padding: 0;} .newtimertable.tdsize tbody div tr td:nth-child(6){width:60px;} .newtimertable.tdsize tbody div tr td:nth-child(7){width:40px;} @media (max-width:1440px) { .newtimertable.tdsize tbody tr td:nth-child(3){width:320px;} .newtimertable.tdsize tbody div tr td:nth-child(3){width:320px;} } @media (max-width:1200px) { .newtimertable.tdsize tbody tr td:nth-child(3){width:220px;} .newtimertable.tdsize tbody div tr td:nth-child(3){width:220px;} } .exceededcup{position: absolute; left: 10px; top: 30px; font-size: 11px; color: #f00; font-weight: 400;} /********New timer Listing***********/ /***New timer - Action btn css***/ .newtimertable .actions.mobileaction { background: none; color: #b1b1b1; top: 5px; box-shadow:none;} .newtimertable .actions.mobileaction em.action_icon { background: none; color: #b1b1b1; font-size: 14px; font-weight: normal; transform: rotate(90deg);} .newtimertable .actions.mobileaction .actions-onclick{width: 100%; text-align: left; padding: 12px 10px; border-bottom: 1px solid #eaeaea;} .newtimertable .actions.mobileaction .actions-onclick:hover{background-color: #f2f2f2;} .newtimertable .action-list-box{top: -14px; right: 30px;} .newtimertable .action-list-box .list-actions{border-radius: 0;} .newtimetrack .hs_tag .multiselect__select{top: 0px!important;} .newtimetrack .hs_tag .multiselect__content-wrapper {top: 0px; border-radius: 0!important;} /***New timer - Action btn css***/ .hs_tag .multiselect__content-wrapper{position: inherit;} .hs_tag{position: absolute; top: 73px; z-index:99;background: #fff; padding: 5px; border: 1px solid #c8c8c8; width: 330px; text-align: left; left: 0;} .hs_tag #divModalTimetrack .multiselect .multiselect__tags{border: 1px solid #abb5bf!important; min-height: 40px !important;} .hs_tag #divModalTimetrack .multiselect .multiselect__content-wrapper{top:auto;} .hs_tag #divModalTimetrack .multiselect .multiselect__select{top:4px;} .hs_tag #divModalTimetrack .multiselect .multiselect__tags .multiselect__placeholder{padding-top: 7px;} .newtimetrack .hs_tag .multiselect{padding-top: 10px; padding-left: 0; padding-right: 0; float: left; border: 1px solid #c8c8c8 !important;} /* .newtimetrack .rightcont_divs .tt_textarea_span .form-control{font-weight: 450!important; color: #9f9f9f !important;} */ .newtimetrack .rightcont_divs .tt_textarea_span .form-control{font-weight: 450!important;} .timesheetdatepicker.hsstyle a{position: absolute; z-index: 9; left: 5px; top: 5px; font-weight:400; font-size: 13px;background-color: #e3e3e3 !important; color: #5e5e5e !important; width: 190px; height:25px; cursor:text!important;padding-left: 5px;} @media (min-width: 768px) and (max-width:1024px) { .hs_tag{left: -105px!important;} } .table.table-bordered.timesheettable tr.its_fixedrow2 td{ font-weight: 600;} .table.table-bordered.timesheettable tr.its_fixedrow2 {background: #f5f5f5!important;} .table.table-bordered.timesheettable tr.its_fixedrow2 {border-bottom: 1px solid #fff !important;} .table.table-bordered.timesheettable tr td input{font-weight: 400!important;} .table.table-bordered.timesheettable tr td.totalvalue{font-weight: 600;} .squarebtn .round-icon-small{border-radius: 0!important; height: 38px;line-height: 42px;width:40px;} .newtimetrack .rightcont_divs .tt_textarea_span .form-control.tt_disabled{color: #000000!important;opacity: 0.7;} .red-border {border-color: red;} .daterangecontrolHS #slotdate div.form-group label {display: none;} .daterangecontrolHS #slotdate span.timesheetdatepicker input#date_range {border: none;} .daterangecontrolHS #slotdate span.timesheetdatepicker a#aDateLable {position: absolute; left: 10px; z-index: 9; top: 4px; font-size: 14px;} .daterangecontrolHS #slotdate span.timesheetdatepicker .input-group-append .input-group-text {border: none; border-left: 1px solid #afb5bb;} /* .daterangecontrolHS #user_id div.form-group label {display: none;} .daterangecontrolHS #slotbutton div.form-group label {display: none;} */ /****Company setup imigration tab User dropdown was not coming so commented - Harjit & Anuj - 12June2024*******/ .table.table-bordered.timesheettable tr th:first-child {border-right: 1px solid #c6cace !important;} .table.table-bordered.timesheettable tr td:first-child {border-right: 1px solid #c6cace !important;} .listing .table.timesheettable thead th:not(:last-child):not(.border-right-0)::after {background: none;} .table.table-bordered.timesheettable tr td.its_projectnamebase { max-width: 300px;} .table.table-bordered.timesheettable tr td.its_projectnamebase .its_taskdesc {color: #787878 !important;} .table.table-bordered.timesheettable tr.its_fixedrow td {background: #f5f5f5 !important;} .table.table-bordered.timesheettable tr.its_fixedrow {border-bottom: 1px solid #fff !important;} .table.table-bordered.timesheettable tr.its_fixedrow td.table-danger {background:#f5c6cb!important;} .table.table-bordered.timesheettable tbody tr:nth-child(even) td.table-danger{background:#f5c6cb!important;} .table.table-bordered.timesheettable tr td div.form-check.form-check-inline.p-0 {padding-left:5px!important;} .table.table-bordered.timesheettable tbody tr:nth-child(even) td{background-color: #f9f9f9;} @media (max-width:767px) { #CopyTimesheet span.mble_show{width:100%; float:left;} #CopyTimesheet div.d-flex{display: block!important;} #CopyTimesheet .ml-3.custom-control.custom-radio.custom-control-inline { margin-left: 0px !important; } } .hs_tag3 { position: absolute; top: 44px; z-index: 99; background: #fff; padding: 5px; border: 1px solid #c8c8c8; width: 330px; text-align: left; right: 0px; -webkit-box-shadow: -9px -6px 5px -6px rgba(181, 181, 181, 1); -moz-box-shadow: -9px -6px 5px -6px rgba(181, 181, 181, 1); box-shadow: -9px -6px 5px -6px rgba(181, 181, 181, 1); } .table-bordered tr td.legend_leaves::after { width: 3px; content: ""; height: calc(100% - 6px); background:#af39d0 ; display: block; position: absolute; left: 0px; top: 3px;}/***#df5966***/ .table-bordered tr td.legend_auditable::after {width: 3px; content: ""; height: calc(100% - 6px); background: #af39d0; display: block; position: absolute; left: 0px; top: 3px;} .table-bordered tr td.legend_unpaid::after {width: 3px; content: ""; height: calc(100% - 6px); background: #4db567; display: block; position: absolute; left: 0px; top: 3px;} .table-bordered tr td.legend_holiday::after {width: 3px; content: ""; height: calc(100% - 6px); background: #fbc648; display: block; position: absolute; left: 0px; top: 3px;} .table-bordered tr td.legend_paused::after { width: 3px; content: ""; height: calc(100% - 6px); background: #3a3a3d; display: block; position: absolute; left: 0px; top: 3px;} /********Ridham - NewTimer******************/ .tab-style.newtimer .nav-link.active::after{display: none;} .tab-style.newtimer .nav-link.active {background: #48ccae !important; color: #fff;} .tab-style.newtimer .nav-tabs {border-bottom: 3px solid #48ccae;} .tab-style.newtimer .nav-link {background:none;color: #000; text-transform: capitalize; font-weight: 500;} .tab-style.newtimer .nav-link.active.nusingle {background: #48ccae !important; color: #fff; cursor: default!important;} /********Ridham - NewTimer******************/ /********Anuj - Statistics******************/ .tab-style.plaintabs .nav-link.active::after{display: none;} .tab-style.plaintabs .nav-link.active {background:#fbfbfb!important; color: #38a0db; border-bottom:2px solid #38a0db;} .tab-style.plaintabs .nav-tabs {border-bottom: 3px solid #fbfbfb;} .tab-style.plaintabs .nav-link {background:#fbfbfb; color: #000; text-transform: capitalize;} /********Anuj - Statistics******************/ /***Harkimat - Nav bar Time track****/ .progress-bar.success{background-color: #28a745;} .progress-bar.danger{background-color: #dc3545;} .progress-bar.overtime{background-color: #ffc107;} /***Harkimat - Nav bar Time track****/ .team-con-content .progress{height: 7px!important; margin-top: 5px;} /*.leftstatus{float: left; width: calc(100% - 520px);} .rightgraph {float: right; width: 100%; max-width: 500px;} */ .leftstatus{float: left; width: calc(100% - 530px);} .rightgraph {float: right; width: 100%; max-width: 510px;} .team-con-box {width: 100%;float: left; margin: 1px 0px; height: auto; position: relative; min-height: 85px; box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; padding: 15px 15px 15px 15px;} .team-con-img {float:left; width:70px!important; height:70px; position:relative;} .team-con-img .online {width:14px; height:14px; position:absolute; top:-1px; right:4px; background:#56c93a; border:1px solid #239b06; border-radius:100%;} .team-con-img .offline{width:14px; height:14px; position:absolute; top:-1px; right:4px; background:#56c93a; border:1px solid #239b06; border-radius:100%;} .team-con-img img{border-radius:100%; border: 1px solid #f2f2f2;} .team-con-content{float:right; width: calc(100% - 80px);} .team-con-range {float:right; width:100px!important; height:100px;} .team-con-rangecontent{float:left; width: calc(100% - 120px);} .barsbase .iconbase{float:left; width:30px; height:22px;} .barsbase .icontext{float:left; width:calc(100% - 35px);} .barsbase .progress{height:9px; margin-top:5px;} .barsbase.weektracked em{color:#1986c9; font-size:28px;} .barsbase.weektracked .progress-bar{background:#1986c9;} .barsbase.weektracked .progress{border-radius:.25rem 0px 0px .25rem;} .barsbase.auto em{color:#f7a82f; font-size:28px;} .barsbase.auto .progress-bar{background:#f7a82f;} .barsbase.auto .progress{border-radius:0px;} .barsbase.manual em{color:#00b298; font-size:28px;} .barsbase.manual .progress-bar{background:#00b298;} .barsbase.manual .progress{border-radius:0px;} .barsbase.efficiency em{color:#cacaca; font-size:28px;} .barsbase.efficiency .progress-bar{background:#cacaca;} .barsbase.efficiency .progress{border-radius:0px .25rem .25rem 0px;} .barsbase.auto em.fa-circle-o-notch{font-size: 25px;} .font-weight-600{font-weight: 600;} .text-underline{text-decoration: underline;} .teamstatus_bgstrip{ background: #f2f2f2;} .rightgraph .trackinfo .time_info{font-size: 32px; font-weight: 500; padding-left: 18px;} .rightgraph .trackinfo h5.text-secondary{font-size: 18px; font-weight: normal; padding-left: 18px;} .rightgraph .trackinfo p.mb-4{font-size: 15px; color: #5e5e5e; padding-left: 18px;} /***New Timer responsive Css****/ @media (max-width:1440px) { .team-con-box{max-width: 100%!important;} .team-con-box2{max-width: 100%!important;} } @media (max-width:1600px) { .team-con-box{max-width: 60%;} .team-con-box2{max-width: 40%;} } @media (max-width:1100px) { .leftstatus, .rightgraph{max-width: 100%!important; width:100%;} } @media (max-width:1200px) { .leftcont_divs{max-width: 55%;} .rightcont_divs{max-width: 45%;} .multiselect__option--selected{font-weight: 600;} } @media (max-width:1024px) { .leftcont_divs{max-width: 100%; border-bottom: 1px solid #cdcecf;} .rightcont_divs{max-width: 100%;} } @media (max-width:767px) { .leftcont_divs{max-width: 100%; border-bottom: 1px solid #cdcecf;} .leftcont_divs .multiselect {max-width: 100%; box-sizing: inherit; border-bottom: 1px solid #cdcecf!important;} .leftcont_divs .row{display: block;} .rightcont_divs{max-width: 100%;} .rightcont_divs .row{display: block;} .tt_textarea{background: #f4f4f4; width: 100%!important;} .tt_play_btnbase{width: 100%; float: left; padding: 10px;} .tt_play_btn{width: 100%;} .timerclck{width: 100%; border: none; border-top: 1px solid #cfcfcf; margin: 0px;} .leftcont_divs.manual .tt_bod-right.timepickercontrol.pt-4.pr-2.pl-3 {float: left; width: 100%;} .leftcont_divs.manual .tt_bod-right.timepickercontrol.pt-4.pr-2.pl-3 input{box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; min-width: 40%!important; width: 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%;} .timerDiv{float: left; width: 99%;} .leftcont_divs .hs2.breakModal{left: -1px; top: 73px;} .newtimetrack .multiselect__content-wrapper{top: 58px;} .mobilelistview_base .contentt{width: calc(100% - 50px)!important;} .tt_lisitng_icons.ico_listtags {background-position: -233px -9px;width: 60px;} .tt_lisitng_icons.ico_listdollar{background-position: -62px -9px; width: 60px;} .tt_p-action-btn{padding: 15px 15px 15px 15px!important;} .team-con-content .col-md-3 {max-width: 50%;} .tt_play_btnbase .tt_play_btn{margin-bottom: 10px;} .newtimetrack .tt_textarea_span span.val_msg {position: unset!important;} } @media (max-width:768px) { .totalactivity_rt .tagspanel2 span.px-0{display: none;} .totalactivity_rt .tagspanel2 span{width: 100%; border-bottom: 1px solid #fff;} } @media (min-width: 768px) and (max-width: 991px) { .leftcont_divs.manual .tt_bod-right.timepickercontrol.pt-4.pr-2.pl-3{padding-top: 12px !important;} } @media (min-width: 768px) and (max-width: 1024px) { .leftcont_divs .hs2.breakModal{left: -104px;} .leftcont_divs.manual .hs2.breakModal{left: -1px;} .leftcont_divs.manual .tt_bod-right.timepickercontrol.pt-4.pr-2.pl-3{min-width: 320px !important; padding-top: 12px !important;} .leftcont_divs.manual .tt_bod-right.timepickercontrol.pt-4.pr-2.pl-3 input{min-width: 150px;} } @media (max-width:1024px) { .leftcont_divs.manual .multiselect{max-width: 100%; box-sizing: inherit; border-bottom: 1px solid #cdcecf !important; min-height: calc(2.12rem + 40px) !important;} .leftcont_divs.manual .p-0.position-relative {float: left; width: 100%; border-bottom: 1px solid #cdcecf !important; min-height: calc(2.12rem + 40px);} .leftcont_divs.manual .tt_bod-right .mt-3{margin-top: 8px !important; margin-bottom: 8px;} } /* @media (max-width:991px) { .leftcont_divs.manual .multiselect{max-width: 100%; box-sizing: inherit; border-bottom: 1px solid #cdcecf !important;} .leftcont_divs.manual .p-0.position-relative {float: left; width: 100%; border-bottom: 1px solid #cdcecf !important;} } */ @media (max-width:1500px) { .leftcont_divs.manual {max-width: 100%; border-bottom: 1px solid #cdcecf;} .rightcont_divs.manualrt { max-width: 100%;} .val_msg{right:55px!important;} .tt-bod-right .vc-popover-content-wrapper{transform: translate(1185px, 52px)!important;} } .vc-popover-content-wrapper{z-index: 999!important;} .multiselect__content-wrapper ul.multiselect__content li.multiselect__element .multiselect__option span.option__title {width: 65%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} @media (max-width:1366px) { .multiselect__content-wrapper ul.multiselect__content li.multiselect__element .multiselect__option span.option__title {width: 55%;} } @media (min-width: 1025px) and (max-width:1100px) { .multiselect__content-wrapper ul.multiselect__content li.multiselect__element .multiselect__option span.option__title {width: 45%;} } .newtimertable tr td.teamstatus span{color:#6a6a6a;} .multiselect__content-wrapper ul.multiselect__content{width: 100%;} /***New Timer responsive Css****/ /******Silent App - Time Track Dashboard - for Ezaj Ahmed**********/ .cardboxesbasenew li {width: 100%; max-width: 16%; padding: 0px; float: left; display: flex; transition: all .4s;} .cardboxesbasenew li div.cardbase{ display: flex; width: 100%;} .col-control-left{ max-width: 60%;} .timetrackdb_pb .productive-box { max-width: 49%!important; -ms-flex: 0 0 49%; flex: 0 0 49%;} .col-4.border.productive-box.p-0.mb-4{max-width: 32.8% !important;}/**17Sept2024***TimeTracking/DepartmentViewDasboard***/ .col-4.border.productive-box.p-0.mb-4 .dotted-border .col-3{-ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding: 0px;} @media (max-width:1600px) { .timetrackdb_pb .productive-box{max-width: 49%!important; width: 49%!important; flex: 0 0 49%;} .col-4.border.productive-box.p-0.mb-4{max-width: 49% !important; width: 49%!important; flex: 0 0 49%;}/**17Sept2024***TimeTracking/DepartmentViewDasboard***/ } @media (max-width:1150px) { .timetrackdb_pb .productive-box{max-width: 100%!important; width: 100%!important; flex: 0 0 100%;} } @media (max-width:1400px) { .cardboxesbasenew li{max-width: 32%; margin-bottom: 20px;} .productive-box{max-width: 49%!important; width: 49%!important; flex: 0 0 49%;} } @media (max-width:991px) { .col-4.border.productive-box.p-0.mb-4{max-width: 100% !important; width: 100% !important; flex: 0 0 100%;}/**17Sept2024***TimeTracking/DepartmentViewDasboard***/ .cardboxesbasenew li{max-width: 49%; margin-bottom: 20px;} .col-control-left{ max-width: 100%; width: 100%;} .col-control-right{ max-width: 100%; width: 100%; padding:0; margin:10px 0px} .col-control-left .col_1inn{max-width: 100%; width: 100%; padding: 0px !important;} .col-control-left .col_2inn{max-width: 100%; width: 100%;} .col-control-left{display: block!important; float: left; margin-bottom: 10px;} .col-control-left .col_2inn{margin-left: 0px!important; margin-top: 10px; margin-bottom: 10px;} .timetrackdb_pb .productive-box{max-width: 100%!important; width: 100%!important; flex: 0 0 100%;} } @media (max-width:768px) { .cardboxesbasenew li{max-width: 100%; margin-bottom: 20px;} .cardboxesbasenew li div.col-md-4{max-width: 100px;} .productive-box{max-width: 100%!important; width: 100%!important; flex: 0 0 100%;} } .progress .progress-bar .h6{font-size: 12px;} /****Silent App****/ .silentappbase{background-color:#008ff5; color:#fff; border-radius:5px;position: relative; background-image:url('https://talygenv.github.io/Vue-UI-Content/images/silentappbg.png'); background-repeat: no-repeat;background-position: right;} .silentappbase .bodleftwhite{border-left:1px solid #2f9cee;} .btn-silentapp{background:#fbba3a; color:#333333; font-size:20px; font-weight:500;} .silentappbase a.text-white{text-decoration: underline!important;} .silentappbase .close-button{cursor: pointer; z-index: 999; position: absolute; right: -12px; top: -12px; border-radius: 50%; opacity: 1; width: 25px; height: 25px; line-height: 21px; text-align: center; padding: 0px; font-size: 12px; background: #f0f0f0; border: 1px solid #6e6e6e; font-weight: bold;} .menu-left-wrapper .silentappbase .bodleftwhite{-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} .menu-left-wrapper .silentappbase .getstartedstepsbase{-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;} .menu-left-wrapper .getstartedstepsbase.col-md-8 .getstarted ul li span{max-width: 160px;} /****Silent App****/ .tt_addcategory_ddl.multiselect-dropdown {position: relative; display: inline-block; border: 1px solid #ced4da; padding: 2px 5px; background-color: white; cursor: pointer; width: 764px; padding: 5px; color: #303030;} .tt_addcategory_ddl.multiselect-dropdown .optext { background-color:#41b883; color: #fff; padding: 1px 0.75em; margin-right: 0.5em; margin-bottom: 2px; display: inline-block; border-radius: 8px;} .tt_addcategory_ddl.multiselect-dropdown .optdel { font-size: 0.7em; margin-left: 0.5em; cursor: pointer; color: rgb(255, 255, 255);} .tt_addcategory_ddl.multiselect-dropdown .placeholder {font-size: 14px; background-image: none; border:none;} .tt_addcategory_ddl .multiselect-dropdown-list-wrapper { position: absolute; top: 100%; left: 0; right: 0; background: white; z-index: 100;} .tt_addcategory_ddl .multiselect-dropdown-search {width: 100%; padding: 5px; box-sizing: border-box; border: 1px solid #ced4da;} .tt_addcategory_ddl .multiselect-dropdown-list {max-height: 15rem; overflow-y: auto; padding: 2px; border-left: 1px solid #ced4da; border-right: 1px solid #ced4da; overflow-x: hidden;} .tt_addcategory_ddl .multiselect-dropdown-list input { margin-right: 0.35em;} .tt_addcategory_ddl .multiselect-dropdown-list div:hover { background-color: #41b883; color:#fff;} .tt_addcategory_ddl .multiselect-dropdown-all-selector { border-bottom: 1px solid #e1e1e1; padding: 10px;} .tt_addcategory_ddl .multiselect-dropdown-single-selector { border-bottom: 1px solid #e1e1e1; padding: 10px;} .tt_addcategory_ddl .ttddl_clearall{float: right; color: #fff; padding: 3px 10px;} .getstartedstepsbase.col-md-8 .getstarted ul li span{max-width: 190px;} .getstartedstepsbase.col-md-8 .maxwidth400{max-width: 330px;} .getstarted h2 { font-size: 20px; font-weight: 400;} .getstarted ul { padding: 0px; margin: 0px; display: flex; flex-wrap: wrap;} .getstarted ul li { padding: 0px; margin: 0px; list-style: none; width: 30%;float: left; line-height: 18px; margin-bottom: 20px; margin-right: 22px; border-right: 2px solid #fff;} .getstarted ul li em { width: 36px; height: 36px; float: left; font-size: 25px; margin-top: 6px;} .getstarted ul li span { font-size: 14px; font-weight: 400; float: left; padding-top: 10px; } .getstarted ul li:nth-child(3) { border-right: none; margin-right:0px;} .getstarted ul li:last-child { border-right: none; margin-right:0px;} .getstarted ul li em.icon1 { margin-top: 0px; width: 46px; background-image: url('https://talygenv.github.io/Vue-UI-Content/images/sl_dbicons.png');} .getstarted ul li em.icon2 { margin-top: 0px; width: 46px; background-image: url('https://talygenv.github.io/Vue-UI-Content/images/sl_dbicons.png'); background-position: -61px 0px;} .getstarted ul li em.icon3 { margin-top: 0px; width: 46px; background-image: url('https://talygenv.github.io/Vue-UI-Content/images/sl_dbicons.png'); background-position: -129px 0px;} .getstarted ul li em.icon4 { margin-top: 0px; width: 46px; background-image: url('https://talygenv.github.io/Vue-UI-Content/images/sl_dbicons.png'); background-position: -204px 0px;} .getstarted ul li em.icon5 { margin-top: 0px; width: 46px; background-image: url('https://talygenv.github.io/Vue-UI-Content/images/sl_dbicons.png'); background-position: -276px 0px;} .getstarted ul li em.icon6 { margin-top: 0px; width: 46px; background-image: url('https://talygenv.github.io/Vue-UI-Content/images/sl_dbicons.png'); background-position: -351px 0px;} .maxwidth400{max-width: 410px!important;} @media (max-width:1819px) { .getstartedstepsbase.col-md-8 .getstarted ul li{width: 45%; border-right: 2px solid #fff; margin-right: 20px; margin-bottom: 10px;} .getstartedstepsbase.col-md-8 .getstarted ul li:nth-child(2), .getstartedstepsbase.col-md-8 .getstarted ul li:nth-child(4), .getstartedstepsbase.col-md-8 .getstarted ul li:nth-child(6){border: 0px;} } @media (max-width:1240px) { .getstartedstepsbase.col-md-8 .col-md-4, .getstartedstepsbase.col-md-8 .col-md-8 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 10px!important;} .getstartedstepsbase.col-md-8 .col-md-4 .mtadjust{margin-top: 10px!important;} .getstartedstepsbase.col-md-8 .col-md-4 .mtadjust .maxwidth400{max-width: 100% !important;} } @media (max-width:1100px) { .getstartedstepsbase.col-md-8 .col-md-4, .getstartedstepsbase.col-md-8 .col-md-8 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 10px!important;} .getstartedstepsbase.col-md-8 .col-md-4 .mtadjust{margin-top: 10px!important;} .getstartedstepsbase.col-md-8 .col-md-4 .mtadjust .maxwidth400{max-width: 100% !important;} .getstartedstepsbase.col-md-8 {max-width: 100%!important; -ms-flex: 0 0 100%; flex: 0 0 100%;} #divfreetrailupgrade.col-md-4.bodleftwhite{max-width: 100%!important; -ms-flex: 0 0 100%; flex: 0 0 100%;} .getstartedstepsbase.col-md-8 .getstarted ul li{width: 30%; border-right: 2px solid #fff!important;} .getstartedstepsbase.col-md-8 .getstarted ul li:last-child{border-right: none!important; margin-right:0px;} .getstartedstepsbase.col-md-8 .getstarted ul li:nth-child(3) {border-right: none!important; margin-right:0px;} .menu-left-wrapper .silentappbase .getstartedstepsbase{max-width: 100% !important; -ms-flex: 0 0 100%!important; flex: 0 0 100%!important;} } @media (max-width:991px) { .getstartedstepsbase.col-md-8 .getstarted ul li{width:45%; border-right:0px!important; margin-right: 0px!important;} .getstartedstepsbase.col-md-8 .getstarted ul li span { max-width:99%!important;} } @media (max-width:767px) { .getstartedstepsbase.col-md-8 .getstarted ul li{width:99%; border-right:0px!important; margin-right: 0px!important;} #divfreetrailupgrade.col-md-4.bodleftwhite h5.text-right{text-align: left!important;} } @media (min-width:1300px) and (max-width:1599px) { .getstarted ul li span { max-width: 160px; padding-top: 4px;} } @media (min-width:1200px) and (max-width:1299px) { .getstarted ul li span { max-width: 160px; padding-top: 4px;} .getstartedstepsbase.col-md-12 .col-md-4{-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;} .getstartedstepsbase.col-md-12 .col-md-8{-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;} } @media (min-width:860px) and (max-width:1199px) { .getstarted ul li span { padding-top: 4px; max-width: 190px;} .getstartedstepsbase.col-md-12 .col-md-4{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .getstartedstepsbase.col-md-12 .col-md-8{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 15px !important; margin-top: 30px !important;} .maxwidth400{max-width:100%!important;} .getstartedstepsbase .mtadjust{margin-top: 15px!important;} } @media (max-width:859px) { .getstarted ul li{width: 99%; border: 0px;} .getstarted ul li span { padding-top: 10px;} .getstartedstepsbase.col-md-12 .col-md-4{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .getstartedstepsbase.col-md-12 .col-md-8{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left: 15px !important; margin-top: 30px !important;} .maxwidth400{max-width:100%!important;} .getstartedstepsbase .mtadjust{margin-top: 15px!important;} } .silentappdb.app-dialog-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; z-index: 1000; } .silentappdb .app-dialog {background: white; padding: 20px; border-radius: 8px; width: 300px; text-align: center; z-index: 1001;} .silentappdb .app-dialog-actions {margin-top: 20px;} .silentappdb .app-dialog-actions button {margin: 0 10px;} .silentappdb .app-dialog-actions {display: flex; gap: 10px;} /******Silent App - Time Track Dashboard - for Ezaj Ahmed**********/ .newddlist .dropdown input[type="text"]{border:1px solid #abb5bf;} .dropdown-content{position: absolute;width: 100%;border: 1px solid #adadad;background: #fff; z-index:9; max-height: 200px; overflow-y: auto;} #divModalTimetrack.dynamic-multiselect{position: relative!important;} #spnAdvancedSetup{float:left;} .activity-tab.col-md-12.p-0.mt-4.float-left.weblistviewtimer:last-child{margin-bottom: 150px;} .vue-popover{width: 200px!important;} .barprogress .c100.green .bar, .barprogress .c100.green .fill{border-color:#3d995d!important;} /***********KnowledgeBase Articles*****************************/ .knowledgebaselist img:hover {opacity: 0.2; cursor: pointer;} /* .knowledgebaselist img:hover::after {opacity: 1; position:absolute; top: 0; right:-10px; bottom:0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #303030; width: 50px; height: 10px; content: "";} .knowledgebaselist img:hover::before {opacity: 1; position:absolute; top: 0; right:-10px; bottom:0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #303030; width: 50px; height: 10px; content: "";} */ .knowledgebasemain .knowledgebaselist p strong {font-weight: 500 !important;} .knowledgebasemain .knowledgebaselist h1{font-size: 1.1rem;color: #424f55; font-weight: 400; margin: 0px 0px 10px 0px; background: #f9f9f9; padding: 10px;} .knowledgebaselist img {max-width: 98%;} .nav-pills .title.overflow_hid h3 {font-size: 1.4rem; color: #424f55; font-weight: 400; margin: 0px 0px 10px 0px;} .helpartilceslistcontrol .card .card-header a em{color:#dadada!important; margin-top: 6px!important;} .helpartilceslistcontrol .card .card-header a span.textquestions{color:#4d85fc; text-transform: none; font-size: 16px;} ul.lefttabiconfix.helparticlesnewdesign li a em{padding:0px!important;} .h5.helpguidemoduletitle {font-size: 34px;} ul.lefttabiconfix.rtfix.helparticle_rtbase li a em.fa-download { min-width: 35px; text-align: center; font-size: 20px; background: #17a2b8; color: #fff !important; padding: 5px; margin-right: 10px; } ul.lefttabiconfix.rtfix.helparticle_rtbase li a em.fa-youtube-play { min-width: 35px; text-align: center; font-size: 20px; background: #dc3545; color: #fff !important; padding: 5px; margin-right: 10px; } /* ul.helparticlesnewdesign{background: #f9f9f9!important;} ul.helparticlesnewdesign li a { color: #424f55; font-weight: 400;} ul.helparticlesnewdesign li a.left-menu:hover{background:#ededed!important;color: #424f55!important;} ul.helparticlesnewdesign li a.left-menu.active{background:#ededed!important;color: #424f55!important;} ul.helparticlesnewdesign li {border-bottom: none !important;} ul.helparticlesnewdesign li:last-child {border-bottom: 1px solid #dee1e6!important;} */ @media (max-width:1400px) { .page-action.help-and-guide .innerminheight .col-md-4 { flex: 0 0 50%; max-width: 50%; } } @media (max-width:991px) { .page-action.help-and-guide .innerminheight .col-md-4 { flex: 0 0 100%; max-width: 100%; } } /***********KnowledgeBase Articles*****************************/ /****30May2024 New tabs design with Anuj - Harjit******/ .initialsetup_newtab_mainbase{padding:0px!important;} .initialsetup_newtab_mainbase .left-menu-tab{ float: left; width: 100%; max-width: 368px!important; padding: 20px; } .initialsetup_newtab_mainbase .right-content { float: right; width: calc(100% - 370px)!important; border-left:1px solid #dedede;height: calc(100% - 120px); padding: 15px; min-height: 100vh; } @media (max-width:767px) { .initialsetup_newtab_mainbase .left-menu-tab {width: 100%;max-width: 100% !important;} .initialsetup_newtab_mainbase .right-content {width: 100%!important; border-left: 0px;} } .initialsetup_newtab_mainbase span.smallresult{font-size:11px;} .initialsetup_newtab_design.storagegraph.progress {background-color: #dcdde1; height: 10px !important;} .initialsetup_newtab_design.storagegraph .progress-bar {background-color: #4fb262;} .initialsetup_newtab_design.left-tab li.active:hover{background: #e0f2ff!important; color: #4f4f4f!important;} .initialsetup_newtab_design.left-tab li.active:hover a i {color:#24a5ff!important;} .initialsetup_newtab_design.left-tab li.active {background: #e0f2ff!important; color: #4f4f4f!important; border-right: 1px solid #c9d9e5!important;} .initialsetup_newtab_design.left-tab li.active a i {color:#24a5ff!important;} .initialsetup_newtab_design.left-tab li.initialsetup_completed {background: #c9ffd4 !important;} .initialsetup_newtab_design.left-tab li.initialsetup_completed:hover { background: #c9ffd4 !important;} .initialsetup_newtab_design.left-tab li.initialsetup_completed a i{ color: #4fb262!important; font-size:23px;} .initialsetup_newtab_design.left-tab li.initialsetup_completed:hover a i{color: #4fb262!important;} .initialsetup_newtab_design.left-tab li.active.initialsetup_completed {background: #a5d9ff!important; color: #4f4f4f!important; border-right: 1px solid #c9d9e5!important;} .initialsetup_newtab_design.left-tab li.active.initialsetup_completed a i {color: #4fb262!important; font-size:23px;} .initialsetup_newtab_design.left-tab li { background: #f5f5f5!important; border-top:none!important; border-left: 1px solid #e5e5e5 !important; border-right: 1px solid #e5e5e5 !important; border-bottom: 1px solid #e5e5e5 !important; height:auto; display: flex; flex-wrap: nowrap; } .initialsetup_newtab_design.left-tab li:first-child { border-top: 1px solid #e5e5e5 !important;} .initialsetup_newtab_design.left-tab li:hover {background: #fdfdfd!important; cursor:pointer;} .initialsetup_newtab_design.left-tab li a {padding:16px 5px; width: auto; display: inline-block; font-size:16px; font-weight: 500; color: #4f4f4f!important;} .initialsetup_newtab_design.left-tab li a i{font-size:21px; padding-top: 3px; color:#798086; float: left;} .initialsetup_newtab_design.left-tab li a i.fa-map-marker{font-size:24px;} .initialsetup_newtab_design.left-tab li:hover a i { color:#798086!important;} .initialsetup_newtab_design.left-tab li a.digits_num{ width:55px; text-align:center; border-right: 1px solid #e5e5e5!important; padding-top: 20px; font-size:14px; font-weight: 600; color: #4f4f4f!important;} .initialsetup_newtab_design.left-tab li a span { float: left; margin-top: 2px; margin-left: 10px;} .font-weight600{font-weight:600;} /****30May2024 New tabs design with Anuj - Harjit******/ .new_initialsetup_btnsbase a.btn-secondary {background:#eeeeee!important;color:#3f3f3f!important;font-size:18px!important; border:none!important; font-weight:500; min-width:113px; padding:10px;} .new_initialsetup_btnsbase a.btn-warning {background:#e59b08!important;color:#fff!important;font-size:18px!important; border:none!important; padding:10px; margin-right: 5px;} .new_initialsetup_btnsbase a.btn-warning i{font-size: 14px !important;} .new_initialsetup_btnsbase a.btn-success {background:#28a745!important;color:#fff!important;font-size:18px!important; border:none!important; padding:10px; margin-right: 5px;} .new_initialsetup_btnsbase a.btn-primary {background:#25a5ff!important;color:#fff!important;font-size:18px!important;border:none!important; padding:10px;} .new_initialsetup_btnsbase a.btn-primary i{font-size: 14px !important;} /****** newtabsdes_configuration Harjit - 4June2024 *************/ .newtabdes_buttonsbase button.btn {font-size:18px!important; border:none!important; padding:10px;} .newtabdes_buttonsbase button.btn.btn-warning{color:#fff;} .newtabsdes_configuration_mainbase{padding:0px!important;} .newtabsdes_configuration_mainbase .left-menu-tab{ float: left; width: 100%; max-width: 368px!important; padding: 20px;} .newtabsdes_configuration_mainbase .right-content { float: right; width: calc(100% - 370px)!important; border-left:1px solid #dedede;height: calc(100vh - 120px); padding: 15px;} @media (max-width:767px) { .newtabsdes_configuration_mainbase .left-menu-tab{width: 100%;max-width: 100% !important;} .newtabsdes_configuration_mainbase .right-content {width: 100%!important; border-left: 0px;} .mobile_d-none{display: none!important;} } .newtabsdes_configuration li a.active { background: #e0f2ff !important; color: #4f4f4f !important;} .newtabsdes_configuration li a.active i { color: #24a5ff !important;} .newtabsdes_configuration li {background: #f5f5f5 !important; border-top: none !important; border-left: 1px solid #e5e5e5 !important; border-right: 1px solid #e5e5e5 !important; border-bottom: 1px solid #e5e5e5 !important; height: auto; display: flex; flex-wrap: nowrap;} .newtabsdes_configuration li a { padding: 16px 5px; width: 100%; display: inline-block; font-size: 16px; font-weight: 500; color: #4f4f4f !important;} .newtabsdes_configuration li a i { font-size: 21px; padding-top: 3px; color: #798086; float: left; min-width: 50px; text-align: center;} .newtabsdes_configuration li a span { float: left; margin-top: 2px; margin-left: 10px;} .newtabsdes_configuration li:hover { background: #fdfdfd !important; cursor: pointer;} /****.newtabsdes_configuration li:hover a i {color:#798086!important;}******/ .tab-pane ul.dashbord-widget li span.barprogress div.progress-bar-striped{ background-image: none!important; background-color: #cccccc!important; } /***Chad - Harjit added 21June2024****/ .left-menu-tab.cvscontrol { max-width: 375px;} .cvscontrol .leftpanebase { background: #f7f7f7;} .cvscontrol .highLight-Box {padding: 0; border: none;} .cvscontrol ul li { list-style: none;} .cvscontrol .highLight-Box .user-detail { background: #eff8ff !important; box-shadow: 0px 2px 2px 1px rgb(172, 221, 255); border: 1px solid #fff !important;} .cvscontrol .user-detail .user-image { width: auto; text-align: center; margin: 5px 10px 0px 0px; padding: 0px; float: left;} .cvscontrol .user-detail .user-image img { width: 50px; height: 50px; border-radius: 100%; border: 1px solid #fff;} .cvscontrol .user-detail .user-name { text-align: left; margin: 0px; padding: 0px; font-size: 15px; font-weight: 500; float: left; width: 190px; color: #000;} .cvscontrol .user-detail .user-contactinfo { text-align: left; border-top: 1px solid #ccc; padding-top: 0px; float: left; width: 260px; margin: 0px; border: none; font-size: 13px; color: #404040 !important;} .starrating { position: absolute; right: 5px; top: 12px; font-size: 11px;} .candi_experience { position: absolute; right: 10px; bottom: 10px; font-size: 12px; color: #404040 !important;} .right-content.cvs_control { width: calc(100% - 395px); float: right;} .cvs_control .user-detail { background: #eff8ff; border: 1px solid #cae5ff !important;} /***Chad - Harjit added 21June2024****/ .apone_multiselect .p-multiselect{border-radius: 0;} .apone_multiselect .p-multiselect .p-multiselect-label{padding: .375rem .75rem;} .apone_multiselect .p-inputtext{padding: .375rem .75rem;} .apone_multiselect .p-multiselect-items-wrapper ul li{padding: .375rem .75rem;} /***Live screen - Anuj - HArjit 24June2024***/ .livescreen_leftbase {float: right; width: calc(100% - 300px) !important; height: calc(100% - 120px); padding: 15px;} .livescreen_rightbase {float: left; width: 100%; max-width: 290px !important; padding:0px; background: #e0f2ff;} .led_screen{ width:100%; background:#282828; position: relative;}/*min-height:555px;*/ .led_screen.empty{min-height:555px;} .led_screen img{width:100%;} .livescreen_leftbase .led_screen.empty{background: #282828;} .livescreen_leftbase .led_screen.empty div.errormsgs .innererrors{ color:#eeeeee; font-size: 16px; display: flex;} .livescreen_leftbase .led_screen.empty div.errormsgs .innererrors span.heading{font-size: 30px;} .livescreen_leftbase .led_screen.empty div.errormsgs .innererrors em {font-size: 50px; color:#717171;} .livescreen_rightbase .cont_desc{border-bottom:2px solid #85c8f9; padding:15px; width:100%; float:left;} .livescreen_rightbase .cont_desc:last-child{border:none;} .livescreen_rightbase .cont_desc h3{font-size:18px; margin: 0px; font-weight: normal; width:100%; float:left;} .livescreen_rightbase .cont_desc span{font-size:15px; width:100%; float:left;} .livescreen_rightbase .cont_btns{padding:15px; width:100%; float:left;} .livescreen_rightbase .cont_btns .largebtns a{width:100%; margin-bottom:5px; margin-top:5px; font-size:16px;} .livescreen_rightbase .cont_btns .smallbtns a{width:26%; float:left; color:#fff;} .livescreen_rightbase .cont_btns .largebtns a.btn-primary.disabled{opacity: 0.4!important; color:#c8c8c8!important;} .livescreen_rightbase .cont_btns .largebtns a.btn-success.disabled{opacity: 0.4!important; color:#c8c8c8!important;} /* .livescreen_rightbase .cont_btns .smallbtns a.btn-yellow{background:#ff9800;} .livescreen_rightbase .cont_btns .smallbtns a.btn-blue{background:#2196f3; margin: 0 auto;} .livescreen_rightbase .cont_btns .smallbtns a.btn-purple{background:#3f51b5;} */ .livescreen_rightbase .cont_btns .smallbtns a.btn-yellow{background:#ff9800;background-image:url('../images/livepreview.png'); background-repeat: no-repeat;background-position: 20px 0px; min-height: 40px; border-radius: 10px !important;} .livescreen_rightbase .cont_btns .smallbtns a.btn-blue{background:#2196f3; margin: 0 auto;background-image:url('../images/livepreview.png'); background-repeat: no-repeat;background-position: -54px 0px; border-radius: 10px !important;} .livescreen_rightbase .cont_btns .smallbtns a.btn-purple{background:#3f51b5;background-image:url('../images/livepreview.png'); background-repeat: no-repeat;background-position: -129px 0px; border-radius: 10px !important;} .livescreen_rightbase .cont_btns .smallbtns a.btn-yellow:hover{background-color: #d98409;} .livescreen_rightbase .cont_btns .smallbtns a.btn-blue:hover{background-color: #0d76ca;} .livescreen_rightbase .cont_btns .smallbtns a.btn-purple:hover{background-color: #1c2e91;} .livescreen_rightbase .cont_btns .smallbtns a.btn-yellow.disabled{background-color: #ffb03a; opacity: 0.4 !important} .livescreen_rightbase .cont_btns .smallbtns a.btn-blue.disabled{background-color: #39a6fd; opacity: 0.4 !important} .livescreen_rightbase .cont_btns .smallbtns a.btn-purple.disabled{background-color: #4055c8; opacity: 0.4 !important} .livescreen_rightbase .cont_btns .smallbtns a.freezed{opacity: 0.4;} .fullscreen_btn { position: absolute; bottom: 20px; right: 20px; font-size: 30px; background: rgba(0, 0, 0, 0.3); padding: 0px 10px;} .fullscreen_btn a{color: #fff;} .livescreen_rightbase .cont_btns .smallbtns a em { font-size: 26px;} .livemonitoring .listing .table-bordered tbody tr td {font-weight: 400;padding: 8px!important;} .livemonitoring .table-bordered tbody tr td a span.bodbtn_green{ border: 1px solid #42c683; color: #42c683; background-color: #fff; border-radius: 10px !important; font-weight: 400; cursor:text!important;} .livemonitoring .table-bordered tbody tr td a span.bodbtn_grey{ border: 1px solid #c0c0c0; color: #c0c0c0; background-color: #fff; border-radius: 10px !important; font-weight: 400; cursor:text!important;} .livemonitoring .table-bordered tbody tr td a span.bodbtn_yellow{ border: 1px solid #fcae18; color:#fcae18; background-color: #fff; border-radius: 10px !important; font-weight: 400; cursor:text!important;} .livemonitoring .table-bordered tbody tr td a span.btn-warning { color: #fff; background-color: #fcae18; border-color: #fcae18; cursor:text!important;} .livemonitoring .table-bordered tbody tr td a span.btn-primary { color: #fff; background-color: #3967d1; border-color: #3967d1; cursor:text!important;} .livemonitoring .table-bordered tbody tr td a span.btn-danger{ color: #fff; background-color: #f44336; border-color: #f44336; cursor:text!important;} .livemonitoring .table-bordered tbody tr td a span.btn-success{ color: #fff; background-color: #3bc47e; border-color: #3bc47e; cursor:text!important;} .livemonitoring .table-bordered tbody tr td a span.btn-primary.liveview { color: #fff; background-color: #2196f3; border-color: #2196f3; cursor: pointer!important;} .livemonitoring .table-bordered tbody tr td span.my-image{width: 43px; height: 43px;} .livemonitoring .nu-paging .select{border-radius: 10px!important;} .blink { animation: blink-animation 1s steps(5, start) infinite; -webkit-animation: blink-animation 1s steps(5, start) infinite;} @keyframes blink-animation {to {visibility: hidden;}} @-webkit-keyframes blink-animation {to {visibility: hidden;}} /****Live monitoring - widgets and listing new des****/ .livemonitoring .dashbord-widget li { border: 1px solid; border-radius: 10px; padding: 23px 12px; display: flex;} .livemonitoring .dashbord-widget i{float:left; margin-top: 10px; font-size: 40px;} .livemonitoring .dashbord-widget li h3{float: left;font-weight: 500; font-size: 30px; margin-left: 25px;} .livemonitoring .dashbord-widget li h3 span{font-size: 14px;} .livemonitoring .one_wid{background: #dbf3ff !important; border-color: #33a5f7 !important;} .livemonitoring .one_wid h3, .livemonitoring .one_wid i{color: #33a5f7 !important;} .livemonitoring .two_wid{background: #e1fff0 !important; border-color: #3bc47e !important;} .livemonitoring .two_wid h3, .livemonitoring .two_wid i{color: #3bc47e !important;} .livemonitoring .three_wid{background: #ffeae6!important; border-color: #f86245 !important;} .livemonitoring .three_wid h3, .livemonitoring .three_wid i{color: #f86245 !important;} .livemonitoring .four_wid{background: #fff6e4 !important; border-color: #fcae18 !important;} .livemonitoring .four_wid h3, .livemonitoring .four_wid i{color: #fcae18 !important;} .livemonitoring .five_wid{background: #e3ebff !important; border-color: #3967d1 !important;} .livemonitoring .five_wid h3, .livemonitoring .five_wid i{color: #3967d1 !important;} .livemonitoring .listing .thead-bg{background: none!important;} .livemonitoring .table-bordered thead.thead-bg tr th{border-top: 1px solid #c6cace!important; border-bottom: 1px solid #c6cace!important;border-style: solid none; background: #f5f5f5!important; } .livemonitoring .table-bordered thead.thead-bg tr th:first-child { border-left:1px solid #c6cace!important; border-top-left-radius: 10px; border-bottom-left-radius: 10px;} .livemonitoring .table-bordered thead.thead-bg tr th:last-child { border-right:1px solid #c6cace!important; border-bottom-right-radius: 10px; border-top-right-radius: 10px;} .livemonitoring .thead-bg th{background: none!important; border: none!important;} .livemonitoring .table-bordered thead tr{border-bottom: none!important;} .livemonitoring .listing .table thead th:not(:last-child):not(.border-right-0)::after{display: none;} .livemonitoring .table-responsive{border: none!important;} .livemonitoring .table-bordered tbody tr{border: none!important; border-radius:10px!important;} .livemonitoring .table.table-bordered tbody tr:last-child { border-radius:10px!important;} .livemonitoring .listing .nu-paging{border: none;} .livemonitoring .table-bordered tbody tr td{border-top: 1px solid #c6cace!important; border-bottom: 1px solid #c6cace!important;border-style: solid none; } .livemonitoring .table-bordered tbody tr td:first-child { border-left:1px solid #c6cace!important; border-top-left-radius: 10px; border-bottom-left-radius: 10px;} .livemonitoring .table-bordered tbody tr td:last-child { border-right:1px solid #c6cace!important; border-bottom-right-radius: 10px; border-top-right-radius: 10px;} .livemonitoring table{border-spacing: 0 13px; border-collapse: separate;} .livemonitoring .ticketsmallfix{display: none;} .livemonitoring .table-bordered tbody tr td a span{border-radius: 30px!important; padding:5px; min-width: 130px;} /****Live monitoring - widgets and listing new des****/ @media (min-width:1280px) and (max-width: 1500px) { .livemonitoring .dashbord-widget li h3{margin-left: 10px;font-size: 20px;line-height: 20px;} } @media (max-width: 991px) { .livescreen_leftbase, .livescreen_rightbase{width: 100% !important; max-width: 100% !important;} .livescreen_rightbase .cont_btns{text-align: center; margin: 0 auto;} .livescreen_rightbase .cont_btns .smallbtns {max-width: 260px; margin: 0 auto;} .livescreen_rightbase .cont_btns .smallbtns a.btn-blue{margin: 0 auto!important;} .livescreen_rightbase .cont_btns .smallbtns a{margin-bottom: 0px!important;} } /***Live screen - Anuj - HArjit 24June2024***/ @media (max-width: 1024px) { #manageChannelModal.modal.right.fade .modal-body{padding-bottom: 70px;} #manageChannelModal .modal-footer.fixed-bottom{background: #fff;} } @media (max-width: 768px) { #manageChannelModal.modal.right.fade .modal-body{padding-bottom: 160px;} #manageChannelModal.modal.right.fade .modal-body ul#divChannelTypes.shortcuts-menu li{width: 100%;} } #manageChannelModal.modal.right.fade .modal-body ul#divChannelTypes.shortcuts-menu li:hover .short-item-name{color: #000 !important;} .newswitch_toggle .slider{background-color: #2873b5!important;} .newswitch_toggle.switch.disabled input:checked + .slider{background-color: #ccc!important;} .newswitch_toggle_singledisabled.switch.disabled input:checked + .slider{background-color: #ccc!important;} .cardtopbod .card:first-child{border: 1px solid rgba(0,0,0,.125);} input:checked + .slider.toggle_left40::before {left: 40px;} /*****************/ .mod_content{position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0;} .mod_head{background: #ebebeb;display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(.3rem - 1px); border-top-right-radius: calc(.3rem - 1px);} .mod-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; height: auto;} .dynamiccontent_base .tableoverflowshow .listing .table-responsive table tbody tr td:not(.overflow-visible):not(.mobile-action):not(.details-control){overflow:visible!important;} #modulelist .accordion.md-accordion.left-filter .border.p-3.bg-light{padding:10px!important;} #modulelist .accordion.md-accordion.left-filter .border.p-3.bg-light .card{padding:10px 15px!important;} @media (min-width: 1280px) and (max-width: 1440px) { .initialsetuptabsbase .dynamiccontent_base .row .col-sm-12.col-md-12.float-left.col-lg-3.col-xl-3{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} } @media (min-width: 992px) and (max-width: 1279px) { .initialsetuptabsbase .dynamiccontent_base .row .col-sm-12.col-md-12.float-left.col-lg-3.col-xl-3{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} } .forms-for-billing-plandetails .form-control{padding: .275rem .75rem; min-height: calc(1.5em + .45rem + 0px) !important;} .forms-for-billing-plandetails select.form-control:not([size]):not([multiple]) { min-height:  calc(1.75em + .45rem + 0px) !important; height:  calc(1.75em + .45rem + 0px) !important;} .forms-for-billing-plandetails .card .card-header a.collapsed .conversation-date:before { content: "\f078"; color:#525f65; float: left; padding-right: 15px;} .forms-for-billing-plandetails .card .card-header a .conversation-date:before { font-family: 'FontAwesome'; content: "\f077"; float: right; color: #525f65; float: left; padding-right: 15px;} #reportstabsdata .right-content .col-md-12.p-0 .theme-primary.partition.p-actions-expand.d-flex.row{margin: 0px; padding-right: 15px;} @media (max-width: 768px) { .customCol button.btn.btn-secondary{background: #3d464a;} } .dynamicstatus{width: 250px; border-radius:5px; float:left;} @media (max-width: 991px) { #ReportContainer ul.dashbord-widget{display: block!important;} #ReportContainer ul.dashbord-widget li{width: 100% !important; float: left; margin-bottom: 15px;} } /******Store Front - Pricing & Sign Up css*************/ .subscription-container{width:100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; background: url(/Content/images/bg-subsc.jpg); background-repeat: no-repeat; background-size: cover;} .subscription-container *{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .subscr-header { width: 100%; margin: 0px; padding:50px 20px; height: auto; display:inline-block; text-align: center;} .subscr-header h2 { font-size: 35px; font-weight:600; color:#333; line-height:40px} .subscr-header h2 span { color: #ff9900;} .subscr-header p { font-size: 20px; margin-top: 15px; text-align: center;} .subscr-steps { margin: auto; display: inline-block; text-align: center; width: 100%; padding: 15px; } .subscr-steps ul { border: 2px solid #dcdcdc; border-radius: 5px; max-width: 600px; margin: auto; background: #f7f7f7; display:inline-block; overflow: hidden;} .subscr-steps li { width: 100%; max-width:50%; display: inline-block;border-left: 2px solid #dcdcdc; text-align: center; height: 100%; padding:10px 20px; float:left; } .subscr-steps li:first-child {border-left: none; } .subscr-steps li.active-step{ background:#494949; border:none;} .subscr-steps li.active-step a{ color:#fff;} .subscr-steps li a{ color: #818181; display:inline-block; transition:all .3s;} .subscr-steps li a:hover{ transform: scale(1.05);} .subscr-steps span.stepc{ width:100%; font-size:18px; display:inline-block;} .subscr-steps span.stepn{ width:100%; font-size:14px; display:inline-block;} .subscr-steps li:last-child { border-right: none; } .flash-deal { border: dotted 2px #128fe4; width: 100%; position: relative; margin-bottom:30px; max-width: 920px; margin: auto; margin-top:20px; border-radius: 5px; background: url(/Content/images/index/deal-bg.jpg); background-repeat: no-repeat; padding:15px; background-size: cover;} .offperc { color: #fff; font-size: 50px; line-height: 40px; font-weight: 700; display:inline-block; text-transform: uppercase;} .offperc sup { font-size: 32px; padding-left: 5px;} .offcont { font-size: 22px; line-height: 25px; font-weight: 700; display:inline-block; color: #333; padding-left:10px; vertical-align:top;}/*padding-left:20px; Harjit 24Dec*/ .offcont a.off-code { color: #fff; text-transform:uppercase; background: #128fe8; border-radius:5px; font-size: 22px; font-weight: 700; color:#fff; display:inline-block; padding:4px 50px 4px 30px; margin-top:5px; position:relative;} .offcont a.off-code .copycode{ width: auto; display: block; float: right; position: absolute; top: 5px; right: 13px;} .offcontdown{ font-size: 20px; line-height: 25px; font-weight: 700; display: inline-block; color: #333; padding-right: 20px; vertical-align: top; text-align: center; float: right;}/*padding-right: 40px; Harjit 24Dec*/ .timer { border: 1px solid #aaa; border-radius: 3px; padding: 1px 8px; font-size: 16px; text-align: center; position: relative; margin: 2px 5px; display: inline-block;} .timer:after { position:absolute; content:":"; top:47%; transform: translateY(-52%); right:-10px; font-size:16px; color: #666;} .timer:last-child:after { display:none;} .close-deal{position:absolute; right:-10px; top:-8px; font-size:18px; font-weight:700; color:#494949; } .package-type { display: block; width: 100%; max-width: 1470px; margin: auto;margin-top: 30px; padding: 15px; text-align: center; } .annual-billing { text-align: center; font-weight:700; margin-top: 20px} .annual-billing span{ color: #16a050;} .subscr-container { width: 100%; margin: auto;margin-top: 20px; display:inline-block; border: 1px solid #dee1e3; padding:20px;} .sub-package { display: inline-block; border: 1px solid #ccc; width: 100%; max-width: 21.5%; border-radius: 7px; color: #fff; text-align: left; padding-bottom:10px; margin: 1.75%; float: left; position:relative;} .sbs-free-trial { position: absolute; background: #2c3e50; padding:5px 10px 6px 20px; color: #ffffff; top: -15px; font-size: 14px; text-transform: uppercase; left: -10px;} .sbs-free-trial::after { content: ""; width: 0; height: 20px; border-right: 15px solid #2c3e50; border-left: 15px solid #2c3e50; border-bottom: 10px solid transparent; position: absolute; transform: rotate(270deg); right: -21px; top: 0;} .sbs-free-trial::before { position: absolute; content: ""; top: -9px; left: 0; border-top: 10px solid transparent; border-right: 10px solid #0b141e;} .pack-add-count { margin-bottom: 0px; margin-top: 0px; padding-top:10px; z-index: 1; position: relative;} .pack-add-count .form-group { width: auto; max-width: 60%; margin: auto; border: none !important; border-radius: 15px; background: #fff; height: auto; float: right;} .pack-add-count .input-group { width: 100%; display:flex; text-align: center; flex-wrap: wrap;} .pack-add-count .input-group input[type="text"] { text-align: center; border-top: none; border-bottom: none; font-size: 15px; padding: 5px !important; width: 38.3%; height:38px; background:#f1f1f1; border:none; border-radius:0px;} .pack-add-count .glyphicon { color: #128fe4; } .pack-add-count .input-group-btn { display: flex; width: 28.3%; vertical-align: middle; text-align: center; height: 40px; } .pack-add-count .btn.btn-default { background: transparent; border: none; cursor: pointer;margin:0;padding:0; } .pack-add-count .btn .fa{ height:100%; font-size:18px; } strong { font-weight: bold; } .subs-package-hdr{ position: relative; overflow: hidden; border-radius: 0; padding: 8px 5px; border-bottom: 10px solid #fff !important; margin: -1px; display:none;} .subs-package-hdr .checkboxlbl { position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; left:7px; float:left;} .subs-package-hdr .checkboxlbl input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .subs-package-hdr .checkboxlbl .check, .subs-package-hdr .checkboxlbl .off { position: absolute; top:0px; left: 0; height: 30px; width: 30px; background-color: #fff !important; background-image: none !important;} .checkboxlbl:hover input ~ .check { background-color: #fff; } .checkboxlbl input:checked ~ .check { background-color: #fff; } .subs-package-hdr .checkboxlbl .check::after { content: ""; position: absolute; display: none; clear: both; } .sub-package .checkboxlbl .check::after { display: block; } .subs-package-hdr .checkboxlbl .check::after { left: 10px; top: 4px; width: 6px; height: 12px; border: solid #000; border-width: 0 4px 4px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .sub-package.selectedpack::before{ content: ""; position: absolute; top: -12px; left: -12px; width: calc(100% + 24px); height: calc(100% + 24px); box-sizing: border-box; border-radius: 5px; } .imgofpck { position:relative; overflow: hidden; border-radius: 4px 4px 0px 0px; border-top: 1px solid #ccc; } .imgofpck img { width: 100%; vertical-align: top; margin-top:-1px; max-height: 165px; } .pro-headr { position:relative; display: inline-block; width: 100%; padding: 5px 0px 0px 0px; background: #525f65;} .pro-headr h2 { margin-top: 10px; color: #fff; padding: 0 8px; font-size: 20px; text-overflow: ellipsis; overflow: hidden; margin-top: 0px; margin-bottom: 0px; line-height: 30px;}/**white-space: nowrap;**/ /* .sub-package:nth-child(8n+1){ background: #128fe4; } */ .sub-package:nth-child(8n+1){ background: #7bb3ca; } .sub-package:nth-child(8n+2){ background: #d3d0ef; } .sub-package:nth-child(8n+3){ background: #ffe18b; } .sub-package:nth-child(8n+4){ background: #a6cdb2; } .sub-package:nth-child(8n+5){ background: #92ced9; } .sub-package:nth-child(8n+6){ background: #7bb3ca; } .sub-package:nth-child(8n+7){ background: #d3d0ef; } .sub-package:nth-child(8n+8){ background: #ffe18b; } .sub-package:nth-child(8n+1) .subs-package-hdr .input-group input[type="text"]{ background: #eef8ff; } .sub-package:nth-child(8n+1).selectedpack::before{ border: 4px solid #128fe4; } .sub-package:nth-child(8n+1) .pack-add-count .btn.btn-default{ color: #7bb3ca; } .sub-package:nth-child(8n+1) .pack-add-count .package-contact-btn a{color: #128fe4;} .sub-package:nth-child(8n+1) .pack-add-count .form-group{ border: 1px solid #128fe4; } .sub-package:nth-child(8n+1) .checkboxlbl .check:after{ border: solid #128fe4; border-width: 0 4px 4px 0; } .sub-package:nth-child(8n+1).selectedpack .pro-footer{ background:#addbfb; } .sub-package:nth-child(8n+1).selectedpack .pro-footer .sub-includes i{ color: #128fe4; border-color: #128fe4; } /* .sub-package:nth-child(8n+2){ background: #27ae60; } */ .sub-package:nth-child(8n+2) .subs-package-hdr .input-group input[type="text"]{ background: #e4feef; } .sub-package:nth-child(8n+2).selectedpack::before{ border: 4px solid #27ae60; } .sub-package:nth-child(8n+2) .pack-add-count .btn.btn-default{ color: #d3d0ef; } .sub-package:nth-child(8n+2) .pack-add-count .package-contact-btn a{color: #27ae60;} .sub-package:nth-child(8n+2) .pack-add-count .form-group{ border: 1px solid #27ae60; } .sub-package:nth-child(8n+2) .checkboxlbl .check:after{ border: solid #27ae60; border-width: 0 4px 4px 0;} .sub-package:nth-child(8n+2).selectedpack .pro-footer{ background:#b4e1c7; } .sub-package:nth-child(8n+2).selectedpack .pro-footer .sub-includes i{ color: #27ae60; border-color: #27ae60; } /* .sub-package:nth-child(8n+3){ background: #818ccf; } */ .sub-package:nth-child(8n+3) .subs-package-hdr .input-group input[type="text"]{ background: #eff1ff; } .sub-package:nth-child(8n+3).selectedpack::before{ border: 4px solid #818ccf; } .sub-package:nth-child(8n+3) .pack-add-count .btn.btn-default{ color: #ffe18b; } .sub-package:nth-child(8n+3) .pack-add-count .package-contact-btn a{color: #818ccf;} .sub-package:nth-child(8n+3) .pack-add-count .form-group{ border: 1px solid #818ccf;} .sub-package:nth-child(8n+3) .checkboxlbl .check:after{ border: solid #818ccf; border-width: 0 4px 4px 0; } .sub-package:nth-child(8n+3).selectedpack .pro-footer{ background:#c6cbe8; } .sub-package:nth-child(8n+3).selectedpack .pro-footer .sub-includes i{ color: #818ccf; border-color: #818ccf; } /* .sub-package:nth-child(8n+4){ background: #eabf13; } */ .sub-package:nth-child(8n+4) .subs-package-hdr .input-group input[type="text"]{ background: #fff6d1; } .sub-package:nth-child(8n+4).selectedpack::before{ border: 4px solid #eabf13; } .sub-package:nth-child(8n+4) .pack-add-count .btn.btn-default{ color: #a6cdb2; } .sub-package:nth-child(8n+4) .pack-add-count .package-contact-btn a{color: #eabf13;} .sub-package:nth-child(8n+4) .pack-add-count .form-group{ border: 1px solid #eabf13; } .sub-package:nth-child(8n+4) .checkboxlbl .check:after{ border: solid #eabf13; border-width: 0 4px 4px 0;} .sub-package:nth-child(8n+4).selectedpack .pro-footer{ background:#f9e9a9; } .sub-package:nth-child(8n+4).selectedpack .pro-footer .sub-includes i{ color: #eabf13; border-color: #eabf13; } /* .sub-package:nth-child(8n+5){ background: #9b59b6; } */ .sub-package:nth-child(8n+5) .subs-package-hdr .input-group input[type="text"]{ background: #f7e7fd; } .sub-package:nth-child(8n+5).selectedpack::before{ border: 4px solid #9b59b6; } .sub-package:nth-child(8n+5) .pack-add-count .btn.btn-default{ color: #92ced9; } .sub-package:nth-child(8n+5) .pack-add-count .package-contact-btn a{color: #9b59b6;} .sub-package:nth-child(8n+5) .pack-add-count .form-group{ border: 1px solid #9b59b6; } .sub-package:nth-child(8n+5) .checkboxlbl .check:after{ border: solid #9b59b6; border-width: 0 4px 4px 0;} .sub-package:nth-child(8n+5).selectedpack .pro-footer{ background:#deb6ee; } .sub-package:nth-child(8n+5).selectedpack .pro-footer .sub-includes i{ color: #9b59b6; border-color: #9b59b6;} /* .sub-package:nth-child(8n+6){ background: #e77e23; } */ .sub-package:nth-child(8n+6) .subs-package-hdr .input-group input[type="text"]{ background: #fff4ea; } .sub-package:nth-child(8n+6).selectedpack::before{ border: 4px solid #e77e23; } .sub-package:nth-child(8n+6) .pack-add-count .btn.btn-default{ color: #7bb3ca; } .sub-package:nth-child(8n+6) .pack-add-count .package-contact-btn a{color: #e77e23;} .sub-package:nth-child(8n+6) .pack-add-count .form-group{ border: 1px solid #e77e23; } .sub-package:nth-child(8n+6) .checkboxlbl .check:after{ border: solid #e77e23; border-width: 0 4px 4px 0;} .sub-package:nth-child(8n+6).selectedpack .pro-footer{ background:#fff2e7; } .sub-package:nth-child(8n+6).selectedpack .pro-footer .sub-includes i{ color: #e77e23; border-color: #e77e23; } /* .sub-package:nth-child(8n+7){ background: #1abc9c; } */ .sub-package:nth-child(8n+7) .subs-package-hdr .input-group input[type="text"]{ background: #e5fbf7; } .sub-package:nth-child(8n+7).selectedpack::before{ border: 4px solid #1abc9c; } .sub-package:nth-child(8n+7) .pack-add-count .btn.btn-default{ color: #d3d0ef; } .sub-package:nth-child(8n+7) .pack-add-count .package-contact-btn a{color: #1abc9c;} .sub-package:nth-child(8n+7) .pack-add-count .form-group{ border: 1px solid #1abc9c; } .sub-package:nth-child(8n+7) .checkboxlbl .check:after{ border: solid #1abc9c; border-width: 0 4px 4px 0;} .sub-package:nth-child(8n+7).selectedpack .pro-footer{ background:#92ead8; } .sub-package:nth-child(8n+7).selectedpack .pro-footer .sub-includes i{ color: #1abc9c; border-color: #1abc9c; } /* .sub-package:nth-child(8n+8){ background: #34495e; } */ .sub-package:nth-child(8n+8) .subs-package-hdr .input-group input[type="text"]{ background: #edf4fb; } .sub-package:nth-child(8n+8).selectedpack::before{ border: 4px solid #34495e; } .sub-package:nth-child(8n+8) .pack-add-count .btn.btn-default{ color: #ffe18b; } .sub-package:nth-child(8n+8) .pack-add-count .package-contact-btn a{color: #34495e;} .sub-package:nth-child(8n+8) .pack-add-count .form-group{ border: 1px solid #34495e;} .sub-package:nth-child(8n+8) .checkboxlbl .check:after{ border: solid #34495e; border-width: 0 4px 4px 0;} .sub-package:nth-child(8n+8).selectedpack .pro-footer{ background:#cedcea; } .sub-package:nth-child(8n+8).selectedpack .pro-footer .sub-includes i{ color: #34495e; border-color: #34495e; } .price-sub { color: #fff; font-size: 16px; font-weight: 500; padding: 0 8px; margin: 0px; text-align:left; position: relative;display:table;width:100%;} .price-sub .spnPackageCost{ font-size: 17px; font-weight: 500;} .price-sub.randomrow{ background: rgba(0,0,0,.1); padding: 5px 8px;} .price-sub .price-data{ width: 95%;font-size: 12px;display: inline-block;} .price-sub span.usrtype {background: rgba(0,0,0,.3); padding: 2px 5px; width: 34px; display: inline-block; border-radius: 2px; position:relative; margin-right: 8px;display: table-cell;vertical-align: middle;} .divlicdata,.divuserdata {display: table-cell;padding-left: 10px;} .price-sub a{ position: absolute; font-size: 12px; color: #fff; right: 7px; top: 12px;} .price-sub span.usrtype::after { width: 0; height: 0; border-top: 5px solid transparent; border-left: 5px solid rgba(0,0,0,.3); border-bottom: 5px solid transparent; position: absolute; content: ""; right: -5px; top: 45%;} .price-sub span.package-cost{ color: #fff; font-size: 26px; font-weight: 600; } .sub-total { color: rgba(255,255,255,.8); font-size: 18px; padding: 0 8px; margin-top:0px;} .sub-package.package-form .price-data{color: rgba(255,255,255,.8);font-size: 18px;padding: 0 8px;margin-top: 7px;} .sub-package.package-form .price-data.finaltotal span.pkgnettotal{ font-size: 18px !important;} .sub-total span{ color: rgba(255,255,255,.8); font-size: 14px; } .bill-type { color: rgba(255,255,255,.8); font-size: 14px; padding: 0 8px;} .switch { position: relative; display: inline-block; width: 73px; height: 22px; margin: 0 5px;}/**width: 60px; **/ .switch input { opacity: 0; width: 0; height: 0;} .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #2196F3; -webkit-transition: .4s; transition: .4s; height: 26px; } .slider:before { position: absolute; content: ""; height: 18px; width: 18px; left: 8px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s;} input:checked + .slider { background-color: #ccc;} input:focus + .slider { box-shadow: 0 0 1px #ccc;} input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);} .slider.round { border-radius: 22px;} .slider.round:before { border-radius: 50%;} /* .tab { overflow: hidden; background-color: #f1f1f1; max-width: 280px; margin: auto; border-radius: 15px; } .tab button { background-color: #ececec; float: left; border: none; outline: none; cursor: pointer; padding: 12px 15px; transition: 0.3s; font-size: 17px; width: 50%; text-transform: uppercase; color:#6b6b6b;} .tab button:hover { background-color: #ddd;} .tab button.active { background:none; height:auto; background-color: #128fe4; color:#fff;} */ .subscription-container .tabcontent { display: flex; flex-wrap:wrap;} .pro-footer { background: #fff; color: #666; padding: 8px; position: relative; min-height: 142px; max-height: 142px; overflow-y: auto;} .pro-footer p { font-size: 22px; font-weight: 600; margin: 0px 0px 5px 0px; color:#303030;} .sub-includes { width: 100%; position: relative; display: inline-block; line-height: 25px; padding-left: 22px; font-size: 14px; position:relative; color: #303030;} .sub-includes::before { content:"\f00c"; font: normal normal normal 14px/1 FontAwesome; position:absolute; left: 0px; top: 6px; opacity: 1; color: #808080; } .sub-includes i { float: right; border: 1px solid #ccc; text-align: center; width: 17px; height: 17px; border-radius: 50%; color: #9d9d9d; font-size: 14px; padding-top: 1px; position:relative;} .sub-includes i .infotooltip{ position: absolute; right: 0px; background: #fff; border: 1px solid; min-width: 200px; top: 20px; padding: 5px; display:none;z-index:1;max-height:200px;overflow-y:auto;} .sub-includes i:hover .infotooltip{display:block;} .sub-includes li{ position:relative; } .sub-includes li::before { content:"\f00c"; font: normal normal normal 14px/1 FontAwesome; position:absolute; left: -22px; top: 6px; opacity: 1; color: #808080;} /*.sub-includes li {list-style: disc; margin-left:10px;}*/ .subsc-total{ background:rgba(0,0,0, .1); bottom:0px; width:100%; padding:50px 0; margin-top:50px;clear:both; } .subsc-total-container{ width: 100%; max-width: 1396px; padding: 15px; text-align: right; margin: auto; } .subs-package-items { float: right; width: 100%; max-width: 500px; padding: 0; margin: 0; } .subs-package-items li { width: 100%; text-align: right; border: 1px solid #fff; background: #ebf5fb; color: #303030; font-size: 17px; padding: 8px 15px; font-weight: 600; list-style: none;} .subs-package-items li.net-t-items { border: 0px solid #fff; background: #fbf3d2; margin-top: 5px; margin-bottom:10px; } .subs-button { padding: 10px 40px; color: #fff; background: #ccc; font-size: 18px;text-align: center; margin-top: 20px; display: inline-block; transition: all .4s;} .nxt-btn { background: #48b361; } .subs-button:hover { color:#fff; transform:scale(1.03); } .subs-button .fa{ width: auto;height: auto; top: 0; margin:0 5px; } .bill-bar{ background:rgba(91, 103, 109, .98); color:#fff; padding:10px; position:fixed; bottom:0px; width:100% !important; z-index:11; left: 0; } .bill-conteiner{ width: 90%; max-width: 1440px; padding:5px 15px;text-align: right; margin: auto; } /*width: 100%;Harjit 24Dec2021*/ .bill-conteiner ul { display:inline-block; margin-right: 80px!important;list-style: none; } .bill-conteiner li { font-size: 22px; font-weight: 600; } .bill-conteiner li.net-t-items { font-size: 22px; font-weight: 600; } .bill-conteiner .subs-button { margin-top: 10px; vertical-align: top; font-size:22px; } /*.close-billbar { position: absolute; right: 30px; top: 40%; transform: translateY(-50%); color: #fff; font-size: 30px; transition:all .3s;}top: 50%;Harjit 24Dec2021*/ .close-billbar { position: absolute; right: 30px; top: 0%; transform: translateY(-60%); color: #fff; font-size: 30px; transition: all .3s; background: #5e696f; width: 43px; border-radius: 5px; text-align:center;}/*chat box overwrite**/ .close-billbar i{ top:0; height:auto; width: auto;} .close-billbar:hover { font-size:28px; } /**Add-ons**/ .add-ons-addit .subscr-container { border: none; margin-top: 0;padding: 0; } .added-packs{ margin-bottom:20px; } .added-packs li { width: 100%; display: inline-block; text-align: left; padding: 10px 15px; background: #f0f0f0; font-size: 22px; text-transform: uppercase; color: #303030; font-weight: 600;margin-bottom:10px; } .added-packs li:last-child{ margin-bottom:2px; } .added-packs li span { margin-left:10px; font-size: 16px; text-transform: capitalize; color: #39abfc; } .added-packs li span.total-of-packs { margin-left:10px; float:right; font-size: 22px; text-transform: capitalize; color: #303030; } .added-packs li span.total-of-packs sub{ vertical-align: baseline; font-weight: 400; color:#303030; font-size: 16px; text-transform: lowercase; } .subs-heading { text-align: left; width: 100%; display: inline-block; position: relative; font-size: 22px; margin-top: 10px; padding-bottom:10px;} .subs-heading span{ font-size: 18px; } .subs-heading::after { position: absolute; width:100%; bottom:2px; left: 0; background: #525f65; height:1px; content:"";} .subs-heading::before { position: absolute; content: ""; background: #525f65; height: 5px; width: 205px; bottom: 0;} .storag-adds { display: inline-block; border: 1px solid #ccc; width: 100%; max-width: 23%; border-radius: 7px; text-align: left; margin: 1%; float: left; position: relative; overflow:hidden; padding-bottom: 42px;} .storag-adds button.btn-adons{position:absolute; left: 0; bottom: 0px;} .storag-adds-cntent { float: left; width: 100%; padding-bottom: 20px;} .subs-adds-list { float: left; width: calc(100% + 30px); margin: 0 -15px; display: flex; flex-wrap: wrap;} .storag-adds h5 { padding: 15px; font-size: 20px; font-weight: 600; color: #666; position: relative; padding-bottom: 0; min-height: 60px; line-height: 26px;} .storag-adds h5 span { font-size: 14px; font-weight: 500; color: #999; margin-left:7px;} .storag-adds h5 br ~ span { vertical-align:top; margin-left:0} .storag-adds .dinline-block{display:inline-block; width:auto;} .storag-adds .lineheight36{line-height:36px;} .left-conadds { display: inline-block; padding: 5px 10px 0px 15px;font-weight:600; font-size: 25px; color: #303030; width:40%; float: left;} .left-conadds.w-100{width:100%;} .left-conadds.w-100 .form-control{width:100% !important; font-size:14px; margin-bottom: 5px;} .left-conadds.w-100 span.cntinlineblock span{ display:inline-block; width: auto;} .left-conadds small{font-size:14px;} .left-conadds sub { font-size: 16px; vertical-align: middle; font-weight:400;} .left-conadds span { font-size: 14px; width: 100%; display: inline-block; vertical-align: top; font-weight:400; color: #797979;} .right-conadds { display: inline-block; padding: 5px 10px 0px 15px; font-weight:600; font-size: 25px; color: #303030; width:60%; float: left;} .right-conadds sub { font-size: 16px; vertical-align: middle; font-weight:400; } .right-conadds span { font-size: 14px; width: 100%; display: inline-block; vertical-align: top; font-weight:400; color: #999;} .btn-adons { width: 100%; border: none; text-align: center; font-size: 19px; padding: 10px; text-transform: uppercase; background: #eaae34; color: #fff; transition:all .4s; cursor:pointer;} .btn-adons i{ width: auto;height: auto; top: 0; margin:0;} .storag-adds:nth-child(6n+1) .btn-adons{background: #eaae34;} .storag-adds.added:nth-child(6n+1) h5{color: #eaae34;} .storag-adds:nth-child(6n+2) .btn-adons{background: #1abc9c;} .storag-adds.added:nth-child(6n+2) h5{color: #1abc9c;} .storag-adds:nth-child(6n+3) .btn-adons{background: #9b59b6;} .storag-adds.added:nth-child(6n+3) h5{color: #9b59b6;} .storag-adds:nth-child(6n+4) .btn-adons{background: #128fe4;} .storag-adds.added:nth-child(6n+4) h5{color: #128fe4;} .storag-adds:nth-child(6n+5) .btn-adons{background: #27ae60;} .storag-adds.added:nth-child(6n+5) h5{color: #27ae60;} .storag-adds:nth-child(6n+6) .btn-adons{background: #818ccf;} .storag-adds.added:nth-child(6n+6) h5{color: #818ccf;} .add-ons-addit .pro-footer { min-height: auto; } .add-ons-addit .pro-footer .v-more-subs { margin: auto; color: #128fe4; width: 100%; text-align: center; display: inline-block; margin-top: 20px;} .enterprice-price{ background: #fff;padding:5px 10px;color: #303030;font-size: 14px; margin-top:10px;} .enterprice-price .packagedes{padding:5px 0; border-bottom:1px solid #ccc;} .enterprice-price .packagedes:last-child{ border-bottom:none;} .enterprice-price .packagedes span { margin-left: 10px; font-size: 14px; text-transform: capitalize; color: #5d5d5d; font-weight: 400;} .enterprice-price .packagedes span:first-child{margin-left: 2px;} /**paynow***/ .pay-account-det{width: 100%; padding:0 15px; float:left; max-width:35%; margin-bottom: 20px;} .pay-billing-det{width: 100%; padding:0 15px; float:left; max-width:35%; margin-bottom: 20px;} .pay-order-det{width: 100%; padding:0 15px; float:left; max-width:30%; margin-bottom: 20px;} .subs-heading.greenh::before, .subs-heading.greenh::after{ background: #27ae60;} .subs-heading.blueh::before, .subs-heading.blueh::after{ background: #128fe4;} .subs-heading.prpleh::before, .subs-heading.prpleh::after{ background: #818ccf;} .account-subs-form { margin-right: -15px; margin-left: -15px;} .account-subs-form label { font-size: 16px; color: #303030;} .account-subs-form label sup { color: #e25a66; vertical-align: super; font-size: smaller; font-weight: 600;} .account-subs-form input { width:100%;} .account-subs-form .checkb input { width:auto;} .account-subs-form select{ width: 100%; border: 1px solid #bfbfbf; color: #686767; font-size: 12px; padding: 10px !important; background-color:#fff;} .colm-30 { padding: 7px 15px; width: 100%; max-width: 30%; text-align: left; float: left; } .colm-50 { padding: 7px 15px; width: 100%; max-width: 50%; text-align: left; float: left; } .colm-70 { padding: 7px 15px; width: 100%; max-width: 70%; text-align: left; float: left; } .colm-100 { padding: 7px 15px; width: 100%; max-width: 100%; text-align: left; float: left; } .max-50 { width: 100%; max-width:50%; text-align: left; float: left;} .max-50:last-child {max-width: calc(50% - 20px); margin-left: 20px;} /* .w-100{width: 100%; text-align: left; float: left; } time track right panel start btn effecting - HS 22May2025***********/ .lblue-subs { background: #ebf5fb; float: left; margin: 15px; padding: 10px 0; width: calc(100% - 30px);} .sub-headbill { text-align: left; padding: 0 15px; font-size: 20px; color: #303030;} .radio-subs p { color: #303030; display: inline-block; padding-right: 10px;} .radio-subs p sup { color: #e25a66; vertical-align: super; font-size: smaller; font-weight: 600;} .colm-100.ccard-de input{max-width:80%;} .ccard-type { display: inline-block; font-size: 38px; line-height: 36px; padding: 2px; background: #fff; vertical-align: top; text-align: center; color: #1a1f71;} .ccard-type i{ top:0;} .produts-to-pay { margin-right: -15px; margin-left: -15px; float: left;} .produts-to-pay ul { float: left; max-height: 230px; overflow-y: auto;} .ordered-pro { width: calc(100% - 30px); padding: 10px; background: #f6f5f8; margin: 15px; float: left; position:relative; margin-bottom: 0;} .ordpro-img { width: 100%; max-width: 75px; float: left; border: 1px solid #ccc; overflow: hidden; text-align:center; min-height: 75px;} .ordpro-img img { width: 75px; height: 75px; vertical-align: middle;object-fit:contain;} .ordpro-detai { float: left; text-align: left; padding: 0 15px; width: 100%; max-width: calc(100% - 80px); padding-right: 100px;} .ordpro-quant { width: 100px; position: absolute; right: 10px; text-align: right; height: 80%;} .ordpro-quant input { width: 55px; text-align: center; padding: 5px !important; font-weight: 700; border-radius: 5px;}/*width: 45px; - Harjit4Jan2022*/ .ordpro-quant input:focus { padding: 5px !important;} .ordpro-name { color: #1690e4; font-weight: 600; font-size: 16px;} .ordpro-price { font-size: 13px; color: #8e8e8e;} .ordpro-remove a { color: #df5764; text-transform: uppercase; font-size: 12px; width: 100%; float: left; margin-top: 16px; } .ordpro-totl { bottom: 0; position: absolute; right: 0; font-weight: 600; color: #303030;font-size:14px;} .produts-coupn { float: left; width: 100%; text-align: left; margin: 15px 0; padding: 10px 0; border-top: 2px dotted #8c8c8c; border-bottom: 2px dotted #8c8c8c;} .produts-coupn input { width: 70%; float: left; padding: 8px !important; font-size: 14px;} .produts-coupn .submitc-btn { width: 30%; float: left; padding: 9px 8px !important; background-color:#e9e9ed; text-align:center; color:#000; font-size: 14px; border: none; border-radius: 0; border: 1px solid #bfbfbf; border-left: 0; transition: all .3s;} .produts-coupn .submitc-btn:hover { cursor: pointer; background: #128fe4; color: #fff;} .produts-coupn input:focus { padding: 8px !important;} .produts-billde { float: left; width: 100%;} .produts-billde .subs-package-items li.net-t-items { background: #128fe4; color: #fff;} .produts-billde .subs-button{width:100%; max-width:48%; margin:1%; padding:10px; float: left;} .produts-billde .subs-button:last-child{width:100%; max-width:100%; margin:0; padding:10px;} .viewd-btn { background: #fff; color: #494949 !important; } .prev-btn{ background: #3498db;} .pack-add-count .input-group-btn { justify-content: center; align-content: center; align-items: center; } .pckg_desc ul li { background-image: url('../images/check-green.png'); background-repeat: no-repeat; background-position: left 8px; line-height: 26px; display: block; font-size: 14px; color: #404040; padding: 1px 0px 1px 20px; border-top: 1px solid #f2f2f2; } .pckg_desc ul li:last-child{border-bottom: 1px solid #f2f2f2} /******Store Front - Pricing & Sign Up css*************/ .nav.nav-pills.flex-column.left-tab.responivecustomtab.lefttabiconfix{ float: left; width: 100%;} #reportstabsdata .left-menu-tab.new_tab ul.nav.nav-pills.flex-column.left-tab.responivecustomtab { float: left; width: 100%;}/***For Configuration tabs***/ .remove_mt-2 .listing .container-fluid.mt-2{ margin-top: 0px!important; float:left;} /*******Company Setup - Plans Tab*************/ .Planlisting .stepwizard-d span { border: 1px solid #ccc; width: 36px; margin: 0 15px;} .Planlisting .step-1, .Planlisting .step-2 { width: 30px; height: 30px; align-items: center; display: flex; justify-content: center;} .listing .table-responsive table.planstable th{ font-size: 20px;} .listing .table-responsive table.planstable td{ font-size: 16px;} .listing .table-responsive table.planstable td:last-child{padding-right: 50px!important;} button.btn.btn-default.licdown {border: 1px solid #d4d4d4; background: #f4f4f4; border-radius:7px 0px 0px 7px!important;} button.btn.btn-default.licup {border: 1px solid #d4d4d4; background: #f4f4f4; border-radius:0px 7px 7px 0px!important;} .pt_maxheight700{max-height: 700px!important;} table.planstable .multiselect__content-wrapper{max-height: 150px!important;} .listing .table-responsive table.planstable td.childtext{padding-left:40px!important;} .listing .table-responsive table.planstable tr.parentrows{background: #f3f3f3!important;} .listing .table-responsive table.planstable tr.adddiscount{background: #f3f5f7!important;} .listing .table-responsive table.planstable tr.adddiscount a{padding-left: 10px;} .listing .table-responsive table.planstable tr.childrows {background: #fafafa!important;} .listing .table-responsive table.planstable tr.subtotal{background: #f3f1ec!important;} .listing .table-responsive table.planstable tr.subtotal td{font-size: 16px;} .listing .table-responsive table.planstable tr.grandtotal{background: #edecea!important;} .listing .table-responsive table.planstable tr.grandtotal td{font-size: 18px; padding-top:20px!important; padding-bottom:20px!important} .pack-add-count .buynowbtn a { border-radius: 10px !important; width: auto; max-width: 60%; min-width: 55%; margin: auto; border: none !important; border-radius: 15px; float: initial; height: auto; background: #fff; color: #303030; text-transform: uppercase; font-weight: 500; font-size: 16px;} .pack-add-count .buynowbtn a:hover {background: rgba(0, 0, 0, .3); color: #ffffff;} .discounted-price {padding: 0 12px; font-size: 18px; font-weight: bold;} .price-sub .spnPackageCost {font-size: 16px; font-weight: normal;} .sub-package {margin: 15px;} .showDiscountType {line-height: 20px; padding-top: 20px;} .btn-space {border-radius: 30px 0px 0px 30px !important; padding: 10px 15px 10px 25px;} /*******Company Setup - Plans Tab*************/ /******Add Plans - Rates Tab******/ .plan-rate-detail .switch{width: 70px!important;} /******Add Plans - Rates Tab******/ /***Project Messages******/ .message-bx {display: flex; margin-bottom: 20px; padding: 5px; transition: all .3s ease; border: 1px solid transparent;} .user-avatar {width: 53px; height: 53px; border-radius: 5px; overflow: hidden; margin-right: 12px; border: 1px solid #dcdcdc;} .user-avatar img {width: 100%; object-fit: cover;} .message-data {position: relative;} .message-data {flex: 1;} .author-name {font-weight: 500; color: #444444; font-size: 14px;} .author-name.project-name {font-weight: 500; font-style: italic;} .author-name.message-time {font-weight: 400; font-size: 12px; color: #4f91ce;} .message-bx .message-body {word-break: break-all;} .message-footer {position: relative; margin: 0 auto; margin-right: auto; border-radius: 3px; height: 73px; min-height: 79px; max-height: 100px; border: 1px solid #dadada; background: #ffffff; display: flex; flex-direction: column;} .message-footer textarea {width: 100%; border: none; padding: 10px; outline: none; box-sizing: border-box; resize: none; min-height: 45px; font-size: 14px;} .msgfoot {background: #fff; display: flex; justify-content: space-between; padding: 0 9px;} .msgfoot .msgleft {display: flex;} .dev_divFilesMessageComment .msgrightt a{color: #aaa; font-size: 17px; margin: auto 3px;} .message-bx:first-child .msg-actions {top: -6px !important;} .message-data:hover .msg-actions {display: block;} .msg-actions { background: #fff; border: 1px solid #cdcdcd; padding: 1px 5px; position: absolute; right: 10px; top: -15px; display: none;} .msg-actions ul li { list-style: none; display: inline-block; padding: 4px 2px;} .msg-actions ul li a { color: #626262; padding: 5px; position: relative;} /***Project Messages******/ #dayAndnightShift .switch{width:112px;} .text-purple{color: #746caf!important;} .text-brown{color: #7d695a!important;} .text-orange{color: #e67932!important;} .text-darkorange{color: #cc7a41!important;} .newaddprojects .left-icon-m em { font-size: 35px!important;} .stepwizard-step .rounded-circle{width: 25px; text-align: center;} /**** Project Mgmt - Detail Tabs Colored Icons****3Feb25 Trent Sir Approved *****/ /* ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(1) .listing span em {color: #65451f;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(2) .listing span em {color: #C37857;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(3) .listing span em {color: #3a9188;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(4) .listing span em {color: #1b6ca8;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(5) .listing span em {color: #333146;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(6) .listing span em {color: #FF4D4D;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(7) .listing span em {color: #09b8d0;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(8) .listing span em {color: #5ad721;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(9) .listing span em {color: #765827;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(10) .listing span em {color: #882042;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(11) .listing span em {color: #9973e2;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(12) .listing span em {color: #00909E;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(13) .listing span em {color: #db6b97;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(14) .listing span em {color: #757575;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(15) .listing span em {color: #e98b50;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(16) .listing span em {color: #385b66;} */ ul.responsivecustomtab.lefttabiconfix li.menu-item a.active .listing span em {color: #fff;} ul.responsivecustomtab.lefttabiconfix li.menu-item:hover .listing span em {color: #fff!important;} ul.responsivecustomtab.lefttabiconfix li.menu-item:hover .listing{color: #fff!important; background: #525f65;} ul.responsivecustomtab.lefttabiconfix li.menu-item a.nav-link.left-menu{padding: 0px;} ul.responsivecustomtab.lefttabiconfix li.menu-item .listing {padding: 8px 5px;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(1) .listing span em {color: #65451f;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(2) .listing span em {color: #FB7C44;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(3) .listing span em {color: #17c8b6;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(4) .listing span em {color: #23a5fd;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(5) .listing span em {color: #8c8a99;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(6) .listing span em {color: #FF5C5C;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(7) .listing span em {color: #00bfd9;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(8) .listing span em {color: #54d21a;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(9) .listing span em {color: #aa8547;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(10) .listing span em {color: #cc5e82;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(11) .listing span em {color: #9973e2;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(12) .listing span em {color: #00909E;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(13) .listing span em {color: #A59D84;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(14) .listing span em {color: #757575;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(15) .listing span em {color: #e98b50;} ul.responsivecustomtab.lefttabiconfix li.menu-item:nth-child(16) .listing span em {color: #385b66;} /**** Project Mgmt - Detail Tabs Colored Icons****3Feb25 Trent Sir Approved *****/ .vue-lightbox-close { background: #464646 !important; border-radius: 100%; left: 10px; padding: 6px !important; height: 30px !important; width: 30px !important; line-height: 17px; margin-top: 20px; z-index: 9; } #modalAddTeam .multiselect{z-index:unset!important;} /**Harjit 24 Feb 25**/ /******Notification popup - Ridham PC**********/ li .mobile-action.more-action-set .actions.mobileaction{width:27px;} li .mobile-action.more-action-set .actions.mobileaction .action-list-box{position: absolute; width: 0px; display: inline-block;} .detail.cstm-width p {line-height: 22px !important; text-wrap: wrap;} #divPopNotificationData .list_rw.list-view-more{ padding-left: 10px; border-bottom: none; padding-top: 20px!important; padding-bottom: 20px!important;} .lineht_24{line-height: 24px;} #divPopNotificationData .inbox_list.notify-list-new{height: 400px;} .navbar #divPopNotificationData div{line-height:normal!important;} .navbar #divPopNotificationData .inbox_list.notify-list-new .listing_notify .notify-container .list_rw .detail p{text-wrap: auto!important;} /* .menu-left-wrapper #notificationButtons #MarkAllRead{line-height: 45px;} *****/ .menu-left-wrapper .navbar-nav #divPopNotificationData em{padding-right:unset;} .modal-content.modal_inmenu .modal-header{line-height: normal; padding: 12px 12px 12px 60px;} .modal_inmenu label, .modal_inmenu div {line-height: normal;} .navbar-dark .navbar-nav.header-menu-for-left .modal_inmenu .nav-link{padding: 10px!important; border-radius: 0px;} ul.header-menu-for-left .modal-content.modal_inmenu li.nav-item{margin-bottom: -1px;} .menu-left-wrapper .navbar-nav .modal_inmenu em{padding-right: 0px;} /******Notification popup - Ridham PC**********/ .module-l-grey-clr.div-click-event{padding: 0px!important;} .list-actions .form-group label {line-height: 1.5;} /**Mohit Add report - folder popup***/ .vc-container .vc-time-icon{margin-top: 20px;} @media (max-width: 768px) { #ViolationTimeReminder .col-lg-12.listing{overflow: auto;} #ViolationTimeReminder .col-lg-12.listing .table-responsive.tableborder{min-width: 720px;} } .multiplechoice .dvMultioptions span.input-group-text.p-0.px-2{ width: 32px;} .multiplechoice .dvMultioptions span.input-group-text.p-0.px-2 input{ margin-left: 0px!important;} #divGlobalTaskList table#tableGlobalTaskList td a.round-icon-small{float:none;} #divGlobalTaskList table#tableGlobalTaskList #row_0 td{vertical-align: top;} #divGlobalTaskList table#tableGlobalTaskList thead span.text-danger{display: contents;} /****Location/Index Ridham 29April2025****/ #map.map-container { height: 250px; width: 100%; border: 1px solid #ccc;} .pac-logo:after{display: none;} .pac-container.pac-logo{z-index: 99999 !important; border-top: none;} /* display: block !important; */ /****Location/Index Ridham 29April2025****/ /****AssetAssignment/Add - Ajay Mandayal****/ .dynamic-multiselect .multiselect__tag{margin-bottom:2px; margin-top:3px;} .dynamic-multiselect .multiselect__strong{margin-bottom:4px; margin-top:4px;} .dynamic-multiselect .multiselect.multiselect--disabled{opacity: .8!important;} .dynamic-multiselect .multiselect.multiselect--disabled .multiselect__select{background:none;} .dynamic-multiselect .multiselect.multiselect--disabled .multiselect__tags{background:#d9d9d9!important;} .dynamic-multiselect .multiselect.multiselect--disabled .multiselect__tags span.multiselect__tag{background:#249d67;} .dynamic-multiselect .multiselect.multiselect--disabled .multiselect__tags span.multiselect__tag .multiselect__tag-icon::after {color:#000;} /****AssetAssignment/Add - Ajay Mandayal****/ #reportstabsdata #avatar {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} #reportstabsdata #avatar .fileFieldAttachment .col-12.mb-2.mt-2{padding:0px;} .ticketsmallfix .action-list-box-ddl #closeaction{position:absolute; right:-1px; top:-10px; opacity:0.9; cursor: pointer;} .ticketsmallfix .action-list-box-ddl{top: 58px!important; overflow: visible!important;} #itemsearch .location .form-group{float:left; width: 100%;} /**** Add Custom Report - Mohit 15May2025*****/ .view-button {margin-top: auto; border: none; color: white; padding: 2px 12px; font-size: 12px; border-radius: 12px; cursor: pointer; user-select: none; width: 140px; align-self: center; position: absolute; bottom: 10px; left: 33px; } .user_type_choice label.btn.btn_cstm.active .view-button.btn-info{color: #00b298; background-color: #fff;} .show_hide_folder {position: absolute; right: 30px; z-index: 999; top: 5px;} .close-folder-popup { margin-top: -14px; margin-right: -11px;} #modulelist .md-accordion .card {border: none;} .des_acr .card-header.heading-border h5 { font-size: 1.25rem; line-height: 40px; text-transform: capitalize;} .des_acr .card-header.heading-border h5 span { padding-bottom: 0; margin-bottom: 0;} .des_acr .md-accordion .card .card-header.heading-border { padding: 0;} .des_acr .custom-reports-icons { min-width: inherit; height: 104px; width: 33%;} .des_acr .verticle-action.lft25 { right: 2px; top: 39px;} .des_acr .custom-reports-icons{height: 115px!important;} .fields-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px 8px; padding-left: 5px; list-style: none; margin: 0; font-size: 13px; user-select: text;} .fields-list li { padding: 5px 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background: #f9f9f9; border:1px solid #ddd; border-radius: 5px; font-weight: 500;} #fieldSearch:hover { cursor: pointer;} .section-title { font-weight: 600; margin-bottom: 0px; font-size: 18px; color: #333;} #CustommodalManageView .verticle-action.lft25{right: 20px; top: 32px;} @media (max-width: 768px) { .des_acr .custom-reports-icons{ width: 50%;} .view-button{ position: unset; margin-top: 10px; width: 80%;} .fields-list{grid-template-columns: repeat(2, minmax(0, 1fr));} } /**** Add Custom Report - Mohit 15May2025*****/ /**********Attendance/UserTrack - View Attendence Detail popup Rahul Bhandari*************/ #tblAttendDetail tr td { overflow: visible !important;} .table_1400 table{min-width: 1400px;} .table_1400 table tr td:nth-child(2){ min-width: 130px;} .table_1400 table tr td:nth-child(3){ min-width: 130px;} /**********Attendance/UserTrack - View Attendence Detail popup Rahul Bhandari*************/ /********** HR/ShiftRoster - Rahul Kumar 20 May 2025*******************/ .blackalerts{position: absolute; top: -1px; right: 137px;min-width: 650px; text-align: center;} .alert-black{color: #ffffff; background-color: #000000; border-color: #299bec; padding: 14px; z-index: 9; border-radius: 15px; font-size:14px; box-shadow: 0px 5px 8px 4px rgba(0,0,0,0.67); -webkit-box-shadow: 0px 5px 8px 4px rgba(0,0,0,0.67); -moz-box-shadow: 0px 5px 8px 4px rgba(0,0,0,0.67); } .blackalerts em{position: absolute; right: -8px; top: 14px; font-size: 24px; color: #299bec; z-index: 99;} .expand-list_rr {position: absolute; right: -10px; top: 50%; display: inline-block; z-index: 98;} .expand-list_rr .expand-list-btn {position: relative; display: flex; height: 45px; width: 30px; background: #424f55;} .treeview-container.collapsed { width: 0 !important; visibility: hidden; overflow: hidden; transition: 1s!important;} .schedule-container.expand { width: 100% !important; transition: 1s; padding-right: 0px!important;} .e-toolbar-item.e-views.e-active-view button{background: #536789!important;} .schedule-container.expand .expand-list_rr {right:0px;} .schedule-container.expand .expand-list_rr em{transform: rotate(180deg);} .e-toolbar-right .e-toolbar-item.e-today{display: none;} .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-item.e-separator{display: none;} .e-toolbar .e-toolbar-item:not(.e-separator):not(.e-spacer){padding: 0px;} .e-toolbar .e-toolbar-items{background: #94afde !important;} .e-schedule .e-schedule-toolbar .e-toolbar-items.e-tbar-pos>div { background: #728ab3;} .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text{color:#fff!important; padding: 7px 8px 8px 8px!important;} .e-toolbar .e-toolbar-item .e-tbar-btn{background:#728ab3!important; color:#fff!important;} .e-toolbar .e-toolbar-item .e-tbar-btn:hover{background: #536789!important;} .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-tbar-btn-text{color:#fff!important; } .e-toolbar .e-toolbar-item .e-tbar-btn .e-icons{color:#fff!important;} .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn{ border-radius:0px!important; background: rgba(0,0,0,.10);} .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:focus, .e-schedule .e-schedule-toolbar .e-toolbar-items .e-toolbar-left .e-tbar-btn.e-icon-btn:hover{ border-radius:0px!important;} .e-schedule .e-timeline-view .e-appointment .e-appointment-details, .e-schedule .e-timeline-month-view .e-appointment .e-appointment-details{ margin-left: 4px;} .e-schedule .e-event-resize.e-left-handler{ background: #51b1f2; width: 3px!important;} .e-schedule .e-timeline-view .e-date-header-wrap table td.e-current-day, .e-schedule .e-timeline-month-view .e-date-header-wrap table td.e-current-day { color: #fff; font-weight: normal; background: #c0c0c0!important;} .e-schedule .e-timeline-view .e-date-header-wrap table tbody td, .e-schedule .e-timeline-month-view .e-date-header-wrap table tbody td{ background: #f0f0f0!important;} .e-schedule .e-timeline-view .e-appointment .e-subject, .e-schedule .e-timeline-month-view .e-appointment .e-subject{font-weight:600!important;} .e-schedule .e-timeline-view .e-appointment .e-time, .e-schedule .e-timeline-month-view .e-appointment .e-time{font-weight:500!important;} .rostershiftsright{max-height:604px; overflow-y:auto; min-height: 604px;} .e-schedule .e-timeline-view .e-appointment, .e-schedule .e-timeline-month-view .e-appointment {color: #303030!important; margin-top:9px;} .e-resource-tree-icon{display: none;} .schedule-vue-sample .drag-sample-wrapper { display: -ms-flexbox; display: flex;} .schedule-vue-sample .schedule-container { padding-right: 10px; width: 100%;} .schedule-vue-sample .e-device-hover { background-color: #e0e0e0 !important;} .schedule-vue-sample .title-container { padding-bottom: 10px;} .schedule-vue-sample .treeview-external-drag #waiting { height: 100%; padding: 0;} .schedule-vue-sample .treeview-external-drag #waitdetails { width: 95%; float: left; height: 100%; padding: 0;} .schedule-vue-sample .title-text { font-size: 18px; margin: 0px; font-weight: bold; text-align: center;} .schedule-vue-sample .treeview-external-drag #waitlist { width: 100%; height: 50%; font-weight: bold; font-size: 12px; padding: 5px 0 0 10px; overflow: hidden; text-overflow: ellipsis; } .schedule-vue-sample .treeview-external-drag #waitcategory { height: 50%; font-size: 10px; opacity: 0.6; padding-left: 10px; padding-top: 5px; overflow: hidden; text-overflow: ellipsis; } .schedule-vue-sample .treeview-external-drag .e-list-text, .schedule-vue-sample .treeview-external-drag.e-rtl .e-list-text, .e-bigger .schedule-vue-sample .treeview-external-drag .e-list-text, .e-bigger .schedule-vue-sample .treeview-external-drag.e-rtl .e-list-text { border: 0.5px solid #E1E7EC; height: 50px; line-height: 20px !important; padding: 5px; width: 100%; background:#f0f0f0; font-weight:500;} .schedule-vue-sample .treeview-external-drag .e-list-parent, .schedule-vue-sample .treeview-external-drag.e-rtl .e-list-parent, .e-bigger .schedule-vue-sample .treeview-external-drag .e-list-parent, .e-bigger .schedule-vue-sample .treeview-external-drag.e-rtl .e-list-parent { height: 100%; padding: 0 2px; } .schedule-vue-sample .treeview-external-drag .e-list-item, .e-bigger .schedule-vue-sample .treeview-external-drag .e-list-item { height: 100%; padding: 0 0 5px 0; position: relative; } .schedule-vue-sample .treeview-external-drag .e-fullrow, .e-bigger .schedule-vue-sample .treeview-external-drag .e-fullrow { height: 55px;top:32px; } .schedule-vue-sample .treeview-external-drag .e-list-item.e-hover>.e-fullrow, .schedule-vue-sample .treeview-external-drag .e-list-item.e-active>.e-fullrow, .schedule-vue-sample .treeview-external-drag .e-list-item.e-active.e-hover>.e-fullrow, .e-bigger .schedule-vue-sample .treeview-external-drag .e-list-item.e-hover>.e-fullrow, .e-bigger .schedule-vue-sample .treeview-external-drag .e-list-item.e-active>.e-fullrow, .e-bigger .schedule-vue-sample .treeview-external-drag .e-list-item.e-active.e-hover>.e-fullrow { background-color: transparent; border-color: transparent; box-shadow: none !important; } .fluent2-highcontrast .schedule-vue-sample .treeview-external-drag .e-list-item.e-hover>.e-text-content .e-list-text { color: #fff; } .schedule-vue-sample .treeview-external-drag .e-text-content, .e-bigger .schedule-vue-sample .treeview-external-drag .e-text-content, .schedule-vue-sample .treeview-external-drag.e-rtl .e-text-content, .e-bigger .schedule-vue-sample .treeview-external-drag.e-rtl .e-text-content {padding: 0; background-color: inherit;} .schedule-vue-sample .e-drag-item.e-treeview.treeview-external-drag, .e-bigger .schedule-vue-sample .e-drag-item.e-treeview.treeview-external-drag { padding: 0 !important;} .schedule-vue-sample .e-schedule.schedule-drag-drop .e-timeline-view .e-resource-left-td, .schedule-vue-sample .e-schedule.schedule-drag-drop .e-timeline-month-view .e-resource-left-td { width: 230px;} .schedule-vue-sample .e-schedule.schedule-drag-drop .e-resource-cells.e-parent-node .specialist-category {padding-left: 0px;} .e-schedule.schedule-drag-drop .e-resource-cells.e-parent-node .template-wrap {padding: 3px 0px;} .schedule-vue-sample .e-schedule.e-rtl.schedule-drag-drop .e-resource-cells.e-parent-node .specialist-category {padding-right: 30px;} .schedule-vue-sample .e-schedule.schedule-drag-drop .e-resource-cells.e-child-node .specialist-category, .schedule-vue-sample .e-schedule.schedule-drag-drop .e-resource-cells.e-child-node .specialist-name { padding: 5px;} .schedule-vue-sample .e-schedule.schedule-drag-drop .e-resource-cells.e-parent-node .specialist-name { padding: 0 10px; display: none;} .schedule-vue-sample .e-schedule.schedule-drag-drop .specialist-name { font-size: 13px; font-weight:600;} .schedule-vue-sample .e-schedule.schedule-drag-drop .specialist-designation {font-size: 11px; font-weight:500; color:#727272;} .schedule-vue-sample .e-schedule.schedule-drag-drop .specialist-image {width: 45px; height: 45px; float: left; border-radius: 50%; margin-right: 10px; background-repeat: no-repeat; background-size: 45px;} .e-schedule .e-timeline-view .e-resource-cells, .e-schedule .e-timeline-month-view .e-resource-cells{padding-left: 10px!important;} @media (max-width: 768px) { .treeview-container{ width: 300px;} } @media (max-width: 550px) { .expand-list_rr{display:none;} .treeview-container{ width:100%;} .schedule-vue-sample .schedule-container {padding-bottom: 10px;} .schedule-vue-sample .treeview-external-drag.e-treeview, .e-bigger .schedule-vue-sample .treeview-external-drag.e-treeview { width: 100%; } .e-bigger .schedule-vue-sample .treeview-external-drag.e-treeview.e-drag-item { position: relative !important; } .schedule-vue-sample .drag-sample-wrapper {display: block;} } .e-disble-not-allowed { cursor: unset !important;} .e-drag-item.treeview-external-drag .e-icon-expandable {display: none;} .drag-sample-wrapper .schedule-container, .drag-sample-wrapper .treeview-container{flex: unset;} /********** HR/ShiftRoster - Rahul Kumar 20 May 2025*******************/ /**************** Top Nav - toggle button design - Ridham 27 May2025******************************/ .navtoggle .switch{width:93px;} .navtoggle .slider.round{line-height:normal;} .navtoggle input:checked + .slider:before{left:40px;} .navtoggle input[type=checkbox] + .slider span.slider-yes{width:80px;} /**************** Top Nav - toggle button design - Ridham 27 May2025******************************/ @media (max-width: 991px) { #action-list.list-actions{max-width: 250px; min-width: 200px;} #action-list.list-actions .actions-onclick{width: 100% !important; float: left !important; text-align: left; margin-bottom: 5px; margin-top: 5px; border-bottom: 1px solid #e4e4e4;} #action-list.list-actions .actions-onclick em {float: left; margin-right: 10px;} #action-list.list-actions em.close-action{right: 5px; position: absolute; top: -3px;} .vue-grid-layout {height: auto !important;float: left; padding: 15px;} .vue-grid-item.cssTransforms { width: 49% !important; float: left; position: unset !important; margin: 5px 0.5%; transform: none !important;} } @media (max-width: 768px) { .vue-grid-item.cssTransforms { width: 100% !important;} } .deleteblock {position: absolute; right: 5px; top: -4px; font-size: 25px;} .billingmainblock { background: #f7f7f7; border: 1px solid #e9e9e9;} .listing .table-responsive table.tdtop td{vertical-align: top;} /********Client - New Design Shubham Saini************/ .gd_mainbase .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid var(--medium-gray);} .gd_mainbase .customer-header { display: flex; align-items: center;} .gd_mainbase .customer-avatar { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; margin-right: 20px; border: 3px solid var(--primary-color);} .gd_mainbase .profileicon{width: 40px; height: 40px; border-radius: 50%; background: #f2f2f2; text-align: center; line-height:40px; float: left;} /* .gd_mainbase .profileicon{width: 40px; height: 40px; border-radius: 50%; margin-right: 20px; background: #f2f2f2; text-align: center; line-height:40px;} */ .customer-info {float: right; width: calc(100% - 60px) !important; margin-bottom: 10px;} .gd_mainbase .customer-headersmall {float:left; width: 100%; border-bottom: 1px solid #c2c2c2; margin-bottom: 10px;} /* .gd_mainbase .customer-headersmall { display: flex; align-items: center;} */ .gd_mainbase .customer-headersmall .customer-avatar { width: 40px; height: 40px; border-radius: 50%; object-fit: cover; margin-right: 20px; border: 3px solid var(--primary-color);} .gd_mainbase .customer-headersmall .customer-info h1 {font-size: 16px; margin-bottom: 0px; color: #2c3e50;} .gd_mainbase .customer-info h1 { font-size: 24px; margin-bottom: 5px; color: #2c3e50;} .gd_mainbase .customer-meta { display: flex; flex-wrap: wrap; gap: 15px; color: var(--dark-gray); font-size: 14px;} .gd_mainbase .customer-meta span { display: flex; align-items: center; gap: 5px; font-size: 12px; font-weight: 400;} .gd_mainbase .action-buttons { display: flex; gap: 10px;} .gd_mainbase .btn-outline {background-color: transparent; border: 1px solid var(--primary-color); color: var(--primary-color);} .gd_mainbase .font-6 { font-size: 6px;} .gd_mainbase .social-link {width: 32px;height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: white; text-decoration: none;} .gd_mainbase .social-links { display: flex; gap: 10px; margin-top: 10px; float: left; margin-right: 6px;} .gd_mainbase .facebook {background-color: #3b5998;} .gd_mainbase .twitter {background-color: #1da1f2;} .gd_mainbase .instagram {background-color: #e1306c;} .gd_mainbase .linkedin {background-color: #0077b5;} .gd_mainbase .whatsapp { background-color: #25d366;} .gd_mainbase .yahoo { background-color: #5f01d3;} .gd_mainbase .fax { background-color: #292929;} .gd_mainbase .email { background-color: #f84437;} .gd_mainbase .skype { background-color: #02aaec;} .gd_mainbase .msn {background-color: #ffffff; border: 1px solid #d5d5d5;} .gd_mainbase .msn img {width: 100%;} .gd_mainbase .customer-headersmall.notespanel{align-items: start;} .gd_mainbase .customer-avatarname{ width: 90px; height: 80px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; margin-right: 20px; border: 3px solid var(--primary-color); font-size: 32px; text-align: center; background: #f2f2f2; padding-top: 14px; font-family: sans-serif;} /********Client - New Design Shubham Saini************/ /*****22Aug2025 Project New Design********/ .ai_base{ background: #f8f8f8;} .ai_base .spinner-grow{width:10px!important; height: 10px!important;margin: 5px;} .ai_base .analysis-results{border-left: 3px solid #4261ef; float:left;} .ai_base .analysis-results .em_base {width: 27px; height:27px; border-radius:100%; background: #4261ef; text-align: center; font-size: 12px; color:#fff; float:left; margin-right:10px;line-height: 26px;} .ai_base .text-ai{color:#4261ef;} .ai_base .analysis-content{ font-size: 14px;float:left; width: 100%;} .ai_base .whitespace-pre-wrap{float:left; width: 100%;} .ai_base .whitespace-pre-wrap .recommendation{background: #fff; border-radius: 15px; padding: 10px; border-left: 4px solid #54ccf1!important; margin-bottom: 10px;} .gd_mainbase .customer-headersmall .profileicon.proj{ margin-right: 5px; position: relative;} .gd_mainbase .profileicon.proj{ width: 40px; height: 40px; border-radius: 50%; background: #f2f2f2; text-align: center; line-height: 40px; float: left; font-size: 12px; font-weight: 400;} .gd_mainbase .customer-headersmall .profileicon.proj em.status { font-size: 11px; position: absolute; bottom: 0; right: 0px; border: 1px solid #fff; background-color: #fff; border-radius: 100%; width: 14px; height: 14px;} .gd_mainbase .customer-headersmall .profileiconbase span { margin-top: 8px; font-size: 13px; font-weight: 400;} .customer-infoloader {float: left; width: calc(100% - 250px) !important; margin-top: 10px; margin-left: 10px;} .customer-infoloader.progress { height: 0.7rem;} .customer-info_mid{float: left; width: calc(50% - 60px) !important; margin-bottom: 20px; margin-left: 15px;} .gd_mainbase .customer-headersmall .customer-info_mid h1 {font-size: 16px; margin-bottom: 5px; color: #2c3e50;} .customer-info_right{float: right; width: calc(50% - 60px) !important; margin-bottom: 20px; margin-left: 15px;} .detailsfix .badge{ background: #e3f2fd; color:#fff;display: inline-block; padding: 6px 10px; border-radius: 6px; font-size: 13px; font-weight: 500;} @media (min-width:1100px) and (max-width: 1400px) { .proj_ov_lft{-ms-flex: 0 0 60%!important; flex: 0 0 60%!important; max-width: 60%!important;} .proj_ov_rgt{-ms-flex: 0 0 40%!important; flex: 0 0 40%!important; max-width: 40%!important;} .detailsfix{-ms-flex: 0 0 50%!important; flex: 0 0 50%!important; max-width: 50%!important;} } @media (max-width: 1099px) { .detailsfix{-ms-flex: 0 0 50%!important; flex: 0 0 50%!important; max-width: 50%!important;} } .task.clockposition{float:left; width: 92%;} /*****22Aug2025 Project New Design********/ /******25Aug2025 Work Dairy New Multiple Screenshots Functionality - Ridham ***************/ div#divDialogDetails .arrow-left.arrow_lft {position: absolute; right: -30%; top: 250px;} div#divDialogDetails .arrow-right.arrow_rt {position: absolute; left: -30%; top: 250px;} @media (max-width: 991px) { .workdairy_rightbase { padding: 15px !important; } } .zoom-icon {position: absolute; bottom: 20px; right: 0px; background: rgba(0,0,0,0.8); border: none; border-radius: 50%; padding: 10px 15px; color: #fff; cursor: pointer; transition: transform 0.2s ease; z-index: 10;} .zoom-icon:hover { transform: scale(1.1);} .zoom-modal {position: fixed; top: 0; left: 0; width:100%; height: 100%; background: rgba(0,0,0,0.8); display: flex; align-items: center; justify-content: center; z-index: 9999; } .viewer-container {position: relative; width: 1280px; height: 1024px; margin: auto; background: #000; overflow: hidden; border: 2px solid #444;} .framebase{height: 100%; width:100% ; border: 1px solid #404040;} .frame {height: 100%; overflow: hidden;} .frame-controls{position: absolute; bottom: 12px; left: 12px; display: flex; gap: 20px;background: #000; padding: 10px; color: #fff; border-radius:10px;} .frame-controls span{margin-top:12px;} .frame-controls button { background:#000; border: none; color: #fff; padding: 10px 12px; border-radius: 8px; cursor: pointer; font-size: 18px;} .viewer-img { height: 1024px; cursor: grab; transition: transform 0.2s ease;} .viewer-controls { margin-top: 10px; display: flex; justify-content: center; gap: 20px; color: #fff;} .zoom-container{position: relative; height: 90%; width: 90%;} .zoom-controls {position: absolute; bottom: 12px; right: 12px; display: flex; gap: 10px;} .zoom-controls button {background:#000; border: none; color: #fff; padding: 10px 12px; border-radius: 8px; cursor: pointer; font-size: 18px;} .zoom-controls button:disabled {opacity: 0.4; cursor: not-allowed;} .zoom-close {position: absolute; top: -20px; right: -20px; background: #fff; border: none; color: #000000; font-size: 22px; cursor: pointer; border-radius: 100%; padding: 0px; width: 35px; height: 35px; z-index: 999;} .zoom-close:hover {color: #ff4d4d;} /******25Aug2025 Work Dairy New Multiple Screenshots Functionality - Ridham ***************/ /********* Doc Storage Kand by developer - to Overwrite Inline style HS 3Sept2025 *********/ /* .listing a { background: unset; color: #007bff !important;} */ /********* Doc Storage Kand by developer - to Overwrite Inline style HS 3Sept2025 *********/ .shortcuts-menu_temp {width: 100%;float: left;position: relative;display: flex;flex-wrap: wrap;} .shortcuts-menu_temp li {max-width: 25% !important;width: 100%;padding: 15px;float: left;display: flex;transition: all .4s;} .shortcuts-menu_temp li .basser {width: 100%;background-color: #f7f7f7;border: 1px solid #cfcfcf;color: #333335; border-radius: 5px;} .shortcuts-menu_temp li .basser .smallhead1{background:#f2f2f2; padding: 10px; font-weight: 500; border-radius: 5px 5px 0px 0px;} .shortcuts-menu_temp li .basser .smallhead01{background:#fff; padding:3px 10px; font-size:10px; font-weight:600;} .shortcuts-menu_temp li .basser .imgbase1{background:#fff;} .shortcuts-menu_temp li .basser .imgbase1 img{ width:100%; max-height: 180px;} .shortcuts-menu_temp li .basser .smallhead2{background:#f2f2f2; padding: 10px; border-radius: 0px 0px 5px 5px;} .shortcuts-menu_temp li .basser.gen-templateadded{border: 1px dashed #6981a6;} .gen-templateadded .smallhead1 {background: #bfd8ff!important;} .gen-templateadded .smallhead2 {background: #bfd8ff!important;} .modal-mask{z-index: 99999;} .vue-lightbox-thumbnail-wrapper{bottom:120px!important;} ul.ks-cboxtags li label.active {background: #12bbd4;color: #fff;} /***Task Detail Screen - Rohit*****/ .task-info { max-height: 200px; overflow-y: auto; overflow-x: hidden;} .no-blue:before { border-right: 0px solid rgb(36, 165, 255) !important;} .conversation-box-con .nobluebod.public-note:before { border-right: none !important;} .task-slider { position: fixed; top: 0;right: -600px; width: 600px; height: 100vh; background: white; box-shadow: -2px 0 15px rgba(0, 0, 0, 0.1); transition: right 0.3s ease; z-index: 1000; display: flex; flex-direction: column;} .task-slider.open { right: 0;} .task-header { padding: 20px; border-bottom: 1px solid var(--gray-light); display: flex; justify-content: space-between; align-items: center;} .task-title { font-size: 22px; font-weight: 600; max-width: 80%;} .close-slider { background: none; border: none; cursor: pointer; font-size: 24px; /* Slightly larger */ color: var(--gray); } .task-content { flex: 1; overflow-y: auto; padding: 20px;} .task-detail-section { margin-bottom: 25px;} /***Task Detail Screen - Rohit*****/ /**Project Detail Board Tab**/ .board-view { overflow-x: hidden !important; min-height: 280px; max-height: calc(100vh - 280px);} .board-view .canvan-view-list.vuejs li {width: 32.6% !important; max-width: inherit;} .sprintprogress {border-radius: 0px; height: 8px;} .sprintprogress .progress-bar { background: #1c99ee;} .kvfixhead.proj_kv .element-panel{flex-wrap:nowrap!important;} .kvfixhead.proj_kv{min-width:1500px!important; max-width:100%; width:100%; flex-wrap:nowrap!important;} .kvlistview.proj_kv{min-width:1500px!important; max-width:100%; width:100%; flex-wrap:nowrap!important;} .canvan-view-list.kvfixhead.proj_kv li {width: 375px!important; max-width:375px;min-width:375px;} .canvan-view-list.kvlistview.proj_kv li{width: 375px!important; max-width:375px;min-width:375px;} .canvan-view-list.newdes_kvlist .add-backlog-btn{background-color: #fff!important; border-radius: 0px;} .onlyd-view.ht_630{min-height: 630px!important;} .newdes_kvlist div.list-group{border-radius:0px; padding:15px 10px; border:1px solid #ccc; background:#f1f4f9;} .newdes_kvlist div.list-group .card-box { border: 1px solid #dfdfdf; border-radius: 0px; padding: 15px; background: #fff ;} .tasknames_newdes span{font-size: 20px;} .tasknames_newdes a{font-size: 20px;padding:0px 4px;} .tasknames_newdes{margin-bottom: 10px;} .tasknames_newdes .count_des{ font-size: 12px; margin-top: 1px; margin-right: 20px; border: 1px solid #ababab; border-radius: 6px; padding: 3px 12px; background: #e4e8ef; margin-left: 15px; } .tasknames_newdes .roundball_des{ border-radius: 100%; width: 8px; height: 8px; float: left; margin-top: 8px; margin-right: 7px;} .taskadd_newdes{color:#fff; font-size:16px; background: #5244eb;border-radius: 0px; text-align:center; padding:7px; cursor: pointer;} .taskpriority_newdes span{ color: #fff; font-size: 13px; background: #0c8a16; border-radius:5px; text-align: center; padding: 1px 15px; float: left; font-weight: 400;} .taskphoto_newdes .profileicon.proj {width: 30px; height: 30px; border-radius: 50%; background: #f2f2f2; text-align: center; line-height: 30px; float: left; font-size: 12px; font-weight: 400;} .taskphoto_newdes{position: relative;} .taskphoto_newdes .profileicon.proj img{ width: 100%; border-radius:100%;height:100%;} .taskphoto_newdes .profileicon.proj:first-child{margin-left:0px;} .taskphoto_newdes .profileicon.proj{margin-left:-10px; border:1px solid #fff; line-height:normal;} .newdescolor{border-color:#ced4da!important;} /* Rest of the styles remain the same as previous version */ .collapsible-section { margin-bottom: 20px; border: 1px solid var(--gray-light); border-radius: 0px; overflow: hidden;} .collapsible-header { padding: 12px 15px; background: var(--gray-light); cursor: pointer; display: flex; justify-content: space-between; align-items: center;} .collapsible-header h3 {font-size: 15px; /* Slightly larger */ font-weight: 600; margin-bottom: 0px; width: 100%;} .collapsible-content {padding: 0px; background: white;} /* Hours Tracking Section */ .hours-tracking {background: #f8f9fa; border-radius: 8px; padding: 15px; margin-bottom: 20px;} .hours-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 5px;} .hours-card {background: white; border-radius: 0px; padding: 15px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); border: 1px solid #f2f2f2;} .hours-value {font-size: 24px; font-weight: 600; margin: 5px 0;} .hours-label {font-size: 13px; font-weight: 400;} .hours-bar-container {margin-top: 15px;} .hours-bar { height: 8px; background: var(--gray-light); border-radius: 4px; overflow: hidden; margin-bottom: 5px;} .hours-progress { height: 100%; background: var(--primary);} .hours-stats { display: flex; justify-content: space-between; font-size: 12px; font-weight: 400;} /* Team section */ .resource-list {list-style: none;} .resource-item {display: flex; align-items: center; padding: 10px; border-bottom: 1px solid var(--gray-light);} .resource-avatar {width: 36px; /* Slightly larger */ height: 36px; border-radius: 50%; background: var(--gray-light); display: flex; align-items: center; justify-content: center; margin-right: 12px; /* Slightly more spacing */ font-size: 14px;} .resource-name {flex: 1; font-weight: 500; font-size: 15px; /* Slightly larger */} .resource-role {font-size: 13px; color: var(--gray);} .add-resource-btn {width: 100%; padding: 12px; /* Slightly taller */ background: var(--gray-light); border: none; border-radius: 4px; margin-top: 12px; /* Slightly more spacing */ cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; /* Slightly more spacing */font-size: 14px; } /* Checklist section */ .checklist-item { display: flex; align-items: center; padding: 12px 0; /* Slightly taller */ border-bottom: 1px solid var(--gray-light);} .checklist-checkbox { margin-right: 12px; /* Slightly more spacing */ transform: scale(1.2); /* Slightly larger */} .checklist-text { flex: 1; font-size: 15px; /* Slightly larger */} .checklist-completed { text-decoration: line-through; color: var(--gray);} .file-upload { font-size: 13px; /* Slightly larger */ color: var(--primary); margin-left: 12px; /* Slightly more spacing */cursor: pointer;} .add-checklist-btn { width: 100%; padding: 12px; /* Slightly taller */ background: #e9ecef; border: none; border-radius: 4px; /* Slightly more spacing */ cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; /* Slightly more spacing */ font-size: 14px; color: #303030;} /* Comments section */ .comment-form { margin-bottom: 20px;} .comment-textarea { width: 100%; padding: 12px; /* Slightly taller */ border: 1px solid var(--gray-light); border-radius: 4px; min-height: 100px; /* Slightly taller */ margin-bottom: 12px; /* Slightly more spacing */ resize: vertical; font-size: 14px;} .comment-submit {padding: 10px 18px; /* Slightly larger */ background: #4361ee; color: white; border: none; border-radius: 4px; cursor: pointer; font-size: 14px;} ul.comment-list { list-style: none; float: left; width: 100%;} .comment-item { padding: 18px 0;/* Slightly taller */ border-bottom: 1px solid var(--gray-light); float: left; width: 100%;} .comment-header { display: flex; align-items: center; margin-bottom: 10px; /* Slightly more spacing */} .comment-header .flexauto { flex: auto;} .comment-avatar { width: 32px; /* Slightly larger */ height: 32px; border-radius: 50%; background: var(--gray-light); display: flex; align-items: center; justify-content: center; margin-right: 12px; /* Slightly more spacing */ font-size: 14px;} .comment-user { font-weight: 600; font-size: 15px; /* Slightly larger */ margin-right: 10px; /* Slightly more spacing */} .comment-time { font-size: 13px; color: var(--gray);} .comment-text {line-height: 1.6; /* Better readability */ font-size: 15px; /* Slightly larger */ float: left; width: 100%;} .decoration{width: calc(100% - 70px)!important; box-sizing: border-box; margin-left: 45px; border: 1px solid #e1e1e1; padding: 10px; border-radius: 10px; background: #fafafa;} /**Project Detail Board Tab**/ /**Project Detail Timeline Tab**/ .initials.user-img-con{ line-height: 34px;text-align: center; font-size: 12px; font-weight: 400; background: rgba(195, 207, 213, 0.84);} .customer-headersmall .name-circle .initials{line-height: 34px; text-align: center; font-size: 12px; font-weight: 400; background: rgba(195, 207, 213, 0.84);} .customer-headersmall .conversation-header{width: calc(100% - 50px); margin-left: 45px; margin-top: 5px;} .gantt-elastic__main-container-wrapper, .gantt-elastic__main-container, .gantt-elastic__task-list-container{min-height:473px;} .gantt-elastic__task-list-header-column{background:rgb(82, 95, 101) !important; color: #fff;} .gantt-elastic__calendar-row-rect-child.gantt-elastic__calendar-row-rect-child--day{background:rgb(48, 56, 60) !important; color: #fff;} .gantt-elastic__calendar-row-text.gantt-elastic__calendar-row-text--week{background:rgb(48, 56, 60) !important; color: #fff;padding-top: 0px !important;} .gantt-elastic__calendar-row-text.gantt-elastic__calendar-row-text--month{background:rgb(48, 56, 60) !important; color: #fff;padding-top: 0px !important;} .gantt-elastic__calendar-row-text.gantt-elastic__calendar-row-text--quarter{background:rgb(48, 56, 60) !important; color: #fff;padding-top: 0px !important;} .gantt-elastic__calendar-row-text{text-shadow: none; color: #fff!important; padding-top: 6px;} .view-toggle-btn{padding: 4px 20px!important;} .view-toggle-btn{border-width: 1px!important;} .gantt-view-filter{background: #3e3e3e!important; padding: 8px 20px!important;} /* .view-toggle-btn.active{background: #667eea!important; color: #fff!important; border-color: #c6d0fd !important;box-shadow: none !important;} */ .view-toggle-btn.active{background: #fff!important; color: #000!important; border-color: #c6d0fd !important;box-shadow: none !important;} .gantt-elastic__main-view-container, .gantt-elastic__main-view-main-container{border-radius:0px!important;} /**Project Detail Timeline Tab**/ .gantt-elastic .gantt-view-filter .view-toggle-group button.view-toggle-btn {background: #000; color: #fff; margin-left: 4px; border-width: 1px !important; padding: 10px 20px !important; border: 0px; border-radius: 6px; transform: none; } .gantt-elastic .gantt-view-filter .view-toggle-group button.view-toggle-btn .view-label{font-weight: 500;} .gantt-elastic .gantt-view-filter .view-toggle-group button.view-toggle-btn .view-icon{display: none;} .view-toggle-group{gap: 2px!important;} .table-responsive table th span.font-weight-500{font-weight: 500 !important;} /*****Project Detail Messages - 2025************/ .mess_newdes .chat-sidebar { width: 430px; border-right: 1px solid #dee2e6;} .mess_newdes .chat-avatar {width: 40px; height: 40px;min-width: 40px; max-height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 500; color: #fff; margin-right: 10px;} .mess_newdes .roundpills .btn.rounded-pill {border-radius: 15px !important; padding: 0px 10px; background: #d4ebff; border: 1px solid #7db9fb; color: #1593ec;} .mess_newdes .listhovereffect.border-primary {background-color: #e8f5ff!important; border-color: #8bc4f0!important; border-radius: 7px!important;border-left: 5px solid #25a5ff !important;} /* Filter styles */ .mess_newdes .input-group-sm .form-control {font-size: 0.875rem;} .mess_newdes .bg-secondary-new { --bs-bg-opacity: 1; background-color: #d3d3d3 !important; font-weight: 500;} .mess_newdes .btn-primary:focus{box-shadow: none;} .mess_newdes .listhovereffect:hover{background: #f2f8fd;} .mess_newdes .listhovereffect{padding:4px 3px!important;} .mess_newdes .fw-semibold{font-size: 13px;} .mess_newdes .roundbadge{border-radius: 100%!important; width:25px; height:25px; line-height:24px; background: #dc3545; color: #fff; font-size: 12px;} .mess_newdes .statuss{float: left; width: 35px; height: 35px; color: #fff; background:#6c757d; border-radius: 100%; font-size: 13px; line-height:35px; margin-right:10px;} .mess_newdes .hashtag{float: left;width: 25px; height: 35px; padding-top: 10px; text-align: left;} .mess_newdes .hashtag em{font-size: 14px; color:#aeaeae; } .mess_newdes .btn:focus, .form-control:focus{box-shadow: none!important;} .mess_newdes .textareamsg:focus{box-shadow: 0 0 0 1px #2196f3;} .mess_newdes .textareamsg{border-radius: 10px;padding:5px;border: 1px solid #d5d5d5;} .mess_newdes .textareamsg textarea{border:none} .mess_newdes .sendbutton:disabled{ background: none!important; color: #cecece;} .mess_newdes .sendbutton{width: 50px; text-align: center; height: 50px; padding-top: 5px; border:none; background: #2196f3; color: #fff; border-radius: 10px; margin-left: 20px;padding-left: 3px;} .mess_newdes .sendbutton em{font-size: 22px;} .mess_newdes .btn-light.lighten{background: #f0f0f0; border-color: #f0f0f0;} .mess_newdes .panesdivider{border-bottom: 1px solid #e6e6e6; padding-bottom: 10px;} .mess_newdes .p-3.mb-3.rounded.bg-light {border-bottom: 1px solid #e6e6e6; background:#fbfcfd!important;} .mess_newdes .chatpanes{position: relative;} .mess_newdes .chatpanes:hover .chatpanes_acts{display: block;} .mess_newdes .chatpanes_acts{display:none; background: #fff; color: #6c757d; position: absolute; right: 10px; top: 10px; border-radius: 10px; border: 1px solid #e8e8e8;} .mess_newdes .chatpanes_acts a{padding: 6px 12px;line-height: 26px;color: #535353;} .mess_newdes .chatpanes_acts a:hover{background: #f5f4f4; border-radius: 9px; color: #3f3f3f;} .mess_newdes.vh-90 {height: 80vh !important;} .mess_newdes .replybase .textareamsg input {border: none;} .mess_newdes .replybase .sendbuttons:disabled{ background: none!important; color: #cecece;} .mess_newdes .replybase .sendbuttons{width: 50px; text-align: center; border:none; background:none; color: #2196f3; border-radius: 10px; margin-left: 10px;} .mess_newdes .replybase .sendbuttons em{font-size: 20px;} .mess_newdes .replybase .clearbuttons:disabled{ background: none!important; color: #cecece;} .mess_newdes .replybase .clearbuttons{width: 50px; text-align: center; border:none; background:none; color: #686868; border-radius: 10px; margin-left: 0px;} .mess_newdes .replybase .clearbuttons em{font-size: 20px;} .mess_newdes .replythreadbase {border-left: 2px solid #c1c1c1; padding-left: 10px;} .mess_newdes .replythreadbase .chat-avatar{background:#7791f7!important; font-size: 12px; width: 30px;height: 30px; min-width: 30px; max-height: 30px;} .mess_newdes .mess_newdes_right .btn.btn-sm.rounded-pill.mr-2.btn-outline-primary:hover{color: #1777df; background: #fff;} /*****Project Detail Messages - 2025************/ /***Project Detail - Task Tab 2025****/ .rightmodalcssfixs .hours-tracking {background: #f8f9fa; border-radius: 8px; padding: 15px; margin-bottom: 20px;} .rightmodalcssfixs .hours-grid {display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 5px;} .rightmodalcssfixs .hours-card {background: white; border-radius: 0px; padding: 15px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); border: 1px solid #f2f2f2;} .rightmodalcssfixs .hours-value {font-size: 24px; font-weight: 600; margin: 5px 0;} .rightmodalcssfixs .hours-label {font-size: 13px; font-weight: 400;} .rightmodalcssfixs .hours-bar-container {margin-top: 15px;} .rightmodalcssfixs .hours-bar {height: 8px; background: var(--gray-light); border-radius: 4px; overflow: hidden; margin-bottom: 5px;} .rightmodalcssfixs .hours-progress { height: 100%; background: var(--primary);} .rightmodalcssfixs .hours-stats { display: flex; justify-content: space-between; font-size: 12px; font-weight: 400;} .rightmodalcssfixs .collapsible-section {margin-bottom: 20px; border: 1px solid var(--gray-light); border-radius: 0px; overflow: hidden;} .rightmodalcssfixs .collapsible-header { padding: 12px 15px; background: var(--gray-light); cursor: pointer; display: flex; justify-content: space-between; align-items: center;} .rightmodalcssfixs .collapsible-header h3 { font-size: 15px; font-weight: 600; margin-bottom: 0px; width: 100%;} .rightmodalcssfixs .collapsible-content { padding: 0px; background: white;} /* Team section */ .rightmodalcssfixs .resource-list {list-style: none;} .rightmodalcssfixs .resource-item { display: flex; align-items: center; padding: 10px; border-bottom: 1px solid var(--gray-light);} .rightmodalcssfixs .resource-avatar {width: 36px; height: 36px; border-radius: 50%; background: var(--gray-light); display: flex; align-items: center; justify-content: center; margin-right: 12px;font-size: 14px;} .rightmodalcssfixs .resource-name { flex: 1; font-weight: 500; font-size: 15px;} .rightmodalcssfixs .resource-role {font-size: 13px; color: var(--gray);} .rightmodalcssfixs .subtask-list {list-style: none;} .rightmodalcssfixs .subtask-item {display: flex; align-items: center; padding: 10px; border-bottom: 1px solid var(--gray-light);} .rightmodalcssfixs .subtask-link { flex: 1; text-decoration: none; font-size: 15px;} .rightmodalcssfixs .add-subtask {display: flex; padding: 10px;} .rightmodalcssfixs .subtask-input {flex: 1; padding: 10px 14px; border: 1px solid var(--gray-light); border-radius: 4px 0 0 4px; font-size: 14px;} .rightmodalcssfixs .add-subtask-btn { padding: 10px 14px; background: #4361ee; color: white; border: none; border-radius: 0 4px 4px 0; cursor: pointer; font-size: 14px;} .rightmodalcssfixs .add-checklist-btn { width: 100%; padding: 12px; background: #e9ecef; border: none; border-radius: 4px; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 14px; color: #303030;} .rightmodalcssfixs .comment-form { margin-bottom: 20px;} .rightmodalcssfixs .comment-textarea {width: 100%; padding: 12px; border: 1px solid var(--gray-light); border-radius: 4px; min-height: 100px; margin-bottom: 12px; resize: vertical; font-size: 14px;} .rightmodalcssfixs .comment-submit { padding: 10px 18px; background: #4361ee; color: white; border: none; border-radius: 0px; cursor: pointer; font-size: 14px;} .rightmodalcssfixs ul.comment-list {list-style: none; float: left;width: 100%;} .rightmodalcssfixs .comment-item { padding: 18px 0; border-bottom: 1px solid var(--gray-light); float: left; width: 100%;} .rightmodalcssfixs .comment-header {display: flex; align-items: center; margin-bottom: 10px;} .rightmodalcssfixs .comment-header .flexauto {flex: auto;} .rightmodalcssfixs .comment-avatar {width: 32px; height: 32px; border-radius: 50%; background: var(--gray-light); display: flex; align-items: center; justify-content: center; margin-right: 12px; font-size: 14px;} .rightmodalcssfixs .comment-user {font-weight: 600;font-size: 15px; margin-right: 10px;} .rightmodalcssfixs .comment-time {font-size: 13px; color: var(--gray);} .rightmodalcssfixs .comment-text {line-height: 1.6; font-size: 15px; float: left; width: 100%;} .rightmodalcssfixs .status-badge {display: inline-block; padding: 4px 10px; border-radius: 12px; font-size: 13px; font-weight: 500;} .rightmodalcssfixs .status-inprogress { background: #e3f2fd; color: var(--primary);} .rightmodalcssfixs .status-done {background: #e8f5e9; color: #2e7d32;} .rightmodalcssfixs .priority-high {color: var(--danger);font-weight: 600;} .rightmodalcssfixs .files-container {border: 1px solid var(--gray-light); border-radius: 6px; overflow: hidden;} .rightmodalcssfixs .file-item, .rightmodalcssfixs .folder-item { padding: 12px 15px; border-bottom: 1px solid var(--gray-light); display: flex; align-items: center; cursor: pointer;} .rightmodalcssfixs .file-item:hover, .rightmodalcssfixs .folder-item:hover {background: #f8f9fa;} .rightmodalcssfixs .file-icon, .rightmodalcssfixs .folder-icon { margin-right: 12px; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center;} .rightmodalcssfixs .file-name {flex: 1;} .rightmodalcssfixs .file-size {color: var(--gray); font-size: 13px; margin-right: 15px;} .rightmodalcssfixs .file-date {color: var(--gray); font-size: 13px; margin-right: 15px;} .rightmodalcssfixs .file-actions {display: flex; gap: 10px;} .rightmodalcssfixs .file-action {color: var(--gray); cursor: pointer;} .rightmodalcssfixs .accordion-content {background: #f6f9fd; margin-bottom: 2px; padding-left: 30px;} .rightmodalcssfixs .decoration { width: calc(100% - 70px); box-sizing: border-box; margin-left: 45px; border: 1px solid #e1e1e1; padding: 10px; border-radius: 10px; background: #fafafa;} /***Project Detail - Task Tab 2025****/ /**** Billing Rules 2025 ****/ .csscontrol_popup .custom-control-input { z-index: 15 !important;} .csscontrol_popup .popup {position: unset; top: 30px; left: 0; background: white; border: 1px solid #ccc; padding: 8px; z-index: 100; width: 160px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);} .csscontrol_popup .popup-header {display: flex;justify-content: space-between;font-weight: 500; margin-bottom: 8px;} .csscontrol_popup .flag-icon {cursor: pointer; font-size: 20px;} .csscontrol_popup .flags {display: flex; justify-content: space-around;} .csscontrol_popup .flag-icon { height: 16px; border-radius: 50%; margin-right: 8px; flex-shrink: 0;} .csscontrol_popup .flag-icon.red-flag { background-color: #dc3545;} .csscontrol_popup .flag-icon.yellow-flag { background-color: #ffc107;} .csscontrol_popup .flag-icon.green-flag { background-color: #28a745;} .csscontrol_popup .flag-icon.grey-flag { background-color: #6c757d;} .csscontrol_popup .flag-option span { font-size: 14px; font-weight: 500; color: inherit;} .csscontrol_popup .flag-option.selected span {color: white;} .csscontrol_popup .flag-selector {position: relative; display: inline-block;} .csscontrol_popup .flag-selector .popup { position: absolute; top: 28px; left: 0; background: #ffffff;border: 1px solid #d1d5db; border-radius: 6px; padding: 12px 14px; z-index: 1000; min-width: 200px; box-shadow: 0 6px 14px rgba(0,0,0,0.10);} .csscontrol_popup .flag-selector .close-btn { border: none; background: none; cursor: pointer; color: #6b7280; font-size: 18px; line-height: 1;} .csscontrol_popup .flag-selector .flags {display: flex; gap: 16px; align-items: center;} .csscontrol_popup .flag-selector .flag-option { cursor: pointer; font-size: 24px; padding: 0; line-height: 1;} .csscontrol_popup .flag-selector .popup-header { display: flex; justify-content: space-between; align-items: center; font-weight: 800; color: #1f2937; margin-bottom: 10px; font-size: 18px;} .csscontrol_popup .close-btn {border: none; background: none; cursor: pointer;} .csscontrol_popup .multiselect__content-wrapper { max-height: 160px !important;} .csscontrol_popup .multiselect__element span span { word-break: break-word; text-wrap: wrap;} .csscontrol_popup .multiselect__option--highlight::after {padding-left: 15px; width: 100%; height: 100%;} .csscontrol_popup .bg-dark {background-color: #eee !important;} /* Additional styling for the new UI */ .csscontrol_popup .available-fields .field-item:hover { background-color: #dee2e6 !important; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0,0,0,0.1);} .csscontrol_popup .condition-block {border: 1px solid #e9ecef;border-radius: 8px; padding:10px 15px; margin-bottom: 0px; background-color: #ffffff;} .csscontrol_popup .block-header h6 {color: #495057; font-weight: 600; margin: 0;} .csscontrol_popup .condition-row {background-color: #f8f9fa; padding: 10px; border-radius: 6px; margin-bottom: 10px; border: 1px solid #e9ecef;} .csscontrol_popup .condition-builder {display: flex; flex-direction: column; gap: 12px; background-color: #f3f4f6; padding: 10px; border-radius: 10px;} .csscontrol_popup .or-separator { display: flex; align-items: center; justify-content: center; gap: 12px; margin: 12px 0 4px 0;} .csscontrol_popup .or-separator::before, .csscontrol_popup .or-separator::after {content: ''; height: 1px; background: #e5e7eb; flex: 1 1 auto;} .csscontrol_popup .or-separator .btn {border-radius: 999px; padding: 6px 16px;} .csscontrol_popup .rate-toggle-buttons .btn {transition: all 0.2s ease;} .csscontrol_popup .rate-toggle-buttons .btn:hover {transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0,0,0,0.1);} .csscontrol_popup .flag-option:hover { transform: scale(1.1);} .csscontrol_popup .field-item {transition: all 0.2s ease;} .csscontrol_popup .field-item:hover {background-color: #dee2e6 !important; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0,0,0,0.1);} /**** Billing Rules 2025 ****/ .impact { margin-top: 10px; padding: 15px; background-color: #e9ecef; border-left: 4px solid #007bff;} .impact ul { padding-left: 30px;} /**Client Detail - Meter Tab Rahul Kumar 2025***/ #SerialNumber .multiselect.multiselect--disabled{opacity:9;} #SerialNumber .multiselect.multiselect--disabled .multiselect__select{height:34px!important;} #SerialNumber .multiselect.multiselect--disabled .multiselect__tags .multiselect__single { background: #e0e0e0 !important; color: #000;} #SerialNumber .multiselect.multiselect--disabled .multiselect__tags { background: #e0e0e0 !important; color: #000;} #SerialNumber .multiselect--disabled .multiselect__select{background: #e0e0e0 !important; color: #000;} /**Client Detail - Meter Tab Rahul Kumar 2025***/ .conditionbg{background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: 4px; padding: 12px; min-height: 60px; color: #495057;} /***Billing Index Invoice Template Harjit with Thakur ji*****/ .invoice-action-btns a.download:hover {background: #1395ed;} .invoice-action-btns a.download {background: #23a5fd;} .invoice-action-btns a {display: inline-block; padding: 7px 10px; text-decoration: none; color: #fff; float: left; margin: 0; border: none;} .invoice-action-btns a.print {background: #48b361; margin: 0 5px;} .invoice-action-btns a {display: inline-block; padding: 7px 10px; text-decoration: none; color: #fff; float: left; margin: 0; border: none;} .invoice-action-btns a.print:hover {background: #38a351;} .invoice-action-btns a.sendbyemail:hover {background: #7882c0;} .invoice-action-btns a.sendbyemail { background: #8892d0; margin: 0 5px;} .invoice-action-btns a { display: inline-block; padding: 7px 10px; text-decoration: none; color: #fff; float: left; margin: 0; border: none;} .invoice-container { width: 900px; min-width: 900px; margin: 30px auto 70px; box-sizing: border-box;} .invoice-header {background: #434b58; padding: 30px 40px; width: 100%; float: left; display: flex; align-content: end; align-items: end;} .invoice-header-left { width: 40%; float: left; padding: 0; color: #fff; font-size: 48px; font-weight: 300; text-transform: uppercase; text-align: left;} .invoice-header-right {width: 60%; float: right; padding: 0; text-align: right;color: #fff; font-size: 14px;} .invoice-content {background: #fff; padding: 40px; width: 100%; float: left; border: 1px solid #dfdfdf;} .invoice-to-details { width: 100%; float: left; margin: 0; padding: 0;} .invoice-to { width: 50%;float: left; margin: 0;padding: 0; text-align: left;} .invoice-to .invoice-to-heading { color: #848484;font-size: 14px; line-height: 18px; padding: 3px 0;} .invoice-to .invoice-to-name { color: #333; font-size: 14px; line-height: 18px; text-transform: uppercase; font-weight: 600; padding: 3px 0;} .invoice-to .invoice-address {color: #333; font-size: 14px; line-height: 18px; padding: 3px 0;} .invoice-to .invoice-phone { color: #848484; font-size: 14px; line-height: 18px; padding: 3px 0;} .invoice-to .invoice-email {color: #848484; font-size: 14px; line-height: 18px; padding: 3px 0;} .invoice-details { width: 50%; float: left; margin: 0; padding: 0;text-align: right;} .invoice-header-right img {margin-bottom: 10px;} .invoice-details .invoice-total-amount {color: #4e4e4e;font-size: 14px;line-height: 18px;padding: 3px 0; text-transform: uppercase;} .invoice-details .invoice-total-amount span {color: #333; font-size: 18px;font-weight: 600; padding-left: 10px;} .invoice-details .colored-bar {width: 100%; margin: 0; margin-bottom: 0px; padding: 0; display: flex;justify-content: end;margin-bottom: 10px;} .invoice-details .colored-bar .colored-bar-blue {display: inline-block; background: #128fe4; height: 5px; width: 55px;margin-left: 2px;} .invoice-details .colored-bar .colored-bar-green {display: inline-block; background: #27ae60; height: 5px; width: 55px; margin-left: 2px;} .invoice-details .colored-bar .colored-bar-red {display: inline-block; background: #bc3333; height: 5px; width: 55px; margin-left: 2px;} .invoice-details .colored-bar .colored-bar-yellow {display: inline-block; background: #eabf13; height: 5px; width: 55px;margin-left: 2px;} .invoice-details .invoice-number, .invoice-details .invoice-date {color: #000; font-size: 14px; line-height: 18px; padding: 3px 0; text-transform: uppercase; width: 220px; float: right; text-align: left; font-weight: 600;} .invoice-package-details { width: 100%; float: left; margin: 0; padding: 30px 0 0 0;} .invoice-package-details table tfoot {background: none !important;} .invoice-package-details table th.text-left, .invoice-package-details table td.text-left {text-align: left;} .invoice-package-details table th { color: #fff;text-transform: uppercase; font-size: 14px; font-weight: 600;padding: 8px 5px; border-bottom: 1px solid #d9dbde;text-align: left;background: #ec7806 !important;} .invoice-package-details table td.border-0 {border: none;} .invoice-package-details table td.pt-60 {padding-top: 60px;} .invoice-package-details table td {color: #000; font-size: 15px; padding: 10px 5px;padding-top: 10px; border-bottom: 1px solid #d9dbde; text-align: left;font-weight: 600;} .invoice-package-details table th.text-right, .invoice-package-details table td.text-right {text-align: right;} .color333 {color: #333;} .invoice-package-details table td strong {color: #848484;} .invoice-package-details .orangeborder {border-bottom: 4px solid #f90;} .invoice-package-details table td.border-0 {border: none;} .invoice-package-details table td.py-2 {padding-top: 2px;padding-bottom: 2px;} .invoice-package-details table th.text-right, .invoice-package-details table td.text-right {text-align: right;} .invoice-package-details table td:nth-child(2), .invoice-package-details table td:nth-child(3) {padding: 10px; padding-top: 10px; padding-bottom: 10px;} .invoice-package-details .nettotal {background: #f90; color: #fff; font-weight: 600; font-size: 16px;} .invoice-package-details table td h4 {font-size: 18px; color: #333; line-height: 22px; font-weight: 600;} .invoice-package-details table td h5 {font-size: 14px; color: #333; line-height: 18px; font-weight: 600;} .invoice-package-details table td h6 { font-size: 12px; color: #848484; line-height: 14px; font-weight: 600;} .invoice-package-details table td .color333 { color: #333;} .invoice-to .invoice-phone a, .invoice-to .invoice-email a {color:#848484;} .invoice-details .invoice-number span, .invoice-details .invoice-date span { color: #000; text-transform: capitalize; min-width: 100px !important; float: right; text-align: right;} .invoice-action-btns{margin: auto; display: inline-block; text-align: center; width: 100%; padding: 0;} .invoice-action-btns .invoice-btns-container {margin: auto; display: inline-block;} .invoice-action-btns a .fa {height: auto; width: auto; top: 0; padding-right: 5px;} .invoice-header-right p {color: #fff;margin: 0;padding: 0;text-align: right;} .invoice-header-right p span {padding-left: 10px; color: #fff; font-size: 14px;} .invoice-header-right p span .fa {height: auto; width: auto; top: 0; padding-right: 5px;} .invoice-to .invoice-email .fa, .invoice-to .invoice-phone .fa {height: auto; width: auto; top: 0; padding-right: 5px; color: #333;} /***Billing Index Invoice Template Harjit with Thakur ji*****/ .newdes_kvlist div.list-group.addsection {padding-top: 18px; max-height: 60px; font-size:16px; font-weight: 500; color: #5a5a5a; border-radius: 9px;} /****Manage Subscription Harjit with Thakur ji 20Nov2025*****/ .rt_descontrol .pack-add-count { margin-bottom: 0px; margin-top: 0px; z-index: 1; position: relative;} .rt_descontrol .pack-add-count .form-group { width: auto; max-width: 60%; margin: auto; border: none !important; border-radius: 25px; background: #fff; height: auto; float: right;} .rt_descontrol .pack-add-count .input-group { width: 100%; display:flex; text-align: center; flex-wrap: wrap; } .rt_descontrol .pack-add-count .input-group input[type="text"] { text-align: center; border-top: none; border-bottom: none;padding: 5px !important; width: 38.3%; height:38px; background:#f1f1f1; border:none; border-radius:0px;} .rt_descontrol .pack-add-count .glyphicon { color: #128fe4; } .rt_descontrol .pack-add-count .input-group-btn { display: flex; width: 28.3%; vertical-align: middle; text-align: center; height: 38px; } .rt_descontrol .pack-add-count .btn.btn-default { background: transparent; border: none; cursor: pointer;margin:0;padding:0; } .rt_descontrol .pack-add-count .btn .fa{ height:100%; font-size:18px; } .rt_descontrol .subs-package-hdr{ position: relative; overflow: hidden; border-radius: 0; padding: 8px 5px; border-bottom: 10px solid #fff !important; margin: -1px;} .rt_descontrol .subs-package-hdr .checkboxlbl { position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; left:7px; float:left;} .rt_descontrol .subs-package-hdr .checkboxlbl input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } .rt_descontrol .subs-package-hdr .checkboxlbl .check, .subs-package-hdr .checkboxlbl .off { position: absolute; top:0px; left: 0; height: 30px; width: 30px; background-color: #fff !important; background-image: none !important;} .rt_descontrol .checkboxlbl:hover input ~ .check { background-color: #fff; } .rt_descontrol .checkboxlbl input:checked ~ .check { background-color: #fff; } .rt_descontrol .subs-package-hdr .checkboxlbl .check::after { content: ""; position: absolute; display: none; clear: both; } .rt_descontrol .sub-package .checkboxlbl .check::after { display: block; } .rt_descontrol .subs-package-hdr .checkboxlbl .check::after { left: 10px; top: 4px; width: 6px; height: 12px; border: solid #000; border-width: 0 4px 4px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .rt_descontrol .subscription-container * {box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .rt_descontrol .subscr-container {width: 100%; margin: auto; margin-top: auto; display: inline-block; padding:0px;} .rt_descontrol .subscription-container .tabcontent {justify-content: left;} .rt_descontrol .subscription-container .tabcontent {display: flex; flex-wrap: wrap;} .rt_descontrol .sub-package:nth-child(8n+1){ background: #128fe4; } .rt_descontrol .sub-package:nth-child(8n+1) .subs-package-hdr .input-group input[type="text"]{ background: #eef8ff; } .rt_descontrol .sub-package:nth-child(8n+1).selectedpack::before{ border: 4px solid #128fe4; } .rt_descontrol .sub-package:nth-child(8n+1) .pack-add-count .btn.btn-default{ color: #128fe4; } .rt_descontrol .sub-package:nth-child(8n+1) .pack-add-count .package-contact-btn a{color: #128fe4;} .rt_descontrol .sub-package:nth-child(8n+1) .pack-add-count .form-group{ border: 1px solid #128fe4; } .rt_descontrol .sub-package:nth-child(8n+1) .checkboxlbl .check:after{ border: solid #128fe4; border-width: 0 4px 4px 0; } .rt_descontrol .sub-package:nth-child(8n+1).selectedpack .pro-footer{ background:#addbfb; } .rt_descontrol .sub-package:nth-child(8n+1).selectedpack .pro-footer .sub-includes i{ color: #128fe4; border-color: #128fe4; } .rt_descontrol .sub-package:nth-child(8n+2){ background: #27ae60; } .rt_descontrol .sub-package:nth-child(8n+2) .subs-package-hdr .input-group input[type="text"]{ background: #e4feef; } .rt_descontrol .sub-package:nth-child(8n+2).selectedpack::before{ border: 4px solid #27ae60; } .rt_descontrol .sub-package:nth-child(8n+2) .pack-add-count .btn.btn-default{ color: #27ae60; } .rt_descontrol .sub-package:nth-child(8n+2) .pack-add-count .package-contact-btn a{color: #27ae60;} .rt_descontrol .sub-package:nth-child(8n+2) .pack-add-count .form-group{ border: 1px solid #27ae60; } .rt_descontrol .sub-package:nth-child(8n+2) .checkboxlbl .check:after{ border: solid #27ae60; border-width: 0 4px 4px 0;} .rt_descontrol .sub-package:nth-child(8n+2).selectedpack .pro-footer{ background:#b4e1c7; } .rt_descontrol .sub-package:nth-child(8n+2).selectedpack .pro-footer .sub-includes i{ color: #27ae60; border-color: #27ae60; } .rt_descontrol .sub-package:nth-child(8n+3){ background: #818ccf; } .rt_descontrol .sub-package:nth-child(8n+3) .subs-package-hdr .input-group input[type="text"]{ background: #eff1ff; } .rt_descontrol .sub-package:nth-child(8n+3).selectedpack::before{ border: 4px solid #818ccf; } .rt_descontrol .sub-package:nth-child(8n+3) .pack-add-count .btn.btn-default{ color: #818ccf; } .rt_descontrol .sub-package:nth-child(8n+3) .pack-add-count .package-contact-btn a{color: #818ccf;} .rt_descontrol .sub-package:nth-child(8n+3) .pack-add-count .form-group{ border: 1px solid #818ccf;} .rt_descontrol .sub-package:nth-child(8n+3) .checkboxlbl .check:after{ border: solid #818ccf; border-width: 0 4px 4px 0; } .rt_descontrol .sub-package:nth-child(8n+3).selectedpack .pro-footer{ background:#c6cbe8; } .rt_descontrol .sub-package:nth-child(8n+3).selectedpack .pro-footer .sub-includes i{ color: #818ccf; border-color: #818ccf; } .rt_descontrol .sub-package:nth-child(8n+4){ background: #eabf13; } .rt_descontrol .sub-package:nth-child(8n+4) .subs-package-hdr .input-group input[type="text"]{ background: #fff6d1; } .rt_descontrol .sub-package:nth-child(8n+4).selectedpack::before{ border: 4px solid #eabf13; } .rt_descontrol .sub-package:nth-child(8n+4) .pack-add-count .btn.btn-default{ color: #eabf13; } .rt_descontrol .sub-package:nth-child(8n+4) .pack-add-count .package-contact-btn a{color: #eabf13;} .rt_descontrol .sub-package:nth-child(8n+4) .pack-add-count .form-group{ border: 1px solid #eabf13; } .rt_descontrol .sub-package:nth-child(8n+4) .checkboxlbl .check:after{ border: solid #eabf13; border-width: 0 4px 4px 0;} .rt_descontrol .sub-package:nth-child(8n+4).selectedpack .pro-footer{ background:#f9e9a9; } .rt_descontrol .sub-package:nth-child(8n+4).selectedpack .pro-footer .sub-includes i{ color: #eabf13; border-color: #eabf13; } .rt_descontrol .sub-package:nth-child(8n+5){ background: #9b59b6; } .rt_descontrol .sub-package:nth-child(8n+5) .subs-package-hdr .input-group input[type="text"]{ background: #f7e7fd; } .rt_descontrol .sub-package:nth-child(8n+5).selectedpack::before{ border: 4px solid #9b59b6; } .rt_descontrol .sub-package:nth-child(8n+5) .pack-add-count .btn.btn-default{ color: #9b59b6; } .rt_descontrol .sub-package:nth-child(8n+5) .pack-add-count .package-contact-btn a{color: #9b59b6;} .rt_descontrol .sub-package:nth-child(8n+5) .pack-add-count .form-group{ border: 1px solid #9b59b6; } .rt_descontrol .sub-package:nth-child(8n+5) .checkboxlbl .check:after{ border: solid #9b59b6; border-width: 0 4px 4px 0;} .rt_descontrol .sub-package:nth-child(8n+5).selectedpack .pro-footer{ background:#deb6ee; } .rt_descontrol .sub-package:nth-child(8n+5).selectedpack .pro-footer .sub-includes i{ color: #9b59b6; border-color: #9b59b6;} .rt_descontrol .sub-package:nth-child(8n+6){ background: #e77e23; } .rt_descontrol .sub-package:nth-child(8n+6) .subs-package-hdr .input-group input[type="text"]{ background: #fff4ea; } .rt_descontrol .sub-package:nth-child(8n+6).selectedpack::before{ border: 4px solid #e77e23; } .rt_descontrol .sub-package:nth-child(8n+6) .pack-add-count .btn.btn-default{ color: #e77e23; } .rt_descontrol .sub-package:nth-child(8n+6) .pack-add-count .package-contact-btn a{color: #e77e23;} .rt_descontrol .sub-package:nth-child(8n+6) .pack-add-count .form-group{ border: 1px solid #e77e23; } .rt_descontrol .sub-package:nth-child(8n+6) .checkboxlbl .check:after{ border: solid #e77e23; border-width: 0 4px 4px 0;} .rt_descontrol .sub-package:nth-child(8n+6).selectedpack .pro-footer{ background:#fff2e7; } .rt_descontrol .sub-package:nth-child(8n+6).selectedpack .pro-footer .sub-includes i{ color: #e77e23; border-color: #e77e23; } .rt_descontrol .sub-package:nth-child(8n+7){ background: #1abc9c; } .rt_descontrol .sub-package:nth-child(8n+7) .subs-package-hdr .input-group input[type="text"]{ background: #e5fbf7; } .rt_descontrol .sub-package:nth-child(8n+7).selectedpack::before{ border: 4px solid #1abc9c; } .rt_descontrol .sub-package:nth-child(8n+7) .pack-add-count .btn.btn-default{ color: #1abc9c; } .rt_descontrol .sub-package:nth-child(8n+7) .pack-add-count .package-contact-btn a{color: #1abc9c;} .rt_descontrol .sub-package:nth-child(8n+7) .pack-add-count .form-group{ border: 1px solid #1abc9c; } .rt_descontrol .sub-package:nth-child(8n+7) .checkboxlbl .check:after{ border: solid #1abc9c; border-width: 0 4px 4px 0;} .rt_descontrol .sub-package:nth-child(8n+7).selectedpack .pro-footer{ background:#92ead8; } .rt_descontrol .sub-package:nth-child(8n+7).selectedpack .pro-footer .sub-includes i{ color: #1abc9c; border-color: #1abc9c; } .rt_descontrol .sub-package:nth-child(8n+8){ background: #34495e; } .rt_descontrol .sub-package:nth-child(8n+8) .subs-package-hdr .input-group input[type="text"]{ background: #edf4fb; } .rt_descontrol .sub-package:nth-child(8n+8).selectedpack::before{ border: 4px solid #34495e; } .rt_descontrol .sub-package:nth-child(8n+8) .pack-add-count .btn.btn-default{ color: #34495e; } .rt_descontrol .sub-package:nth-child(8n+8) .pack-add-count .package-contact-btn a{color: #34495e;} .rt_descontrol .sub-package:nth-child(8n+8) .pack-add-count .form-group{ border: 1px solid #34495e;} .rt_descontrol .sub-package:nth-child(8n+8) .checkboxlbl .check:after{ border: solid #34495e; border-width: 0 4px 4px 0;} .rt_descontrol .sub-package:nth-child(8n+8).selectedpack .pro-footer{ background:#cedcea; } .rt_descontrol .sub-package:nth-child(8n+8).selectedpack .pro-footer .sub-includes i{ color: #34495e; border-color: #34495e; } .rt_descontrol .sub-package.selectedpack::before{ content: ""; position: absolute; top: -12px; left: -12px; width: calc(100% + 24px); height: calc(100% + 24px); box-sizing: border-box; border-radius: 5px;} .rt_descontrol .sub-package {display: inline-block; border: 1px solid #ccc; width: 100%; max-width: 350px; border-radius: 7px;color: #fff; text-align: left; padding-bottom: 10px; margin: 15px; float: left; position: relative;} /*max-width: 26.5%; margin: 1.75%;*/ .rt_descontrol .subscription-container * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .rt_descontrol .pack-add-count {margin-bottom: 0; margin-top: 0; z-index: 1; position: relative;} .rt_descontrol .subscription-container * { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;} .rt_descontrol .subs-package-hdr .checkboxlbl { position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 22px;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; left: 7px; float: left;} .rt_descontrol .pack-add-count {margin-bottom: 0; margin-top: 0;z-index: 1; position: relative;} .rt_descontrol .imgofpck {position: relative; overflow: hidden; border-radius: 0; border-top: 1px solid #ccc;} .rt_descontrol .imgofpck img {width: 100%; vertical-align: top; margin-top: -1px;} .rt_descontrol .pro-footer {background: #fff;color: #666; padding: 8px; position: relative; min-height: 260px; max-height: 260px;overflow-y: auto;} .rt_descontrol .pro-footer p {font-size: 22px; font-weight: 600; margin: 20px 0; color: #303030;} .rt_descontrol .pro-remove{background: #fff;position: relative; text-align:center; } .rt_descontrol .pack-add-count .form-group { width: auto; max-width: 60%; margin: auto; border: none !important; border-radius: 25px; background: #fff; height: auto;float: right;} .rt_descontrol .sub-includes { width: 100%; position: relative; display: inline-block; line-height: 25px; padding-left: 22px; font-size: 14px; position: relative; color: #303030;} .rt_descontrol .pro-headr { position: relative; display: inline-block; width: 100%; padding: 10px 0; min-height: 160px; background: none;} .rt_descontrol .pro-headr h2 { margin-top: 10px; color: #fff; padding: 0 8px; font-size: 22px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 5px; line-height: 30px;} .rt_descontrol .buttonsposition {text-align: right; position: absolute; top: 0; right: 16px;} .rt_descontrol .includedicon {color: #1abc9c; position: absolute; right: 10px; top: 18px;} .rt_descontrol .duenow {color: #fff !important;background: linear-gradient(to right, #ebf5fb, #128fe4)!important;} .rt_descontrol .subsc-total-container{max-width: 1870px;} .rt_descontrol .price-sub .spnPackageCost {font-size: 35px; font-weight: 600;} .rt_descontrol .addpackage_btnbase {float: left; min-height: 350px; padding-top: 250px; position: absolute; right: 60px; top: 0px; z-index: 9;}/**z-index: 999;**/ .rt_descontrol .bill-bar.newhs .bill-conteiner { max-width: 1600px;} .rt_descontrol .subs-adds-list.less270{width: calc(100% - 270px);} .rt_descontrol .tabcontent.less270{width: calc(100% - 270px);} .rt_descontrol .less270 .storag-adds{max-width:26%;} .rt_descontrol .addon-wrapper {width: 100%;} .rt_descontrol .addpackage_btn { background: #fafafa; display: block; height: 200px; min-width: 200px; text-align: center; border: 1px solid #e1e1e1; border-radius: 15px;} .rt_descontrol .addpackage_btn i { font-size: 40px; color: #5e696f; margin-top: 78px;} .rt_descontrol .pro-headr h2{ font-size: 16px;} .rt_descontrol .addpackage_btnbase.singlealone {position: unset; min-height: 250px !important; padding-top: 40px !important; margin: 0 auto; text-align: center; float: unset; width: 100%;} .rt_descontrol .addpackage_btnbase.singlealone .norecmsgs { display: block !important; margin-bottom: 30px; font-size: 25px;} .rt_descontrol .addpackage_btnbase.singlealone a.addpackage_btn {width: 350px; margin: 0 auto;} .rt_descontrol .sbs-free-trial::after{top: 6px; border-right: 15px solid #ff5858; border-left: 15px solid #ff5858;} .rt_descontrol .sbs-free-trial{background: #ff5858;} .rt_descontrol .sbs-free-trial::before{border-right: 10px solid #ff5858;} .rt_descontrol .storag-adds .removeAddon { position: absolute; right: 10px; top: 6px;} .rt_descontrol .storag-adds{background: #fff;} @media (max-width:991px) { .rt_descontrol .tabcontent.less270{width: 100%!important; margin-bottom: 20px!important;} .rt_descontrol .sub-package{max-width: unset!important;margin: 15px!important;} .rt_descontrol .addpackage_btnbase{margin-bottom: 30px!important; position: unset!important; padding-top: 0px!important; float: left!important; min-height: auto!important;width:100%;} .rt_descontrol .addpackage_btn{height:auto!important;} .rt_descontrol .addpackage_btn i{margin-top:auto!important;} .rt_descontrol .subs-adds-list.less270 {width: 100%; margin: 0;padding: 0;} .rt_descontrol .storag-adds{max-width: 48%!important;} } @media (max-width:768px) { .rt_descontrol .storag-adds{max-width: 100%!important;} } @media (max-width:1400px) { .rt_descontrol .storag-adds{max-width: 32%;} .rt_descontrol .less270 .storag-adds{max-width:32%;} } .plans_billing_des .font-27 {font-size: 27px;} .plans_billing_des .seagreenicon {color: #1abdac;} .plans_billing_des .bodbase {min-height: 250px;} .plans_billing_des .subscp_detail .headbase{background:#bf4753; color:#fff;} .plans_billing_des .subscp_detail .bodbase{border:1px solid #bf4753; background:#ececec;} .plans_billing_des .subscp_detail.newsubscp .headbase{background:#27a643; color:#fff;} .plans_billing_des .subscp_detail.newsubscp .bodbase{border:1px solid #27a643; background:#fff;} .plans_billing_des .txt-orange{color:#ff7f10;} .plans_billing_des .font-27{font-size:27px;} .plans_billing_des table.subscp_detailtble{width:100%;} .plans_billing_des table.subscp_detailtble thead tr{border-top:1px solid #b0b0b0;border-bottom:1px solid #b0b0b0;} .plans_billing_des table.subscp_detailtble tr td{padding:8px 8px !important;} .plans_billing_des .cardpicsbox{width: 100%; float: left; margin: 1px 0px; height: auto; position: relative; min-height: 85px; padding: 15px 15px 15px 80px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;} .plans_billing_des .cardpics{width: 80px !important; height: 61px; line-height: 41px; text-align: center; font-size: 24px; color: #494949; float:left;} .plans_billing_des .cardpics img{width:100%;} .plans_billing_des .carddetails{width:calc(100% - 85px); margin: 0 0 3px 0; padding: 0; height: auto; float:left; font-size:14px;} .plans_billing_des .listing-rw i { color: #17a2b8;} .payment-form_hsbase .stripe-input { width: 100%; float: left;} .payment-form_hsbase .stripe-input { border: 1px solid #ccc; padding: 10px 12px; border-radius: 6px; background-color: #fff; margin-bottom: 12px; transition: border-color 0.2s ease;} .payment-form_hsbase .payment-form_hs { padding: 20px; margin: 10px 0px !important; background: #f6f5f8; border: 1px solid #d0d0d0;} .payment-form_hsbase label { color: #626262; float: left; font-size: 15px; font-weight: bold; line-height: 18px; padding: 5px; width: 100%; display: block; text-align: left; float: left;} .payment-form_hsbase .pack_margtop_bot { margin-top: 5px !important; margin-bottom: 5px !important;} .payment-form_hsbase .form_fields { margin: 20px 0; overflow: hidden;} .payment-form_hsbase .stripe-error{color: #de3545;} .valu {font-weight: 600; } .cci_base .valu {background: #E0E0E0; border:1px solid #abb5bf;} .cci_base .field-validation-error {color: #a94442!important; margin-top: 6px;} .cci_base .total_disable_class_bg { opacity: 0.6; pointer-events: none;} .cci_base .heading-border h5 { margin: 0; } /****Manage Subscription Harjit with Thakur ji 20Nov2025*****/ .recharge_payment{padding:0px!important;} .card.probx.recharge_payment .card-header{ background:#eee;} .ElementsApp input{line-height: normal!important;} #ProcessPayment .clientwalletsprite {float: left; width: 100%; max-width: 300px; border: 1px solid #d0dbc7; padding: 4px;} .right-forms{float: right; width: calc(100% - 320px);} #ProcessPayment .clientwalletsprite button{background-image: url(https://talygenv.github.io/Vue-UI-Content/images/clientwalletsprite_green.png); background-repeat: no-repeat; height: 60px; border: 1px solid #f2f2f2; border-radius:0px!important; opacity: 0.35; margin-bottom: 3px; background-color:#bfcab6; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; background-size: 170px;} #ProcessPayment .clientwalletsprite button:focus{box-shadow: none;} #ProcessPayment .clientwalletsprite button:hover{opacity: 9; background-color: #d4dfcc;} #ProcessPayment .clientwalletsprite button.active{opacity: 9; background-color: #bfcab6;} #ProcessPayment .clientwalletsprite .Stripe{ background-position: 40px 14px; } #ProcessPayment .clientwalletsprite .Authorize.Dot.Net{background-position: 40px -60px; } #ProcessPayment .clientwalletsprite .PayU{ background-position: 40px -133px; } #ProcessPayment .clientwalletsprite .Razorpay{ background-position: 40px -207px; } #ProcessPayment .clientwalletsprite .Pay.pal{ background-position: 40px -520px; } #ProcessPayment .clientwalletsprite .Intuit{ background-position: 40px -285px; } #ProcessPayment .clientwalletsprite .Pay.Fast{ background-position: 40px -362px; } #ProcessPayment .clientwalletsprite .Wallet { background-position: 40px -439px; } .clientwallet .detailsfix .badge { color: #fff; display: inline-block; padding: 6px 10px; border-radius: 6px; font-size: 13px; font-weight: 500;} .recharge_payment .form-control{ border-radius: 6px!important; padding:12px; background: #fafafa;} .recharge_payment select.form-control:not([size]):not([multiple]){height: 3rem !important;} .modalfixcss .utility-card{padding: 10px 25px;} .modalfixcss .utility-title {font-size: 17px; font-weight: 500;} .modalfixcss .utilities-grid{margin-top: 15px;} .modalfixcss .avatar img {border-radius: 100%;} .modalfixcss .detailsfix .badge.active{background:#28a745;} .modalfixcss .section-title {font-size: 18px; font-weight: 600; color: #2b3a67; margin: 25px 0 10px; } .modalfixcss .card-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 15px;} .modalfixcss .card { background: #fff; border-radius: 10px; padding: 15px 20px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08); transition: 0.2s ease;} .modalfixcss .card h4 { margin: 0 0 5px; color: #2b3a67; font-size: 16px;} .modalfixcss .card p { margin: 2px 0; font-size: 14px; color: #555;} .modalfixcss .info-box, .account-box, .quick-box { background: #fff; border-radius: 10px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08); padding: 15px 20px; } .modalfixcss .info-box p, .account-box p { margin: 8px 0; font-size: 15px; color: #444;} .modalfixcss .quick-actions { display: flex; gap: 15px; flex-wrap: wrap; justify-content: space-between; margin-top: 10px;} .modalfixcss .quick-btn {flex: 1; min-width: 180px; background: #f8fafc; border: 2px solid #e2e8f0; border-radius: 10px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); padding: 15px; font-size: 15px; color: #1e40af; cursor: pointer; display: flex; align-items: center;justify-content: center; gap: 8px; transition: 0.25s;font-weight: 600;} .modalfixcss .quick-btn:hover { background: #2563eb; color: #fff; border-color: #2563eb; transform: translateY(-2px);} .modalfixcss .quick-btn i { font-size: 18px; } .modalfixcss .credit {color: #16a34a; font-weight: 600;} .modalfixcss .debit {color: #dc2626; font-weight: 600;} .modalfixcss .view-history button { background: #0ea5e9; color: #fff; border: none; border-radius: 2px; padding: 5px 20px; font-size: 14px; cursor: pointer; transition: 0.2s; position:absolute; right: 0; top: -5px;} .modalfixcss .view-history button:hover { background: #0284c7;} @media (max-width: 600px) { .quick-actions {flex-direction: column;} } /* Client Wallet */ .clientwallet .profile-card.ai_base{background: rgb(239, 246, 255); border: 1px solid rgb(190, 219, 255) !important;} .clientwallet .profile-card { background: #fff; padding: 25px; border-radius: 0px!important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); display: flex; gap: 15px; margin-bottom: 25px;} .clientwallet .profile-card .profile-infoo h2 {font-size: 22px;} .clientwallet .fa-wallet {font-size: 40px; color: #5cabee;} .clientwallet .avatar { width: 100px; height: 100px; background: #ffffff; border-radius: 50%;font-size: 30px; display: flex; justify-content: center; align-items: center; border: 1px solid #eee;} .clientwallet .avatar img{ border-radius: 100%;} .clientwallet .active-badge { background: #28a745; color: #fff; padding: 2px 12px; border-radius: 5px; font-size: 14px; font-weight: 400;} .clientwallet .utilities-grid { margin-top: 28px; display: grid; gap: 25px; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));} .clientwallet .utility-card { background: #ffffff; border-radius: 0px; padding: 25px; border: 1px solid #e4e4e4;} .clientwallet .electricity { border-top: 2px solid #ffe46f;} .clientwallet .water {border-top: 2px solid #aad8ff;} .clientwallet .gas { border-top: 2px solid #ffd2b1;} .clientwallet .utility-title { font-size: 22px; font-weight: 700; margin-bottom: 8px; display: flex; align-items: center; gap: 8px;} .clientwallet .inner-title { font-size: 13px; color: #6c7a8a; font-weight: 600;} .clientwallet .inner-value { font-size: 22px; font-weight: bold; margin-top: 4px;} .clientwallet .green {color: #1aa81a;} .clientwallet .red-t { color: #d63432;} .clientwallet .usage-link { text-decoration: none; color: #316bff; font-weight: 600; display: inline-block; margin-top: 10px;} .clientwallet .wallet-balance { font-size: 26px; font-weight: bold; margin-top: 15px;} .clientwallet .status-badge { background: #dcfce7; color: #16a34a; padding: 3px 10px; border-radius: 10px; font-size: 13px; display: inline-block;} .clientwallet .recharge input { width: 100%; padding: 10px; border: 1px solid #d1d5db; border-radius: 8px; font-size: 16px; margin-top: 10px; margin-bottom: 10px;} .clientwallet .quick-select { display: flex; gap: 10px; margin-bottom: 15px;} .clientwallet .quick-select button {flex: 1; padding: 10px; background: #f3f4f6; border: 1px solid #e2e8f0; border-radius: 8px; cursor: pointer; font-weight: 500; transition: 0.2s;} .clientwallet .quick-select button:hover { background: #2563eb; color: white;} .clientwallet .recharge-btn { width: 100%; background: #22c55e; color: white; border: none; padding: 12px; border-radius: 8px; cursor: pointer; font-size: 16px; font-weight: 600; transition: 0.2s;} .clientwallet .recharge-btn:hover {background: #16a34a;} .clientwallet .note { margin-top: 10px; background: #f0f9ff; padding: 10px; border-radius: 6px; font-size: 13px; color: #2563eb;} .clientwallet .content { display: flex; gap: 20px; flex-wrap: wrap;} .clientwallet .infogrid_base {width: 100%; float: left; margin-bottom: 20px;} .clientwallet .info-grid { display: flex; gap: 15px; margin-bottom: 10px;} .clientwallet .inner-box { flex: 1; background: white; border-radius: 0px; border: 1px solid #e6e6e6; padding: 12px; text-align: left; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); background: #f8f8f8;} .clientwallet .container { max-width: 960px; margin: auto;} .clientwallet .card { background: white; padding: 25px; border-radius: 12px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.06); margin-top: 20px;} .clientwallet .recharge_popup .card{box-shadow: none; padding: 0px; border: none;} .clientwallet h2 { margin: 0 0 5px 0; font-size: 24px;} .clientwallet .sub {color: #777; font-size: 14px; margin-bottom: 20px;} .clientwallet .stats {display: flex; gap: 60px; margin-top: 20px;} .clientwallet .stat-item {font-size: 14px;} .clientwallet .stat-value { font-size: 24px; font-weight: bold; margin-top: 5px; color: #c5911a;} .clientwallet .stat-value.red { color: #d93333;} .clientwallet .badge { display: inline-block; background: #fcf7c4; color: #8f7a00; padding: 4px 10px; border-radius: 20px; font-size: 13px; font-weight: bold;} .clientwallet .quick-select button {padding: 10px 20px;border-radius: 6px; border: 1px solid #ccc; background: #fff; cursor: pointer; transition: 0.2s ease;} .clientwallet .quick-select button.active {background: #4CAF50; color: white; border-color: #3a8a3f; transform: scale(1.05);} /* Client Wallet */ .cl_us_history .stat-item { font-size: 14px; width: 100%; background: #f7f7f7; padding:10px 15px; font-weight: 400;} .cl_us_history .stat-value { font-size: 24px; font-weight: 600; margin-top: 5px; color: #303030;} .cl_us_history .stat-value.red { color: #d93333;} /******Company Wallet - Dashboard************/ .companywallet_db .avatar {width: 100px; height: 100px; background: #ffffff; border-radius: 50%; font-size: 30px; display: flex; justify-content: center; align-items: center; border: 1px solid #eee;} .companywallet_db .profile-card { background: #fff; padding: 25px; border-radius: 0px!important; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); display: flex; gap: 15px; margin-bottom: 25px;} .companywallet_db .profile-card .profile-infoo h2 {font-size: 18px;} .companywallet_db .fa-wallet {font-size: 40px; color: #5cabee;} .companywallet_db .active-badge {background: #28a745; color: #fff; padding: 2px 12px; border-radius: 5px; font-size: 14px; font-weight: 400;} .companywallet_db .stats-cards .card {border-radius: 0px!important; border: 1px solid #ddd; transition:all 0.3s ease; background: #f7f7f7;} .companywallet_db .stats-cards .card:hover {box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); border-color: #00bfff; box-shadow: 0 0 10px rgba(0, 191, 255, 0.3); transform: translateY(-2px);} .companywallet_db .card-body h3 {font-size: 1.75rem;} .companywallet_db .search-box input {background-color: #f8fafc; border-radius: 8px; border: 1px solid #e2edf0; padding: 14px 16px;} .companywallet_db .ticketsmallfix.theme-primary.partition.p-actions-expand{ display: none !important;} .companywallet_db .utilities-grid {margin-top: 28px; display: grid; gap: 25px; grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));} .companywallet_db .utility-card {background: #ffffff; border-radius: 0px; padding:30px 25px; border:1px solid #e4e4e4;} .companywallet_db .electricity {border-top: 2px solid #ffe46f; background: rgb(255, 250, 239);} .companywallet_db .water {border-top: 2px solid #aad8ff; background: #f4faff;} .companywallet_db .gas {border-top: 2px solid #ffd2b1; background: #fff8f3;} .companywallet_db .utility-title { font-size: 22px; font-weight: 700; margin-bottom: 8px; display: flex; align-items: center; gap: 8px;} .companywallet_db .inner-title {font-size: 13px; color: #6c7a8a; font-weight: 600;} .companywallet_db .inner-value {font-size: 22px; font-weight: bold; margin-top: 4px;} .companywallet_db .green {color: #1aa81a;} .companywallet_db .red-t {color: #d63432;} .companywallet_db .usage-link { text-decoration: none; color: #316bff; font-weight: 600; display: inline-block; margin-top: 10px;} .companywallet_db .wallet-balance {font-size: 26px; font-weight: bold; margin-top: 15px;} .companywallet_db .totalactive{background: rgb(236, 253, 241); border: 1px solid rgb(179, 228, 198) !important;} .companywallet_db .totalbalance{background: rgb(239, 246, 255); border: 1px solid rgb(190, 219, 255) !important;} .companywallet_db .lowbalance{background: rgb(255, 248, 248); border: 1px solid rgb(234, 200, 200) !important;} /******Company Wallet - Dashboard************/ .receipt-card {max-width: 900px;} .receipt-card .info-box {background: #f8f9fa; padding: 12px 15px; border-radius: 6px; display: flex; font-size: 15px;} .receipt-card .info-box strong {margin-right: 8px;} .receipt-card .amount-box .font-24 { font-size: 24px !important;} .receipt-card .row.g-3 { margin-bottom: 5px;} /********* USIC Billing Validation Data - FlagRecords, BulkMove, BulkMoveAdvance etc Tabs Screens******************/ .custom-autocomplete {position: relative; width: 100%;} .autocomplete-wrapper { position: relative;} .autocomplete-menu { position: absolute; top: 100%; left: 0; right: 0; z-index: 1000; background: white; border: 1px solid #ced4da; border-radius: 0rem; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); margin-top: 2px; overflow-y: auto; max-height: 300px;} .autocomplete-loading, .autocomplete-no-data { padding: 1.5rem; text-align: center;} .autocomplete-item { cursor: pointer; padding: 0.35rem 1rem; border: none; border-bottom: 1px solid #dee2e6; transition: background-color 0.2s ease, color 0.2s ease;} .autocomplete-item:hover, .autocomplete-item.active { background-color: #e7f3ff; color: #0056b3;} .autocomplete-item.selected { background-color: #e7f3ff; color:#000; padding-left:15px;}/***border-left: 3px solid #3998ff;***/ .autocomplete-item.selected:hover, .autocomplete-item.selected.active {background-color: #e7f3ff;border-bottom:1px solid #b2d8ff;} .autocomplete-item:last-child { border-bottom: none;} .autocomplete-chips-container {padding: 0.375rem 0.75rem; display: flex; flex-wrap: wrap; align-items: center;} .autocomplete-input-inline {border: none; outline: none; flex: 1; min-width: 2px; padding: 0; background: transparent;} .autocomplete-chip { display: inline-flex; align-items: center; padding: 0.15rem 0.4rem; font-size: 12px; border-radius: 8px; background-color: #3998ff; color: white; transition: all 0.2s ease; max-width: 80px; font-weight: normal; line-height: 1.2; height: 22px;} .autocomplete-chip-more { background-color: #6c757d; cursor: default;} .autocomplete-wrapper .dropdown-toggle::after{display: none;} .autocomplete-wrapper .input-group .input-group-append button{border:none} .autocomplete-wrapper{border:1px solid #abb5bf;} .autocomplete-wrapper .form-control{border:none} .autocomplete-wrapper .list-group-item.active{border-bottom:1px solid #b2d8ff; border-top:1px solid #dee2e6; border-left: 0px solid #9dccfd;} .autocomplete-wrapper .list-group-item.active:first-child{border-top:0px} .autocomplete-wrapper .list-group-item.active:last-child{border-bottom:1px solid #9dccfd; border-top:1px solid #dee2e6;} .autocomplete-wrapper .list-group-item:last-child{border-bottom:1px solid #dee2e6;} .autocomplete-chip:hover { background-color: #0056b3; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);} .autocomplete-chip-text {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100px; font-size: 12px;} .autocomplete-chip-close { background: none !important; margin-top: 0px; margin-left: 8px !important; font-size: 14px; line-height: 1; padding: 0; opacity: 0.8;} .autocomplete-chip-close:hover { background: none !important; opacity: 1;} /* Action buttons styles */ .autocomplete-actions {background-color: #f8f9fa;} .autocomplete-actions .btn {font-size: 0.75rem; padding: 0.25rem 0.35rem; margin-right: 0.25rem; margin-bottom: 0.25rem;} .autocomplete-actions .btn.active { background-color: #007bff; border-color: #007bff; color: white;} .autocomplete-actions .gap-1 { gap: 0.25rem;} .is-disabled {opacity: 0.6; pointer-events: none;} .has-error .form-control { border-color: #dc3545;} .has-error .autocomplete-menu { border-color: #dc3545;} .form-control-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem;} .form-control-lg { padding: 0.5rem 1rem; font-size: 1.25rem;} .input-group-append .btn { border-left: 0;} .input-group-append .btn.active {background-color: #e9ecef; border-color: #ced4da;} .autocomplete-grouped { max-height: 100%; overflow-y: auto;} .autocomplete-group {margin-bottom: 0.25rem;} .autocomplete-group:last-child {margin-bottom: 0;} .autocomplete-group-header { padding:0.25rem 1rem 0.25rem 0.5rem; background-color: #f5f5f5; font-weight: 500; font-size:16px; color: #6c757d; border-bottom: 1px solid #dee2e6;border-top: 1px solid #dee2e6; position: sticky; top: 0; z-index: 10;} ul.list-group.list-group-flush { padding: 2px;} .autocomplete-group .list-group { border-top: none;} .autocomplete-checkbox-wrapper { position: relative; width: 20px; height: 20px; flex-shrink: 0;} .autocomplete-checkbox { width: 20px; height: 20px; cursor: pointer; margin: 0; opacity: 0; position: absolute; z-index: 1;} .autocomplete-check-icon { position: absolute; left: 0; top: 0; width: 20px; height: 20px; background-color: #007bff; border: 2px solid #007bff; border-radius: 3px; display: flex; align-items: center; justify-content: center; color: white; font-size: 0.75rem; pointer-events: none; transition: all 0.2s ease;} .autocomplete-checkbox:not(:checked) ~ .autocomplete-check-icon { background-color: white; border-color: #ced4da; color: transparent;} .autocomplete-checkbox:checked ~ .autocomplete-check-icon { background-color: #e7f3ff; border-color: #e7f3ff; color: #007bff; font-size:16px;} .autocomplete-item.selected .autocomplete-check-icon { background-color: #e7f3ff; border-color: #e7f3ff; color: #007bff; font-size: 16px;} /**Avtar Sir added - on Signal 5Feb2026****/ .autocomplete-wrapper ul.list-group.list-group-flush .font-weight-400{font-size: 14px;} .autocomplete-wrapper button i.fa-chevron-down{font-size: 10px;} .autocomplete-wrapper button i.fa-times{font-size: 12px;} .autocomplete-wrapper .autocomplete-group:hover .autocomplete-group-header {background: #a6d3ff; border-left: 4px solid #59aaff;} .autocomplete-wrapper .autocomplete-menu .autocomplete-grouped .autocomplete-group .autocomplete-group-header .d-flex.flex-column .font-weight-bold.font-14{font-weight: 500!important; color: #303030;} .autocomplete-wrapper .autocomplete-grouped ul li.list-group-item.autocomplete-item::before {content: "\f0da"; width: 10px; height: 10px; font-family: fontawesome; position: absolute; left: 6px; font-weight: 700; color: #afafaf;} .autocomplete-wrapper .autocomplete-grouped ul li.list-group-item.autocomplete-item::after { position: absolute; width: 1px; height: -moz-calc(100% - 18px); height: -webkit-calc(100% - 18px); height: calc(100% - 18px); content: ""; left: 3px; top: 0; border-left: 1px dashed #afafaf;} .autocomplete-wrapper .autocomplete-grouped ul li.list-group-item.active.autocomplete-item::before {color: #469ef9;} .autocomplete-wrapper .autocomplete-grouped ul li.list-group-item.active.autocomplete-item::after { border-left: 1px dashed #469ef9;} .autocomplete-wrapper .autocomplete-grouped ul li.list-group-item.autocomplete-item.selected{background-color: #e7ffea;} .autocomplete-wrapper .autocomplete-grouped ul li.list-group-item.autocomplete-item.selected{background-color: #e7ffea; border-left: none;} .autocomplete-wrapper .autocomplete-grouped ul li.list-group-item.autocomplete-item.selected::before{content: "\f0da"; width: 10px; height: 10px; font-family: fontawesome; position: absolute; left: 6px; font-weight: 700; color: #259f41;} .autocomplete-wrapper .autocomplete-grouped ul li.list-group-item.autocomplete-item.selected::after{position: absolute; width: 1px; height: -moz-calc(100% - 18px); height: -webkit-calc(100% - 18px); height: calc(100% - 18px); content: ""; left: 3px; top: 0; border-left: 1px dashed#259f41;} .selectedcontract tbody tr.active{background-color: #d6eaff!important; font-weight: 600!important; border-left:2px solid #73b7ff;} .selectedcontract tbody tr:hover{background-color: #d6eaff!important; font-weight: 600!important; border-left:2px solid #73b7ff;} /* .newdsgn a.disabled {opacity: 0.6; color: #ffffff !important; } 2April 2026 */ .newdsgn ul.nodechld li div { line-height: normal !important;} .newdsgn ul.nodechld li div.content{ line-height: 40px !important;} .newdsgn .badge.bg-warning{font-weight: 600; color: #8d581a !important; background-color: #fef9c3!important; padding: 4px 8px!important; text-transform: uppercase;} .newdsgn .badge.bg-primary{font-weight: 600; color: #3b56af !important; background-color: #dbeafe !important; padding: 4px 8px!important; text-transform: uppercase;} .newdsgn .badge.bg-primary.childd2{ color: #315ef1 !important; background-color: #ffffff!important; padding: 4px 8px !important; text-transform: uppercase; border: 1px solid #dbeafe!important;} .newdsgn ul li.globalbg{background-color: #fafafa!important;border-top:1px solid #e1e1e1!important;} .newdsgn ul li.rulebg{background-color: #ffffff!important; border-top:1px solid #e5e5e5!important;} .newdsgn ul.childrule{border: 0px!important;} .newdsgn .parent-childrow{ background: none!important;} .newdsgn .parent-childrow em{ color: #525f65; font-size: 12px; margin-top: 2px;} .newdsgn .list-box.action-list-box{position: absolute!important; width:500px!important;} .newdsgn .ulnodellistdata .actions.mobileaction{margin-top: 12px!important;} /********* USIC Billing Validation Data - FlagRecords, BulkMove, BulkMoveAdvance etc Tabs Screens******************/ .add-subtask .btn.btn-success.disabled {color: #fff !important; opacity: 0.5 !important;} .universaldisable .btn.btn-success.disabled{color: #fff !important; opacity: 0.5 !important;}/***Dont Delete HS 19Mar26 Thakur ji***/ .universaldisable.btn.btn-success.disabled {color: #fff !important; opacity: 0.5 !important;}/***Dont Delete HS 19Mar26 Thakur ji***/ .comment-form .comment-submit.float-right.disabled { color: #fff !important; opacity: 0.5 !important;} .table-responsive tbody td .bg-warning {background-color:#e4aa00 !important;} /*by harris sir for tg list*/ .table-responsive .resizable-column { position: relative; min-width: auto;} .table-responsive .resize-handle { position: absolute; top: 0; right: 0; width: 5px; height: 100%; cursor: col-resize; background: transparent; z-index: 1; user-select: none; } .table-responsive .resize-handle em {display: none;} .table-responsive .resize-handle:hover em { display: block;} .table-responsive .resize-handle:hover {background: rgba(103, 174, 251, 0.3); font-size: 10px; padding-top: 16px; color: #626262; padding-left: 1px;} .table-responsive .resize-handle:active { background: rgba(0, 123, 255, 0.5);} .table-responsive thead th { position: relative;} .table-responsive th.resizable-column:hover::after{padding: 11px 0px 0 0px; font-size: 15px; content: '\2807'; width: 6px;} .table-responsive th.resizable-column:last-child::after{display: none;}/***to hide last column three dots***/ thead.thead-bg .sticky-action-column {background-color: inherit; } .table-responsive thead th.sticky-action-column { position: sticky !important; right: 0 !important; z-index: 999 !important; background-color: #e8e8e8!important; min-width: 90px !important;} .table-responsive tbody tr td.single-action.only-for-action-col{position: sticky !important; right: 0 !important; z-index: 99 !important; min-width: 100px; background-color: #f4f4f4!important;} .table-responsive .action-without-ellipse{ background-color: #f4f4f4;} body:has(.modal.d-block) { overflow: hidden; } @media (max-width: 767px) { .downloadsamplefilenew .h5 small { margin-top: 0px; } } .ddl_versions{right:0; top:-13px; position:absolute;} .ddl_versions select{width: 160px;height: 25px !important;padding: 4px 8px; font-size: 14px; font-weight: 600; color: rgb(51, 51, 51); border: 1px solid rgb(204, 204, 204); border-radius: 5px;} .custom-accr.newdesi .card-header {font-size: 18px; display: flex; align-items: center; width: 100%; padding: 8px 10px;cursor: pointer; height: 46px; color: #4a4a4a;} .custom-accr.newdesi .card-header:hover {color: #fff;} .noneditablefield{background-color: #f8f9fa; border: 1px solid #dee2e6; border-radius: 4px; padding: 12px; min-height: 60px; color: #495057;} /******/ /***Calendar - current date will be selected ***/ .vc-day-box-center-center.is-today { border: 1px solid #9bccfd; border-radius: 32px;} /***Calendar - current date will be selected ***/ ul.innertabs_bases a.short-menu-item.gen-templateadded.mandatoryy span.left-icon-m{background-color: #ffe6e0 !important;} ul.innertabs_bases a.short-menu-item.gen-templateadded.mandatoryy{background-color: #fff6f3 !important; border: 1px solid #ffb59e !important; cursor: not-allowed !important;} ul.innertabs_bases a.short-menu-item.gen-templateadded.mandatoryy2 span.left-icon-m{background-color: #e2ecdb !important;} ul.innertabs_bases a.short-menu-item.gen-templateadded.mandatoryy2{background-color: #f4fbf0 !important; border: 1px solid #9dc87f !important; cursor: not-allowed !important;} ul.innertabs_bases a.short-menu-item.gen-templateadded.mandatoryy3 span.left-icon-m{background-color: #ffeddd !important;} ul.innertabs_bases a.short-menu-item.gen-templateadded.mandatoryy3{background-color: #fff8f1 !important; border: 1px solid #e1b48c !important;cursor: not-allowed !important;} /*****Analytics Dashboard - HS - Mohit 28Jan2026***/ .db_analytic .widget-card { display: flex; flex-direction: column;} .db_analytic .widget-title {display: flex; align-items: center; gap: 8px; flex-wrap: wrap;} .db_analytic .widget-title em {color: #323232;} .db_analytic .chart-container {flex: 1; min-height: 280px;} .db_analytic .loading {text-align: center; padding: 40px; color: #7f8c8d;} .db_analytic .mini-stats {display: flex; gap: 15px; margin-top: 15px; padding: 5px; flex-wrap: wrap;} .db_analytic .mini-stat {flex: 1; text-align: center; padding: 10px; background: #f8fafc;} .db_analytic .mini-stat-value {font-size: 16px; font-weight: 600; color:#1f77b4;}/**color: #006666**/ .db_analytic .mini-stat-label {font-size: 12px; color: #5a6566;} /*****Analytics Dashboard - HS - Mohit 28Jan2026***/ ul.nodechld li div.modal-header { line-height: normal;} .vc-day.is-not-in-month .vc-day-content{opacity: 0.5!important;} .e-reportviewer-pageviewcontainer{overflow-x: auto;} /*****Analytics Dashboard - HS - Mohit******/ .revenue-controls { display: flex;gap: 15px; margin-top: 15px; flex-wrap: wrap;} .revenue-btn { padding: 8px 16px; border: 1px solid #bdbdbd; border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.2s;} .revenue-btn:hover {background: #3b82f6; color: #fff; border-color: #3b82f6;} .revenue-btn.active { background: #3b82f6; color: white; border-color: #3b82f6;} .chart-container { min-height: 400px!important; width: 100%;} .revenue-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 20px; margin-top: 20px;} /* .revenue-stat-box { text-align: center; padding: 15px; background: #f8fafc; border-radius: 6px; border: 1px solid #f4f4f4; border-left: 4px solid #006666;} */ .revenue-stat-box { text-align: center; padding: 15px; background: #f8fafc; border-radius: 6px; border: 1px solid #f4f4f4; border-left: 4px solid #1f77b4;} .revenue-stat-value {font-size: 18px; font-weight: 700; color:#1f77b4; margin-bottom: 5px;}/**color: #006666**/ .revenue-stat-label {font-size: 12px; color:#525a5b;}/***color:#7f8c8d***/ .revenue-analytics .widgets-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(900px, 1fr)); gap: 20px;} .revenue-analytics .widgets-grid_mainsingle { display: grid; gap: 20px;} .widgets-grid_mainsingle .controls { display: flex; gap: 20px; margin-bottom: 2px; flex-wrap: wrap; padding: 20px; background: #fafafa; border:1px solid #ccc;} .widgets-grid_mainsingle .control-group { display: flex; flex-direction: column; }/**gap: 8px;**/ .widgets-grid_mainsingle .year-filter { display: flex; gap: 10px; flex-wrap: wrap;} .widgets-grid_mainsingle .year-btn { padding: 6px 16px; border: 1px solid #bdbdbd;border-radius: 6px; cursor: pointer; font-size: 14px; font-weight: 600; transition: all 0.2s;} .widgets-grid_mainsingle .year-btn:hover {background: #3b82f6; color: #fff; border-color: #3b82f6;} .widgets-grid_mainsingle .year-btn.active { background: #3b82f6; color: #fff; border-color: #3b82f6;} .widgets-grid_mainsingle .metric-badge {background: #4da6a6; color: white; padding: 0px 12px; border-radius: 6px; font-size: 12px; font-weight: 600; line-height: 30px;} .widgets-grid_mainsingle #map {height: 550px; width: 100%; border-radius: var(--radius-sm, 6px); overflow: hidden;} .widgets-grid_mainsingle #barChart { height: 750px; width: 100%;} /*****Analytics Dashboard - HS - Mohit******/ #color_code .color-box{line-height: 34px;} #color-picker-arrow{right: 12px!important;top: 10px!important;} /*******Global search*********/ .global-search-container {position: relative; margin-top: 6px; flex: 1; max-width: 400px; min-width: 400px;} .global-search-wrapper { position: relative; width: 100%;} .global-search-input { border-radius:0px; padding: 8px 15px; border: 1px solid #ddd; font-size: 14px; transition: all 0.3s ease; background: white !important; color: #333 !important; opacity: 1 !important;} .global-search-input:focus {background: white !important; color: #333 !important; opacity: 1 !important; border-color: #007bff; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); outline: none;} .global-search-input:hover {background: white !important; color: #333 !important; opacity: 1 !important;} .global-search-container .global-search-results { position: absolute; top: 100%; left: 0; right: 0; margin-top: 5px; max-height: 500px; overflow-y: auto; z-index: 1050; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); border-radius: 4px; background: #fff; border: 1px solid #ddd; padding: 0; min-width: 500px; width: 600px;} .global-search-container .search-header {padding: 10px 15px; border-bottom: 1px solid #e0e0e0; background: #f8f9fa;} .global-search-container .global-search-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; display: flex; align-items: flex-start; justify-content: center; padding-top: 80px; padding-bottom: 40px; overflow-y: auto; cursor: pointer;} .global-search-container .search-overlay-content { background: white; border-radius: 0px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2); width: 600px; max-width: 800px; max-height: calc(80vh - 120px); min-height: 400px; display: flex; flex-direction: column; overflow: hidden; animation: slideDown 0.2s ease-out; position: fixed; cursor: default; z-index: 10000; border: 1px solid #e7e7e7;} .global-search-container .search-overlay-close {position: absolute; top: 18px; right: 10px; background: transparent; border: none; font-size: 18px; color: #6c757d; cursor: pointer; padding: 5px 10px; z-index: 10001; transition: color 0.2s, background 0.2s; line-height: 1; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 4px;} .global-search-container .search-overlay-close:hover { color: #333; background: #f0f0f0;} .global-search-container .search-overlay-close:focus { outline: 2px solid #0052CC; outline-offset: 2px;} .global-search-container .search-overlay-header { padding: 12px 15px; border-bottom: 1px solid #e0e0e0; background: #fff; flex-shrink: 0;} .global-search-container .search-filters { display: flex; gap: 10px;} .global-search-container .filter-dropdown {padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; background: white; cursor: pointer; transition: border-color 0.2s, box-shadow 0.2s; min-width: 200px;} .global-search-container .module-dropdown {width: 100%; max-width: 300px;} .global-search-container .filter-dropdown:hover {border-color: #0052CC;} .global-search-container .filter-dropdown:focus {border-color: #0052CC; box-shadow: 0 0 0 2px rgba(0, 82, 204, 0.1); outline: none;} .global-search-container .recent-searches-section { padding: 15px 20px; border-bottom: 1px solid #e0e0e0; overflow-y: auto; } .global-search-container .recent-searches-list { display: flex; flex-direction: column; gap: 0px; line-height: 26px;} .global-search-container .recent-search-item { display: flex; align-items: center; padding: 0px 10px; border-radius: 4px; cursor: pointer; transition: background-color 0.2s; border-bottom: 1px solid #f5f5f5; margin-bottom:3px;} .global-search-container .recent-search-item:hover { background-color: #f4f5f7;} .global-search-container .recent-search-item em {margin-right: 5px; color: #6c757d; width: 20px;} .global-search-container .recent-search-item.suggestion em { color: #ffab00;} .global-search-container .recent-search-item .search-text { flex: 1; color: #172b4d; font-weight: 400;font-size: 13px; margin-top:3px;} .global-search-container .recent-search-item .search-label {font-size: 12px; color: #6c757d; margin-left: 10px;} .global-search-container .recent-work-section { flex: 1; overflow-y: auto; padding: 20px; min-height: 200px;} .global-search-container .section-header { margin-bottom: 10px; padding: 5px;background: #f7f7f7;} .global-search-container .search-results-section .section-header { margin-bottom: 8px;} .global-search-container .section-header h5 { font-size: 12px; font-weight: 600; color: #6c757d; text-transform: uppercase; letter-spacing: 0.5px; margin: 0;} .global-search-container .search-results-section { flex: 1; overflow-y: auto; padding: 10px 15px; border-top: 1px solid #e0e0e0; min-height: 200px;} .global-search-container .work-items-list { display: flex; flex-direction: column; gap: 2px; line-height:16px;} .global-search-container .work-item { display: flex; align-items: flex-start; padding: 0; border-radius: 4px; transition: background-color 0.2s;} .global-search-container .work-item.compact { padding: 5px 10px; margin-bottom: 0px; border-bottom: 1px solid #e0e0e0; border-radius: 0px;} .global-search-container .work-item.compact:hover { background-color: #f4f5f7;} .global-search-container .work-item:hover { background-color: #f4f5f7;} .global-search-container .work-item-icon { width: 24px; height: 24px; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0;} .global-search-container .work-item.compact .work-item-icon { width: 20px; height: 20px; margin-right: 10px;} .global-search-container .work-item-icon em { font-size: 16px;} .global-search-container .work-item-content {flex: 1; min-width: 0;} .global-search-container .work-item-header { display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; margin-bottom: 4px;} .global-search-container .work-item.compact .work-item-header { margin-bottom: 2px; gap: 6px;} .global-search-container .work-item-id { font-weight: 600; color: #007bff; font-size: 14px; margin-right: 8px;} .global-search-container .work-item.compact .work-item-id { font-size: 13px;} .global-search-container .work-item-id-link { font-weight: 600; color: #007bff; font-size: 14px; margin-right: 8px; text-decoration: none; cursor: pointer; width:100%;} .global-search-container .work-item-id-link:hover { color: #0056b3; text-decoration: underline;} .global-search-container .work-item.compact .work-item-id-link { font-size: 13px;} .global-search-container .work-item-title {color: #495057; font-size: 14px; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: normal; word-break: break-word; line-height: 1.4;} .global-search-container .work-item.compact .work-item-title {font-size: 13px;} .global-search-container .work-item-title mark {background-color: #fff3cd; padding: 0 2px; font-weight: 700;} .global-search-container .work-item-meta {font-size: 12px; color: #6c757d; margin-bottom: 4px;} .global-search-container .work-item.compact .work-item-meta {font-size: 11px; margin-bottom: 4px; display: flex; flex-wrap: wrap; gap: 0px 10px; font-weight: 400;} .global-search-container .work-item-meta-item {display: inline-block; color: #6c757d;} .global-search-container .work-item-meta-item:last-child { margin-top: 7px; width:100%; float:left;} .global-search-container .work-item-meta-item mark { background-color: #fff3cd; padding: 0 2px; font-weight: 600;} .global-search-container .work-item-separator { margin: 0 4px;} .global-search-container .work-item-time { font-size: 12px; color: #6c757d; font-style: italic;} .global-search-container .view-all-results-footer {padding: 0px 15px; border-top: 1px solid #e0e0e0; text-align: center; background: #f8f9fa; margin-top: 5px;} .global-search-container .view-all-link {width: 100%; justify-content: center; color: #0052CC; text-decoration: none; font-size: 13px; font-weight: 500; display: inline-flex; align-items: center; transition: color 0.2s;} /* .global-search-container .view-all-link:hover { color: #003d99; text-decoration: underline;} */ .global-search-container .view-all-link em { font-size: 11px; margin-left: 5px;} .global-search-container .status-value {font-weight: 600; padding: 2px 8px; border-radius: 3px; display: inline-block; border: 1px solid;} .global-search-container .status-value.status-active { color: #fff; background-color: #28a745; border-color: #28a745;} .global-search-container .status-value.status-inactive { color: #fff; background-color: #dc3545; border-color: #dc3545;} .global-search-container .status-value.status-sent { color: #fff; background-color: #0062cc; border-color: #005cbf;} .global-search-container .status-value.status-cancelled { color: #fff; background-color: #dc3545; border-color: #dc3545;} .global-search-container .status-value.status-generated { color: #fff; background-color: #d39e00; border-color: #c69500;} .global-search-container .status-value.status-released { color: #fff; background-color: #1e7e34; border-color: #1c7430;} .global-search-container .status-value.status-failed { color: #fff; background-color: #dc3545; border-color: #dc3545;} .global-search-container .status-value.status-deleted { color: #fff; background-color: #8b0000; border-color: #8b0000;} .global-search-container .status-value.status-default { color: #007bff; background-color: #d1ecf1; border-color: #bee5eb;} .global-search-container .meta-label { font-weight: 600; color: #495057; margin-right: 5px; white-space: nowrap;} .global-search-container .meta-value { color: #6c757d; word-break: break-word; max-width: 100%;} /***Left Menu - Global Search****/ .menu-left-wrapper .navbar-nav.header-menu-for-left .global-search-container{min-width: auto; flex: none; width: 85%; margin-left: 20px;} .menu-left-wrapper.wrapper-shrink .navbar-nav.header-menu-for-left .global-search-container {min-width: 30px; max-width: 45px; margin-left: 0px;} .menu-left-wrapper.wrapper-shrink .navbar-nav.header-menu-for-left .global-search-container .global-search-wrapper .input-group-append{display: none!important;} .menu-left-wrapper .navbar-nav.header-menu-for-left .global-search-container .search-overlay-content span{display: unset!important;} .menu-left-wrapper.wrapper-shrink .navbar-nav.header-menu-for-left .global-search-container .search-overlay-content span{display: unset!important;} /* .menu-left-wrapper.wrapper-shrink .navbar-nav.header-menu-for-left .global-search-container input.global-search-input{padding: 8px 5px!important;} */ .global-search-container span.work-item-id-value { text-wrap: auto;} /***Left Menu - Global Search****/ /***Global Search Detail page****/ .search-results-page { padding: 20px; background: #f5f5f5; min-height: calc(100vh - 100px);} .search-results-page .search-result-item { display: flex; align-items: flex-start; padding: 0; border-bottom: 1px solid #e0e0e0; transition: background-color 0.2s; gap: 8px;} .search-results-page .search-result-item:hover { background-color: #f8f9fa;} .search-results-page .search-result-item:last-child { border-bottom: none;} .search-results-page .result-icon {width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; border-radius: 4px; flex-shrink: 0; margin-top: 2px;} .search-results-page .result-icon em { font-size: 16px; color: #6c757d;} .search-results-page .result-content { flex: 1; min-width: 0;} .search-results-page .result-id { font-size: 15px; font-weight: 600; color: #007bff; margin-bottom: 4px; line-height: 1.4; word-break: break-word;} .search-results-page .result-id-link { font-size: 16px; font-weight: 600; color: #007bff; margin-bottom: 4px; line-height: 1.4; word-break: break-word; text-decoration: none; cursor: pointer; display: inline-block; width:100%;} .search-results-page .result-id-link:hover {color: #0056b3; text-decoration: underline;} .search-results-page .result-id-link mark { background-color: #fff3cd; padding: 0 2px; font-weight: 700;} .search-results-page .result-id mark {background-color: #fff3cd; padding: 0 2px; font-weight: 700;} .search-results-page .result-description { font-size: 14px; color: #495057; word-break: break-word; white-space: normal;} .search-results-page .result-description mark { background-color: #fff3cd; padding: 0 2px; font-weight: 600;} .search-results-page .result-meta { display: flex; flex-wrap: wrap; gap: 15px 20px; font-size: 12px;} .search-results-page .meta-item { display: inline-flex; align-items: baseline; flex-wrap: wrap; min-width: 0;} .search-results-page .meta-label { font-weight: 600; color: #495057; margin-right: 5px; white-space: nowrap;} .search-results-page .meta-value { color: #6c757d; word-break: break-word; max-width: 100%;} .search-results-page .meta-value mark { background-color: #fff3cd; padding: 0 2px; font-weight: 600;} .search-results-page .result-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; margin-left: auto;} .search-results-page .status-value {font-weight: 600; padding: 0px 8px; border-radius: 3px; display: inline-block; border: 1px solid;} .search-results-page .status-value.status-active {color: #fff; background-color: #28a745; border-color: #28a745;} .search-results-page .status-value.status-inactive {color: #fff; background-color: #dc3545; border-color: #dc3545;} .search-results-page .status-value.status-sent {color: #fff; background-color: #0062cc; border-color: #005cbf;} .search-results-page .status-value.status-cancelled {color: #fff; background-color: #dc3545; border-color: #dc3545;} .search-results-page .status-value.status-generated {color: #fff; background-color: #d39e00; border-color: #c69500;} .search-results-page .status-value.status-released {color: #fff;background-color: #1e7e34; border-color: #1c7430;} .search-results-page .status-value.status-failed {color: #fff; background-color: #dc3545; border-color: #dc3545;} .search-results-page .status-value.status-deleted {color: #fff; background-color: #8b0000; border-color: #8b0000;} .search-results-page .status-value.status-default {color: #007bff; background-color: #d1ecf1; border-color: #bee5eb;} .search-results-page .nu-paging { padding: 15px 0; border-top: 1px solid #dee2e6; } .search-results-page h4 mark { padding: 0px 5px; background-color: #fff1ab; font-weight: 600; } .search-results-page .result-main { display: flex; margin-bottom: 5px; flex-wrap: wrap; } /***Global Search Detail page****/ /*******Global search*********/ .tg-listv-control .vue-treeselect.form-control .vue-treeselect__control {border:1px solid #cfcfcf; height: 32px;} .tg-listv-control .input-group.is-invalid .form-control {border: 1px solid #dc3545 !important;} .vue-treeselect.is-invalid .vue-treeselect__control { border-color: #f44336 !important;} /******Project Details Shubham Saini - HS********/ .right-content .card-body .section_pp .section-header { padding: 10px 15px; font-weight: 400; border-bottom: 1px solid #ddd; background: #f8f8f8; border-radius:5px 5px 0px 0px} .right-content .card-body .section_pp .health-boxes {display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; padding: 20px;} .right-content .card-body .section_pp .open {background: #eef3ff; color: #1f3c88; border:1px solid #d5e1ff;} .right-content .card-body .section_pp .blocked {background: #ffecec; color: #c0392b; border:1px solid #ffd7d7;} .right-content .card-body .section_pp .risk { background: #fff4e5; color: #e67e22;border:1px solid #ffe6c3;} .right-content .card-body .section_pp .health { padding: 20px 10px; border-radius: 6px; font-weight: 500; text-align: center;} .right-content .card-body .section_pp .section-header.reddy{ background: #f5f5f5; border:1px solid #d9d9d9; border-left:5px solid #d9534f; border-radius:0px;} .right-content .card-body .section_pp .section-header.reddy.common{ background: #f5f5f5; border:1px solid #d9d9d9; border-left:5px solid #4261ef; border-radius:0px; font-size: 16px;} .right-content .card-body .section_pp .section-body .customer-headersmall .barrsbase .team-row { display: flex; align-items: center; width:60%;} .right-content .card-body .section_pp .section-body .customer-headersmall .barrsbase .team-name { width: 100px;} .right-content .card-body .section_pp .section-body .customer-headersmall .barrsbase .bar {flex: 1; background: #eee; border-radius: 4px; overflow: hidden; margin-right: 10px; position: relative;} .right-content .card-body .section_pp .section-body .customer-headersmall .barrsbase .fill {height: 20px; background:#84b5ff; display: flex; align-items: center; justify-content: center; position: relative; transition: width 0.3s ease;} .right-content .card-body .section_pp .section-body .customer-headersmall .barrsbase .fill .percentage-text { color: #252525; font-size: 11px; font-weight: 600; white-space: nowrap; text-shadow: 0 1px 2px rgba(0,0,0,0.2);} .right-content .card-body .section_pp .section-body .customer-headersmall .barrsbase .count { width: 20px; font-weight: 500; font-size:13px;} .initials_big{font-size: 18px;} .epic-bug { background: #e5493a; color: #fff; font-size: 10px; padding: 4px; border-radius: 3px;} /******Project Details Shubham Saini - HS********/ /***********New Joab Board 2026 ********************/ .cls_activityboard .card-status {border: 1px solid; border-radius: 0px; height: 100%; background: #f1f4f9; } .cls_activityboard .status-scheduled { border-color: #3b82f6;} .cls_activityboard .status-rescheduled { border-color: #f59e0b;} .cls_activityboard .status-completed { border-color: #a855f7;} .cls_activityboard .status-feedback { border-color: #22c55e;} .cls_activityboard .avatar {width: 42px; height: 42px; border-radius: 50%; background: #2563eb; color: #fff; font-weight: 400; display: flex; align-items: center; justify-content: center; font-size: 14px;} .cls_activityboard .badge-total {background: #fff; color: #111827; font-size: 12px; font-weight: 400; border: 1px solid #d9d9d9;} .cls_activityboard .status-pill {border-radius: 20px; font-size: 13px; padding: 6px 12px; text-align: center; margin-top: 12px; font-weight: 400;} .cls_activityboard .pill-blue { background: #e0f2fe; color: #0284c7; } .cls_activityboard .pill-orange { background: #fff7ed; color: #f97316; } .cls_activityboard .pill-green { background: #ecfdf5; color: #16a34a; } .cls_activityboard .pill-purple { background: #f3e8ff; color: #9333ea; } .cls_activityboard .midpanes { border: 1px solid #dfdfdf; border-radius: 0px; padding: 15px; padding-bottom: 15px; background: #fff; } .cls_activityboard h6{font-weight:500} .cls_activityboard div small {padding:6px 0px;} .cls_activityboard div small label{font-weight:500;} .cls_activityboard div strong{font-weight:400} .cls_activityboard .btn{font-weight:300; border-radius: 5px;} .cls_candidatelist .candydate{font-size: 16px;} .cls_candidatelist .candidate-card {border: 1px solid #17a2b8; background: #fff; padding: 15px; margin-bottom: 5px; position: relative; height: 100%;} .cls_candidatelist .match-badge { position: absolute; top: 10px; right: 15px; background: #4e73df; color: #fff; padding: 8px 12px; border-radius: 4px; font-weight: 600; font-size: 14px; text-align: center;} .cls_candidatelist .match-badge span {display: block; font-size: 11px; font-weight: 400;} .cls_candidatelist .info-row-base {min-height: 190px;} .cls_candidatelist .info-row { border-bottom: 1px solid #e1e1e1; background: #f9f9f9; padding: 10px; margin-bottom: 3px; font-size: 14px; font-weight: 500; color:#535353;} .cls_candidatelist .label-title { color:#000;} .cls_candidatelist .info-row:last-child { border-bottom: none;} .cls_candidatelist .status-btn { font-size: 13px; padding: 4px 10px;} .cls_candidatelist .progress { height: 8px; border-radius: 10px;} .cls_candidatelist .progress-label { font-size: 14px; font-weight: 500;} .cls_candidatelist .progress-percent { float: right; font-size: 13px; font-weight: 500;} .cls_candidatelist .card-footer-custom { border-top: 1px solid #e3e6f0; margin-top: 15px; padding-top: 15px;} .cls_candidatelist .btn-sm-custom {font-size: 13px; padding: 5px 7px; margin-bottom: 5px;} @media (max-width:1366px){ .cls_candidatelist .candidate-card-base{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} } @media (max-width:1100px){ .cls_candidatelist .candidate-card-base{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} } .cls_dashboard .candidate-card { border-top:5px solid #2d8cff!important; border-radius: 12px; box-shadow: 0 4px 12px rgba(0,0,0,0.08); border: none; transition: 0.3s; } .cls_dashboard .candidate-card:hover { transform: translateY(-5px);} .cls_dashboard .card-body{padding: 15px;} .cls_dashboard .match-badge {background: #4da3ff;color: #fff; font-weight: 400; border-radius: 8px; padding: 8px 10px; font-size: 12px; width: 60px; float: right; display: flex; flex-wrap: wrap; justify-content: center; line-height: 14px;} .cls_dashboard .progress { height: 8px; border-radius: 10px; background-color: #e9ecef;} .cls_dashboard .progress-bar { background-color: #4da3ff; border-radius: 10px;} .cls_dashboard .butnsbase{background: #f7f7f7;} .cls_dashboard .butns{border-radius: 6px!important; padding: 5px 15px; font-size: 13px !important;} .cls_dashboard .btn-assign { background-color: #19a7b8; color: #fff; } .cls_dashboard .btn-assign:hover { background-color: #148a99; color: #fff;} .cls_dashboard .btn-details { background-color: #343a40; color: #fff;} .cls_dashboard .btn-details:hover { background-color: #23272b; color: #fff;} .cls_dashboard .namer { font-size: 16px; font-weight: 600;} .cls_dashboard .email { font-size: 13px;} .cls_dashboard .skill-label { font-size: 13px; font-weight: 400;} .cls_dashboard .percentage-text { font-size: 13px; font-weight: 400; color: #3c4146;} .cls_dashboard .candidatecardbase{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} @media (max-width:1699px){ .cls_dashboard .candidatecardbase{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} } @media (max-width:1279px){ .cls_dashboard .candidatecardbase{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} } .cls_dashboard .joboverviewbase .job-item {padding: 9px 16px; display: flex; align-items: center; background: #f9f9f9; margin-bottom: 2px; font-size: 14px;} .cls_dashboard .joboverviewbase .job-item:last-child {border-bottom: none;} .cls_dashboard .joboverviewbase .job-icon { width: 25px; font-size: 16px;} .cls_dashboard .joboverviewbase .icon-blue { color: #17a2b8; } .cls_dashboard .joboverviewbase .icon-red { color: #dc3545; } .cls_dashboard .joboverviewbase .icon-orange { color: #fd7e14; } .cls_dashboard .joboverviewbase .icon-green { color: #28a745; } .cls_dashboard .joboverviewbase .priority-badge { border: 1px solid #dc3545; color: #dc3545; padding: 2px 12px; border-radius: 20px; font-weight: 500; background: #fff;} .cls_dashboard .joboverviewbase .label-text {font-weight: 400; margin-right: 5px;} .cls_dashboard .requirementsbase em{color: #dfdfdf;} .cls_dashboard .requirementsbase .initials_big {font-size: 15px;} .cls_dashboard .cls_skillsbase span{border-radius: 6px!important; padding:5px 15px; font-size:13px !important; color: #0f313a; background: #eef8fa; border: 1px solid #9dc1cd; margin-right: 5px; font-weight: 400; margin-bottom: 10px;} .cls_dashboard .cls_educationbase div{border-bottom: 1px solid #dfdfdf; margin-bottom: 10px;padding:8px 0px; font-size: 14px;} .cls_dashboard .section_pp .section-header.reddy {background: #f5f5f5; border: 1px solid #d9d9d9; border-left-width: 1px; border-left-style: solid; border-left-color: rgb(217, 217, 217); border-left: 5px solid #d9534f;border-radius: 0px;} .cls_dashboard .section_pp .section-header {padding: 10px 15px; font-weight: 400;} .cls_dashboard .no-record-box { height: 350px; display: flex; justify-content: center; align-items: center; text-align: center; color: #dc3545;} @media (max-width:1200px){ .cls_dashboard .cls_leftbase {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} .cls_dashboard .cls_rightbase{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding-left:0px!important;} } .cls_stagesbase .step-wrapper { position: relative; padding: 20px 0;} .cls_stagesbase .step-wrapper::before { content: ''; position: absolute; top: 53px;left: 75px; right:75px; height: 3px; background: #d6d6d6; transform: translateY(-50%); z-index: 0;} .step-item.completed::before {content: '';position: absolute; top:33px; left: 62%; right: -80px; height: 3px; background: #44c46f; transform: translateY(-50%); z-index: 0;} .cls_stagesbase .step-item:last-child:before {display: none;} .cls_stagesbase .step-item.completed:last-child em{color: #fff!important;} .cls_stagesbase .step-item { position: relative; z-index: 1; text-align: center; flex: 1;} .cls_stagesbase .step-circle { width: 60px; height: 60px; border-radius: 50%; background: #ffffff; color: #6c757d; display: flex; align-items: center; justify-content: center; margin: 0 auto; font-size: 18px; border: 3px solid #e0e0e0; } .cls_stagesbase .step-item.active .step-circle, .cls_stagesbase .step-item.completed .step-circle { background: #44c46f; border-color: #44c46f; color: #fff;} .cls_stagesbase .step-label { margin-top: 10px; font-size: 14px; color: #6c757d;} .cls_stagesbase .step-item.active .step-label, .cls_stagesbase .step-item.completed .step-label { color: #2d8e4e; font-weight: 400;} @media (max-width:991px){ .cls_stagesbase .step-wrapper::before{top: 42px;} .cls_stagesbase .step-circle{width: 40px; height: 40px;} .cls_stagesbase .step-item.active .step-label, .cls_stagesbase .step-item.completed .step-label{font-weight: 500;} .cls_stagesbase .step-label{font-size: 13px; font-weight: 500;} } @media (max-width: 768px) { .cls_stagesbase .step-wrapper {flex-direction: column; align-items: flex-start; } .cls_stagesbase .step-wrapper::before {display: none;} .cls_stagesbase .step-item {display: flex; align-items: center; margin-bottom: 5px; min-width: 90%; background: #f2f2f2; padding: 5px;} .cls_stagesbase .step-circle { margin: 0 15px 0 0;} .cls_stagesbase .step-label { margin-top: 0; text-align: left;} .step-item.completed::before{display: none;} } .cls_jd .profile-card {border: 1px solid #dcdcdc; padding:10px 20px; background-color: #f7f7f7;} .cls_jd .profile-avatar {width: 90px; height: 90px; border-radius: 50%; object-fit: cover;} .cls_jd .profile-name {font-size: 20px; font-weight: 400; margin-bottom: 6px; color: #333;} .cls_jd .profile-info {font-size: 14px; color: #555; font-weight: 400;} .cls_jd .resume-btn {padding: 5px 10px; font-size: 15px; border-radius: 6px!important; background: #6e9fe1; border:1px solid #5b85bf;} .cls_jd .resume-btn:hover{background: #5b8bca;} @media (max-width: 576px) { .cls_jd .profile-name {font-size: 20px;} .cls_jd .resume-btn {width: 100%; margin-top: 10px;} } .cls_joblist .job-card {border: 1px solid #17a2b9; padding: 10px; background-color: #ffffff;} .cls_joblist .job-card h3 { font-size:18px; } .cls_joblist .job-card p { font-size: 14px;} .cls_joblist .status{border-radius: 15px!important; padding:5px 15px; font-size:13px !important; color: #33824e; background: #dcfce7; border: 1px solid #7cd198; margin-right: 5px; font-weight: 400; margin-bottom: 10px;} .cls_joblist .status-label {padding: 5px 10px; border-radius: 5px; color: white; font-size: 12px; font-weight: 400; margin-right: 8px;margin-bottom: 8px;} .cls_joblist .accepted { background-color: #d4edda; border:1px solid #a6cfb1; color: #176227;} .cls_joblist .pending { background-color: #fff3cd; border:1px solid #f1d78a; color: #76590d;} .cls_joblist .rejected { background-color: #f7d7da; border:1px solid #ecb3b9; color: #84343f;} .cls_joblist .decision { background-color: #e2e5ea; border:1px solid #b7c7d6; color: #313234;} .cls_joblist .scheduled { background-color: #d8e7ff; border:1px solid #95c8f9; color: #5073aa;} .cls_joblist .selected { background-color: #d8e7ff; border:1px solid #bddfff; color: #53575f;} .cls_joblist .job-info { margin-top: 15px; background: #f1f4f9; padding: 10px;} .cls_joblist .footicons a {font-size: 22px;} .cls_joblist .futter{border-top: 1px solid #bbc0c6;} @media (max-width:1366px){ .cls_joblist .joblist-card-base{-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} } @media (max-width:1100px){ .cls_joblist .joblist-card-base{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} } /***********New Joab Board 2026 ********************/ .activity-list .activity-badge {display: inline-block; font-size: 13px; font-weight: 400!important; padding: 0.2rem 0.5rem; border-radius: 4px; margin-bottom: 0.25rem; text-transform: uppercase; letter-spacing: 0.3px;} .activity-list .activity-badge{color: #fff!important; } .activity-list .activity-badge.audit { background-color: #4885b1;} .activity-list .activity-badge.transfer { background-color: #ddb846;} .activity-list .activity-badge.modified { background-color: #27a1e9;} .activity-list .activity-badge.assigned { background-color: #439c74;} .activity-list .activity-badge.unassigned { background-color: #677279;} .activity-list .activity-badge.uploaded { background-color: #81649a;} .activity-list .activity-badge.warranty { background-color: #4b6d75;} .activity-list .activity-badge.maintenance { background-color: #736437;} .activity-list .activity-badge.software { background-color: #748a80;} .activity-list .activity-badge.accessory { background-color: #89719e;} .activity-list .activity-badge.insurance { background-color: #9c6c70;} .activity-list .activity-badge.shared { background-color: #756947;} .activity-list .activity-badge.shared-return { background-color: #c75e5e;} .activity-list .activity-badge.return { background-color: #f96464;} /***Silent App Download page - HS 27Feb2026****/ .silentappmainbase{margin-top:63px; width:97%;} .silentappmainbase h2.silenthead{ font-size: 50px;font-weight: 600; color:#05060a; margin-bottom: 40px;} .silentapp_contentbase h3.silenthead{font-size:22px; color:#494949; font-weight:400;} .silentapp_contentbase h3.silenthead span{background: linear-gradient(129.25deg, #ff358a 15.07%, #fea587 89.65%); background-clip: border-box; background-clip: text; -webkit-text-fill-color: transparent;} .silentapp_contentbase.visibleapp h3.silenthead span{background: linear-gradient(129.25deg, #1c94ec 15.07%, #1c94ec 89.65%); background-clip: border-box; background-clip: text; -webkit-text-fill-color: transparent;} .silentapp_contentbase.visibleapp .app_download_box{ background:#e1f0fa; width: 32%;} .silentapp_contentbase.visibleapp .app_download_button a{background: linear-gradient(129.25deg, #1c94ec 15.07%, #49c1ff 89.65%);} .silentappmainbase.differences{ text-align:center; font-size:38px; color:#494949; font-weight:600;} .silentappmainbase.differences .questionlink{ background:#f1f1f1; border:2px solid #8b5a4a; padding: 15px 105px; width: 85%; margin: 0 auto;} .silentappmainbase.differences a{color:#494949; text-decoration:underline!important;} .sl_pinkfont{color:#ff388a;} .sl_bluefont{color:#1d95ed;} .dowload_cont {float: left; width: 100%; display: flex; flex-wrap: wrap; margin-top:10px;} .app_download_box.marginright{ margin-right:10px;} .app_blk_icon{background:#fff; padding:10px; border-radius:100%; width: 116px; height: 116px; position: absolute; right: -20px; bottom: -36px; text-align: left; padding-left: 29px;} .app_blk_icon img{margin-top:10px; width:50px;} .app_download_box { float: left; /**width: 365px;**/ width:47%; border: 1px solid #f8f8f8; margin: 0px; border-radius: 6px; background-color: #fdefec; padding: 20px; position: relative; transition: transform .5s ease; border-radius:15px; overflow:hidden;} .app_type_icon {float: none; padding-right: 0px; width: 58px; margin: 0 auto;} .app_name_large {font-weight: 400; font-size: 34px; padding-bottom: 0px; text-align: left; clear: both; color:#121212;} .app_name {font-weight: 400; font-size: 24px; line-height: 53px; padding-bottom: 0px; text-align: left; clear: both;} .app_download_box:hover { box-shadow: 0 10px 43px 0 rgb(109 125 145 / 28%); transform: scale(1.05); transition: transform .5s ease;} .app_download_button { display: flex; float: none; width:207px; flex-direction: column;} .app_download_button a {float: left; font-size:22px; padding:10px; color: #fff!important; text-decoration: none; position: relative; background: linear-gradient(129.25deg, #ff358a 15.07%, #fea587 89.65%); background-clip: border-box; border-radius:50px; text-align:center} .app_download_button a i {margin-left: 5px; color: #ffb333; font-size:22px;} .app_type_icon img{max-width: 100%;} .app_download_box span.size{ font-weight:400;} .installationbase h2{color:#494949; font-size:20px; font-weight:500;} .installationbase h3{color:#454545; font-size:16px;} .installationbase h1{color:#454545; font-size:24px; font-weight:700;} .silentapp_contentbase.visibleapp .download_installation_links{color:#1e96ed;} .download_installation_links_base{float:left; width:100%;} .download_installation_links{font-size:16px; color:#ff5889; font-weight:500; width:33%; border-right:1px solid #c6c6c6; float:left; padding-left:30px;} .download_installation_links a{ color:#040609; text-decoration:underline!important;} .download_installation_links_base .download_installation_links:first-child{padding-left:0px;} .download_installation_links_base .download_installation_links:last-child{border-right:none;} .download_installation_links div{max-width:200px;} .download_installation select { padding: 8px; border: none;float: left; font-size: 13px;} .download_installation a{float: left; border: 1px solid #ffb333 !important; border-radius: 0px; margin-left: 20px; padding: 5px 10px; background: #ffb333; color: #fff !important; text-decoration: none; font-weight: 400;} .download_user_manual a {float: left; border: 1px solid #23a5ff !important; border-radius: 0px; padding: 5px 10px; background: #23a5ff; color: #fff !important; text-decoration: none;font-weight: 400;} .faqssection h2{ color:#000000; background: linear-gradient(129.25deg, #ff358a 15.07%, #fea587 89.65%); background-clip: border-box; background-clip: text; -webkit-text-fill-color: transparent; font-size: 44px; text-align:center;} .faqssection {max-width: 1540px; } .faqssection .card{border:none; border-top:1px solid rgba(0,0,0,.125); border-bottom:1px solid rgba(0,0,0,.125); margin-top: -2px; border-radius: 0px; background:transparent} .faqssection .card-header{ padding:.75rem 0px; background: none; } .faqssection .card-header .btn-link{ color: #000; font-size: 16px; padding: 0px; width: 100%; text-align: left;} .faqssection .card-header .btn-link i{ position: absolute; right: 0px; top: 14px; height: 20px; background: none; color: #303030; font-size: 20px;} .faqssection .card-header .btn-link[aria-expanded="true"]{color:#ff358a;} .faqssection .card-header .btn-link[aria-expanded="true"] i::before { content: "\f068"; color:#ff358a;} .faqssection .card-body {padding: 1.25rem 0px; font-size: 16px; color: #454545; line-height: 26px; } .faqssection #accordion h4 { margin-bottom: 0; background: linear-gradient(90deg, #000 0, #fea587 100%); color: #fff; padding: 14px 15px; font-size: 20px; border-bottom: none;} .faqssection .searchbg {background: #f1f1f1; padding: 10px;} .faqssection .input-group .form-control { background: #fff;} .faqssection .searchbg #search {background: linear-gradient(90deg,#ff358a 0,#fea587 100%) !important; border: none !important;} @media (min-width:1550px) and (max-width:1799px) { .app_download_button{width: 187px;} .app_download_button a{font-size: 20px; padding: 7px;} .app_blk_icon{width:100px; height:100px; padding-left:22px;} .app_blk_icon img {margin-top: 3px; width: 45px;} .app_name_large{font-size: 30px;} .app_name{font-size: 20px;} .silentappmainbase.differences{font-size: 34px;} .silentappmainbase.differences .questionlink{padding: 15px 55px;} .faqssection h2{font-size: 40px;} .silentappmainbase h2.silenthead{font-size: 46px;} } @media (min-width:1380px) and (max-width:1549px) { .app_download_button{width: 157px;} .app_download_button a{font-size:18px; padding: 7px;} .app_blk_icon{width:96px; height:96px; padding-left:22px;} .app_blk_icon img {margin-top: 4px; width: 40px;} .download_installation_links{font-size: 14px;} .silentapp_contentbase h3.silenthead{font-size: 20px;} .download_installation_links{padding-left: 24px;} .app_name_large{font-size: 30px;} .app_name{font-size: 20px;} .silentappmainbase.differences{font-size: 30px;} .faqssection h2{font-size: 36px;} .silentappmainbase h2.silenthead{font-size: 43px;} } @media (min-width:1024px) and (max-width:1379px) { .silentapp_contentbase { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% !important; } .app_blk_icon{width:106px; height:106px; padding-left:23px;} .app_blk_icon img {margin-top: 5px; width: 45px;} .silentapp_contentbase.visibleapp {margin-top: 60px;} .app_name_large{font-size: 30px;} .app_name{font-size: 20px;} .silentappmainbase.differences{font-size: 25px;} .silentappmainbase.differences .questionlink{width: 90%;} .faqssection h2{font-size: 34px;} .silentappmainbase h2.silenthead {font-size: 38px;} .app_download_button a{font-size: 20px} .app_download_box.marginright { margin-right: 15px;} } @media (min-width:991px) and (max-width:1023px) { .silentapp_contentbase { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% !important; } .app_blk_icon{width:106px; height:106px; padding-left:23px;} .app_blk_icon img {margin-top: 5px; width: 45px;} .silentapp_contentbase.visibleapp {margin-top: 60px;} .app_name_large{font-size: 30px;} .app_name{font-size: 20px;} .silentappmainbase.differences{font-size: 25px;} .silentappmainbase.differences .questionlink{width: 90%;} .faqssection h2{font-size: 34px;} .silentappmainbase h2.silenthead {font-size: 38px;} .app_download_button{width: 187px;} .app_download_button a{font-size: 20px} .app_download_box.marginright { margin-right: 15px;} } @media (min-width:769px) and (max-width:990px) { .silentapp_contentbase { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% !important; } .silentappmainbase{width: 95%;} .app_blk_icon{width:106px; height:106px; padding-left:23px;} .app_blk_icon img {margin-top: 5px; width: 45px;} .silentapp_contentbase.visibleapp {margin-top: 60px;} .app_name_large{font-size: 30px;} .app_name{font-size: 20px;} .silentappmainbase.differences{font-size: 20px;} .silentappmainbase.differences .questionlink{padding: 15px 30px;} .faqssection h2{font-size: 32px;} .silentappmainbase h2.silenthead {font-size: 38px;} .app_download_button{width: 187px;} .app_download_button a{font-size: 20px} .app_download_box.marginright { margin-right: 15px;} .silentapp_contentbase.visibleapp .app_download_box{width: 47%; margin-bottom: 30px;} .download_installation_links{padding-left: 20px;} } @media (max-width:768px) { .silentapp_contentbase { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% !important; } .silentappmainbase{width: 95%;} .app_blk_icon{width:106px; height:106px; padding-left:23px;} .app_blk_icon img {margin-top: 5px; width: 45px;} .silentapp_contentbase.visibleapp {margin-top: 60px;} .app_name_large{font-size: 30px;} .app_name{font-size: 20px;} .silentappmainbase.differences{font-size: 20px;} .silentappmainbase.differences .questionlink{padding: 15px 30px;} .faqssection h2{font-size: 32px;} .silentappmainbase h2.silenthead {font-size: 38px;} .app_download_button{width: 187px;} .app_download_button a{font-size: 20px} .app_download_box.marginright { margin-right: 0px;} .app_download_box{width: 95%; margin-bottom: 30px;} .silentapp_contentbase.visibleapp .app_download_box{width: 95%; margin-bottom: 30px;} .download_installation_links{padding-left: 0px; width: 99%; margin-bottom: 20px; border:none;} .download_installation_links div{max-width:100%;} } .initialsetuptabsbase .features.withTal { position: relative; border: 2px solid #d27d8c; border-radius: 25px; position: relative; margin-top: 50px; } .initialsetuptabsbase .feature-head { padding: 50px 22px 22px 22px; text-align: center; min-height: 285px; vertical-align: middle; } .initialsetuptabsbase .recomended { background: #00b050; border-radius: 100%; color: #fff; position: absolute; top: -35px; width: 70px; left: 50%; margin-left: -35px; font-weight: 600; font-size: 28px; height: 70px; line-height: 70px; } .initialsetuptabsbase .feature-head h3 { background: linear-gradient(129.25deg, #ff358a 15.07%, #fea587 89.65%); background-clip: border-box; background-clip: text; -webkit-text-fill-color: transparent; font-size: 38px; } .initialsetuptabsbase .feature-body li:nth-child(2n+1) { background: #30303009; } .initialsetuptabsbase .feature-body li { position: relative; padding: 10px; padding-left: 40px; font-size: 18px; min-height: 110px; vertical-align: middle; color: #303030; display: flex; align-items: center; } .initialsetuptabsbase .feature-body li i { color: #00b050; position: absolute; left: 7px; font-size: 22px; top: 50%; margin-top: -11px; } .initialsetuptabsbase table.silenttable tbody tr td { font-weight: normal; padding: 0px 30px 30px 30px; vertical-align: top; } .initialsetuptabsbase .features.withTal.visibleapp { border: 2px solid #3981c1; } .initialsetuptabsbase .visibleapp .recomended { background: #2197ed; } .initialsetuptabsbase .visibleapp .feature-head h3 { background: linear-gradient(129.25deg, #1c94ec 15.07%, #65b9f7 89.65%); background-clip: border-box; background-clip: text; -webkit-text-fill-color: transparent; font-size: 38px; } .initialsetuptabsbase .visibleapp .feature-body li i {color: #2197ed;} /***Silent App Download page - HS 27Feb2026****/ /***.tg-listv-control .listing.tg-listv.mt-2 span.text-overflow-dynamic-container{ float:left; min-width: 80%; width: 80%} */ /****Billing Rule Node Configuration/Billing Rule Template - Commented by HS with Rahul Bhandari - 1April 2026*********/ /* .newdsgn ul li.rulebg .parentrule{color: #4c7fef;} .newdsgn ul li.rulebg .childrule {color: #dc821a;} */ /****Billing Rule Node Configuration/Billing Rule Template - Commented by HS with Rahul Bhandari - 1April 2026*********/ @media (min-width: 1341px) and (max-width:1499px) { .global-search-container{max-width: 250px; min-width: 250px;} } @media (min-width: 992px) and (max-width: 1340px) { .global-search-container{max-width: 170px; min-width: 170px;} } @media (max-width: 991px) { .global-search-container{max-width: 100%; min-width: 100%;} .global-search-container .search-overlay-content{max-width: 95%!important; min-width: 95%!important;} } .brule_simpleglobal{color:rgb(27, 28, 28) !important} .brule_simplerule{color:rgb(27, 28, 28) !important} .brule_parentpurple{color:rgb(76, 127, 239) !important} .brule_childorange{color:rgb(220, 130, 26) !important} @media (max-width: 1200px) { .section_pp.gd_mainbase{flex: 0 0 100% !important; max-width: 100% !important; margin-bottom: 20px;} } /*********New Search Clear Buttons***********/ .background-0.text-left.form-check-inline a {display: flex; padding: .4rem .75rem !important;} .background-0.text-left.form-check-inline a i { padding:3px 6px;} .background-0.text-left.form-check-inline a em { padding:3px 6px;} /*********New Search Clear Buttons***********/ /*******Project Overview - Notes Tabs - Card view S Saini - HS***********/ .newcardviewdes .note-card {border-radius: 16px; padding: 18px; transition: 0.3s ease; border: 3px solid; height: 100%;} .newcardviewdes .note-card:hover {box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); transform: translateY(-3px);} .newcardviewdes .avatar-circle {width: 40px; height: 40px; background: #e9ecef; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 600;} .newcardviewdes .public-border {border-color: #24a5ff;} .newcardviewdes .private-border{border-color: #227003;} .newcardviewdes .user-name {font-weight: 500; font-size: 15px;} .newcardviewdes .visibility-text {font-size: 13px; color: #6c757d;} .newcardviewdes .card-body {font-size: 14px;} .newcardviewdes .card-footer {font-size: 12px;} .newcardviewdes .action-icons {display: flex; gap: 12px;} ul.innertabs_bases a.short-menu-item.gen-templateadded { background-color: #e5efff !important; border: 1px solid #578ee5 !important; } ul.innertabs_bases a.short-menu-item.gen-templateadded span.left-icon-m { background-color: #c9deff !important; } .right-content .checklist-icon.bg-light{background-color: #ffffff !important; padding:5px 10px; border: 1px solid #abb5bf;} .right-content .add-backlog-btn .input-group .input-group-prepend.border-right-0 .input-group-text{ border-color:#abb5bf;} .right-content .checklist-icon.bg-light a.dropdown .dropdown-menu.show {top: 11px !important; left: -38px !important; min-width: 110px;} /*******Project Overview - Notes Tabs - Card view S Saini - HS***********/ /*******Project List - Card View******/ .talygen-card-view .card-detail-main { max-height: 342px;} .talygen-card-view .text-truncate { white-space: break-spaces !important;} .talygen-card-view .modern-header { display: flex; justify-content: space-between; align-items: center; width: 100%;} .talygen-card-view .left-section {display: flex; align-items: center; gap: 10px;} .talygen-card-view .right-section{display: flex; align-items: center; gap: 15px;} .talygen-card-view .modern-card { border-radius: 16px; padding: 18px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05); transition: 0.3s; position: relative;} .talygen-card-view .modern-card:hover {transform: translateY(-5px);} .talygen-card-view .modern-row { margin-top: 10px; display: flex; gap: 8px; font-size: 14px;} .talygen-card-view .modern-card.sample-card::before { background: #0667c8 !important; content: "Sample"; display: block; position: absolute; left: -295px; text-transform: uppercase; color: white; line-height: 16px; width: 55px; height: 15px; bottom: 0px !important; right: 0px; font-size: 9px;font-weight: 500; margin: 0 auto; top: 3px !important; transform-origin: 37px 45px; z-index: 999; text-align: center; border-radius: 10px; } .talygen-card-view .amount-chip { background: #facc15; padding: 3px 8px; border-radius: 6px; margin-left: 6px; font-size: 12px; color: #000;} .talygen-card-view .progress-bar { height: 12px; background: #dde3e9; border-radius: 6px; margin-top: 4px; background-color: #dde3e9 !important;} .talygen-card-view .progress-fill {height: 100%; background: #06b545; border-radius: 6px;} .talygen-card-view .modern-row em.fa {padding-top: 3px;} .talygen-card-view .dropdown-menu-modern { position: absolute; right: -18px; top: -19px; background: #fff; width: 220px; border-radius: 12px; box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1); padding: 8px 5px; z-index: 999; border: 1px solid #cbcbcb;} .talygen-card-view .dropdown-menu-modern a {display: block; padding: 8px 14px; font-size: 14px; cursor: pointer; border-bottom: 1px solid #bcbcbc;} .talygen-card-view .dropdown-menu-modern a:last-child { border-bottom: none;} .talygen-card-view .dropdown-menu-modern a:hover { background: #f1f5f9;} .talygen-card-view .status-badge { padding: 4px 10px; border-radius: 6px; font-size: 12px;} .talygen-card-view .menu-icon {font-size: 16px; cursor: pointer; color: #475569;} .talygen-card-view .menu-wrapper {position: relative;} .talygen-card-view .more-toggle { margin-top: 12px;} .talygen-card-view .more-toggle a { color: #2563eb; cursor: pointer;} .talygen-card-view .action-buttons { display: flex; flex-wrap: wrap; gap: 10px;} .talygen-card-view .action-btn { padding: 6px 12px; border-radius: 6px; color: #fff; font-size: 13px; cursor: pointer;} .talygen-card-view .warning { background: #f59e0b;} .talygen-card-view .progress-section { margin-top: 14px;} .talygen-card-view .expand-section { margin-top: 14px; border-top: 1px solid #e5e7eb; padding-top: 12px;} /*******Project List - Card View******/ .userindexbase{float: left; min-width: 200px;} .userindexbase .initials{width: 38px; height: 38px !important; border-radius: 100%; border: 1px solid rgb(208 208 208) !important; width: 38px; line-height: 2.5em !important; text-align: center !important; background: #d1eeff; display: block; float: left; margin-right: 10px;} .userindexbase img{border: 2px solid rgb(167 174 177) !important;width: 38px;height: 38px !important;border-radius: 50%;line-height: 2.5em !important;text-align: center !important;background: #d1eeff;display: block; float: left;margin-right: 10px;} .userindexbase a{display: block; float: left; margin-top: 8px; width: calc(100% - 50px); text-wrap: auto;} .filesindexbases a span.contname{display: block; float: left;margin-left:10px; margin-top: 10px; width: calc(100% - 50px); text-wrap: auto;} .unides_formcontrol .section-title { font-weight: bold; font-size: 14px !important;} .unides_formcontrol .form-group { display: flex; align-items: center; margin-bottom: 10px; gap: 10px;} .unides_formcontrol .form-group label { flex: 1; font-weight: 500;} .unides_formcontrol .form-group select, .unides_formcontrol .form-group input, .unides_formcontrol .form-group textarea, .unides_formcontrol .form-group span { flex: 1; } .unides_formcontrol .selected-box { background: #eef1f4; padding: 10px; border-radius: 5px; font-size: 14px;} .unides_formcontrol{max-height: 650px; overflow-y: auto;} .vc-container .vc-time-picker svg.vc-time-icon { margin-top: -3px;} .vc-container .vc-time-picker .vc-date { display: none;} @media (max-width: 1200px) { .colcontrol col{-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} } @media (max-width: 991px) { .colcontrol col{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} } button:focus{box-shadow: none;} /****My Profile - New design - HS 2026****/ .profile-page-bg { min-height: 100vh; padding: 0 16px 40px;} .profile-page-header {display: flex; justify-content: space-between; align-items: flex-start; padding: 20px 0 16px;} .profile-page-title { font-size: 22px; font-weight: 700; color: #1a1a2e; margin-bottom: 3px;} .profile-page-subtitle { font-size: 13px; color: #6c757d; margin: 0;} .profile-grid > [class*="col-"] { padding: 0 8px;} .p-card {border-radius: 0px; border: 1px solid #e8eaf0; padding: 18px 16px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);} .p-card-title { font-size: 14px; font-weight: 700; color: #1a1a2e; margin-bottom: 14px; letter-spacing: 0.1px;} .p-avatar-wrap { display: flex; justify-content: center; margin-bottom: 6px;} .p-avatar-img { width: 88px; height: 88px; border-radius: 50%; object-fit: cover; border: 3px solid #e8eaf0; box-shadow: 0 2px 8px rgba(0,0,0,0.12);} .p-user-name { font-size: 15px; font-weight: 700; color: #1a1a2e; line-height: 1.3;} .p-user-role { font-size: 12px; color: #6c757d; margin-top: 2px; margin-bottom: 4px;} .p-detail-row { display: flex; justify-content: space-between; align-items: flex-start; padding: 10px 0; border-bottom: 1px solid #dddddd; font-size: 14px; margin: 0 10px;} .p-detail-row:last-child { border-bottom: none; } .p-detail-label {color: #8a94a6; font-weight: 400; flex-shrink: 0; margin-right: 8px;} .p-detail-value {color: #1a1a2e; font-weight: 500; text-align: right; word-break: break-word;} .p-contact-row { display: flex; justify-content: space-between; align-items: flex-start; padding: 8px 0; border-bottom: 1px solid #f3f4f8; font-size: 13px; margin: 0 15px;} .p-contact-row:last-child { border-bottom: none; } .p-contact-left { flex: 1; min-width: 0; } .p-contact-type { font-weight: 400; color: #1a1a2e;} .p-contact-cat { font-size: 11px; color: #8a94a6; margin-top: 1px;} .p-contact-value { font-weight: 500; color: #1a1a2e; font-size: 13px; text-align: right; padding-left: 10px; flex-shrink: 0;} .p-addr-value { font-size: 11.5px; max-width: 55%; line-height: 1.4;} .p-comm-row { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid #f3f4f8; font-size: 13px; margin: 0 15px;} .p-comm-row:last-child { border-bottom: none; } .p-empty-msg { font-size: 12px; color: #adb5bd; padding: 4px 0;} .profile-page-bg .gs-wrapper { position: relative; } .profile-page-bg .gs-card { border: 1px solid #e8eaf0; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06); overflow: hidden;} .profile-page-bg .gs-section { padding: 5px 15px 15px 15px; } .profile-page-bg .gs-fields { margin-top: 10px; } .profile-page-bg .gs-radio-group { display: flex; align-items: center; gap: 20px; height: 36px;} .profile-page-bg .gs-radio-label { display: flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 400; color: #1a1a2e; margin: 0; cursor: pointer; white-space: nowrap;} .profile-page-bg .gs-radio-label input[type="radio"] { margin: 0; cursor: pointer; accent-color: #5a6acf;} .profile-page-bg .gs-locked-value { font-size: 13px; color: #6c757d; padding: 8px 0 4px;} .profile-page-bg .gs-checkbox-item { display: flex; align-items: flex-start; gap: 10px; padding: 10px 0; border-bottom: 1px solid #f5f6fa;} .profile-page-bg .gs-checkbox-item:last-child { border-bottom: none; } .profile-page-bg .gs-checkbox-item input[type="checkbox"] { margin-top: 3px; flex-shrink: 0; width: 15px; height: 15px; cursor: pointer; accent-color: #5a6acf;} .profile-page-bg .gs-checkbox-item label { margin: 0; cursor: pointer; flex: 1;} .profile-page-bg .gs-chk-desc { display: block; font-size: 12px; color: #8a94a6; margin-top: 1px;} .profile-page-bg .gs-hint { font-size: 11.5px; color: #8a94a6; margin-top: 3px; display: block;} .profile-page-bg .gs-password-row {display: flex; align-items: center; gap: 14px; background: #f8f9fb; border: 1px solid #e8eaf0; padding: 14px 16px; margin-top: 4px;} .profile-page-bg .gs-password-icon { width: 36px; height: 36px; background: #ebebeb; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #6c757d; font-size: 15px; flex-shrink: 0;} .profile-page-bg .gs-password-info { flex: 1; } .profile-page-bg .gs-password-title { font-size: 13px; font-weight: 600; color: #1a1a2e;} .profile-page-bg .gs-password-desc { font-size: 12px; color: #8a94a6; margin-top: 1px;} .profile-page-bg .input-group-append .btn { border-color: #d8dce8; font-size: 12.5px; height: 36px; margin-bottom: 0;} .leftyy .card{border-radius: 0px;} .leftyy .card-header { padding: 8px 14px; border-bottom: 1px solid rgba(0, 0, 0, .125); background: #fafafa;} .leftyy .card-title { font-size: 20px; font-weight: 400; margin: 0;} .leftyy .ts_control{display: flex; align-items: center; gap: 12px; margin-bottom: 10px;} .leftyy .ts_control img{ width: 32px; height: 32px; border-radius: 50%; object-fit: cover;} .leftyy.leftpanepadd {padding-left: 0px!important;} .leftyy.rightpanepadd{padding-right: 0px!important;} @media (max-width:767px) { .leftyy.leftpanepadd, .midpanepadd, .leftyy.rightpanepadd {padding: 0px!important;} .gs-password-row{display:block;} } /****My Profile - New design - HS 2026****/ /****AI Project Overview - New design - HS 2026****/ .projectoverviewbase{background: #f7f8fa !important; border: 1px solid #c9c9c9;} .common-dashboard-shell { padding: 1rem 1rem 0rem !important;} .common-dashboard-shell .section_pp { margin-bottom: 0;} .common-dashboard-shell .section {background: #fff; border-radius: 0px; border: 1px solid #e8eaed; box-shadow: 0 1px 2px rgba(60, 64, 67, 0.12); overflow: hidden;} .common-dashboard-shell .section.cd-apex-card { overflow: visible;} .common-dashboard-shell .section.cd-apex-card .section-body.cd-chart-body { overflow: visible;} .common-dashboard-shell .section-header.reddy, .common-dashboard-shell .section-header.common {background: #fff !important; border: none !important; border-left: none !important; border-bottom: 1px solid #eef0f3 !important; border-radius: 0 !important; padding: 12px 16px !important; font-weight: 600; font-size: 16px; display: flex !important; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 8px;} .common-dashboard-shell .cd-panel-title {display: inline-flex; align-items: center; gap: 8px;} .common-dashboard-shell .cd-head-icon { color: #666666; font-size: 16px; font-weight: normal;} .common-dashboard-shell .cd-head-icon.fa-file-text-o { color: #585dfa;} .common-dashboard-shell .cd-head-icon.fa-list-ul{color: #23a5fd;} .common-dashboard-shell .cd-head-icon.fa-search {color:#28a745; } .common-dashboard-shell .cd-head-icon.fa-sitemap { color: #ab804d;} .common-dashboard-shell .cd-head-icon.fa-exclamation-triangle { color: #fa8a3d;} .common-dashboard-shell .cd-head-icon.fa-clock-o { color: #6f72f2;} .common-dashboard-shell .cd-head-icon.green { color: #14b8a6;} .common-dashboard-shell .cd-panel-actions { float: none !important;} .common-dashboard-shell .cd-link-action {font-size: 13px; font-weight: 500; color: #1a73e8 !important; text-decoration: none;} .common-dashboard-shell .cd-link-action:hover { text-decoration: underline;} .common-dashboard-shell .cd-link-ai { color: #dd8d08!important;} .common-dashboard-shell .section-body.border { border: none !important; border-top: 1px solid #f1f3f4 !important;} .common-dashboard-shell .min_ht_220 { min-height: 200px;} .common-dashboard-shell .cd-details-overview-row { align-items: stretch !important;} .common-dashboard-shell .cd-details-overview-col { display: flex; flex-direction: column;} .common-dashboard-shell .cd-details-overview-section.section { flex: 1 1 auto; display: flex; flex-direction: column; width: 100%; min-height: 260px;} .common-dashboard-shell .cd-details-overview-section > .section-body.min_ht_220, .common-dashboard-shell .cd-details-overview-section > .section-body.cd-overview-body {flex: 1 1 auto; display: flex; flex-direction: column; min-height: 220px;} .common-dashboard-shell .cd-overview-body > * { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0; min-width: 0; width: 100%;} .common-dashboard-shell .section-body.cd-ai-wrap { min-width: 0;} .common-dashboard-shell .cd-detail-status-badge { display: inline-flex !important; align-items: center; justify-content: center; padding: 3px 16px !important; font-size: 13px !important; font-weight: 400 !important; color: #fff !important; border-radius: 7px !important; vertical-align: middle; white-space: nowrap; border: none !important; height: auto !important;} .common-dashboard-shell .cd-progress-wrap { height: 14px; border-radius: 6px; background: #e8eaed; overflow: hidden;} .common-dashboard-shell .cd-progress-bar { border-radius: 6px; font-size: 11px; line-height: 10px;} .common-dashboard-shell .cd-chart-body { min-height: 300px; padding-bottom: 12px;} .common-dashboard-shell .cd-dashboard-three-col-row { align-items: stretch !important;} .common-dashboard-shell .cd-dashboard-three-col-row > [class*='col-'] { display: flex;} .common-dashboard-shell .cd-dashboard-stretch-card { flex: 1 1 auto; display: flex; flex-direction: column; width: 100%; min-height: 0;} .common-dashboard-shell .cd-dashboard-stretch-card > .cd-dashboard-stretch-body {flex: 1 1 auto; display: flex; flex-direction: column; justify-content: flex-start; min-height: 0;} .common-dashboard-shell .cd-activity-triple-card > .cd-dashboard-stretch-body { min-height: 300px;} .common-dashboard-shell .cd-activity-body { min-height: 280px;} .common-dashboard-shell .cd-activity-text { font-size: 14px !important; font-weight: 400 !important; line-height: 1.4 !important; margin: 0 !important;} .common-dashboard-shell .cd-activity-meta { font-size: 12px !important; color: #535557 !important; margin-top: 4px !important;} .common-dashboard-shell .customer-headersmall .profileicon { border-radius: 50%;} .common-dashboard-shell .detailsfix label { color: #3c4043; font-size: 14px;} .common-dashboard-shell .norecord { border: none !important; min-height: 200px; display: flex; align-items: center; justify-content: center;} .common-dashboard-shell .cd-details-body { padding-left: 16px !important; padding-right: 16px !important;} .common-dashboard-shell .cd-details-cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 28px;} @media (max-width:1600px) { .common-dashboard-shell .cd-details-cols { display: block;} } @media (max-width: 991px) { .common-dashboard-shell .cd-details-cols { grid-template-columns: 1fr;} } @media (max-width: 1199px) { .cd-dashboard-three-col-row .section_pp, .common-dashboard-shell .section_pp {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} } .common-dashboard-shell .cd-details-col { display: flex; flex-direction: column;} .common-dashboard-shell .cd-detail-pair { display: grid; grid-template-columns: minmax(132px, 38%) 1fr; gap: 8px 14px; align-items: baseline; padding: 10px 0; border-bottom: 1px solid #f1f3f4;} .common-dashboard-shell .cd-detail-label { font-weight: 600; font-size: 13px; line-height: 1.35;} .common-dashboard-shell .cd-detail-label--progress { font-size: 14px; color: #3c4043;} .common-dashboard-shell .cd-detail-value { font-size: 14px;line-height: 1.4; word-break: break-word;} .common-dashboard-shell .cd-detail-progress-pct { font-weight: 600;} .common-dashboard-shell .cd-activity-row { display: flex !important; flex-direction: row !important; align-items: flex-start; gap: 12px; padding: 12px 14px !important; margin: 0 !important; border-bottom: 1px solid #f1f3f4; min-height: 0;} .common-dashboard-shell .cd-activity-row:last-of-type { border-bottom: none;} .common-dashboard-shell .cd-activity-icon-wrap { flex: 0 0 40px; width: 40px; display: flex; justify-content: center; padding-top: 2px;} .common-dashboard-shell .cd-activity-icon { margin-top: 0 !important; width: 36px; height: 36px; min-width: 36px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #f1f3f4; color: #5f6368; font-size: 15px;} .common-dashboard-shell .cd-activity-copy { flex: 1; min-width: 0;} .common-dashboard-shell .cd-activity-copy .customer-meta { margin-top: 4px;} .common-dashboard-shell .cd-team-body { padding-left: 12px !important; padding-right: 12px !important;} .common-dashboard-shell .cd-team-row { display: grid; grid-template-columns: 44px minmax(0, 1fr) minmax(118px, auto); align-items: center;column-gap: 12px; padding: 10px 8px !important; margin: 0 !important; border-bottom: 1px solid #f1f3f4; min-height: 56px;} .common-dashboard-shell .cd-team-row--resource { grid-template-columns: 44px minmax(0, 1fr);} .common-dashboard-shell .cd-team-row:last-child { border-bottom: none;} .common-dashboard-shell .cd-team-avatar-wrap {display: flex; align-items: center; justify-content: center; align-self: center;} .common-dashboard-shell .cd-team-avatar-circle.profileicon.proj { width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important; border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important; position: relative; float: none !important; margin: 0 !important;} .common-dashboard-shell .cd-team-initials { font-size: 14px !important; font-weight: 400 !important;} .common-dashboard-shell .cd-team-initials--compact { font-size: 10px !important; letter-spacing: -0.04em;} .common-dashboard-shell .cd-team-avatar-circle .cd-team-member-badge { position: absolute !important;bottom: -3px !important; right: -3px !important; left: auto !important; top: auto !important; width: 18px !important; height: 18px !important; min-width: 18px !important; border-radius: 50% !important; background: #fff !important; border: 2px solid #fff !important; box-shadow: 0 0 0 1px rgba(60, 64, 67, 0.16), 0 1px 2px rgba(60, 64, 67, 0.12); display: flex !important; align-items: center !important; justify-content: center !important; font-size: 11px !important; line-height: 1 !important; padding: 0 !important; margin: 0 !important;} .common-dashboard-shell .cd-team-avatar-circle .cd-team-member-badge.fa-user { color: #34a853 !important;} .common-dashboard-shell .cd-team-avatar-circle .cd-team-member-badge.fa-users { color: #1a73e8 !important;} .common-dashboard-shell .cd-team-info { min-width: 0; display: flex; flex-direction: column; justify-content: center; gap: 2px;} .common-dashboard-shell .cd-team-name-line { font-size: 15px; font-weight: 400; line-height: 1.3; color: #202124; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .common-dashboard-shell .cd-team-role { font-size: 13px; line-height: 1.3; color: #80868b; margin: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .common-dashboard-shell .cd-team-metrics { display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: flex-end; gap: 10px; min-width: 0;} .common-dashboard-shell .cd-team-bar {width: 72px; min-width: 56px; height: 8px; border-radius: 4px; background: #e8eaed; overflow: hidden; flex-shrink: 0;} .common-dashboard-shell .cd-team-bar-fill { height: 100%; border-radius: 4px; min-width: 0; transition: width 0.2s ease;} .common-dashboard-shell .cd-team-stat { flex-shrink: 0; white-space: nowrap !important; font-size: 13px; font-weight: 600; color: #3c4043; font-variant-numeric: tabular-nums; line-height: 1;} .common-dashboard-shell .cd-team-stat-sep {margin: 0 5px; color: #9aa0a6; font-weight: 500;} .scr-template-badge {display: inline-flex; align-items: center; padding: 0.15rem 0.6rem; margin-left: 15px; border-radius: 3px; font-size: 13px; font-weight: 500;letter-spacing: 0.1em; text-transform: uppercase; vertical-align: middle; position: relative; top: -1px; color: #fff; background: #323f45; border: 1px solid #323f45; line-height: 1.6; white-space: nowrap;} /* .scr-template-badge { display: inline-flex; align-items: center; padding: 0.2rem 0.65rem; margin-left: 4px; border-radius: 6px; font-size: 0.65rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #5b21b6; background: #ede9fe; border: 1px solid #8eacd7;} */ .project-scrum-overview {width: 100%;min-width: 0;} .projectoverviewbase .card{background: none!important; border:none;} .scrum-top-card {border: 1px solid #e8eaed; border-radius: 0px; overflow: hidden; background: none;} .scr-intel-brand {gap: 10px;} .scr-intel-star { color: #f4b400;font-size: 1.05rem;} .scr-intel-title { font-size: 1.25rem; font-weight: 700; color: #202124; letter-spacing: -0.02em;} .scr-intel-note {font-size: 12px;max-width: 300px; text-align: right; color: #80868b;} .scr-kpi-row { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 1rem;} .scr-kpi-col { flex: 1 1 calc(25% - 12px); min-width: 140px;} .scr-kpi-card { border-radius: 12px; border: 1px solid #e8eaed; border-top-width: 4px; background: #fff; box-shadow: 0 1px 2px rgba(60, 64, 67, 0.08);} .scr-kpi-label {font-size: 0.8rem; font-weight: 400; text-transform: uppercase; color: #5f6368; margin-bottom: 6px;} .scr-kpi-value { font-size: 1.75rem; font-weight: 400; line-height: 1.1; letter-spacing: -0.02em;} .scr-kpi-card--sprint { border-top-color: #9334e6; color: #6f2dbd;} .scr-kpi-card--committed { border-top-color: #1a73e8; color: #1967d2;} .scr-kpi-card--done { border-top-color: #34a853; color: #137333;} .scr-kpi-card--days { border-top-color: #ea4335; color: #c5221f;} .scr-chart-body { min-height: 300px; background: #fff;} .scr-no-chart { min-height: 260px; display: flex; align-items: center; justify-content: center; color: #c5221f; font-size: 14px;} .scr-goal-body { min-height: 300px;} .scr-goal-text { font-size: 14px; font-weight: 600; color: #202124; margin-bottom: 1rem; line-height: 1.45;} .scr-goal-metric { margin-bottom: 1rem;} .scr-goal-metric-head { display: flex; justify-content: space-between; font-size: 13px; color: #5f6368; margin-bottom: 6px;} .scr-goal-metric-val { font-weight: 600; color: #202124;} .scr-progress { height: 10px; border-radius: 6px; background: #e8eaed; overflow: hidden;} .scr-progress-fill { height: 100%; border-radius: 6px; transition: width 0.25s ease;} .scr-progress--green .scr-progress-fill { background: linear-gradient(90deg, #34a853, #81c995);} .scr-progress--blue .scr-progress-fill { background: linear-gradient(90deg, #1a73e8, #669df6);} .scr-progress--amber .scr-progress-fill { background: linear-gradient(90deg, #f9ab00, #fdd663);} .scr-stories-wrap { max-height: 320px; overflow: auto;} .scr-stories-table thead th { font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.05em; color: #80868b; background: #f8f9fa; border-bottom: 1px solid #e8eaed; padding: 16px 12px; white-space: nowrap;} .scr-stories-table tbody td { padding: 13px 12px; font-size: 0.875rem; border-bottom: 1px solid #f1f3f4; vertical-align: middle;} .scr-story-key { font-weight: 400; color: #b06000;} .scr-story-title { color: #202124; max-width: 240px;} .scr-status-pill { display: inline-block; padding: 0.2rem 0.55rem; border-radius: 8px; font-size: 0.72rem; font-weight: 600;} .scr-pill--done { background: #e6f4ea; color: #137333;} .scr-pill--pending { background: #fef7e0; color: #b06000;} .scr-pill--active { background: #e8f0fe; color: #1967d2;} .scr-pill--muted { background: #f1f3f4; color: #5f6368;} .project-scrum-overview .common-dashboard-shell .section-header.scr-panel-head.reddy { padding: 14px 18px !important;} /* .project-scrum-overview .common-dashboard-shell .scr-panel-title { font-size: 14px !important; font-weight: 600 !important; color: #202124 !important;} */ /****AI Project Overview - New design - HS 2026****/ /****AI Project Marketing - Project Overview - New design - HS 2026****/ .project-content-calendar-overview { width: 100%; min-width: 0;} .projectoverviewbase .card{background: none!important; border:none;} .mcc-top-card {border: 1px solid #e8eaed; border-radius: 12px; overflow: hidden; box-shadow: 0 1px 3px rgba(60, 64, 67, 0.08); background: transparent;} .mcc-intel-brand { gap: 10px;} .mcc-intel-star { color: #f4b400; font-size: 1.05rem; line-height: 1;} .mcc-intel-title {font-size: 1.25rem; font-weight: 700; color: #202124; letter-spacing: -0.02em;} .mcc-template-badge { display: inline-flex; align-items: center; padding: 0.2rem 0.65rem; margin-left: 4px; border-radius: 6px; font-size: 0.65rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #1967d2; background: #e8f0fe; border: 1px solid #8eacd7; vertical-align: middle;} .mcc-intel-note { font-size: 12px; line-height: 1.45; max-width: 320px; text-align: right; color: #80868b;} .mcc-kpi-row { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 0.5rem;} .mcc-kpi-col { flex: 1 1 calc(25% - 12px); min-width: 140px; max-width: 100%;} .mcc-kpi-card { border-radius: 12px; padding: 16px 18px; min-height: 104px; border: 1px solid #e8eaed; box-shadow: 0 1px 3px rgba(60, 64, 67, 0.1); border-top-width: 4px; display: flex; flex-direction: column; align-items: center; text-align: center; justify-content: center;} .mcc-kpi-value { font-size: 1.85rem; font-weight: 800; line-height: 1.1; color: #202124; letter-spacing: -0.03em;} .mcc-kpi-label { font-size: 0.72rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; color: #5f6368; margin-top: 8px; line-height: 1.35;} .mcc-kpi-card--blue { border-top-color: #1a73e8; background: linear-gradient(180deg, #f4f8ff 0%, #ffffff 55%);} .mcc-kpi-card--blue .mcc-kpi-value { color: #1967d2;} .mcc-kpi-card--amber { border-top-color: #f9ab00; background: linear-gradient(180deg, #fffbf0 0%, #ffffff 55%);} .mcc-kpi-card--amber .mcc-kpi-value { color: #e37400;} .mcc-kpi-card--rose { border-top-color: #ea4335; background: linear-gradient(180deg, #fff8f7 0%, #ffffff 55%);} .mcc-kpi-card--rose .mcc-kpi-value { color: #c5221f;} .mcc-kpi-card--green { border-top-color: #34a853; background: linear-gradient(180deg, #f3faf5 0%, #ffffff 55%);} .mcc-kpi-card--green .mcc-kpi-value { color: #137333;} .mcc-chart-row { margin-top: 0.35rem;} .mcc-chart-section .section-body { min-height: 320px;} .mcc-chart-body { min-height: 300px; background: #fff;} .mcc-cal-emoji { margin-right: 6px; font-size: 1rem;} .mcc-publish-list-body { min-height: 300px; padding-left: 14px !important; padding-right: 14px !important;} .mcc-publish-list {padding-top: 4px;} .mcc-publish-item {display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 12px 0; border-bottom: 1px solid #f1f3f4; font-size: 0.875rem;} .mcc-publish-item:last-child { border-bottom: none;} .mcc-publish-title { font-weight: 500; color: #202124; flex: 1; min-width: 0; line-height: 1.4;} .mcc-publish-date {flex-shrink: 0; font-weight: 700; font-size: 0.8rem;} .mcc-publish-date--ok { color: #137333;} .mcc-publish-date--warn { color: #e37400;} .mcc-publish-date--urgent { color: #c5221f;} .mcc-no-chart {min-height: 260px; display: flex; align-items: center; justify-content: center; color: #c5221f; font-size: 14px;} .mcc-no-chart--compact { min-height: 220px;} .mcc-od-wrap { max-height: min(380px, 50vh); overflow: auto;} .mcc-od-table { border-collapse: separate; border-spacing: 0;} .mcc-od-table thead th {font-size: 14px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.06em; white-space: nowrap; color: #80868b; background: #f8f9fa; border-bottom: 1px solid #e8eaed; padding: 12px 14px; vertical-align: middle;} .mcc-od-table tbody td {padding: 12px 14px;vertical-align: middle; border-bottom: 1px solid #f1f3f4; font-size: 0.875rem; color: #3c4043;} .mcc-od-title { font-weight: 400; color: #202124; max-width: 280px;} .mcc-od-days { font-weight: 700; color: #202124;} .mcc-stage-pill {display: inline-block; padding: 0.28rem 0.65rem; border-radius: 6px; font-size: 0.72rem; font-weight: 600; background: #fef7e0; color: #b06000; /**border: 1px solid #fdd663;**/ } .mcc-od-row--amber { background: rgba(254, 247, 224, 0.85);} .mcc-od-icon {color: #e37400; font-size: 15px; margin-right: 8px;} .mcc-od-title-main {font-weight: 500; color: #c5221f; font-size: 15px;} .mcc-od-title .badge { font-weight: 500; padding: 4px 10px;} .project-content-calendar-overview .common-dashboard-shell .section-header.mcc-chart-panel-head.reddy { padding: 14px 18px !important; } .project-content-calendar-overview .common-dashboard-shell .mcc-chart-title { font-size: 16px !important; /* font-weight: 600 !important; */ color: #202124 !important; display: inline-flex !important; align-items: center !important; } .project-content-calendar-overview .common-dashboard-shell .section-header.mcc-od-head.reddy { padding: 14px 18px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; flex-wrap: wrap !important; gap: 8px !important; } .project-content-calendar-overview .common-dashboard-shell .mcc-od-title-wrap { display: inline-flex !important; align-items: center !important; } .project-content-calendar-overview .common-dashboard-shell .mcc-view-all-link { color: #1a73e8 !important; font-weight: 600 !important; text-decoration: none !important; } .project-content-calendar-overview .common-dashboard-shell .mcc-view-all-link:hover { text-decoration: underline !important; color: #1557b0 !important; } /****AI Project Marketing - Project Overview - New design - HS 2026****/ table.verticletopcontent td{vertical-align: top!important;}/***To make table content top align HS 17April2026***/ .tabs-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px;} .tabs-grid .tab-card { display: flex; align-items: center; justify-content: center; text-align: center; position: relative; min-height: 88px; font-weight: 600; padding: 12px 14px;} .tab-card.locked { cursor: not-allowed;} .tab-center-wrap { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; width: 100%;} .tab-icon em { font-size: 20px; color: #7b87c3;} .tab-card.selected .tab-icon em { color: #23a5fd;} .tab-pill {display: inline-flex; align-items: center;justify-content: center; width: 20px; height: 20px; border-radius: 50%; font-size: 11px;} .tab-pill-locked {border: 1px solid #d0d5dd; color: #98a2b3; background: #f9fafb;} .tab-pill-selected { background: #23a5fd; color: #fff;} .tab-pill-top { position: absolute; top: 8px; right: 8px;} .tab-pill-bottom { position: absolute; right: 8px; bottom: 8px;} .tab-title { margin: 0; font-weight: 500; font-size: 13px; color: #111827;} .tab-card.selected.locked{border: 1px solid #d6ca9f!important; background:#fff8df!important; cursor: not-allowed !important;} .tab-card.selected.locked span.tab-icon em{color: #333335!important;} .tab-card.selected.locked .tab-pill-selected{border: 1px solid #dbb429 !important; background: #dbb429 !important; color: #ffffff !important;} .tabs-grid .tab-card {border: 1px solid #d9dde5; border-radius: 10px;padding: 12px; cursor: pointer; background: #fff; min-height: 72px; position: relative; transition: all 0.2s ease; box-shadow: 0 2px 10px rgba(16, 24, 40, 0.04);} .tabs-grid .tab-card:hover {transform: translateY(-1px); box-shadow: 0 6px 18px rgba(16, 24, 40, 0.1);} .tabs-grid .tab-card.selected {border-color: #23a5fd; background: linear-gradient(180deg, #edf7ff 0%, #d6eefa 100%);} /****** Project New Card View - May 2026 ---- HS ******/ .talygen-card-view .pjt-card { border-radius: 8px; border: 1px solid #e2e5e9; border-top: 5px solid #17a2b8; box-shadow: 0 2px 6px rgba(0,0,0,.06); transition: box-shadow .18s, transform .18s; display: flex; flex-direction: column; overflow: hidden; position: relative;} .talygen-card-view .pjt-card:hover { box-shadow: 0 6px 20px rgba(0,0,0,.12); transform: translateY(-2px);} .talygen-card-view .pjt-sample { opacity: .75; } .talygen-card-view .pjt-card-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px 8px; border-bottom: 1px solid #f1f3f5; gap: 6px;} .talygen-card-view .pjt-header-left { display: flex; align-items: center; min-width: 0; gap: 4px; flex: 1;} .talygen-card-view .pjt-project-name {font-size: 13px; font-weight: 600; color: #2c3e50; text-decoration: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: color .15s;} .talygen-card-view .pjt-project-name:hover { color: #17a2b8; text-decoration: none; } .talygen-card-view .pjt-header-right { display: flex; align-items: center; gap: 6px; flex-shrink: 0;} .talygen-card-view .pjt-pin-icon { color: #facc15; cursor: pointer; font-size: 14px; transition: transform .15s;} .talygen-card-view .pjt-pin-icon:hover { transform: rotate(-20deg); } .talygen-card-view .pjt-menu-btn { width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; color: #868e96; cursor: pointer; transition: background .15s;} .talygen-card-view .pjt-menu-btn:hover { background: #f1f3f5; color: #343a40; } .talygen-card-view .pjt-card-body { padding: 10px 14px 8px; flex: 1; } .talygen-card-view .pjt-card-row { display: flex; align-items: center; flex-wrap: wrap; font-size: 12px; color: #495057; margin-bottom: 5px; gap: 4px;} .talygen-card-view .pjt-status-row { margin-bottom: 8px; } .talygen-card-view .pjt-row-icon { color: #adb5bd; width: 14px; text-align: center; flex-shrink: 0;} .talygen-card-view .pjt-row-text { flex: 1; min-width: 0; } .talygen-card-view .pjt-status-pill { display: inline-block; font-size: 11px; font-weight: 600; padding: 2px 10px; border-radius: 20px; text-transform: capitalize;} .talygen-card-view .pjt-amount-chip { font-size: 11px; font-weight: 600; background: #fff3cd; color: #856404; padding: 1px 8px; border-radius: 10px; white-space: nowrap; flex-shrink: 0;} .talygen-card-view .pjt-progress-block { margin-top: 8px; } .talygen-card-view .pjt-progress-label { display: flex; justify-content: space-between; font-size: 11px; color: #6c757d; margin-bottom: 4px;} .talygen-card-view .pjt-progress-pct { font-weight: 700; color: #343a40; } .talygen-card-view .pjt-progress-track { height: 6px; background: #e9ecef; border-radius: 3px; overflow: hidden;} .talygen-card-view .pjt-progress-fill { height: 100%; border-radius: 3px; background: linear-gradient(90deg, #17a2b8, #28a745); transition: width .35s ease; min-width: 2px;} .talygen-card-view .pjt-card-footer { display: flex; align-items: center; justify-content: flex-end; padding: 6px 14px; border-top: 1px solid #f1f3f5; background: #fafbfc;} .talygen-card-view .pjt-toggle-btn { font-size: 12px; color: #6c757d; text-decoration: none; display: inline-flex; align-items: center; gap: 4px; padding: 3px 8px; border-radius: 4px; transition: background .15s, color .15s;} .talygen-card-view .pjt-toggle-btn:hover { background: #e9ecef; color: #343a40; text-decoration: none; } .talygen-card-view .pjt-expand-section { border-top: 1px solid #f1f3f5; padding: 10px 12px; background: #f8f9fa;} .talygen-card-view .pjt-action-row { display: flex; flex-wrap: wrap; gap: 6px;} .talygen-card-view .pjt-action-btn { display: inline-flex; align-items: center; font-size: 11px; font-weight: 500; padding: 4px 10px; border-radius: 4px; text-decoration: none; transition: opacity .15s, transform .1s; cursor: pointer;} .talygen-card-view .pjt-action-btn:hover { opacity: .88; transform: translateY(-1px); text-decoration: none; } .talygen-card-view .pjt-btn-edit { background: #e3f2fd; color: #1565c0; } .talygen-card-view .pjt-btn-view { background: #e8f5e9; color: #1b5e20; } .talygen-card-view .pjt-btn-clone { background: #fff3e0; color: #bf360c; } .talygen-card-view .pjt-btn-config { background: #f3e5f5; color: #4a148c; } /****** Project New Card View - May 2026 ---- HS ******/ /****** Task List New Card View - May 2026 ---- HS ******/ .talygen-card-view .tsk-card { background: #fff; border-radius: 10px; border-top: 5px solid #17a2b8; box-shadow: 0 2px 10px rgba(0,0,0,.07); transition: box-shadow .18s, transform .18s; margin-bottom: 16px; display: flex; flex-direction: column; overflow: hidden; position: relative;} .talygen-card-view .tsk-card:hover { box-shadow: 0 6px 20px rgba(0,0,0,.12);} .talygen-card-view .tsk-card-header { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px 8px; border-bottom: 1px solid #f1f3f5; gap: 6px;} .talygen-card-view .tsk-header-left { display: flex; align-items: center; min-width: 0; gap: 6px; flex: 1;} .talygen-card-view .tsk-number-badge { flex-shrink: 0; font-size: 12px; font-weight: 600; color: #fff; border-radius: 4px; padding: 2px 7px; letter-spacing: .3px; white-space: nowrap;} .talygen-card-view .tsk-title { font-size: 14px; font-weight:500; color: #2c3e50; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: default !important; text-decoration: none;} .talygen-card-view .tsk-header-right { flex-shrink: 0; } .talygen-card-view .tsk-menu-wrapper { position: relative; display: inline-block; } .talygen-card-view .tsk-menu-btn { width: 26px; height: 26px; display: inline-flex; align-items: center; justify-content: center; border-radius: 4px; color: #868e96; cursor: pointer; transition: background .15s;} .talygen-card-view .tsk-menu-btn:hover { background: #f1f3f5; color: #343a40; } .talygen-card-view .tsk-action-list-box { display: none; position: absolute; right: 0; top: 100%; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.12); z-index: 999; min-width: 170px; padding: 4px 0;} .talygen-card-view .tsk-menu-wrapper:hover .tsk-action-list-box { display: block; } .talygen-card-view .tsk-card-body { padding: 10px 14px 8px; flex: 1; } .talygen-card-view .tsk-card-row { display: flex; align-items: center; flex-wrap: wrap; font-size: 12px; color: #495057; margin-bottom: 5px; gap: 5px;} .talygen-card-view .tsk-status-row { margin-bottom: 8px; } .talygen-card-view .tsk-row-icon { width: 14px; text-align: center; flex-shrink: 0; } .talygen-card-view .tsk-row-label { font-size: 13px; flex-shrink: 0; } .talygen-card-view .tsk-row-val { color: #374151; font-weight: 500; flex: 1; min-width: 0; } .talygen-card-view .tsk-overflow-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .talygen-card-view .tsk-status-wrap { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; justify-content: end;} .talygen-card-view .tsk-status-pill { display: inline-block; font-size: 11px; font-weight: 600; padding: 2px 10px; border-radius: 20px; text-transform: capitalize;} .talygen-card-view .tsk-dates { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; font-size: 11px; } .talygen-card-view .tsk-arrow-icon { color: #adb5bd; font-size: 10px; } .talygen-card-view .tsk-time-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; margin: 6px 0 8px;} .talygen-card-view .tsk-time-cell { background: #f8f9fa; border-radius: 6px; padding: 6px 8px; display: flex; flex-direction: column; gap: 2px;} .talygen-card-view .tsk-time-label { font-size: 12px; color: #3f454c; } .talygen-card-view .tsk-time-val { font-size: 13px; font-weight: 600; color: #2c3e50; } .talygen-card-view .tsk-progress-block { margin-top: 8px; } .talygen-card-view .tsk-progress-label { display: flex; justify-content: space-between; font-size: 11px; color: #6c757d; margin-bottom: 4px;} .talygen-card-view .tsk-progress-pct { font-weight: 600; color: #343a40; } .talygen-card-view .tsk-progress-track { height: 6px; background: #e9ecef; border-radius: 3px; overflow: hidden;} .talygen-card-view .tsk-progress-fill { height: 100%; border-radius: 3px; transition: width .4s ease;} .talygen-card-view .tsk-card-footer {padding: 6px 14px 8px; border-top: 1px solid #f1f3f5;} .talygen-card-view .tsk-toggle-btn { display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 500; color: #17a2b8; text-decoration: none; cursor: pointer; transition: color .15s;} .talygen-card-view .tsk-toggle-btn em{font-size: 16px;} .talygen-card-view .tsk-toggle-btn:hover { color: #138496; text-decoration: none; } .talygen-card-view .tsk-expand-section { padding: 10px 14px; } .talygen-card-view .tsk-expand-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 10px;} .talygen-card-view .tsk-team-chip { display: inline-flex; align-items: center; gap: 5px; background: #e8f4fd; border: 1px solid #bfdfef; color: #0284c7; font-size: 13px; font-weight: 500; padding: 4px 10px; border-radius: 20px; text-decoration: none; cursor: pointer;} .talygen-card-view .tsk-team-count { background: #0284c7; color: #fff; border-radius: 50%; width: 16px; height: 16px; display: inline-flex; align-items: center; justify-content: center; font-size: 9px; font-weight: 700;} .talygen-card-view .tsk-timer-btn {display: inline-flex; align-items: center; gap: 5px; font-size: 13px; font-weight: 500; padding: 4px 12px; border-radius: 20px; text-decoration: none; cursor: pointer; transition: opacity .15s;} .talygen-card-view .tsk-timer-start { background: #ecfdf5; border: 1px solid #6ee7b7; color: #059669; } .talygen-card-view .tsk-timer-stop { background: #fff1f2; border: 1px solid #fca5a5; color: #dc2626; } .talygen-card-view .tsk-timer-disabled { background: #f9fafb; border: 1px solid #e5e7eb; color: #9ca3af; cursor: default; } .talygen-card-view .tsk-timer-btn:hover:not(.tsk-timer-disabled) { opacity: .82; } .talygen-card-view .tsk-expand-progress { display: flex; align-items: center; gap: 16px; background: #f8f9fa; border-radius: 8px; padding: 8px 12px; margin-bottom: 8px;} .talygen-card-view .tsk-native-progress { flex: 1; } .talygen-card-view .tsk-native-progress progress { width: 100%; height: 6px; border-radius: 3px; background: #d7dadd; border: 0;} .talygen-card-view .tsk-circle-wrap { display: flex; flex-direction: column; align-items: center; gap: 2px; flex-shrink: 0; } .talygen-card-view .tsk-circle-label { font-size: 9px; color: #6c757d; } .talygen-card-view .tsk-expand-footer { padding-top: 4px; } /****** Task List New Card View - May 2026 ---- HS ******/