@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Yesteryear&display=swap');


body {/*font-family: 'Lato', sans-serif !important;*/font-family: 'Poppins', serif !important;font-size:13px;background-color:#fff;}


/* common css */
/*.myBTN {background-color: #003366;border-color: #003366;color: #fff;padding: 7px 18px 7px;min-width: 110px; border-radius: 5px;font-size: 15px;margin:0 2px;border:none;text-decoration:none;}*/
/*.myBTN {background-color: #F6F8F9;border:1px solid #A2ACB6;color: #344054;padding: 7px 18px 7px;min-width: 110px; border-radius: 5px;font-size: 14px;margin:0 2px;text-decoration:none;font-weight:500;}*/
.myBTNH {background-color: #fff;border: 1px solid #A2ACB6;padding: 7px 12px 7px;border-radius: 5px;font-size: 14px;margin: 0 2px;text-decoration: none;font-weight: 500;color: #000;}
.myBTNH.myBTNH1 {font-weight: 300!important;color: #2584F4!important;}
.myBTN {background-color: #2584F4;border:1px solid #2584F4;color: #344054;padding: 7px 15px 7px;min-width: 80px; border-radius: 5px;font-size: 14px;margin:0 2px;text-decoration:none;font-weight:500;color:#fff;}
.myBTN.myBTNH{min-width:80px;margin:0 5px;}
.myBTN:hover {background-color: #2584F4;border:1px solid #2584F4;color: #fff;box-shadow: 0px 5px 8px #dfdfdf;}
.myBTN:focus {background-color: #2584F4!important;border:1px solid #2584F4!important;color: #fff!important;box-shadow: 0px 5px 8px #dfdfdf!important;}
.myBTN.small {padding: 4px 10px 4px;min-width: 50px;border-radius: 5px;font-size: 14px;margin-top:5px;}
.myBTN.disable, .myBTN.disable:hover {opacity:.5;background-color:#919191;cursor:not-allowed;box-shadow:none;border: 1px solid #919191;}
.relative {position:relative;}
.colorOR {color: #ff7808;}
.colorBlu {color: #0021ca;}
.colorYlw {color: #f5c50e;}
.no-border {border: none;}
.width100 {width: 100%;}
.form-control { appearance: auto;font-size:12px; border-radius: 6px;}
.form-select {font-size:12px; border-radius: 6px;padding:8px 4px;height:37px;}
select.form-control {padding:8px 4px;height:37px;}
select.form-control option:first-child {display:none;}
select.form-control.devTyp option:first-child {display:initial;}
.select2-results__option{padding:1px 5px!important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {font-size:13px;}
.form-control:focus {border-color: #86b7fe;box-shadow: none;}
.card{box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);box-shadow: none; border: 1px solid #C2CCD6; border: 1px solid #dfdfdf;border-radius:8px;}
.calderBG{background-color:#fff!important;cursor:pointer;}
/*.bodyWrap {margin-top:75px;}*/
.required {color: red;} 
.mainHeader .logoS { margin-left: 50px;}
.myBTN.btn-block {width:auto;}
.page-header ,.page-header1 {font-size:18px!important; text-align:left;font-weight:600;padding-top: 15px; padding-bottom: 5px;color: #344054;}
.page-headerM {font-size:18px!important; text-align:left;font-weight:600;padding:0; padding-top: 15px; margin-bottom: 1px;color: #344054;}
.page-headerM2 {font-size:14px!important; text-align:left;font-weight:600;padding:0; color: #344054;}
.page-header-sub {font-size:14px!important; text-align:left;font-weight:500;padding-top: 2px; padding-bottom: 5px;color: #778DA2;}
.page-header-sub2 {font-size:12px!important; text-align:left;font-weight:600;padding-top: 2px; padding-bottom: 5px;color: #7F7F7F;}
.datepicker {padding:0;z-index:999 !important;}
.textEll {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width: 220px;}
.textEll:hover { white-space: normal;}
.tableFixScroll {max-height: 205px;overflow-y: auto;}
.tableFixScroll table thead {position: sticky;top: -1px;z-index: 999;}
.form-control:disabled, .form-control[readonly] {background-color: #eee;opacity: 1;cursor: no-drop;border:1px solid #ccc;}
.input-group-append .input-group-text { padding: 5px 10px; line-height: 25px;}
.select2-container--default .select2-selection--single {border:1px solid #ccc !important; border-radius: 6px !important;}
.select2-container--default.select2-container--disabled .select2-selection--single{cursor:not-allowed!important;}
.select2-container--default .select2-results>.select2-results__options li:first-child {/*display:none;*/}
.btn:hover, .btn:focus, .btn:focus-visible {outline: none !important;box-shadow:none!important;}
select:focus-visible{outline:none!important;}
#loaderAuto {width: 100%;height: 100%;top: 0;left: 0;position: fixed;display: block;opacity: 1;background-color: #ffffffba;background-position: center center;z-index: 9999;text-align: center;background-position: center center;background-repeat: no-repeat;background-image: url('../images/loaderAuto.gif');background-size: 100px;}
.mt-20 {margin-top: 20px;}
.mt-10 {margin-top: 10px;}
.mb-20{margin-bottom:20px;}
.mb-10{margin-bottom:10px;}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
::-webkit-scrollbar {width:5px;height:5px;background-color:#F5F5F5;border-radius:5px;}
::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb {background-color:#9b9797;border-radius:5px;} 

body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
body::-webkit-scrollbar{width:10px;height:14px;background-color:#F5F5F5;border-radius:5px;}
body::-webkit-scrollbar-thumb{background-color:#333;border-radius:5px;}  
.modal-dialog{top:5%!important;}
.btn:disabled {pointer-events: auto;opacity: .65;cursor:not-allowed;}
.textEll.textCMM{max-width:420px;}
label {margin-bottom:3px;}
.fnt12{font-size:12px;}
.text-danger.field-validation-error{font-size: 12px;position: absolute;}
.textEllBH {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;max-width: 220px;}
.textEllBH:hover { white-space: normal;}
a:focus{text-decoration: none;color: #003366!important;}
.calendisable{cursor:not-allowed!important;}
.relative{position:relative;}
.modal-header {padding:8px 15px;}
.modal.show .modal-dialog {border-radius: 8px;overflow: hidden;border: 1px solid #C2CCD6;}


.tableStatus {background-color: #f6f6f6;color:#344054; padding: 2px 4px;border-radius: 12px;min-width: 85px;display: inline-block;text-align: center;}
.tableStatus.inProgress {background-color: #FFDBAD;}
.tableStatus.success {background-color: #C7FFC7;}
.tableStatus.danger {background-color: #FEBBBB;}
.tableStatus.approvetrns {background-color: #fff;border: 1px solid #88D488;color: #3c3c3c !important;margin-right: 10px;
    font-weight: 300 !important;}
.tableStatus.approvetrns:hover {background-color: #88D488;border-color:#88D488;}
.tableStatus.rejecrtrns {background-color: #fff;border: 1px solid #DF9797;color: #3c3c3c !important;margin-right: 10px;
    font-weight: 300 !important;}
.tableStatus.rejecrtrns:hover  {background-color: #DF9797;border-color:#DF9797;}
.gray{color:#6d7c85;}
 /*Button-CSS*/
.badge {padding:4px 10px;font-size:12px;font-weight:500;border-radius:10px; min-width: 80px;color:#344054;}
.badge.bg-success, .badge.badge-success, .badge.bg-success:hover, .badge.badge-success:hover {background-color: #C7FFC7 !important;}
.badge.bg-warning ,.badge.badge-warning, .badge.bg-warning:hover,.badge.badge-warning:hover  {background-color: #FFDBAD !important;}
.badge.bg-danger,.badge.badge-danger, .badge.bg-danger:hover,.badge.badge-danger:hover {background-color: #FEBBBB !important;}
.badge.bg-secondary,.badge.badge-expired, .badge.bg-secondary:hover,.badge.badge-expired:hover {background-color: #778DA2 !important;}
.badge.bg-primary,.badge.badge-primary, .badge.bg-primary:hover,.badge.badge-primary:hover {background-color: #568bc5 !important;}
.badge.bg-info,.badge.badge-info, .badge.bg-info:hover,.badge.badge-info:hover {background-color: #7abbc9 !important;}
.badge.badge-info.qaSign,.badge.badge-info.qaSign:hover {background-color: #D0F4DE !important;}
.badge.badge-info.prodSan,.badge.badge-info.prodSan:hover {background-color: #A9D6E5 !important;}


/* Table Css */ 
.table-responsive ::-webkit-scrollbar-track, .table-responsive::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
.table-responsive ::-webkit-scrollbar, .table-responsive::-webkit-scrollbar {width:5px;height:5px;background-color:#F5F5F5;border-radius:5px;}
.table-responsive ::-webkit-scrollbar-thumb, .table-responsive::-webkit-scrollbar-thumb {background-color:#9b9797;border-radius:5px;} 
table {/*border: 1px solid #f1f1f1;*/border-color:#f1f1f1 !important;width: calc(100% - 2px) !important;}
table thead {background-color: transparent;color: #000;border:none;}
table thead th {border: none !important;;}
table.dataTable.no-footer{border-bottom:none !important;margin-bottom:5px !important;}
table tbody + tbody, table tbody {border-top: 1px solid #f9f9f9 !important;}
.tableFix {position: relative;width: 100%;max-height: 230px;overflow-y: auto;}
.tableFix table thead th {position: sticky;top: 0px;z-index: 9999;background-color: #F6F6F6;}
/*table thead {background-color: #003366; color: #fff;}*/
table tfoot tr.blue {background-color: #003366; color: #fff;}
table tfoot tr.lightblue {background-color: #eef6ff; color: #000;}
/*table tfoot tr.lightblue td { border-color: #b9b9b9;}*/
table th, table td {padding:6px 8px !important;font-size:12px;line-height:15px; border-bottom: 1px solid #efefef !important;color: #344054;}
table td a i {font-size:13px;}
table thead th, table.dataTable thead th {border:1px solid #f7f7f7;padding:9px 8px !important;border:none;color: #333;background-color:#F6F6F6 !important;font-weight:600 !important;}
.table thead th {border:none !important;border-bottom:none !important;}
table thead th:first-child, table.dataTable thead th:first-child {border-top-left-radius:8px;border-bottom-left-radius:8px;}
table thead th:last-child, table.dataTable thead th:last-child {border-top-right-radius:8px;border-bottom-right-radius:8px;}
.datepicker table thead th:first-child {border-top-left-radius:0;border-bottom-left-radius:0;}
.datepicker table thead th:last-child {border-top-right-radius:0;border-bottom-right-radius:0;}
table tfoot td {border:1px solid #004993;padding:4px 8px !important;font-weight:600;font-size:13px;}
table td, .table td {border:none; vertical-align: top !important; vertical-align: middle;}
table td a, table td a:not([href]):not([class]){text-decoration:none;font-weight:600;color: #3498db;margin:0 3px;}
table td a:hover, table td a:not([href]):not([class]):hover  {color: #000;}
.table-striped>tbody>tr:nth-of-type(even) {background-color:#f2f2f2;}
.dataTables_filter input{outline:0;border: 1px solid #958585;border-radius: 20px;}
.table-striped tbody tr, .table-striped tbody tr td, .table-striped>tbody>tr:nth-of-type(odd)>*, .table-striped tbody tr:nth-of-type(odd), .table-striped tbody tr:nth-of-type(even) {background-color:#fff !important;--bs-table-accent-bg: #fff;border:none;    vertical-align: middle;}
.table.table-bordered, .table.table-bordered>:not(caption)>* {border: none;}
.dataTables_wrapper .dataTables_length {font-size:13px;}
.btnTD, .btnTD:hover {background-color:#fff;border:1px solid #344054;border-radius:12px;color: #344054;font-weight: 500;display: inline-block;padding: 3px 12px;}
.btnTD:hover {background-color:#E1FFE1;border:1px solid #E1FFE1;}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #fff !important;
    pointer-events: none;
    cursor: auto;
    background-image: none;
    background-color: #6F7176;
    border-color: #6F7176; 
    font-size: 12px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    background: none !important;
    background-color: #017dc0 !important;
    border-color: #017dc0 !important; 
    font-size: 12px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {padding: 2px 8px !important;font-size: 12px;background-color: #404040;color: #fff !important;}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {background-color: #efefef;border-color:#d8d8d8; color: #000 !important;}
.dataTables_wrapper .dataTables_filter input {border: 1px solid #cdcdcd;} 

.dataTables_paginate.paging_simple_numbers {margin-bottom:0px;margin-top: 5px;}
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {font-size: 12px !important;}
.dataTables_wrapper .dataTables_info {font-size: 13px;padding-top:4px;}
.dataTables_filter ::-webkit-search-cancel-button {cursor:pointer;}
.dataTables_length select {border-radius: 12px;min-width: 50px;border-color: #cdcdcd;}

/*Swal*/
.swal-icon--warning {width: 60px;height: 60px;}
.swal-icon--warning__body {height:30px;}
.swal2-popup.swal2-modal, .swal-popup.swal-modal, .swal-modal {width:400px!important;}
.swal2-title, .swal-title {font-size:20px!important; padding-top: 5px;color: #333;font-weight:700;}
.swal2-text, .swal-text {font-size:14px!important;color: #333;font-weight:400;text-align:center;}
.swal2-html-container {font-size:18px!important; margin: 2px !important;margin-top:10px !important;padding-top:0;}
.swal2-confirm, .swal-confirm, .swal-button {background-color: #2584F4 !important;color: #fff !important;font-size: 14px!important;padding: 6px 15px!important;font-weight:400;}
.swal2-icon {/*width: 3em;height: 3em;*/margin-top: 20px;}
/*.swal2-x-mark-line-left  {top: 24px!important;width: 25px!important;height: 3px!important;left: 12px!important;}
.swal2-x-mark-line-right  {top: 24px!important;width: 25px!important;height: 3px!important;right: 12px!important;}*/
.swal-footer {text-align:center!important;padding-top: 0; padding-bottom: 25px;}
  /*table th{text-align:center;}*/
.navWrapper .userName {line-height: 15px;font-weight: 700;max-width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.navWrapper .userDtls {font-size:12px;}
.navWrapper .emplWrap {/*background-color: #003366;color: #fff;padding: 5px 5px;border-radius: 4px;*/margin-right:1px;    margin-top: -2px;}
/*.navWrapper ul.dropdown-menu.show {transform: translate(-80px, 50px);}*/
.swal-button:focus{box-shadow:none;}


/* Top Header */
.mainHeader .logoS {height:30px;}
.mainHeader {background-color: #f9f8f8;padding: 10px 0;}
.mainHeader .navbar-brand .logo_main {height: 40px;}
.mainHeader .navbar-nav {float: right;margin-right:0 !important;}
.mainHeader .navbar-nav .nav-link.users {background-color:#fff;border-radius: 20px;box-shadow: 0px 0px 3px #aec8ff;}
.mainHeader .navbar-nav .nav-link {color:#003366;font-size:18px;font-weight:600; padding: 5px 12px;}
.mainHeader .navbar-nav ul.dropdown-menu {padding: 0px 1px;}
.mainHeader .navbar-nav ul.dropdown-menu.show {left:-90px;}
.mainHeader .navbar-nav ul.dropdown-menu .dropdown-item i  {padding-right: 8px;}
.mainHeader .navWraps {display:block !important;}
.drpDwnPr .nav-link.dropdown-toggle {font-weight: 600;color: #000;font-size: 14px;}
.mainHeader .navbar-nav li:first-child a.vwProfiles {/*border-bottom: 1px solid #ededed;*/margin-bottom: 1px;}
.mainHeader .navbar-nav .dropdown-menu li a {padding: 5px 10px;font-size:14px}
.mainHeader .navbar-nav .dropdown-menu li:last-child a {border-top: 1px solid #ededed;padding: 7px 10px 10px;}
.mainHeader .navbar-nav .dropdown-menu .dropdown-item.active, .mainHeader .navbar-nav .dropdown-menu .dropdown-item:active {color: #000;background-color: #e1e1e1;}
.mainHeader .navbar-nav .vwProfiles .vwPr {padding-left: 0px;color: #003366;font-size: 13px;display: inline-block;font-weight:600;}
.bannerText {font-size: 30px; font-weight: 500; margin-top: -85px;padding-left: 10%;}
.topHeader {min-height:55px;}
.topHeader.header {box-shadow: none;border-bottom: 1px solid #DFDFDF;}
.topHeader.header .page-brand {background-color: #fff;}
.topHeader .toggleICON {font-size: 20px;}
.topHeader .toggleICON .fa-bars {}
.topHeader .toggleICON .fa-times {display:none;}
.sidebar-mini .topHeader .toggleICON .fa-times {display:inline-block;}
.sidebar-mini .topHeader .toggleICON .fa-bars {display:none;}
.sideMenu {margin-top:55px;}
.sideMenu.page-sidebar {background-color: #fff;position:fixed;top:0;border-right: 1px solid #DFDFDF;}
.sideMenu.page-sidebar .side-menu a {padding-left:15px;}
.sideMenu.page-sidebar .side-menu .nav-2-level>li>a {padding:7px 10px 7px 35px;}
.sideMenu.page-sidebar .side-menu .nav-2-level>li>a.nav-link.active {background-color:#f7f7f7;}
.sideMenu.page-sidebar .side-menu a i {font-size:18px;min-width:25px;text-align:center;}
.sideMenu.page-sidebar .side-menu a i.arrow {font-size:14px;text-align:right;transition:all ease .3s; }
.sideMenu .side-menu li.active>a>.arrow { transform: rotate(45deg); margin-top: -12px;transition:all ease .2s;}
.sideMenu .side-menu>li a {background-color: #fff;color:#778DA2;opacity:1; font-size:13px; font-weight: 500; padding: 9px 15px;}
.sideMenu .side-menu>li a img.dbicon {height:16px;width:16px; margin-right: 2px}
.sideMenu .side-menu>li a img {opacity:.6;}
.sideMenu .side-menu>li a.active {color:#344054;background-color:#F7F7F7;opacity:1;}
.sideMenu .side-menu>li a.active img {opacity:1;}
.sideMenu .side-menu>li.active>a, .side-menu>li.active>a:focus, .side-menu>li.active>a:hover {background-color: #f7f7f7;color: #344054;}
.sideMenu .side-menu>li.active>a img.dbicon, .side-menu>li.active>a:focus img.dbicon, .side-menu>li.active>a:hover img.dbicon {opacity:1;}
.sideMenu .side-menu>li a:focus, .side-menu>li a:hover {background-color: #F7F7F7;color: #344054 !important;}
.sideMenu .side-menu > li a:focus img, .side-menu > li a:hover img {opacity:1;}
.fixed-navbar.sidebar-mini .page-brand {width: 50px !important;background-color: #f2f9ff;}
.fixed-navbar.sidebar-mini .sideMenu.page-sidebar {width: 50px !important;}
.fixed-navbar.sidebar-mini .brand-mini img {height: 20px;} 
.fixed-navbar.sidebar-mini .sideMenu.page-sidebar .side-menu a i {font-size:16px;min-width:25px;padding-right:20px;} 
.sideMenu.page-sidebar .side-menu.metismenu {height: 90vh;overflow-y: auto; padding-top: 5px;}
.sideMenu ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
.sideMenu ::-webkit-scrollbar{width:5px;height:5px;background-color:#F5F5F5;border-radius:5px;}
.sideMenu ::-webkit-scrollbar-thumb{background-color:#9b9797;border-radius:5px;} 
.sidebar-mini .sideMenu .side-menu>li:hover>a {background-color: #f7f7f7;color: #333;}
.sidebar-mini .sideMenu .side-menu>li a span {display:none;}

.content-wrapper.newBody {min-height:auto;padding-bottom:0;background-color: #fff;}

.loginFormWrap .myBTN {width: 100%;font-size:16px; margin-top: 20px;padding:8px 20px;}
.bookAcarModal .modal-header {padding:8px 15px; background-color: #a4e4ef;}

.custom-input {height:40px;}
.adminLogin .logoS {height:60px;}
.adminLogin {background-image: url(../images/bgH.jpg);background-repeat: no-repeat,no-repeat;background-position: center center;background-size: cover;color: #d3cece;height:100vh;}
.loginFormWrap {background: #fff;box-shadow: 0px 5px 20px #3e3e3e54;margin: 30px auto;max-width: 500px;overflow: hidden;position: relative;padding: 0;border-radius:8px;}
.loginFormWrap label {font-size: 16px;font-weight: normal;color: #666;margin-bottom: 5px;display: block;}
.loginFormWrap .loginForm {padding: 30px;padding-bottom: 35px;}
.loginFormWrap .field-icon {position: absolute;right: 25px;top: 40px;z-index: 2;color: #333;}

.apslBox {margin-bottom:30px;margin-top: 50px;}
.apslBox .heading {font-size:28px;font-weight:600;margin-bottom:15px;margin-top:10px;}
.aspBgBlu {background: #344054;height: 130px;border-radius: 15px;}
ol.stLines {padding:0;padding-left:15px;}
ol.stLines li {font-size:14px;font-weight:600;}
ol.stLines .qsLine {display:block;margin-bottom:2px;font-size:14px;margin-top:25px;}
ol.stLines .qsDes {display:block;margin-bottom:8px;font-size:12px;margin-top:2px;font-weight:400;}
ol.stLines .ratings {display:inline-block;margin-bottom:20px;position:relative;}
ol.stLines .ratings .lineTxt {font-size:18px;font-weight:600;margin-right:5px;}
ol.stLines .ratings a {text-decoration:none;margin-right:5px;}
ol.stLines li .charCount {font-size: 13px;font-weight: 600;text-transform: capitalize;color: #959191;display:none;}
.wlcLine {font-size: 18px;font-weight: 500;min-height:25vh;}
/*.adminLines p { min-width: 100%;float: left;}
.adminLines p strong:first-child { min-width: 25%;float: left;}
.adminLines p strong:nth-child(n+2) { min-width: 25%;float: right;}*/
.adminLines .wlcLine .wlcPara {display:block;}
.adminLines .wlcLine .wlcPara strong:first-child { min-width: 25%;float: left;}
.adminLines .wlcLine .wlcPara span { padding-left:10px;}

.rating-box {display: inline-block;}
.rating-box .rating-container {direction: rtl !important;}
.rating-box .rating-container label {display: inline-block;margin: 1px 3px;color: #bdbdbd;cursor: pointer;font-size: 26px;transition: color 0.2s;line-height:28px;}
.rating-box .rating-container input {display: none;}
.rating-box .rating-container label:hover, .rating-box .rating-container label:hover ~ label, .rating-box .rating-container input:checked ~ label {color: #003366;}
.previewText {font-size:16px;font-weight:500;}

.profileWraper {margin-top:20px;}
.profileWraper .mnhght {min-height: 290px;display: inline-block;width: 100%;}
.profileWraper .panel-body {padding: 20px;background-color: #fff !important;box-shadow: 0 1px 5px 0 rgb(0 0 0 / 32%);border-radius: 10px !important;}
.usrDtails strong {font-size: 18px;font-weight: 600;color: #003366;}
.profile-img img {width: 190px;height: 190px;border-radius: 50%;border: 7px solid #003366;}
.image-upload label {color: #fff;background: #919191;padding: 12px;border-radius: 50%;}
.image-upload {position: absolute;left: 0;right: -110px;bottom: 0px;}
.image-upload i {font-size:25px !important;}
.image-upload label {line-height: 1;font-size: initial;margin: 0;}
.image-upload > input {display: none;}

.textBox {position:relative;}
.text-danger.field-validation-error, .text-danger.errorMsg {position:absolute;font-size: 12px;}
.text-danger.errorMsg {bottom:-15px;}

.devWrap {border:1px solid #ccc;margin-bottom:20px;}
.devWrap .panel-heading {background-color:#003366;padding: 10px 15px;}
.devWrap .panel-body {padding: 15px 15px;}
.devWrap .panel-heading .panel-title {color:#fff;font-size: 18px;font-weight: 500;margin-bottom: 2px;}
.devTttl {color:#760000;font-size: 17px;font-weight:600;margin-bottom: 10px;}
.devTable {}
table.dataTable {margin:0 -2px!important;}
/*.table {border:1px solid #d1d1d1;margin-bottom:1px;}*/
.table>:not(:last-child)>:last-child>* {border-bottom-color: #adadad;}
.devTable .table {margin-bottom:0;}
.devTable .table thead {background-color:#003366;color:#fff;border-color: #525252;}
.devTable .table th, .devTable .table td  {padding:1px 8px;font-size:14px;vertical-align: middle;}
.devTable .table tr td .form-control {height:30px;}
.devTable .table tr {border-color:#f9f9f9;}
.devTable .table tr th {border-color:#a7a7a7;padding:10px 8px;}
.devTable .table tr td a {color:#003366;}
.devTable .table tr td a i {font-size:18px;}
/*.devTable .table tr th:first-child, .devTable .table tr td:first-child {text-align:center;width:50px;}*/
.devTable .table tr th:nth-child(n+2), .devTable .table tr td:nth-child(n+1) {width:30%;}
.devTable .table tr th:nth-child(n+3), .devTable .table tr td:nth-child(n+2) {width:60%;}
.devTable {}
.ap-Img {position:absolute;bottom:-14px; width:85%; padding:0 25px;}
table.welcomeTxts {width:70% !important;}
table.welcomeTxts td {padding:5px 5px !important; border-bottom: 1px solid #fbfbfb !important;}
table.welcomeTxts tr td:nth-child(odd) {border-right: 1px solid #BDC5CC;}
table.welcomeTxts tr td:nth-child(even) {padding-left: 25px !important;}
.notesQ {float:left;}
.notesQ .heading {float:left;}
.notesQ .notesImg {float:right;height:150px;}
.starNote {text-align:right;}
.starNote ul {padding:0;}
.starNote ul li {list-style:none;display:inline-block;text-align: center; padding: 0 10px;}
.starNote ul li p {text-align:center;font-size:12px;font-weight:800;margin-bottom:0;font-style:italic;line-height:12px;}
.starNote ul li p.starLeft {float:left;}
.starNote ul li p.starRgt {float:right;}
.starNote ul li p span{display:block;}
.starNote i {color: #003366;font-size: 20px;padding: 2px 15px;}
.notesDetails {margin-top:-25px;}
.notesDetailsWrap {margin-top:-150px; margin-bottom:30px;}
.notesDetailsWrap ul {padding:0; display: flex;}
.notesDetailsWrap ul li {list-style:none;display:inline-block;text-align: center; padding: 0 10px;}
.notesDetailsWrap ul li .twoRatings {display:flex;}
.notesDetailsWrap ul li .stepTxts {font-size:14px;font-weight:600;/*border-bottom: 4px solid #036;*/margin-bottom: 40px;padding:12px 0;color:#344054;border-radius:30px;}
.notesDetailsWrap ul li .stepTxts.needImp {background-color: #EBEBEB;}
.notesDetailsWrap ul li .stepTxts.meetExp {background-color: #FFEACF;}
.notesDetailsWrap ul li .stepTxts.abvExp {background-color: #FCFFCF;}
.notesDetailsWrap ul li .stepTxts.exExp {background-color: #EBFFD4;} 
.notesDetailsWrap ul li h4 {font-size:14px;font-weight:600;color: #344054;margin-top:20px;}
.notesDetailsWrap ul li .noteBox {background-color:#fff;padding:8px;box-shadow: 0 0 5px #dbdbdb;border-radius: 10px;}
.notesDetailsWrap ul li .noteBox2 {border:1px solid #C2CCD6;padding:10px 10px;border-radius: 10px;position:relative;}
.notesDetailsWrap ul li .noteBox p {min-height:120px; max-height: 120px;overflow-y: auto;margin: 0; margin-top: 15px;font-size: 11px; color: #344054;}
.notesDetailsWrap ul li .noteBox2 .apIcons {position:absolute;left: 50%;top: -5px;transform: translate(-50%, -50%);background-color: #fff; border: 1px solid #344054;padding: 6px;border-radius: 30px;height:42px;}
.notesDetailsWrap ul li .twoRatings .noteBox:first-child {margin-right:5px;width:50%;}
.notesDetailsWrap ul li .twoRatings .noteBox:nth-child(2n+2) {margin-left:5px;width:50%;}
.notesDetailsWrap ul li:nth-child(2n+1) {width:50%;}
.notesDetailsWrap ul li:nth-child(2n+2) {width:25%;}
.notesDetailsWrap ul li:nth-child(2n+3) {width:25%;}
.managerRate {}
ol.stLines .managerPageUser.ratings .lineTxt {font-size:16px;}
.managerPageUser .rating-box .rating-container input:checked ~ label, .managerPageUser .rating-box .rating-container label {font-size: 22px;}
.managerRate .rating-box .rating-container label:hover, .managerRate .rating-box .rating-container label:hover ~ label, .managerRate .rating-box .rating-container input:checked ~ label {color: #ad0000;}

footer.footer {position:static !important;line-height:24px !important;}
.textWrapRH1 {line-break:anywhere;}
.usrDtails p {min-height:30px;}

.sideNavBar.side-navbar {width: 200px;height: calc(100vh - 75px);position: fixed;margin-left: -300px;background-color: #fff;transition: 0.5s;box-shadow: 0px 0px 10px #ededed;}
.sideNavBar .nav-link {border-bottom: 1px solid #e7e7e7;color: #333333;font-size:14px;}
.sideNavBar .nav-link {}
.sideNavBar .nav-link:active, .sideNavBar .nav-link:focus, .sideNavBar .nav-link:hover {background-color: #46464626; color: #003366;}
.sideNavBar .nav-link.active, .sideNavBar .nav-link.active:hover {background-color: #003366;color: #fff;} 
.sideNavBar.active-nav {margin-left: 0;}
.sideNavBar .dropdown-menu.show {width:100%;border:none;padding:0;margin-top:-2px;position: static !important;transform: initial !important;}
.sideNavBar .dropdown-menu.show li .nav-link {padding:7px 2px 7px 35px;}
input[type=checkbox], input[type=radio] {margin: 4px 4px 0 0px;transform: translateY(2px);}


/*.active-cont {margin-left: 215px;margin-right: 15px;margin-top: 75px;}*/
#menu-btn {background-color: #003366;color: #fff;position:fixed;top:14px;left:5px;z-index:9999;padding: 4px 10px;}
.my-container {transition: 0.4s;}
.backBtn {margin-top:22px;}
.backBtn a {padding: 0px 10px;line-height: 15px;display: inline-block;min-width: 40px;}
.backBtn a i {font-size:30px;}
.testclass {display: flex;align-items: center;display: -webkit-flex;-webkit-align-items: center;/*justify-content: center;-webkit-justify-content: center;*/}
ul.testclass {padding: 0;margin-bottom: 0;list-style-type: none;}
ul.testclass li {padding: 0 4px;}

.fa.new {color: #003366;}
.fa.newp {color: #fff;}
.fa.active {color: #43a047;}
.fa.paused {color: #dc3545;}
.fa.archived {/*color: #bd36d8;*/color: #00acc1;}
.fa.invoiced {color: #CCCC00;}
.fa.closed {color: #C71C22;}
.fa.Inactive {color: #E58A1B;}

.tile_count .tile_stats_count {padding: 5px 2px;background: #fff;text-align: center;box-shadow: 0px 0px 8px #919191;border:1px solid #fff;}
.tile_count .tile_stats_count .count {font-size: 14px;font-weight: 600;color: #fff;line-height: 1;background-color: #003366;padding: 2px 8px 3px;text-align: center;display: inline-block;margin-left: 5px;border-radius: 20px;}
.tile_count .tile_stats_count .count a, .tile_count a {color: #000000;text-decoration: none;}
.tile_count a:hover {text-decoration:none;}
.tile_count .tile_stats_count .count a:hover, .tile_count .tile_stats_count .count a:focus {color: #000000;text-decoration: underline;}

.tile_stats_count.Active {border:1px solid #43a047;}
.tile_stats_count.InActive {border:1px solid #E58A1B;}

.datepicker {padding:0;}
.datepicker td.today.day, .datepicker td.today.day:hover {background:none!important; background-color:#036  !important;color:#fff !important;}
.datepicker td.active.day, .datepicker td.active.day:hover {background:none!important; background-color:#336293  !important;color:#fff !important;}
.datepicker td, .datepicker th {border-radius:0;}
.datepicker th:hover {background-color: #003366 !important;color: #fff;}
.datepicker th.dow {background-color: #003366 !important;color: #fff;}
.datepicker .next.disabled, .datepicker .prev.disabled {background-color: #003366!important;visibility:visible!important;color:#b1b1b1;}
.datepicker th.dow:hover {background-color:#003366 !important;}
.datepicker {}
.datepicker .form-control[readonly] {cursor:pointer;}
.datepicker .form-control:disabled{cursor:no-drop;}
.datepicker .datepicker-switch, .datepicker .next, .datepicker .prev, .datepicker tfoot tr th {cursor: pointer;background-color: #003366 !important;color: #fff;}

/*table thead {background-color: #003366; color: #fff;}
table tfoot tr.blue {background-color: #003366; color: #fff;}
table tfoot tr.lightblue {background-color: #eef6ff; color: #000;}
table tfoot tr.lightblue td { border-color: #b9b9b9;}
table th, table td {padding:6px 10px !important;}
table thead th {border:1px solid #004993;padding:6px 8px !important;}
table tfoot td {border:1px solid #004993;padding:6px 8px !important;font-weight:600;font-size:14px;}
table td {border:1px solid #d5d5d5; vertical-align: middle;}
table td a, table td a:not([href]):not([class]){text-decoration:none;font-weight:500;color: #003366;margin:0 1px;}
table td a:hover, table td a:not([href]):not([class]):hover  {color: #003366;}
.table-striped>tbody>tr:nth-of-type(even) {background-color:#f2f2f2;}*/
.dataTables_filter input{outline:0;}

input.form-control {height:37px;}
.select2-container--default .select2-selection--single {height:37px !important;padding:4px 2px;}
.select2-container--default .select2-selection--single .select2-selection__arrow {top:5px !important;}
.select2-container--default .select2-results > .select2-results__options {overflow-x: hidden!important;}
.selectedProduct.clPrList {max-height: 74px;overflow-y: auto;}
.selectedProduct.clPrList ul {padding:0;}
.selectedProduct.clPrList ul li {list-style:none;display:inline-block;background-color: #f4f5f7;padding: 0px 4px;margin-right: 5px;margin-bottom: 5px;border-radius: 2px;}
.selectedProduct.clPrList ul li a {margin-left: 5px;background-color: #fff;padding: 0px 3px;border-radius: 12px;}

.releaseWrap {margin-top:10px;}
.releaseWrap .nav-tabs .nav-link {color: #333;background-color: #ebebeb;border-color: #ebebeb;padding:6px 12px;border-top-left-radius: 8px; border-top-right-radius: 8px;margin-right: 5px;font-weight: 600;}
.releaseWrap .nav-tabs .nav-link.active {color: #ffffff;background-color: #036;border-color: #036;font-weight:500;}
.releaseWrap .tab-content {padding:10px 0;}
.releaseWrap .dtlDrps {text-align:right;}
.releaseWrap .dtlDrps .form-group {display: inline-flex; top: -10px;right: 0;}
.releaseWrap .dtlDrps .form-control {width:auto;display:inline; padding: 5px 8px;}
.releaseWrap .dtlDrps #ReleaseStatusText.form-control {min-width:150px;}
.releaseWrap .dtlDrps .myBTN {border-radius: 5px;min-width: auto;}
.releaseWrap .dtlDrps .myBTN:hover {box-shadow:none;} 
.releaseWrap .noteBox {text-align:right;}
.releaseWrap .noteBox .myBTN {border-radius: 5px;min-width: auto;background-color: #fff;color: #3a3838; border: 1px solid #cfcfcf; padding: 5px 12px;}
.releaseWrap .noteBox {}
.releaseWrap .noteBox .myBTN:hover,.releaseWrap .noteBox .myBTN:focus {box-shadow:none!important;background-color: #eff7ff!important;color: #3a3838!important;border: 1px solid #cfcfcf!important;} 
.releaseWrap .domainLinks {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width: 100%;}
/*.releaseWrap .domainLinks:hover { white-space: normal;}*/

.taskCalendar table thead {background-color: #fff; color: #000;}
.taskCalendar table th, .taskCalendar table td {padding: 0px !important;}
.taskCalendar table a {text-decoration:none;font-weight:400;color: #000;}
.taskCalendar .fc-event {padding:0px 5px;}
.taskCalendar .fc-daygrid-dot-event .fc-event-title {font-weight:500;}
.taskCalendar .fc-daygrid-dot-event .fc-event-title .high-P {/*border:1px solid;border-radius:50px;height:15px;width:15px;padding:0 6px;*/margin-right:5px;color:red;}
.high-P { color:red;}
.taskCalendar .fc-timegrid-event-short .fc-event-title {font-size:12px;}
.taskCalendar .fc-h-event .fc-event-main, .taskCalendar .fc-v-event .fc-event-main {color:inherit;}
.taskCalendar .fc-direction-ltr .fc-daygrid-event .fc-event-time {color:#333; font-weight: 400;}
.taskCalendar .fc-h-event .fc-event-main-frame {display:block;}
.taskCalendar .fc-h-event, 
.taskCalendar .fc-v-event,
.taskCalendar .fc .fc-button-primary,
.taskCalendar .fc-event-resizable.fc-event
{background-color: #F6F8F9;color:#333; border: 1px solid #C4CCD6;box-shadow: none !important; text-transform: capitalize;font-size: 12px;}
.taskCalendar .fc-daygrid-event-dot, .taskCalendar .fc .fc-list-event-dot {border-color:#fff;display:none;}
.taskCalendar a {color:#003366;}
.taskCalendar .fc .fc-toolbar-title {font-size:22px;}
.taskCalendar .fc-direction-ltr .fc-button-group > .fc-button { text-transform: capitalize;background-color:#fff;color:#333;border:1px solid #ccc; }
.taskCalendar .fc-direction-ltr .fc-button-group > .fc-button.fc-button-active {background-color:#F6F8F9;color:#333;border-color:#c4ccd6;}
.taskCalendar .fc-direction-ltr .fc-daygrid-event.fc-event-end, .taskCalendar .fc-direction-rtl .fc-daygrid-event.fc-event-start {font-size:12px;padding: 3px 5px;display: block;}
.taskCalendar .fc .fc-button {padding:5px 8px;}
.eventContent {display: none;position: absolute;z-index: 9999;background-color: white;border: 1px solid #ccc;padding: 2px 10px;border-radius: 5px;font-size: 12px;}
.fc .fc-list-event:hover td {background-color:#003366 !important;}
.fc-next-button.fc-button.fc-button-primary {text-transform: capitalize;background-color: #F6F8F9 !important;
    color: #333 !important;border: 1px solid #c4ccd6 !important;margin-left: 7px !important;border-radius: 6px;
    border-bottom-left-radius: 6px !important;border-top-left-radius: 6px !important;padding: 4px;}
.fc-prev-button.fc-button.fc-button-primary {background-color: #F6F8F9 !important;color: #333 !important;
    border: 1px solid #c4ccd6 !important;border-radius: 6px;border-bottom-right-radius: 6px !important;    border-top-right-radius: 6px !important;padding:4px;}

.typeColorWrap {}
.typeColorWrap ul {padding:0;margin-top:15px;text-align:center;}
.typeColorWrap ul li {list-style:none;display:inline-block;margin-right:10px;}
.typeColorWrap ul li span {background-color:#fff;box-shadow:0 0 4px #e8e8e8;border: 1px solid #e6e6e6;padding:3px 8px;border-radius:15px;font-size:11px;}
.typeColorWrap ul li .pendingTag i {color:#7575ff;}
.typeColorWrap ul li .releaseTag i {color:#E48300 ;} /*Publish*/
.typeColorWrap ul li .partialreleaseTag i {color:#8CE77F;}
.typeColorWrap ul li .onholdTag i {color:#cdbe57;}
.typeColorWrap ul li .rejectTag i {color:#dd7878;}
.typeColorWrap ul li .qaSignOff i {color: #efb05b;}
.typeColorWrap ul li .fullRls i {color: #1ACE00;}
.typeColorWrap ul li .maintenanceTag i {color:#939393;}
.typeColorWrap1 ul li .maintenanceNew i {color:#8f8c8c;}
.typeColorWrap1 ul li .maintenanceComplete i {color:#9b9a9a;}
.typeColorWrap1 ul li .maintenanceCancel i {color:#BABABA;}
/*.fc-event-time {display:none;}*/

.addReleaseWrap .myBTN.myBTD {min-width: 100px;}
/*.addReleaseWrap .myBTN {border-radius: 5px;min-width: auto;}*/
.addReleaseWrap .changesBox {border:1px solid #ccc;padding:15px;border-radius:10px;}
.addReleaseWrap .uploadRBox {border:1px solid #ccc;padding:5px;border-radius:10px;}
.addReleaseWrap .uploadRBox .file_uploads,
.addReleaseWrap .uploadRBox .file_uploads input {height: 90px;width: 100%;position:relative;z-index:99;cursor:pointer;}
.addReleaseWrap .uploadRBox .file_uploads p {margin-bottom:0px;font-size:14px;}
.addReleaseWrap .uploadRBox .file_uploads p span {color:#a1a1a1;}
.addReleaseWrap .uploadRBox .file_uploads p i {font-size: 35px; color: #036;}
.addReleaseWrap .uploadRBox .file_uploads input {opacity: 0;}
.addReleaseWrap .uploadRBox .file_uploads .textFile {position:absolute;top:45%; left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;z-index:0;}
.fileUp-lists {padding:5px;border:1px solid #f3f3f3;border-radius:10px;margin-top:10px;max-height:220px;overflow-y:auto;}
.fileUp-lists ul {padding:0;}
.fileUp-lists ul li {list-style:none;margin-bottom:3px;font-size:13px;position:relative;background-color: #ecf6ff;padding: 1px 5px;line-height: 14px;border-radius:5px;}
.fileUp-lists ul li button {background: #fff;border: 1px solid #fff;border-radius: 20px;color: #dc3545; padding: 1px 4px;margin-left:1px;position: absolute; right: 0px; line-height: 13px;}
.fileUp-lists ul li .txtHD { overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width: 90%;max-height: 1.85em;line-height: 14px;font-size: 14px;color: #333;font-weight: 500;}
.fileUp-lists {}
.myBTN.btn-release,.myBTN.btn-pending,.myBTN.btn-onhold,.myBTN.btn-partial, .myBTN.btn-reject {padding: 2px 2px 4px;min-width: 90px;}
.myBTN.btn-release {background-color:#499f19;}
.myBTN.btn-pending {background-color:#828282;}
.myBTN.btn-onhold {background-color:#d4ce25;}
.myBTN.btn-partial {background-color:#198d9f;}
.myBTN.btn-reject {background-color:#d52f3f;}

.attachGrids {}
.attachGrids thead {background-color: transparent; color: #333;}
.attachGrids .table, .attachGrids .table th, .attachGrids .table td {border:none;}
.attachGrids .table tbody tr {background-color:#e9f4ff;border-bottom: 3px solid #fff;}
.commentsWrap {}
.commentsWrap .comment-input {height:30px;width: 200px;}
.commentsWrap .myBTN  {padding: 4px 8px 4px;min-width:inherit;}
.commentsWrap {}
.descTxt .textEll {max-width:350px;}
.descTxt .textEll:hover { white-space: normal;}


.listGridIco a {color: #003366;font-size:20px;margin: 0 4px; text-decoration: none;}
.gridMediaBox {border: 1px solid #ccc;padding: 2px 2px;border-radius: 5px; margin-bottom: 20px}
.gridMediaBox .atchImg {border-radius: 3px;height: 100px;margin: 0 auto;display: block;}
.gridMediaBox .tx1 {margin-bottom:1px;margin-top:5px;font-size:13px;padding:0 2px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width: 90%;max-height: 1.85em;line-height: 16px;}
.gridMediaBox .tx2 {margin-bottom:5px;font-size:11px;padding:0 2px;}
.gridMediaBox {}
.tfsLink { position: absolute;right: 4%;top: 50%;transform: translate(-50%, -50%);background-color: #fff;}

.addReleaseWrap1 .myBTN {border-radius: 5px;min-width: auto;}
.addReleaseWrap1 .changesBox {border:1px solid #ccc;padding:15px;border-radius:10px;}
.addReleaseWrap1 .uploadRBox {border:1px solid #ccc;padding:5px;border-radius:10px;}
.addReleaseWrap1 .uploadRBox .file_uploads,
.addReleaseWrap1 .uploadRBox .file_uploads input {height: 90px;width: 100%;position:relative;z-index:99;cursor:pointer;}
.addReleaseWrap1 .uploadRBox .file_uploads p {margin-bottom:0px;font-size:14px;}
.addReleaseWrap1 .uploadRBox .file_uploads p span {color:#a1a1a1;}
.addReleaseWrap1 .uploadRBox .file_uploads p i {font-size: 35px; color: #036;}
.addReleaseWrap1 .uploadRBox .file_uploads input {opacity: 0;}
.addReleaseWrap1 .uploadRBox .file_uploads .textFile {position:absolute;top:45%; left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;z-index:0;}
 .panel-body.card {padding: 20px 20px;}
.select2-container--default .select2-search--dropdown .select2-search__field:focus-visible{outline:none;}
.dataTables_filter{margin-bottom:8px;}
#CommentApproveErr{position:absolute;}
.select2-container--default .select2-selection--single:focus-visible, .select2-container .select2-selection--single .select2-selection__rendered:focus-visible {outline: none;}
.calmarg{margin-bottom:15px;}
.btn-close:focus{box-shadow:none;}
.cursor{cursor:pointer!important;}
.headFix{font-size:17px;font-weight:600;}
#fromDateError, #toDateError{position:absolute;}
.table-responsive{width:100%;}
/* ---------- table-sticky ---------- */
.sticWrapper tr th {
    background-color: #003366 !important;
}
.sticWrapper tr td, .sticWrapper .table-striped>tbody>tr:nth-of-type(odd), .sticWrapper .table-striped>tbody>tr:nth-of-type(even) {background-color:#f2f2f2!important;--bs-table-accent-bg:#f2f2f2;}
/*.sticWrapper tr th:nth-child(1), .sticWrapper tr td:nth-child(1) {width:80px;position:sticky;left:0px;z-index:999;}
.sticWrapper tr th:nth-child(2), .sticWrapper tr td:nth-child(2) {width:250px;position:sticky;left:80px;z-index:999;}
.sticWrapper tr th:nth-child(3), .sticWrapper tr td:nth-child(3) {width:250px;position:sticky;left:330px;z-index:999;}
.sticWrapper tr th:nth-child(4), .sticWrapper tr td:nth-child(4) {width:250px;position:sticky;left:580px;z-index:999;}*/

/*.sticWrapper tr th:nth-child(1), .sticWrapper tr td:nth-child(1) {width:50px;position:sticky;left:-1px;z-index:999;}
.sticWrapper tr th:nth-child(2), .sticWrapper tr td:nth-child(2) {width:200px;position:sticky;left:49px;z-index:999;}
.sticWrapper tr th:nth-child(3), .sticWrapper tr td:nth-child(3) {width:200px;position:sticky;left:249px;z-index:999;}
.sticWrapper tr th:nth-child(4), .sticWrapper tr td:nth-child(4) {width:200px;position:sticky;left:449px;z-index:999;}*/
.emailTableGrids {}
.emailTableGrids {}


.sticWrap tr th {background-color:#003366 !important;}
.sticWrap tr td, .sticWrap .table-striped>tbody>tr:nth-of-type(odd), .sticWrap .table-striped>tbody>tr:nth-of-type(even) {background-color:#f2f2f2!important;--bs-table-accent-bg:#f2f2f2;}
/*.sticWrap tr th:nth-child(1), .sticWrap tr td:nth-child(1) {width:80px;position:sticky;left:1px;z-index:999;}
.sticWrap tr th:nth-child(2), .sticWrap tr td:nth-child(2) {width:150px;position:sticky;left:80px;z-index:999;}
.sticWrap tr th:nth-child(3), .sticWrap tr td:nth-child(3) {width:200px;position:sticky;left:230px;z-index:999;}
.sticWrap tr th:nth-child(4), .sticWrap tr td:nth-child(4) {width:200px;position:sticky;left:430px;z-index:999;}*/

/*.sticWrap tr th:nth-child(1), .sticWrap tr td:nth-child(1) {width:50px;position:sticky;left:2px;z-index:999;}
.sticWrap tr th:nth-child(2), .sticWrap tr td:nth-child(2) {width:100px;position:sticky;left:54px;z-index:999;}
.sticWrap tr th:nth-child(3), .sticWrap tr td:nth-child(3) {width:200px;position:sticky;left:156px;z-index:999;}
.sticWrap tr th:nth-child(4), .sticWrap tr td:nth-child(4) {width:200px;position:sticky;left:358px;z-index:999;}*/


div.dataTables_wrapper div.dataTables_paginate {
    display: flex;
    /* padding-left: 0; */
    list-style: none;
    border-radius: .25rem;
}
/*.dataTables_wrapper .dataTables_paginate .paginate_button.current,{color:#fff!important;}*/
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    color: #fff !important;
    pointer-events: none;
    cursor: auto;
    background-image: none;
    background-color: #003366;
    border-color: #003366;
}
.table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.table-wrapper .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #333 !important;
    background: none !important;
    background-color: #c6e2ff !important;
    border-color: #acd5ff !important;
}

.page-item:first-child .page-link, .pagination .page-number:first-child .page-link {
    margin-left: 0;
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    z-index: 2;
    text-decoration: none;
   /*   background: linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)!important;
    border-color: #333 !important;*/
    box-shadow: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    position: relative;
    display: block;
    padding: 4px 8px !important;
    line-height: 1.25;
    border: 1px solid #A2ACB6 !important;
    margin: 0;
    margin-left: -1px;
    background: #F6F8F9;
    border-radius: 6px !important;
    min-width: 25px !important;
}


/* ---------- Enquiry ---------- */
.grpAddon .dd .ddTitle{background:#fff;border:none;height:37px;padding-left:4px;border:1px solid #bdbdbd;border-radius:0;border-top-left-radius:3px;border-bottom-left-radius:3px;}
.grpAddon .dd .divider{border:none;}
.grpAddon .dd{border:none;width:110px!important;text-align:left;border-radius:0;border:none;margin-top:0;}
.grpAddon .dd .ddChild li img{height:13px;width:22px;}
.grpAddon .dd .ddChild li{text-align:left;font-size:12px;padding:5px 2px;}
.grpAddon .dd .ddTitle .ddTitleText img{height:13px;width:22px;margin-top:-2px;}
.grpAddon .dd .ddTitle .ddTitleText{font-size:12px;padding:10px 10px 5px 1px;border-right:1px solid #ede8e8;}
.grpAddon .mobNoinput{box-shadow:none;background:#f4f4f4!important;padding-left:12px;}
.grpAddon .input-group-addon{padding:0;border:none; background: transparent;}
.grpAddon .btn{padding:8px 8px;}
.grpAddon .ddcommon input.text {height:33px;top:2px;}
.valBG1.field-validation-error{right:12px!important;}
.valBG.field-validation-error{bottom:-18px!important;}
#div_ContactNoMsg{position:absolute;font-size: 12px;font-weight: 600;bottom:-18px!important;}

/* ---------- LeadList ---------- */
.NewLead {color: #F9FF56;}
.QualifiedLead {color: #56AAFF;}
.closedLead {color: #FD3D44;}
.activeLead {color:  #00A500;}
.LostLead {color: #989898;}
.numTabSM{text-align:right;}
ul.numTabSM {margin-left:10px;}
ul.numTabSM li {display: inline-flex;margin-right: 5px;background-color: #fff;box-shadow: 1px 1px 4px #b5b5b5;padding: 5px 12px;border-radius: 5px;cursor: pointer;color: #333;}
ul.numTabSM li.bgA a {text-decoration:none;color:#000;}
ul.numTabSM li.bgA.active a, ul.numTabSM li.bgA:hover a, ul.numTabSM li.bg:focus a {color:#fff!important;}
ul.numTabSM li.bgA:hover {background-color: #003366;color:#fff;}
ul.numTabSM li p {font-size:14px;font-weight:500;}
ul.numTabSM li p i {font-size:14px;}
ul.numTabSM li.totalNM {background-color:#003366;color:#fff;cursor:default;}
ul.numTabSM li.active, ul.numTabSM li.active:hover {background-color:#003366;color:#fff;}
.noteModalTxt {line-break: anywhere;max-height: 250px;overflow-y: auto;overflow-x:hidden;}
.btnwdt{min-width:78px;margin-bottom:0px;}
.btnwdt.btnwdt1{min-width:78px;margin:0 3px;}
.errorMsgBH {font-size: 12px;position:absolute}


/* ---------- Lead-Detail ---------- */
.bidsBoxWrap .select2-container--default .select2-selection--single {border:1px solid #c3c3c3;}
.bidsBoxWrap {}
.bidUploadBox {text-align:center;border: 1px dashed #999;padding: 25px 0;cursor:pointer; background-color: #fefbfa;}
.bidUploadBox .uIcon {font-size:40px;line-height: 40px; margin-bottom: 0;}
.bidUploadBox .drTxt {font-size:16px;line-height: 20px;font-weight:500;color:#333; margin-bottom: 5px;}
.bidUploadBox .drTxt span {color:#FF5744;}
.colorBid {color:#FF5744;}
.bidUploadBox .docTxt {font-size:14px;line-height: 20px;color:#B0B0B0;margin-bottom: 0;}
.dtlBoxBid {background-color:#fff;border-radius: 15px;font-size:12px;}
.dtlBoxBid .fontBold {font-weight:600;color:#344054;}
.dtlBoxBid .detail-list {font-weight:300;color:#98A4AF;margin-bottom: 20px;display: inline-block;}
.bidsBoxWrap .padTop {padding:2px 0;}
.myFiles {display:none;}
.bidsBoxWrap .bidGraphBox {}
.bidsBoxWrap .bidGraphBox {padding: 12px 8px;margin-top: 5px;margin-left: 5px;}
#container-speed {max-height:140px;margin-top:-10px;}
#container-speed .highcharts-axis-labels.highcharts-yaxis-labels, #container-speed .highcharts-tick {display:none;}
 
.sticWrap .textEll{max-width:180px;}
.leadAccordion .accordion-button:not(.collapsed){background-color:transparent;}
.leadAccordion .accordion-button {font-size: 14px;color: #344054 !important;font-weight:600; padding: 5px 10px;box-shadow: none !important;}
.leadAccordion .accordion-button:focus {background-color: transparent;}
.leadAccordion .accordion-button.cardBG{background:transparent!important;font-size:12px;font-weight: 400;border-bottom: 1px solid #dfdfdf;margin-top:5px;}
.leadAccordion .accordion-button.aftrHide {cursor:none;}
.leadAccordion .accordion-button.aftrHide::after {display:none;}
.hidden {display: none;}
.leadAccordion .select2-container{display:block;}
.leadAccordion .accordion-body{padding:0;}
.leadAccordion table, .leadAccordion table td {border:none;padding:2px 10px !important;}
.leadAccordion {width:100%;}
.leadAccorHgtFix {width:100%;height:150px;overflow-y:auto;}
.leadAccordion .attachedFileBox .table {margin-top:0;}
.leadAccordion .card-header .title {font-size: 14px;color: #000;}
.leadAccordion .card-header .accicon {float: right;font-size: 14px;margin-top: 0px;}
.leadAccordion .card-header {cursor: pointer;border-bottom: 1px solid #ccc;padding:0;background-color:#fff; border-radius: 0 !important;}
.leadAccordion .card {border: none;}
.leadAccordion .card-body {border-top: 1px solid #e9e9e9;padding: 1px 1px;}
.leadAccordion .card-header:not(.collapsed) .rotate-icon {transform: rotate(90deg);}
.attachedFileBox {}
.attachedFileBox table tr:nth-child(even), .attachedFileBox table tr:nth-child(even) td {background-color:transparent !important;}
.attachedFileBox .table {margin-top:5px;}
.attachedFileBox .attachiconBid {height: 25px;margin-top: -1px;}
.attachedFileBox .table td {padding:8px 5px;}
.attachedFileBox .fileNameBid {font-size: 12px;color: #333; font-weight: 500;}
.attachedFileBox .fileDateBid {color:#818181;}
.attachedFileBox .fileDwnBid {color:#333;}
.attachedFileBox .fileDwnBid img {height: 15px;}
.leadAccordion.historyAccordion .attachedFileBox .attachiconBid {height: 25px;margin-top:0; border-radius: 30px;}
.leadAccordion.historyAccordion .attachedFileBox .table td {padding:5px 5px; background-color: #f9f9f9 !important;border-bottom: 1px solid #d9d9d9;}
.leadAccordion.historyAccordion.listFilters .card-header .accicon {float:none; color: #ff5744; margin-right: 3px;}
.leadAccordion.historyAccordion.listFilters .card-header .accicon .rotate-icon {font-size:12px;}
.leadAccordion.historyAccordion.listFilters .card-header, .leadAccordion.historyAccordion.listFilters .card-body {background-color:transparent;border:none;} 
.leadAccordion.historyAccordion.listFilters .card-header .title {font-size: 12px;}

.bidsBoxWrap .myBTN {border-radius: 5px;min-width: auto;}
.bidsBoxWrap .changesBox {border:1px solid #ccc;padding:15px;border-radius:10px;}
.bidsBoxWrap .uploadRBox {border:1px solid #ccc;padding:5px;border-radius:10px;}
.bidsBoxWrap .uploadRBox .file_uploads,
.bidsBoxWrap .uploadRBox .file_uploads input {height: 90px;width: 100%;position:relative;z-index:99;cursor:pointer;}
.bidsBoxWrap .uploadRBox .file_uploads p {margin-bottom:0px;font-size:14px;}
.bidsBoxWrap .uploadRBox .file_uploads p span {color:#a1a1a1;}
.bidsBoxWrap .uploadRBox .file_uploads p i {font-size: 35px; color: #036;}
.bidsBoxWrap .uploadRBox .file_uploads input {opacity: 0;}
.bidsBoxWrap .uploadRBox .file_uploads .textFile {position:absolute;top:45%; left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;z-index:0;}
.nav-pills, .nav-tabs{margin-bottom:0!important;}
#div_Device {position: absolute;font-size: 12px;}

.escalWrap #commentError {position: absolute;right: 0;font-size: 12px;font-weight: 600;}
.creatName{color:#003366;}
.creatName.creatName1{padding-right:4px;font-size:12px;}
.creaHead{margin-bottom:-10px;}
.mangerHead{margin-bottom:-10px;}
.escHeading{font-size:17px;font-weight:600;}
.form-select:focus{box-shadow:none;}
.paraLength{font-style:italic;}

/* ---------- Employee Exit ---------- */
.exitWrapper .timeline{position:relative;padding-top:30px;padding-bottom:20px;width:100%;}
/*.exitWrapper .timeline::before{content:'';position:absolute;top:27%;left:80px;right:80px;height:2px;background-color:#ccc;z-index:0;}*/
.exitWrapper .timeline-step{position:relative;z-index:1;}
.exitWrapper .timeline-circle{width:52px;height:52px;padding:1px; background-color:#fff;border-radius:50%;margin:0 auto 10px auto;position:relative;z-index:2;}
.exitWrapper .timeline-circle.completed{background-color:#fff} 
.exitWrapper .timeline-title{font-weight:600; margin-top: 15px;margin-bottom:2px;font-size: 15px; color: #344054;}
.exitWrapper .timeline-date{font-size:12px;color:#98A4AF;font-style: normal;}
.exitWrapper .exitHeading{font-size:12px;font-weight:500;color:#344054;margin-bottom:0;}
.exitWrapper .exitPara{font-size:12px;font-weight:500;color:#98A4AF;margin-bottom:0;}
.exitWrapper .myBTN.myBTNBH{background-color:#676767;}
.exitWrapper .noduesBG{background-color:#003366;padding:6px 10px;}
.exitWrapper .noduesBG .heading{font-size:16px;color:#fff;}
.exitWrapper .accordion-button:not(.collapsed){background-color:none;color:#000;}
.exitWrapper .accordion-button:focus{box-shadow:none;}
.exitWrapper .timeline {position:relative;}
.exitWrapper .timeline .progress {position:absolute;width:100%;top:52px;border-radius: 15px;background-color:#f7f7f7;}
.exitWrapper .timeline .progress .progress-bar {background-color: #2584F4;border-radius: 15px;height: 15px;}
.exitWrapper .timeline .timeline-circle .timeline-circle-img {background-color: #fff;border-radius: 50px;height: 50px;width: 50px;padding: 5px; box-shadow: 0px 0px 8px #ccc;}
.exitWrapper .timeline .timeline-circle .timeline-circle-img2 {background-color: #fff;border-radius: 50px;height: 40px;width: 40px;padding: 2px;border: 1px solid #BECAD5;}
.exitWrapper .timeline .timeline-circle .timeline-circle-img .ex_icon {height:35px;width:35px;padding: 7px;}
.categoryTags a.badge {margin-right: 5px;text-decoration:none;} 


.noDues .acIcon i {transform: rotate(45deg);}
.noDues .acIcon.collapsed i {transform: rotate(0deg);}
/*.myBTN.btnStart{background-color:#079019;}
.myBTN.btnStop{background-color:#7C0E11;}
.myBTN.btnStart:hover, .myBTN.btnStart:focus, .myBTN.btnStart:active, .myBTN.btnStart.disabled, .myBTN.btnStart:not(:disabled):not(.disabled):active, .myBTN.btnStart:not(:disabled):not(.disabled):active:focus {
    background-color: #079019!important;
}
.myBTN.btnStop:hover, .myBTN.btnStop:focus, .myBTN.btnStop:active, .myBTN.btnStop.disabled, .myBTN.btnStop:not(:disabled):not(.disabled):active, .myBTN.btnStop:not(:disabled):not(.disabled):active:focus {
    background-color: #7C0E11!important;
}*/
#FromDatePicker .form-control.calendisable {background-color: #eeeeee;}
#FromDatePicker .form-control{background-color:#fff;}
#ToDatePicker .form-control{background-color:#fff;}
#ToDatePicker .form-control.calendisable {background-color: #eeeeee;}

.ticketWrap .myBTN.btnBH{padding:4px 10px 4px;min-width:80px;border-radius:5px;font-size:12px;border:1px solid #003366;}
.ticketWrap .myBTN.btnBHH{padding:4px 10px 4px;min-width:80px;border-radius:5px;font-size:12px;background-color:#fff;border:1px solid #000;color:#000;}
.ticketWrap .myBTN.btnBHH:hover{padding:4px 10px 4px;min-width:80px;border-radius:5px;font-size:12px;border:1px solid #003366;background-color:#003366;color:#fff;}
.ticketWrap .collapsticket{cursor:pointer;}
.ticketWrap .collapsible:before{content:'\002B';font-weight:700;}
.ticketWrap .collapsticket.active:before{content:"\2212"; display: none;}
.ticketWrap .collapsticket.isDisabled{pointer-events:none;}
hr{border-top:1px solid #442e2e;}
.ticketWrap .headingCMM{font-size:15px;}
.ticketWrap .subheadingCMM{font-size:14px;color:#999;display:block;font-style:italic;}
.ticketWrap h4.media-heading{font-size:15px;text-transform:capitalize;}
.ticketWrap .cmmIMg{width:40px;height:40px;border-radius:50%;}
.ticketWrap .commentsDetails{max-height:400px;overflow-x:auto;}
.ticketWrap .fontBold{font-weight:700;font-size:13px;color:#403e3e;letter-spacing:0;}
.releaseItem {max-height:350px;overflow-y:auto;}

.sectionBox {border: 1px solid #f5f5f5;border-radius: 5px;margin-bottom: 20px;background-color: #fff;padding: 5px 15px 0 15px;}
.section-titleN {background-color: #fff;font-size: 16px;font-weight: 500;padding: 5px 5px;border-bottom: 1px solid #f5f5f5;}
.section-contentBox {padding: 15px;}
.columnBox {flex: 0 0 33%;padding: 2px;box-sizing: border-box;color: #333;}
.colSS .columnBox {flex: 0 0 75%;}
.colSS1 .columnBox {flex: 0 0 48%;}
.columnBox strong {color: #000;width: 150px;display: inline-block;}
.sub-section-titleN {color: #aba6a6;font-size: 15px;margin-top: 5px;}

.clientDtlGrid .badge {border-radius:30px;}
.clientDtlGrid .badge.badge-success  {background-color:#7db375!important;}
.clientDtlGrid .badge.badge-danger {background-color:#dd7878!important;}
.clientDtlGrid .badge.badge-warning {background-color:#7575ff!important;}
.clientDtlGrid .badge.badge-secondary {background-color:#efb05b!important;}
.clientDtlGrid .badge.badge-primary {background-color:#cdbe57!important;} 
.clientDtlGrid .badge.badge-info {background-color:#939393!important;} 


/* ---------- Escalation ---------- */
#FileAttachment:hover {border-color: #007bff;}
.attBTN{background:transparent linear-gradient(0deg,#edf6ff 0,#edf6ff 100%)!important;padding:3px 8px;color:#338cf0!important;box-shadow:none!important;border:1px solid;border-color:#338cf0!important;width:auto;margin-left:10px;border-radius:5px;}
.attMenu{padding-left:0;max-height:200px;overflow-y:auto;padding-right:10px;}
.attMenu .list-group .list-group-item{padding:2px 10px;}
.reBTN{color:#fff;background-color:#e74c3c;border-color:#c44133;padding:2px 4px;font-size:9px;}
.attMenu ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5;}
.attMenu ::-webkit-scrollbar{width:4px;height:4px;background-color:#f5f5f5;border-radius:1px;}
.attMenu ::-webkit-scrollbar-thumb{background-color:#9a9a9b!important;border-radius:1px;}
.table-striped tbody tr.leaveRow td {--bs-table-accent-bg: none;background-color: #fff5f5 !important;}

/* ---------- Dashboard ---------- */
.db-wraps {padding: 2px;min-height: 170px;}
.db-wraps .ttlDB {font-size: 14px;font-weight: 600;margin-bottom: 0px; margin-top: 1px;color: #344054;}
.db-wraps .db-box-img {height:22px;}
.db-wraps hr {border-color:#C2CCD6;margin: 14px 0;}
.db-wraps .ttlA {font-size: 12px;font-weight: 500;margin-bottom: 5px;color: #98A4AF;}
.db-wraps .paraTxt {font-size: 12px;font-weight: 500;margin-bottom: 1px;color: #344054;}
.db-wraps .paraTxt a {color:#569A56;text-decoration:underline;}
.db-wraps .btn-punch {background-color:#F6F8F9;border:1px solid #A2ACB6;color:#344054;font-weight: 500;border-radius:6px; padding: 8px 20px;}
.db-wraps .dbGridH {max-height:250px;overflow:hidden; overflow-y:auto;padding-right:5px;}
.db-wraps .dbGridH.fxH {max-height:470px;}
.db-wraps ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5;}
.db-wraps ::-webkit-scrollbar{width:4px;height:4px;background-color:#f5f5f5;border-radius:1px;}
.db-wraps ::-webkit-scrollbar-thumb{background-color:#333!important;border-radius:1px;}
.dbGridH .timeInOut {color:#98A4AF;font-size:12px;margin-bottom:1px;}
.dbGridH .timerBox {color:#363636;font-size:24px;margin-bottom:1px;font-weight:600; text-align:center;}


.uploadRBoxs.leadUpld {font-size:13px;}
.uploadRBoxs.leadUpld .supptTXT {margin-top:5px !important;}
.uploadRBoxs.leadUpld .file_uploads p {font-size:13px;}
.uploadRBoxs.leadUpld .file_uploads p img {margin-top: 10px;}
.uploadRBoxs.leadUpld .file_uploads .btn {padding:3px 6px;}
.uploadRBoxs.leadUpld .file_uploads, .uploadRBoxs.leadUpld .file_uploads input { height: 115px;}
.uploadRBoxs {border:1px solid #dfdfdf;padding:0px;border-radius:10px;margin-top:0px;}
.uploadRBoxs .file_uploads,
.uploadRBoxs .file_uploads input {height: 200px;width: 100%;position:relative;z-index:99;cursor:pointer;}
.uploadRBoxs .file_uploads p {margin-bottom: 0px;margin-top: 5px;font-size: 15px;color: #344054;font-weight: 400;}
.uploadRBoxs .file_uploads p small {font-size:12px;}
/*.uploadRBoxs .file_uploads p span {color:#a1a1a1;}*/
.uploadRBoxs .file_uploads p i {font-size: 40px; color: #017dc0;margin-top: 15px;}
.uploadRBoxs .file_uploads input {opacity: 0;}
.uploadRBoxs .file_uploads .btn {background-color: #F2F2F2;border-color: #d7d7d7;padding: 6px 20px;color: #000;font-size: 13px;font-weight: 400;}
.uploadRBoxs .file_uploads .textFile {position:absolute;top:45%; left: 50%;transform: translate(-50%, -50%);width: 100%;text-align: center;z-index:0;}
.supptTXT{font-size:12px!important;margin-top:12px!important;}
.attachmentsModal table {table-layout:fixed;}
.attachBtn{position:relative;}
.attachBtn .attachnum{position: absolute;top: -12px;right: -5px;background-color: #2584F4;color: #fff; display: inline-block;padding: 1px 6px;border-radius: 22px;font-size: 10px;}
.lineBTNs .btn-outline-primary {/*border-color: #D1D1D1!important;padding:3px 8px;font-size: 12px; */border: none;padding: 0;font-size: 13px;margin-right: 10px;}
.lineBTNs .btn-outline-primary i {}
.lineBTNs .btn-outline-primary.active,.lineBTNs .btn-outline-primary.focus,.lineBTNs .btn-outline-primary:active, .lineBTNs .btn-outline-primary:focus, .lineBTNs .btn-outline-primary:hover {color: #333 !important;background-color: #F8F8F8 !important;border-color: #D1D1D1 !important;}
.lineBTNs.btn-group {}
.lineBTNs.btn-group .btn-outline-primary:first-child {border-top-left-radius:6px;border-bottom-left-radius:6px;}
.lineBTNs.btn-group .btn-outline-primary:last-child {border-top-right-radius:6px;border-bottom-right-radius:6px;} 


/* ---------- Filter Filed ---------- */
.filter-dropdown{position:relative;}
.filter-dropdown .dropdown-menu{width:180px;padding:10px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);border-color:#fff;}
.filter-dropdown .search-input{width:100%;border:1px solid #344054;padding:5px 10px;border-radius:12px;outline:0;}
.filter-item{display:flex;align-items:center;padding:8px;cursor:pointer;transition:background .2s;font-size:12px;}
.filter-item:hover{background:#f5f5f5;border-radius:5px;}
.filter-item .status-dot{width:12px;height:12px;border-radius:50%;margin-right:10px;}
.status-active{background:#F9FF56;}
.status-win{background:#00A500;}
.status-All{background:#66cd69;}
.status-inactive{background:#56AAFF;}
.status-Lost{background:#989898;}
.status-expired{background:#FD3D44;}
.status-rejected{background:#CD6670;}
.status-inactiveBH{background:#E48300;}

.clList.status-win{color:#00A500;}
.clList.status-inactive{color:#56AAFF;}
.clList.status-inactiveBH{color:#E48300;}


.btnfilter i{background:none;}
.btnfilter i.fa-filter{margin-right: 5px;}
.btnfilter i.status-active{color:#F9FF56;}
.btnfilter i.status-win{color:#00A500;}
.btnfilter i.status-All{color:#66cd69;}
.btnfilter i.status-inactive{color:#56AAFF;}
.btnfilter i.status-Lost{color:#989898;}
.btnfilter i.status-expired{color:#FD3D44;}
.btnfilter i.status-rejected{color:#CD6670;}
.btnfilter i.status-inactiveBH{color:#E48300;}
.btnfilter,.statusBtnFilter  {background-color: #fff;border: 1px solid #f1f1f1;font-size: 14px !important;border-radius: 8px;}
.btnfilter:hover,.statusBtnFilter:hover  {background-color: #fff;border: 1px solid #f1f1f1;font-size: 14px !important;border-radius: 8px;}
.filter-dropdown .btn.show{border: 1px solid #f1f1f1!important;}
.btnfilter:focus,.btnfilter:hover{background-color:#fff;border-color:#fff;font-size:14px!important;}
.filter-dropdown.search-input {width: 100%;padding-left: 30px;}
.filter-dropdown .search-icon {position: absolute;left: 6px;top: 50%;transform: translateY(-50%);font-size: 14px;color: gray;pointer-events: none;}
.filter-dropdown .btn-light:not(:disabled):not(.disabled).active, .filter-dropdown .btn-light:not(:disabled):not(.disabled):active, .show > .filter-dropdown .btn-light.dropdown-toggle {color: #000;background-color: #fff;border-color: #fff;}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show > .btn-light.dropdown-toggle:focus {box-shadow: none;}
.filter-dropdown .btn.show{background-color:#fff;border-color:#fff;}

.allStatus {}
.newStatus {color:#7575ff;}
.rejectStatus {color:#dd7878;}
.onHoldStatus {color:#cdbe57;}
.qaSignOffStatus {color:#efb05b;}
.publishStatus {color:#E48300;}
.partialReleaseStatus {color:#8CE77F;}
.fullReleaseStatus {color:#1ACE00;}
.maintenanceNewStatus {color:#8f8c8c;}
.maintenanceCompleteStatus {color:#9b9a9a;}
.maintenanceCancelStatus {color:#BABABA;}
.trdd {transform: translateY(-3px);}

/*Schedule Recurring Template*/
 .schModal.modal{height:auto!important;}
 .schModal .modal-header {padding: 8px 15px;background-color: #F7F7F7;border-radius: 10px;}
 .schModal .modal-content{/*border-radius:10px;text-align:center;padding:20px*/}
.schModal .time-box {display: inline-block;font-size: 24px;font-weight: 400;padding: 10px;border-radius: 8px;background-color: #ACD2FF73;min-width: 60px;text-align:center;}
/*.schModal .btn-everyday{background-color:#007bff;color:#fff;border-radius:20px;padding:8px 20px;font-weight:400}*/
/*.schModal .btn-everyday:hover{background-color:#007bff;}*/
.schModal .btn-custom, .schModal .btn-everyday, .schModal .btn-workdays {background-color: #DBDBDB;color: #000;border-radius: 20px;padding: 6px 15px;font-weight: 400; font-size: 12px;}
.schModal .btn-custom:hover{background-color:#DBDBDB;}
.schModal .day-btn{border: 1px solid #2584F4;border-radius:8px;padding:5px 10px;margin:3px;font-weight:400;color:#007bff;font-size: 12px;}
.schModal .day-btn.active{background-color:#007bff;color:#fff}
.schModal .day-btn:hover{background-color:#599ceb;color:#fff}
.schModal .clonBH{transform: translateY(-16px);}
.schModal .time-label{color:#929293;margin-top:7px;text-align:center;}
.schModal .btn-custom.active, .schModal .btn-everyday.active, .schModal .btn-workdays.active {background-color: #007bff;color: #fff;border-radius: 20px;padding: 6px 15px;font-weight: 400;font-size: 12px;}




/*Time Plugin*/
.mdtp__wrapper {
    position: absolute;
    display: flex;
    flex-direction: column;
    left: 50%;
    top: 50%;
    bottom:-98px!important;
    min-width: 280px;
    opacity: 1;
    transform: translate(-50%, -50%) !important;
    outline: none;
    user-select: none;
    border-radius: 4px;
    /*transform: translateX(-50%) scale(1);*/
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    transition: transform .28s ease, opacity .28s ease;
    overflow: hidden;
}
.mdtp__time_holder {background-color: #fff!important;}
.mdtp__time_holder .mdtp__time_h.active, .mdtp__time_holder .mdtp__time_m.active {color: #2584F4;background-color: #ACD2FF73;font-size: 30px;padding: 0px 10px;border-radius: 7px;}
.mdtp__time_holder > span:not(.mdtp__timedots):not(.mdtp__ampm) {cursor: pointer;margin: 0 4px;color: #2584F4;background-color: #ACD2FF73;font-size: 24px;padding: 0px 10px;border-radius: 7px;}
.mdtp__time_holder > span {display: inline-block;line-height: 48px;cursor: default;color: #2D7694;font-size: 30px;}
.mdtp__clock_holder{margin-top:-1px;}
.mdtimepicker {}
.mdtimepicker .mdtp__time_holder {padding-bottom:5px;}
.mdtimepicker .mdtp__buttons { padding: 0 15px 15px;}
.mdtimepicker .mdtp__button.cancel, .mdtimepicker .mdtp__button.ok {background-color: #2584F4;color:#fff; border: 1px solid #2584F4;padding: 4px 10px 4px;min-width: 50px; border-radius: 5px; font-size: 14px; line-height: 20px;margin-left: 5px;text-transform:capitalize;font-weight:400;}
.mdtimepicker .mdtp__button.cancel {float:right;}
.mdtimepicker .mdtp__button.ok {}


.histrWrap{}
.histrWrap .heading{font-size:15px;font-weight:600;}
.histrWrap .headingTXT{font-size:12px;color:#344054;font-weight:600;margin-bottom:2px;}
.histrWrap .dateBH{font-size:11px;color:#999999;font-weight:400;margin-bottom:0;float:right;}

.histrWrap .paraTXT{font-size:11px;color:#344054;margin-bottom:0;}
.histrWrap .pending{font-size:10px;color:#A7A7A7;}
.histrWrap .rejected{font-size:10px;color:#D24E4E;}
.histrWrap .accordion-button{font-size: 12px;color: #333333;font-weight: 600;}
.histrWrap .accordion-flush .accordion-item .accordion-button {border-radius: 8px;background-color: #F7F7F7;margin-bottom:0px;    padding-top: 10px;padding-bottom: 10px;}
.accordion-button:focus{box-shadow:none;}
.notewrap{}
.notewrap .heading{font-size:15px;font-weight:600;}
.notewrap .headingTXT{font-size:12px;color:#344054;font-weight:600;margin-bottom:0;}
.notewrap .paraTXT{font-size:11px;color:#344054;margin-bottom:0;}
.notewrap ::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5;}
.notewrap ::-webkit-scrollbar{width:4px;height:4px;background-color:#f5f5f5;border-radius:1px;}
.notewrap ::-webkit-scrollbar-thumb{background-color:#9a9a9b!important;border-radius:1px;}
.noteBoxText {margin-bottom:15px;padding-bottom:10px; border-bottom:1px solid #ccc;}
.noteBoxText:last-child {margin-bottom:0px; border-bottom:none;padding-bottom:1px;}
#projectSuggestions.list-group .list-group-item  {cursor:pointer;padding:5px 10px;}

.addproductWrap{}
.addproductWrap .modal-title{font-size:16px;}
.addproductWrap .modal-header {padding: 6px 12px;background-color: #F7F7F7;border-radius: 8px;border-bottom: 0;margin: 0 10px;}

/*Announcements*/
.openAnnouncements .carousel-indicators {bottom:-15px;}
.openAnnouncements .carousel-indicators [data-bs-target] {background-color:#003366;width: 8px;height: 8px;border-radius: 30px;border: none;margin-left: 5px;}
.openAnnouncements .carousel-control-prev-icon {background-image:url(../images/leftArw.svg)}
.openAnnouncements .carousel-control-next-icon {background-image:url(../images/rightArw.svg)}
.openAnnouncements .carousel-control-next, .openAnnouncements .carousel-control-prev {width:15px;}
.openAnnouncements .ancTtl {font-weight:500;margin-bottom:4px;}
.openAnnouncements .ancPara {}
.openAnnouncements .ancIcon {font-size:40px;color:#003366;}
.ancTopIcon {}
.ancTopIcon .ancLink {color:#003366 !important;font-size:16px;text-decoration:none;position:relative;}
.ancTopIcon .ancCount {background-color:#003366;color:#fff;padding: 1px 4px;font-size: 10px;line-height: 12px;border-radius: 12px;position: absolute;   top: 3px; right: 7px;}

.ts-reportGrid {}
.ts-reportGrid {}
.ts-reportGrid .filerDwn {}
.ts-reportGrid .filerDwn .btn-light {background-color:transparent;border:1px solid #C4CCD6;padding: 6px 12px;border-radius:4px;}
.ts-reportGrid .filerDwn .byMonth {font-size: 14px;background-color:#F6F8F9;border:1px solid #C4CCD6;border-radius:4px; line-height: 1.5; padding: 6px 10px;margin:0 4px;}
.ts-reportGrid .filerDwn .btn-light i {font-size: 12px;}






.ta {
}
/* ---------- Media ---------- */
/* ##Device = Desktops, ##Screen = 1281px to higher resolution desktops */
@media (min-width:1281px){

}
/* ##Device = Laptops, Desktops, ##Screen = B/w 1025px to 1280px */
@media (min-width:1025px) and (max-width:1280px){

}
/* ##Device = Tablets, Ipads (portrait), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px){

}
/* ##Device = Tablets, Ipads (landscape), ##Screen = B/w 768px to 1024px */
@media (min-width:768px) and (max-width:1024px) and (orientation:landscape){

}
/* ##Device = Low Resolution Tablets, Mobiles (Landscape), ##Screen = B/w 481px to 767px */
@media (min-width:481px) and (max-width:767px){

}
/* ##Device = Most of the Smartphones Mobiles (Portrait), ##Screen = B/w 320px to 479px */
@media (min-width:320px) and (max-width:480px){
    body {background-color: #f7f7f7;}
    .fixed-top {position:static;}
    .mainHeader .logoS {height:30px; margin: 0 !important;}
    .bodyWrap {margin-top: 5px;}
    .bannerText {margin:0; padding:0;display:none;}
    .apslBox .heading {font-size: 24px;}
    .notesDetailsWrap ul, .notesDetailsWrap ul li .twoRatings {display:inline-block;}
    .notesDetailsWrap ul li:nth-child(2n+1), .notesDetailsWrap ul li:nth-child(2n+2), .notesDetailsWrap ul li .twoRatings .noteBox:first-child, .notesDetailsWrap ul li .twoRatings .noteBox:nth-child(2n+2) {width: 100%;margin: 0;margin-bottom: 15px;}
    .notesDetailsWrap ul li h3 {margin-top:20px;}
    .notesDetailsWrap ul li .noteBox p {min-height:auto;}
    .mainHeader .navbar-nav ul.dropdown-menu {position:absolute;}
    .mainHeader .navbar-nav ul.dropdown-menu.show {left:inherit;right:0;}
    .mainHeader .navbar-nav .nav-link.users {position: absolute;z-index: 99;right: 0;top: -40px;}
    .sideNavBar.active-nav {top:75px;}
    .bodyWrap, .active-cont {margin-top: 10px !important;}
    #menu-btn {position: absolute;left:inherit;right:30%;}
    .apslBox {margin-top: 0;margin-bottom: 0px;}
    .starNote {text-align: right;margin-top: 15px;}
    .page-header {text-align:center;font-size: 20px;margin-left: 20px;}

.sticWrapper tr th:nth-child(1), .sticWrapper tr td:nth-child(1),
.sticWrapper tr th:nth-child(2), .sticWrapper tr td:nth-child(2),
.sticWrapper tr th:nth-child(3), .sticWrapper tr td:nth-child(3),
.sticWrapper tr th:nth-child(4), .sticWrapper tr td:nth-child(4) {position:static;}

.sticWrap tr th:nth-child(1), .sticWrap tr td:nth-child(1),
.sticWrap tr th:nth-child(2), .sticWrap tr td:nth-child(2),
.sticWrap tr th:nth-child(3), .sticWrap tr td:nth-child(3),
.sticWrap tr th:nth-child(4), .sticWrap tr td:nth-child(4) {position:static;}

}