html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, blockquote, a, abbr, 
acronym, address, big, cite, code, del, dfn, 
em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, 
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, 
header, hgroup, menu, nav, output, ruby, section, summary, 
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
a:hover {text-decoration: none;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a:focus {outline: none;text-decoration: none;}
.clear {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
strong {font-weight: bold;}
::-ms-clear {display: none;}
.no-padding {padding: 0 !important;}
a {background-color: transparent; color:#0068D8;}
a:active,a:hover {outline: 0;}
body {font-family: "urw-form", Arial, sans-serif;font-size: 14px;line-height: 22px;color: #424242;}
.success-text{color: #4CAF50; font-size: 16px; font-weight: 600; line-height: 24px;}
.warning-text{color: #F58300; font-size: 16px; font-weight: 600; line-height: 24px;}
.font-sm{font-size: 12px;line-height: 16px;}

/* ****** custom-banner start ******* */
body.under-maintenance .data-contents-layout{position: relative; }
body .custom-banner{display: none;}
body.under-maintenance .custom-banner{display:block; background-color: #0068d8;color: #ffffff; padding: 16px 40px; align-items: center; gap: 8px; text-align: center; position: sticky; top: 0; z-index: 999999;}
body.under-maintenance .custom-banner svg {position: relative; right: 7px; top: -2px;}
body.under-maintenance .side-bar-menu,
body.under-maintenance .common-tab .nav-tabs.fixed,
body.under-maintenance .contact-list-data .action-table-header, 
body.under-maintenance .action-table-header.no-tab-view  { top: 112px !important;}
body.under-maintenance .action-table-header {top: 152px !important;}
body.under-maintenance .common-table .table.contact-list-table thead.sticky-from-top, 
body.under-maintenance .common-table .table.profile-table-list thead.sticky-from-top {top: 167px;}
body.under-maintenance .common-table .table thead.sticky-from-top { top: 207px;}
/* ****** custom-banner end ******* */

.width-120{width: 120px;}
.width-60{width: 60px;}
.max-width-tooltip-50 {width: 50px;}
.max-width-tooltip-80 {width: 80px;}
.max-width-tooltip-40, .max-width-tooltip-40.center {width: 40px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-50, .max-width-tooltip-50.center {width: 50px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-64, .max-width-tooltip-64.center {width: 64px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-66, .max-width-tooltip-66.center {width: 66px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-80, .max-width-tooltip-80.center {width: 80px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-75, .max-width-tooltip-75.center {max-width: 75px; display: inline-block;vertical-align: bottom;}
.max-width-tooltip-100, .max-width-tooltip-100.center {width: 100px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-110, .max-width-tooltip-110.center {width: 110px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-125, .max-width-tooltip-125.center {width: 125px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-145, .max-width-tooltip-145.center {width: 145px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-150, .max-width-tooltip-150.center {width: 150px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-165, .max-width-tooltip-165.center {width: 165px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-180, .max-width-tooltip-180.center {width: 180px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-200, .max-width-tooltip-200.center {width: 200px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-210, .max-width-tooltip-210.center {width: 210px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-230, .max-width-tooltip-230.center {width: 230px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-250, .max-width-tooltip-250.center {width: 250px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-275, .max-width-tooltip-275.center {width: 275px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-290, .max-width-tooltip-290.center {width: 290px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-300, .max-width-tooltip-300.center {width: 300px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-340, .max-width-tooltip-340.center {width: 340px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-370, .max-width-tooltip-370.center {width: 370px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-400, .max-width-tooltip-400.center {width: 400px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-450, .max-width-tooltip-450.center {width: 450px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-500, .max-width-tooltip-500.center {width: 500px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-470, .max-width-tooltip-470.center {width: 470px;display: inline-block;vertical-align: middle;}
.max-width-tooltip-550, .max-width-tooltip-550.center {width: 550px; display: inline-block;vertical-align: middle;}
.max-width-tooltip-650, .max-width-tooltip-650.center {width: 650px; display: inline-block;vertical-align: middle;}

.max-width-300{max-width: 300px;}
.overflow-ellipsis{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.spacer-6{ padding-top: 52px;}
.max-width-130 {width: 205px;display: flex;align-items: center;}
/* .max-width-tooltip-100-tag{max-width: 100px;display: inline-block;vertical-align: middle;} */
.sticky-column{ position: sticky; right: 0px; background-color: #ffffff; padding: 0 10px 0 18px;}
th.sticky-column:after { background: linear-gradient(90deg, #f7f7f7 0%, #ebedee 100%);}
.sticky-column:after{ background: linear-gradient(90deg, #fdfbfb 0%, #ebedee 100%); content: ""; top: 0; left: -6px; width: 12px; height: 30px; opacity: 0.6; position: absolute;}
.col-width-tag{max-width: 200px; text-overflow: ellipsis; overflow: hidden; float: left; margin: 0px; white-space: nowrap;}
.col-width-tag-md{max-width: 230px;width: fit-content; text-overflow: ellipsis; overflow: hidden; margin: 0px; white-space: nowrap;}
.hide{display: none;}
.validation-field{color: #D80000;}
.ApprovedStatus-btn{background-color: #0068D8;}
.AwaitingStatus-btn.user{background-color: #00A0F4;}
.AwaitingStatus-btn{background-color: #00D0E8;}
.DeniedStatus-btn{background-color: #c1c1c1;}
.FailedStatus-btn{background-color: #F87171;}
.Status-btn{background-color: #e0e0e0;color: #9e9e9e;}
.type-ce {  background-color: #e0e0e0; }
.type-ce.in-progress-btn {  background-color: #00A0F4;}
.type-ce.compliant-btn {  background-color: #4CAF50;}
.archived-tag{background-color: #FBE9E7; border-radius: 18px; padding: 4px 8px; font-size: 11px; line-height: 12px; font-weight: 500; color: #FF5722; display: inline-flex; text-align: center;}
.red {color: #D80000;font-size: 14px;line-height: 20px; margin: 0;}
.error-message-row{margin: -10px 0 10px 16px;}
table tr td span,table tr td a{line-height: 18px;}
/* table tr td div{height: 22px;} */
/* Button CSS start here */
.btn-line {  color: #0068D8;  cursor: pointer;  background-color: transparent;  border: none;}
.btn-line:hover {  text-decoration: underline;}
.title-small{font-size: 16px; line-height: 22px;}
/* ******* Button CSS start here ******** */
.btn.primary-btn, .btn.secondary-btn, .btn.border-btn, .btn.basic-btn, .btn.plain-btn, .btn.danger-btn, .btn.alert-btn,.btn.grey-btn{display: flex; align-items: center; border-radius: 50px; min-height: 32px;}
.btn.btn-xs{ font-size: 12px; line-height: 12px; padding: 5px 16px; }
.btn.btn-sm{ font-size: 14px; line-height: 14px; padding: 5px 24px; }
.btn.btn-md{ font-size: 16px; line-height: 16px; padding: 10px 24px; }
.btn.btn-xxs { font-size: 12px; line-height: 14px; padding: 4px 12px; min-height: 20px;}
.btn.btn-action{ font-size: 12px; line-height: 12px; padding: 3px 12px;}
.btn.primary-btn.btn-action, .btn.danger-btn.btn-action, .btn.grey-btn.btn-action, .btn.secondary-btn.btn-action{min-height: 28px;}
.btn.primary-btn.btn-action svg, .btn.danger-btn.btn-action svg{width: 20px; height: 20px;}

.btn.primary-btn{ background: #0068D8; color: #ffffff; border: 1px solid #0068D8;}
.btn.secondary-btn{ background: #F0F6FD; color: #0068D8; border: 1px solid #F0F6FD;}
.btn.border-btn{ background: #ffffff; color: #0068D8; border: 1px solid #0068D8;}
.btn.basic-btn { background: #ffffff; color: #424242; border: 1px solid #424242;}
.btn.plain-btn { background: #ffffff; color: #212121;}
.btn.danger-btn {background: #D80000; color: #ffffff;}
.btn.alert-btn {background: #fff0f0; color: #d80000;}
.btn.grey-btn {background: #eeeeee; color: #212121;}
.btn-underline{color: #0068D8; font-weight: 600; font-size: 12px; line-height: 22px; cursor: pointer;}
.btn-underline:hover {text-decoration: underline; }
.btn-underline.btn-md{font-size: 14px;}
.btn.btn-xs svg, .btn.btn-sm svg, .btn.btn-md svg{margin-left: 4px;}
.btn.border-btn:hover svg path, .btn.border-btn:focus svg path, .btn.border-btn:active svg path{fill: #ffffff}

.btn:hover{cursor: pointer;}
.btn.primary-btn:hover, .btn.primary-btn:focus, .btn.primary-btn:active{ background: #005CBF;}
.btn.secondary-btn:hover, .btn.secondary-btn:focus, .btn.secondary-btn:active{ border: 1px solid #0068d8;}
.btn.border-btn:hover, .btn.border-btn:focus, .btn.border-btn:active{ background: #0068D8; color: #ffffff; border: 1px solid #0068D8}
.btn.basic-btn:hover, .btn.basic-btn:focus, .btn.basic-btn:active{ background: #e0e0e0; border: 1px solid #E0e0e0}
.btn.danger-btn:hover, .btn.danger-btn:focus, .btn.danger-btn:active{background-color: #c70101;}
.btn.plain-btn:hover, .btn.plain-btn:focus, .btn.plain-btn:active{background-color: #eee;}
/* Button CSS end here */

.searchable-expand-block {width: calc(100% - 8px);}
.searchable-expand-block .searchable-expand{position: relative; float: right; top: 3px;}
.searchable-expand-block .search-block{width: 0px; -webkit-transition: width 1s ease-in-out;
  transition: width 1s ease-in-out;}
.searchable-expand-block .search-block.searchable-width{width: 100%;}

.disabled-notAllowed{opacity: 0.5; cursor: not-allowed;}
.manage-carriers-list .tooltip-icon { top: 0; }
.manage-carriers-list .tooltip-icon .text-tooltip { left: 106%; width: 250px;}
/*  */

.alert-block{background-color: #D8000014; color: #D80000; padding: 16px; border-radius: 8px; font-size: 12px; line-height: 20px;}
.alert-block h5{font-size: 14px; font-weight: 600; line-height: 22px; display: flex; align-items: center; gap: 8px;}
.alert-block .alert-btn-underline{color: #d80000; font-weight: 600; text-decoration: underline; font-size: 14px; line-height: 22px;}
.regulatory-alert {border-bottom: 1px solid #e0e0e0;  margin: 0 -16px 16px;}
.regulatory-alert .alert-block{margin: 0 16px;}

.border-left {border-left: 1px solid #e0e0e0;}

header {  position: fixed;  width: 100%;  z-index: 111;}
.header-content {  display: flex;  align-items: center;  padding: 8px 9px 8px 24px;  background-color: #ffffff;  border-bottom: 1px solid #e0e0e0;position: relative;z-index: 1;}
.header-content .logo-sec {  width: 193px;  max-width: 193px;  transition: all ease 0.5s;}
.header-content .nav-sec {  flex: 1;  padding-left: 24px;}
.header-content .left-part {  position: relative;}
.header-content .left-part:after {  content: '';  position: absolute;  transition: all ease 0.3s;  top: -12px;  right: 0;  width: 1px;  height: 56px;  background-color: #e0e0e0;}
.header-content .left-part .second-logo {  display: none;  transition: all ease 0.3s;}
.header-content .right-part {  display: flex;  align-items: center;  flex: 1;}
.header-content .right-part .user-data {  flex: 1;}
.header-content .right-part .page-name {  display: flex;  align-items: center;}
.header-content .dropdown-toggle::after {  display: none;}
.header-content .dropdown-menu.show {  position: absolute;  top: 35px;  left: auto;  right: 0;}
.header-content .dropdown-menu {  min-width: 240px; min-width: 280px; overflow: hidden;  padding: 8px 0;  margin: 8px 0;  font-size: 14px;  line-height: 24px;  color: #424242;  border: 1px solid #E0E0E0;  border-radius: 4px;  box-shadow: 0px 8px 16px #00000014;}
.header-content .dropdown-item {  padding: 16px; max-width: 280px; overflow: hidden; text-overflow: ellipsis;}
.header-content .dropdown-item.active, .dropdown-item:active {  color: #424242;}
.header-content .dropdown-item:hover {  background-color: #F7F7F7;}
.header-content .dropdown-item.user-name-block:hover {  background-color: transparent;}
.header-content .dropdown-item.logout {  color: #D80000;  position: relative;  margin-top: 10px;}
.header-content .dropdown-item.logout:before {  content: '';  position: absolute;  top: -10px;  left: 0;  right: 0;  background-color: #e0e0e0;  width: calc(100% - 32px);  height: 1px;  margin: 0 auto;}
.header-content .dropdown-item.logout:hover {  background-color: #FDF0F0;}
.header-content .user-dropdown {  width: 24px;  height: 24px;  vertical-align: middle;  margin-right: 8px;  display: inline-flex;}
.header-content .header-user-info-block {  justify-content: flex-end;}
.header-content .navbar-nav .nav-link {  padding: 0;  display: flex;}
.header-content .user-name {  color: #101010;  font-size: 16px;  line-height: 22px;  padding: 14px 0;  display: inline-block;}
.header-content .user-name.active {  background-color: #FFD54F;}
.header-content .user-data .navbar {  padding: 0;}
.header-content .page-title-icon {  background: #F0F6FD;  padding: 6px;  border-radius: 8px;  margin-right: 16px;  display: inline-block;  position: relative;}
.header-content .page-title-icon .icons {  display: none;  vertical-align: middle;}
.header-content .page-title-icon .icons.active {  display: inline-block;}
.header-content .page-name .name {  font-size: 20px;  line-height: 28px;  font-weight: 600;  color: #212529;  margin: 0 5px 0 0;}
.header-content .page-name .breadcums {  color: #757575;  font-size: 20px;  line-height: 28px; }
.header-content .user-short-name {  background: #FFD54F;  border-radius: 25px;  width: 24px;  height: 24px;  display: inline-block;  padding: 5px;  font-size: 10px;  line-height: 15px;  margin-right: 8px;  text-align: center;}
.action-table-header {  padding: 12px 0;  background-color: #ffffff;  position: relative;  width: 100%;  top: 0px;  z-index: 21;  border-bottom: 1px solid #e0e0e0;}
/* .setting-section .action-table-header.loa-list { top: 0px;} */
.action-table-header .right-part {  display: flex;  align-items: center;  padding: 0 9px;  justify-content: flex-end;  position: relative;}
.action-table-header .left-part {  display: flex;  align-items: center;}
.action-table-header .manage-btn .manage-btn-link {  background: #F0F6FD;  padding: 6px 16px;  border-radius: 16px;  font-family: "urw-form", Arial, sans-serif;  font-size: 12px;  line-height: 15px;  margin-right: 8px;  display: flex;  align-items: center;}
.action-table-header .manage-btn .manage-btn-link:hover {  background: #005CBF;  color: #ffffff;}
.action-table-header .manage-btn .manage-btn-link:hover .manage-btn-icon svg path {  fill: #ffffff;}
.action-table-header .manage-btn .manage-btn-icon .icons {  vertical-align: middle;  margin-left: 8px;}
.table-selection-block .select-block {  border: 1px solid #E0E0E0;  border-radius: 16px;  background-color: #ffffff;  width: 100%;  font-family: "urw-form", Arial, sans-serif;  font-size: 12px;  line-height: 15px;  padding: 6px 14px;}
.table-selection-block .select-block select {  padding: 8px 24px 8px 12px;}
.action-table-header .right-part.right-part-move-top {position: absolute; top: -35px; right: 15px;}
.action-table-header .right-part.right-part-move-top .btn.primary-btn, 
.action-table-header .right-part.right-part-move-top .btn.secondary-btn, 
.action-table-header .right-part.right-part-move-top .btn.border-btn, 
.action-table-header .right-part.right-part-move-top .btn.basic-btn {min-height: 28px; padding: 4px 24px;}

.package-information .right-part.right-part-move-top .tooltip-icon .text-tooltip{display: block;top: 30px;left: -150px;max-width: 300px;padding: 20px;}
.package-information .right-part.right-part-move-top .tooltip-icon .text-tooltip:before{right: 50%;top: -21px;transform: rotate(90deg);border: 10px solid transparent;border-right: 10px solid #E0E0E0;}
.package-information .right-part.right-part-move-top .tooltip-icon .text-tooltip:after{right: 50%;top: -20px;transform: rotate(90deg);border: 10px solid transparent;border-right: 10px solid #fff;}
.package-information .right-part.right-part-move-top .tooltip-icon .text-tooltip h4{font-size: 16px;line-height: 20px;font-weight: 500;color: #101010;}
.package-information .right-part.right-part-move-top .tooltip-icon .text-tooltip p{color: #424242;}
.package-information .right-part.right-part-move-top .tooltip-icon .text-tooltip a{color: #757575;font-weight: 500;}
.package-information .right-part.right-part-move-top .tooltip-icon .text-tooltip a.success, .package-information .right-part.right-part-move-top .tooltip-icon .text-tooltip a:hover{color: #0068d8;}

.on-hover-blue:hover {color: #0068D8}
.on-hover-blue:hover svg path{fill: #0068D8;}

.on-hover-black:hover {color: #212121}
.on-hover-black:hover svg path{fill: #212121;}

/* .common-tab {  padding-top: 0px;} */
/* .packages-section .common-tab{padding-top: 0px;} */
/* .notes-section .common-tab {  padding-top: 0px;} */
.notes-section .common-tab.removespace {  padding-top: 0px;}
.common-table {  padding-top: 0px;  z-index: 11;}
.common-table.inside {  margin-bottom: 0px; max-height: calc(100vh - 198px);overflow: auto;}
.common-table .table{margin: 0;}
.common-table .table tbody {  background-color: #ffffff;}
.common-table .table thead tr, .common-table .table tr {  border-bottom: 1px solid #e0e0e0;}
.common-table .table tr:hover {  background-color: #F0F6FD;}
.common-table .table thead.sticky-from-top {  position: sticky;  top: 0px;  z-index: 11;}
/* .common-table.loa-top .table thead.sticky-from-top {  position: sticky;  top: 0px;  z-index: 11;} */
/* .common-table .table.contact-list-table thead.sticky-from-top, .common-table .table.profile-table-list thead.sticky-from-top {  top: 0px;} */
/* .common-table.branches-table .table.contact-list-table thead.sticky-from-top,.common-table.carriers-table .table.contact-list-table thead.sticky-from-top{top: 110px;} */
/* .common-table .table.new-appointment-requests-table-list thead.sticky-from-top {top:154px;} */
.common-table .table.new-appointment-requests-table-list thead td.arrow-hover-img {padding: 50px;}
.common-table .table.new-appointment-requests-table-list tbody tr {  cursor: pointer;}
.common-table .table thead th {  vertical-align: bottom;  border-bottom: 0;  border-top: 0;  font-family: "urw-form", Arial, sans-serif;  font-size: 14px;  line-height: 20px;  color: #757575;  padding: 5px 3px 5px 10px;  background-color: #f7f7f7;  vertical-align: middle;  white-space: nowrap;}
.common-table .table td {  font-family: "urw-form", Arial, sans-serif;  font-size: 12px;  line-height: 22px;  color: #101010;  border: 0;  padding: 4px 3px 4px 10px;  vertical-align: middle;}
/* .common-table .table.loa-list-table thead.sticky-from-top {top:154px;} */
/* .common-table .table.regularty-action-table thead.sticky-from-top {top: 0px;} */
/* .common-table .table.licenses-table-list thead.sticky-from-top {top:154px;} */
/* .common-table .table.appointment-list-table thead.sticky-from-top {top:154px;} */
.common-table .table td .icon svg:hover {cursor: pointer;}
.common-table.my-request-tabel .table.appointment-list-table tbody tr
/* .table.appointment-list-table tbody tr,
.table.licenses-table-list tbody tr */
{cursor: pointer;}
.common-table tr td .status-icon{display: flex;align-items: center;}
.common-table tr td .status-icon svg, .ellipsis-menu .dropbtn svg{width: 22px;height: 22px;}
.common-table tr td .status-icon svg.reinvite-icon{width: 20px;height: 20px;}
.common-table tr td .status-icon .auto-delete-icon svg{width: 13px; height: 13px;}
.row-highlight { background-color: #F0F6FD; position: relative;}
.row-highlight td:first-child::before {border-right: 10px solid #00D0E8; content: ''; display: block; height: 10px; margin-top: 0px; position: absolute; -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); left: -5px; top: 10px; width: 0;}

.table tbody tr:hover td .link-to, .link-to:hover{color: #0068D8;}
.table tbody tr td .link-to:hover, .link-to:hover,
.table.appointment-list-table tbody tr td a.link-to:hover,.table.contact-list-table tbody tr td a.link-to:hover,
.table.regularty-action-table tbody tr td a.link-to:hover,.table.licenses-table-list tbody tr td a.link-to:hover{text-decoration: underline; cursor: pointer;}
.common-table.my-request-tabel .table.appointment-list-table tbody tr {cursor: pointer;}
.common-table.my-request-tabel .table.appointment-list-table td.status {padding: 4px 0;}

/* Action table row css start*/
.common-table .table .action-row {animation: anim 0.3s ease; display: none; opacity: 0; }
/* .common-table .table .parent-row.row-highlight + .action-row, */
.common-table .table .parent-row:hover + .action-row, 
.common-table .table .action-row:hover {display: table-row; opacity: 1; background-color: transparent;}
.common-table .table .action-row td{padding: 6px 10px; position: relative; display: none; opacity: 0; animation: anim 0.4s ease;}
.common-table.table-with-select .table .action-row td{padding: 6px 32px;}
/* .common-table .table .action-row td button svg{width: 0px; height: 0px;} */
/* .common-table .table .parent-row.row-highlight + .action-row td, */
.common-table .table .parent-row:hover + .action-row td,
.common-table .table .action-row:hover td{display: table-cell; opacity: 1;}

@keyframes anim {
  0% {
    transform: translateY(-30px);
    opacity: 0;
    display: none;
  }
  50% {
    transform: translateY(-20px);
    opacity: 0;
    display: none;
  }
  80% {
    transform: translateY(-10px);
    display: none;
    opacity: 0.7;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}

/* .common-table table {margin-bottom: 32px;} */
.common-table.my-request-tabel .table.appointment-list-table tbody tr.action-row {cursor: auto;}
.common-table .table tr.parent-row:has( + .action-row:hover) .status .status-icons .admin, 
.common-table .table tr.parent-row:has( + .action-row:hover) .status .invite-reinvite-block .type.invited ~ .reinvite-link,
.common-table .table tr.parent-row:has( + .action-row:hover) .email-block .edit-mail, 
.common-table .table tr.parent-row:has( + .action-row:hover) .email-block .edit-mail,
.common-table .table tr.parent-row:has( + .action-row:hover) .status .status-icons .admin, 
.common-table .table tr.parent-row:has( + .action-row:hover) .status .invite-reinvite-block .type.invited ~ .reinvite-link { opacity: 1; visibility: visible;}

.common-table tr.parent-row:has( + .action-row:hover) .add-email-link { color: #0068D8; opacity: 1; visibility: visible; cursor: pointer;}

.tab-npn-num.parent-row:has( + .action-row:hover), .common-table .table tr.parent-row:has( + .action-row:hover) .tab-npn-num { color: #0068D8;}

.common-table.ce-credit-table tr:has( + .action-row:hover) td .main-group svg, 
.common-table.appointment-list tr:has( + .action-row:hover) td .main-group svg { display: block;}

.common-table .parent-row:has( + .action-row:hover),
.common-table.contact-table .parent-row:has( + .action-row:hover),
.common-table.appointment-list .appointment-list-table .parent-row:has( + .action-row:hover) td:last-child, 
.common-table.appointment-list .appointment-list-table .parent-row:hover td:last-child,
.common-table.contact-table .parent-row:has( + .action-row:hover) td:last-child,
.common-table.contact-table .parent-row:hover td:last-child,
.package-information .packge-info-table table tr.parent-row:has( + .action-row:hover) td.fixed-right-field-package.first, 
.package-information .packge-info-table table tr.parent-row:has( + .action-row:hover) td.fixed-right-field-package.second, 
.package-information .packge-info-table table tr.parent-row:has( + .action-row:hover) td.fixed-right-field-package.third { background-color: #F0F6FD;}
.common-table.appointment-list .appointment-list-table .action-row td:last-child, 
.common-table.contact-table .action-row td:last-child { padding: 2px; background-color: transparent;}

.common-table.appointment-list .appointment-list-table .action-row td:last-child::after, 
.common-table.contact-table .action-row td:last-child::after{ background: none;}

.common-table .table tr.parent-row,
.common-table .table tr.parent-row:hover td:last-child,
.common-table.contact-table .parent-row:hover td:last-child,
.common-table .table tr.parent-row:has( + .action-row:hover) td:last-child,
.common-table.contact-table .parent-row:has( + .action-row:hover) td:last-child {border-top: 1px solid #e0e0e0; border-bottom: none;}

.common-table .table:last-child{border-bottom: 1px solid #e0e0e0;}
.common-table .table:last-child tr.parent-row:hover,
.common-table.contact-table:last-child .parent-row:has( + .action-row:hover) {border-bottom: none;}

.common-table.contact-table tr:first-child .tooltip-icon.inline .text-tooltip.info-list.top{top: 439%;}
.common-table.contact-table tr:first-child .tooltip-icon .info-list.top.text-tooltip:before,
.common-table.contact-table tr:first-child .tooltip-icon .info-list.top.text-tooltip:after{top: -26%;transform: rotate(180deg);}


.common-table .table .action-row .icon-notification-count {background-color: #ffffff; color: #0068d8; top: -5px; line-height: 14px;}

.common-table.ce-credit-table .parent-row:has( + .action-row:hover) td .main-group svg path, 
.common-table.appointment-list .parent-row:has( + .action-row:hover) td .main-group svg path {fill: #0068D8;}

.tab-npn-num.disabled-hover:hover, .common-table .table tr:hover .tab-npn-num.disabled-hover, 
.disabled-hover:hover,
.common-table .table tr.parent-row:has( + .action-row:hover) .tab-npn-num.disabled-hover {pointer-events: none; color: #101010;}
/*  Action table row css end */

/* .custom-loa-list .action-table-header{top: 56px;} */
.pagination .pagination-action-btn{display: flex;}
.pagination {align-items: center; white-space: nowrap;}.pagination .pagination-action-btn .back svg {  transform: rotate(180deg);  margin-right: 8px;}
.pagination .pagination-action-btn .back, .pagination .pagination-action-btn .next {display: flex;  cursor: pointer;}
.pagination .pagination-action-btn .back:hover svg, .pagination .pagination-action-btn .next:hover svg {  background-color: #eeeeee;  border-radius: 6px;}
.pagination .pagination-action-btn .back:hover svg path, .pagination .pagination-action-btn .next:hover svg path {  fill: #101010;}
.pagination .pagination-action-btn .disabled {  pointer-events: none;}
.pagination .pagination-action-btn .disabled svg path {  fill: #e0e0e0;}
.pagination .pagination-number {  color: #757575;  font-family: "urw-form", Arial, sans-serif;  font-size: 12px;  line-height: 20px;  margin-right: 16px;  margin-left: 16px;}
.new-group-popup .select-block {  padding: 7px 12px;  border: 1px solid #e0e0e0;  border-radius: 6px;  font-size: 14px;  line-height: 22px;}
.new-group-popup .select-block .ng-dropdown-panel.ng-select-bottom {  right: 0;  width: 100% !important;  margin-bottom: 8px;  margin-top: 0 !important;}
.table-selection-block {  display: flex;  margin-left: 8px;}
.table-selection-block .select-options {  margin-right: 8px;  white-space: nowrap;}
.common-tab .nav-tabs.fixed {  padding: 5px 8px 0px 0;  position: relative;  z-index: 21;  width: 100%;  top: 0px;  background: #ffffff;  border-bottom: 1px solid #e0e0e0;}
.common-tab .nav-tabs .nav-link {  border: 0;  border-bottom: 1px solid #e0e0e0;  font-family: "urw-form", Arial, sans-serif;  font-weight: 500;  font-size: 14px;  line-height: 18px;  color: #757575;}
.common-tab .nav-tabs .nav-link.active {  color: #101010;  position: relative;}
.common-tab .nav-tabs .nav-link.active:after {  content: '';  position: absolute;  bottom: 0;  background: #00A0F4;  width: calc(100% - 32px);  height: 2px;  left: 16px;  margin: 0 auto;}
.common-tab .table.edit-table {  margin: 0;  border-collapse: inherit;}
.common-tab .table.edit-table tbody tr:hover {  background-color: transparent;}
.common-table .table.edit-table thead, .common-table .table.edit-table thead th {  background-color: #ffffff;  padding: 12px 20px 0;}
.common-table .table.edit-table td{padding: 4px 20px;}
.common-tab .table.edit-table thead th {  position: inherit;}
.group-name {  margin-top: 0px;  position: fixed;  width: 260px;  border-right: 1px solid #e0e0e0;  height: 100%;  z-index: 111;  background-color: #ffffff;}
.group-name-list .group-name-items {  color: #101010;  padding: 12px 16px;  border-top: 1px solid #e0e0e0;  cursor: pointer;}
.group-name-list .group-name-items:hover, .group-name-list .group-name-items.selected {  background-color: #E0EDFB;}
.group-name-list .group-name-items .custom-control, .group-name-list .title-group-name .custom-control {  padding: 0;  word-break: break-word;}
.action-edit-btn .link.redirect {  border-left: 2px solid #e0e0e0;  padding-left: 10px;}
.action-edit-btn .link.default {  background-color: #F0F6FD;  border-radius: 16px;  padding: 6px 14px;  color: #0068D8;  margin-right: 8px;  font-size: 14px;  line-height: 22px;}
.action-edit-btn .link.delete {  background-color: #FDF0F0;  border-radius: 16px;  padding: 6px 14px;  color: #D80000;  margin-right: 10px;  font-size: 14px;  line-height: 22px;}
.action-edit-btn .link.delete:hover {  background-color: #D80000;  color: #ffffff;}
.action-edit-btn .link.edit {  background-color: #F0F6FD;  border-radius: 16px;  padding: 6px 14px;  color: #0068D8;  margin-left: 8px;  font-size: 14px;  line-height: 22px;  white-space: nowrap;}
.action-edit-btn .link.edit:hover {  background-color: #0068D8;  color: #ffffff;}
.action-edit-btn .link.edit:hover svg path {  fill: #fff;}
.action-edit-btn .link.edit.ce:hover path {  fill: #fff;}
.action-edit-btn .link.invite {  background-color: #0068D8;  border-radius: 20px;  padding: 6px 14px;  color: #ffffff;  margin-right: 10px;}
.action-edit-btn .link.invite:hover {  color: #ffffff;  background-color: #005CBF;}
.action-edit-btn .link.delete:hover svg path, .action-edit-btn .link.edit:hover .action-edit-icon svg path {  fill: #ffffff;}
.action-edit-btn .link.export {  display: flex;  color: #ffffff;  background: #0068D8;  padding: 4px 14px;  border-radius: 16px;  font-size: 12px;  line-height: 16px;  align-items: center;  margin-right: 10px;}
.action-edit-btn.export-btn {  position: absolute;  top: -48px;  right: -5px;}
.action-edit-btn .link.export:hover {  background: #005CBF;}
.action-edit-btn .action-export-icon {  margin-left: 5px;}
.cus-loagroup-list{  display: flex;}
.dis-block-flex {  display: inline-flex;}
.groupname-list-block .left-part {  width: 260px;  z-index: 11;}
.groupname-list-block .right-part {  width: calc(100% - 260px)}
.action-edit-icon {  vertical-align: text-bottom;}
.table-set-fixed {  position: relative;  width: 100%;  top: 0px;  z-index: 20;}
.table-set-fixed .table tr:hover{background-color: transparent;}
.common-table.custom-loa-group-list-table{overflow: auto;max-height: calc(100vh - 238px);}
/* .common-table.custom-loa-group-list-table .table-set-fixed {  top: 0px;} */
.common-table .table-set-fixed .table.edit-table {  padding-bottom: 10px;  background-color: #ffffff;  margin: 0;  border-collapse: inherit;}
.common-table.custom-loa-group-list-table .table tr:hover{background-color: transparent;}
/* .table.loa-group-list-table {  margin-top: 0px;} */
/* .common-table .table.loa-group-list-table thead.sticky-from-top {  top: 0px;} */
.common-tab .loa-group-list-table thead th {  top: 100px;}
.title-group-name {  color: #101010;  padding: 12px 16px;  border-top: 1px solid #e0e0e0;  background-color: #ffffff;}
.set-max-content {  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  overflow: hidden;}
.group-name-width {  max-width: 250px;}
.group-name-width.active {  color: #0068D8;}
.group-createdby-width {  max-width: 50px;}
.cus-loagroup-list .action-edit-btn {  display: flex;  justify-content: right;  padding-right: 4px;}
.cus-loagroup-list .action-edit-btn .action-edit-icon {  margin-left: 7px;}
.common-table .table.edit-table tr {  border-bottom: 0;}
.search-block.width-350{width: 350px;}
.search-block {  position: relative;  display: flex;  align-items: center;}
.search-block .search-icon {  position: absolute;  z-index: 2;  width: 20px;  height: 20px;  vertical-align: middle;  padding: 0 6px;  background-image: url(/assets/images/ic-search.svg);  background-color: transparent;  border: none;  right: 9px;  cursor: pointer;}
.search-block .close-icon {  position: absolute;  z-index: 2;  width: 20px;  height: 20px;  vertical-align: middle;  right: 30px;  top: 0;  cursor: pointer;}
.search-block .search-input {  border: 1px solid #E0E0E0;  border-radius: 16px;  background-color: #ffffff;  padding: 6px 46px 6px 16px;  width: 100%;  font-size: 12px;  line-height: 16px;}
.search-block .search-input:focus {  outline: none;  box-shadow: 0px 2px 4px rgba(28, 30, 32, 16%);}
.search-block .search-input:focus ~ .search-icon {  background-image: url(/assets/images/ic-search-blue.svg);}
.search-block .search-input::placeholder {  color: #9e9e9e;}
.form-control.disabled{ background-color: #e9ecef; opacity: 1; pointer-events: none;}
.inline-dropdown{margin-top: -4px;}
.inline-dropdown .ng-select.form-control { height: calc(1em + .75rem + 2px); padding: 3px 6px; width: max-content;}

.input-unit{display: block; position: absolute; margin: 1px; border-bottom-left-radius: 4px; border-top-left-radius: 4px; padding: 5px 12px 6px; font-size: 14px; border-right: 1px solid #ced4da; background-color: #f7f7f7; font-weight: 500;}
.input-unit + input{padding-left:44px}
/* .edit-error-omission .input-unit{padding: 5px 12px 6px;} */

.ng-select .ng-select-container {  border: 0 !important;  background-color: transparent !important;  color: #757575;  height: auto !important;  min-height: auto !important;min-width: 60px;}
.ng-select.ng-select-opened .ng-select-container .ng-value-container .ng-input>input:focus {caret-color: auto;}
.ng-select .ng-select-container .ng-value-container .ng-input>input {caret-color: transparent;}
.ng-select.compliant-btn .ng-select-container,.ng-select.in-progress-btn .ng-select-container{color: #fff !important;}
.ng-select.compliant-btn .ng-select-container .ng-arrow-wrapper .ng-arrow, .ng-select.in-progress-btn .ng-select-container .ng-arrow-wrapper .ng-arrow{background-image: url(/assets/images/ic-arrow-down-white.svg); top: 0px !important; left: -6px !important;}
/* .ng-select.compliant-btn .ng-dropdown-panel.ng-select-bottom, .ng-select.in-progress-btn .ng-dropdown-panel.ng-select-bottom{} */
.ng-select.ce-dropdown  .ng-dropdown-panel.ng-select-bottom{width: auto !important; min-width: -webkit-fill-available; left: 0 !important; text-align: left; z-index: 1;}
.ng-select.ce-dropdown .ng-arrow-wrapper .ng-arrow{left: -6px; top: 0px;}
.ng-select .ng-arrow-wrapper .ng-arrow {  appearance: none;  padding-right: 20px;  outline: 0;  border: 0;  box-shadow: none;  color: #757575;  background-color: transparent;  background-image: url(/assets/images/ic-arrow-down.svg);  background-repeat: no-repeat;  cursor: pointer;  font-size: 12px;  line-height: 15px;  border: 0 !important;  display: initial !important;  top: -2px !important;  left: 10px;  vertical-align: middle;}
.ng-select.ng-select-opened .ng-arrow-wrapper {transform: rotateZ(180deg); -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg);}
.modal .ng-select .ng-arrow-wrapper .ng-arrow {background-image: url(/assets/images/ic-drop-down.svg);top: -3px !important;}
.ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow {left: -5px;}
.ng-select .ng-select-container:hover {box-shadow: none !important;}
.ng-select .ng-select-container .ng-value-container {padding: 0 !important;}
.ng-select .ng-select-container .ng-value-container .ng-input {  display: inline-block !important;  top: 0 !important;  left: -2px !important;  padding-left: 0px !important;  padding-right: 24px !important;}
.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {  box-shadow: none !important;}.ng-select .ng-clear-wrapper {  display: none !important;}
.ng-dropdown-panel.ng-select-bottom {  width: auto; max-width: 600px; border-radius: 4px;  border: 1px solid #e0e0e0;  margin-top: 0px !important;  overflow: hidden;}
.w-100 .ng-dropdown-panel.ng-select-bottom { width: 100%; max-width: 100%;}
.table-selection-block .select-block .ng-dropdown-panel.ng-select-bottom {margin-top: 6px !important;}
.agenzee-status-item .ng-dropdown-panel.ng-select-bottom {  width: 100%;}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {  background-color: #f7f7f7 !important;  color: #101010 !important;}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {  padding: 8px 16px !important;}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label, .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {  font-weight: normal !important;}
.table-selection-block .ng-select.ng-select-single .ng-select-container {  height: auto !important;  min-height: auto;}
.branch-block .ng-dropdown-panel.ng-select-bottom {  width: 100% !important;max-width: unset;}
.branch-block .fix-width.ng-select.ng-select-single .ng-select-container .ng-value-container,
.branch-block .fix-width.ng-select.ng-select-single .ng-select-container .ng-value-container {width: 386px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.multi-bor-0 .multiselect-dropdown .dropdown-btn {  border: 0 !important;  line-height: 16px !important;}
.state-common-fillter .multiselect-dropdown .dropdown-btn .selected-item-container { max-width: 93px !important;}
.custom-msd .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before { top: -4px !important; }
.table-selection-block .select-block.custom-msd { padding: 3px 20px 3px 12px; height: 30px;}
.custom-msd.multi-bor-0 .multiselect-dropdown .dropdown-btn {line-height: 22px !important;}
.custom-msd.multi-bor-0 .multiselect-dropdown .dropdown-list{top: 26px;}
.height-vh-max .multiselect-dropdown .dropdown-list ul.item2{height: calc(100vh - 215px) !important; max-height: 700px !important;}

.new-contact-popup.common-modal .ng-dropdown-panel.ng-select-bottom {  right: 0;}
.graph-header .action-block .ng-dropdown-panel.ng-select-bottom {  right: 0;  overflow: hidden; width: fit-content;}
.pd-0 .ng-select.ng-select-single .ng-select-container {  padding: 0;  align-items: center;}
.modal {  padding-right: 0px !important;}
.modal-dialog.modal-mxl:has(.modal-content .common-modal.d-none-right-data) { max-width: 650px;}
.common-modal .modal-content {  width: 600px;}
.popup-body-max-height{max-height: calc(100vh - 200px); overflow: auto;}
.common-modal .confirmation-pop.modal-dialog, .common-modal .confirmation-pop.modal-dialog .modal-content {  width: 500px; margin-top: 90px;}
.modal-content {  border: 0;  box-shadow: 0px 0px 17px #00000050;}
.common-modal .modal-body .group-form .ng-dropdown-panel.ng-select-bottom {  right: 0;}
.common-modal .modal-title {  font-size: 22px;  line-height: 34px;  font-weight: 700;}
.common-modal .modal-header {  padding: 16px 24px;}
.modal-xxl .modal-dialog.modal-xl .common-modal .modal-header{ padding: 12px 24px;}
.common-modal .input-label {  margin-bottom: 4px; font-size: 12px; line-height: 14px; color: #757575; font-weight: 500; white-space: nowrap;}
.common-modal .input-block {  margin-bottom: 8px;}
.common-modal .branch-block .input-block {  margin-bottom: 0;}
.common-modal .table-selection-block .select-block {  border-radius: 6px;}
.common-modal .modal-body {  padding: 0;}
.common-modal .modal-body.modal-body-padding { padding: 24px;}
.common-modal .modal-body .group-form {  padding: 24px 32px 18px;}
.new-group-popup.common-modal .modal-body .group-form {  padding: 24px 32px 24px;  border-bottom: 1px solid #E0E0E0;}
.new-group-popup.common-modal .modal-body .group-form .input-block.select-loa .multiselect-dropdown .dropdown-list {  bottom: 100%;}
.new-group-popup.common-modal .input-block.privacy-dd .form-control {  width: 126px;}
.new-group-popup.common-modal .group-form .row .no-padding {  padding: 0 16px 0 0;}
.common-modal .button-block {  text-align: right;  padding: 14px 24px;}
.common-modal .notes, .common-modal .max-limit {  color: #757575;  font-size: 12px;  line-height: 15px;}
.common-modal .common-tab {  padding: 0;  border-radius: 4px;}
.common-modal .common-tab .nav-tabs {  padding: 0 16px;}
.modal-backdrop {  background-color: #1C1E20;}
.modal-backdrop.show {  opacity: 72%;  z-index: 999 !important;}
.modal-header .modal-close-btn:focus-visible {  outline: none;}
.modal-close-btn.close:hover svg {  background-color: #eeeeee;  border-radius: 6px;}
.modal-close-btn.close:hover svg path {  fill: #101010;}
.common-modal .user-name-block .name {  font-size: 20px;  line-height: 26px;  color: #101010;  font-weight: 600;}

/* radio-as-checkbox start */
.personal-info .radio-as-checkbox.radio-button-container .checkmark {height: 18px; width: 18px; margin-top: 2px;}
.radio-as-checkbox.radio-button-container input:checked ~ .checkmark { background-color: #0068D8 !important; height: 18px; width: 18px; margin-top: 2px;}
.radio-as-checkbox.radio-button-container .checkmark {border-radius: 2px !important;}
.radio-as-checkbox.radio-button-container .checkmark:after { top: 3px !important; left: 3px !important; width: 9px !important; height: 9px !important; content: "" !important; background: transparent; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='9' height='9' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e") !important;}
/* radio-as-checkbox end */

/* .common-modal .user-name-block .name-note {font-size: 14px;line-height: 22px;color: #424242;} */
.data-content .radio-buttons {display: flex;}
.data-content .radio-buttons .form-group {  flex: 1;  margin-right: 17px;}
.data-content .radio-buttons .form-group:last-child {  margin: 0;}
.data-content .radio-inputs[type="radio"] {  display: none;}
.data-content .radio-label {  cursor: pointer;  position: relative;  font-size: 14px;  font-weight: 500;  background: rgba(240, 246, 253, 1);  color: #0068D8;  padding: 11px 35px;  border-radius: 100px;  width: 100%;  border: 1px solid #F0F6FD;  text-align: center}
.data-content .radio-label::after {  content: "";  position: absolute;  width: 20px;  height: 20px;  top: 13px;}
.data-content .radio-inputs[type="radio"]:checked + .radio-label {  background-color: #F0F6FD;  color: #0068D8;  border: 1px solid #0068D8;}
.data-content .radio-inputs[type="radio"]:checked + .radio-label span {  position: relative;  left: -15px;}
.data-content .radio-inputs[type="radio"]:checked + .radio-label::after {  background-image: url('/assets/images/selected-icon.svg');  background-repeat: no-repeat;  background-size: cover;}
.data-content .radio-title {  font-size: 16px;  line-height: 26px;  font-family: 'urw-form', Arial, sans-serif;  color: #101010;  font-weight: 700;  padding: 16px 0;}
.custom-control {  white-space: nowrap;min-height: 18px;display: flex;}
.form-notes-link .custom-control {  float: left;}
/* .data-content, .display-flex {display: flex;} */
/* .data-content .content-width {flex: 50%;max-width: 50%;} */
.data-content .content-width.right{display: flex; align-items: center; justify-content: center;}
.data-content.register-page .form-details{max-width: 502px; width: 502px;}
.data-content.register-page .form-details .forms-data{width: 502px;}
.data-content.register-page .form-details .forms-data .form-title{margin: 0 0 8px 0;}
.data-content.register-page .form-details .forms-data .form-block-title .login-note{margin: 0;}
.data-content.register-page .form-details .forms-data .form-group{margin: 0 0 10px 0;}
.data-content.register-page .form-details .forms-data .form-group .form-icon svg{width: 22px; height: 22px; bottom: 7px; top: 25px;}
.data-content.register-page .radio-buttons .form-group{margin-right: 17px !important;}
.data-content.register-page .radio-buttons .form-group:last-child{margin-right: 0px !important;}
.data-content.register-page .radio-title{padding: 10px 0;}
.data-content.custom-height .content-width.right{overflow-y: auto; height: auto; overflow-y: auto; overflow-x: hidden; align-items: center;}
.data-content.custom-height-center .content-width.right{overflow-y: auto; height: auto; overflow-x: hidden; align-items: center;}
.data-content .full-width {max-width: 100%;flex: 100% }
.custom-control .mycarrier {  padding: 0 10px 0 0;  border-right: 1px solid #e0e0e0;  font-size: 12px !important;}
.custom-control-input:focus {  outline: none;}
.custom-control-input:checked ~ .custom-control-label::before {  border-color: #0068D8;  background-color: #0068D8;}
.custom-control-input:focus ~ .custom-control-label::before {  box-shadow: none;  border-color: transparent;}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {  border-color: initial;}
.custom-control-label::before, .custom-checkbox .custom-control-label::after {  width: 16px;  height: 16px; top: .18rem;}
.custom-checkbox .custom-control-label::before {  border-radius: 2px;}
.custom-checkbox .custom-control-label {vertical-align: bottom;  pointer-events: none;  font-size: 14px;  line-height: 20px;  white-space: break-spaces}
tr td .custom-checkbox .custom-control-label {  font-size: 12px;  line-height: 18px;}
/* .table-with-select tr td .custom-checkbox .custom-control-label{font-size: 12px;line-height: 16px;} */
tr td .custom-control {display: flex;  min-height: 18px;}
tr td .custom-control-label::before, 
tr td .custom-checkbox .custom-control-label::after{  width: 16px;  height: 16px;  top: 1px;}
tr th .custom-control-label::before, 
tr th .custom-checkbox .custom-control-label::after {  width: 16px;  height: 16px;  top: 2px;}
tr td .custom-checkbox .custom-control-input, tr th .custom-checkbox .custom-control-input {  width: 16px;  height: 16px;  top: 0px;} 
tr td .custom-control.custom-radio .custom-control-label::before, 
tr td .custom-radio .custom-control-label::after{width: 16px; height: 16px; top:3px;}
.custom-checkbox .custom-control-input {  cursor: pointer;}
.text-btn{font-size: 18px; font-weight: 600; cursor: pointer;}
.text-btn.blue{font-size: 16px; font-weight: 600; cursor: pointer; color: #0068D8;}
.text-btn:hover{color: #005CBF;}
.action-btn .commn-btn {  background: #0068D8;  color: #ffffff;  font-size: 18px;  line-height: 22px;  padding: 15px;  width: 100%;  border-radius: 50px;  margin-bottom: 16px;  border: 1px solid #0068D8;}
.action-btn .commn-btn-white {  background: #ffffff;  color: #0068D8;  font-size: 18px;  line-height: 22px;  padding: 15px 0;  width: 100%;  border-radius: 50px;  margin-bottom: 16px;  border: 1px solid #0068D8;}
.action-btn .commn-btn-white:hover {  background: #0068D8;  color: #ffffff;  text-decoration: none;}
.action-btn .commn-btn-plain {  color: #0068D8;  font-size: 14px;  line-height: 22px;  width: 100%;}
.action-btn .commn-btn-plain:hover, .plain-link:hover {  text-decoration: underline;}
.action-btn.disabled .commn-btn, .btn:disabled, .btn.disabled {  opacity: 0.4;  cursor: not-allowed;  width: auto;  /* padding: 10px 30px; */  /* font-weight: 600; */}
.action-btn .lg-bg {  border: 1px solid #757575;  border-radius: 50px;  background-color: #ffffff;  color: #424242;  width: auto;  padding: 9px 30px;  margin-left: 8px;  font-size: 16px;  line-height: 22px;}
.action-btn .dark-bg {  border: 1px solid #0068D8;  border-radius: 50px;  background-color: #0068D8;  color: #ffffff;  width: auto;  padding: 9px 30px;  margin-left: 8px;  font-size: 16px;  line-height: 22px;}
.action-btn .commn-btn:hover, .action-btn .dark-bg:hover, .action-btn .lg-bg:hover {  border: 1px solid #005CBF;  background: #005CBF;  color: #ffffff;  text-decoration: none;}
.action-btn .red-bg {  background-color: #D80000;  color: #ffffff;  width: auto;  padding: 9px 30px;  border: 1px solid #D80000;  margin-left: 8px;}
.action-btn .red-bg:hover {  background-color: #ffffff;  color: #D80000;  width: auto;  padding: 9px 30px;  border: 1px solid #D80000;}
.action-btn.disabled .width-100 {  width: 100%;}
.right-part.domain-btn .action-btn .commn-btn {  width: auto;  padding: 10px 30px;  font-weight: 600;}
.quick-tip {  width: 760px;  margin: 0 auto 16px auto;  background: #ffffff;  padding: 40px 40px 24px 40px;  position: relative;  box-shadow: 0px 8px 16px #00000014;}
.quick-tip .quick-tip-title {  display: flex;}
.quick-tip .quick-tip-title .title {  color: #101010;  font-weight: 700;  margin-left: 8px;  font-size: 18px;  line-height: 24px;}
.quick-tip .close-icon {  position: absolute;  right: 40px;  top: 40px;  cursor: pointer;}
.quick-tip .quick-tip-info .note {  color: #424242;  font-size: 14px;  line-height: 24px;  margin-top: 8px;}
::-webkit-input-placeholder {  color: #757575;}
:-ms-input-placeholder {  color: #757575;}
::placeholder {  color: #757575;}

.modal-backdrop.show:has( + .modal .modal-dialog .modal-content .common-modal.d-none),
.modal-open:has(.common-modal.d-none) + .modal-backdrop.fade.show,
.modal-backdrop.show:has( + .modal .modal-dialog .modal-content .task-list-data.d-none),
.modal-open:has(.task-list-data.d-none) + .modal-backdrop.fade.show{opacity: 0;}

/* Chrome, Safari, Edge, Opera */
input.hide-arrow::-webkit-outer-spin-button,
input.hide-arrow::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0;}

/* F.hide-arrowi.hide-arrowrefox */
input.hide-arrow[type=number] { -moz-appearance: textfield;}

.ng-select .ng-select-container .ng-value-container .ng-placeholder, .multiselect-dropdown .dropdown-btn {  color: #9e9e9e !important;}
.form-control[readonly]::placeholder, .ng-select.ng-select-disabled::placeholder{color: #9e9e9e !important;}
.form-control::placeholder{color: #9e9e9e !important;}
.back-link {  padding: 16px 32px;  border-bottom: 1px solid #e0e0e0;}
.back-link a {color: #101010;font-size: 16px;line-height: 23px;}
.back-link .back {  margin-right: 8px;}
.dashboard-section .graph-header .action-block .toggle-checkbox {  display: none;}
.toggle-label {  pointer-events: none;  display: flex;  align-items: center;}
.toggle-switch, .toggle-input:checked + .toggle-label .toggle-left, .toggle-input:not(:checked) + .toggle-label .toggle-right {  pointer-events: all;  cursor: pointer;}
.toggle-input {  display: none;}
.toggle-switch {  position: relative;  display: inline-block;  width: 32px;  height: 16px;}
.toggle.slider {  position: absolute;  cursor: pointer;  top: 0;  left: 0;  right: 0;  bottom: 0;  background-color: #ffffff;  -webkit-transition: 0.4s;  transition: 0.4s;  border: 1px solid #0068D8;}
.toggle.slider:before {  position: absolute;  content: "";  height: 15px;  width: 15px;  left: 0px;  bottom: 0px;  background-color: #0068D8;  -webkit-transition: 0.4s;  transition: 0.4s;}
.toggle-input:checked + .toggle-label .toggle.slider:before {  -webkit-transform: translateX(16px);  -ms-transform: translateX(16px);  transform: translateX(16px);}
.toggle.slider.round {  border-radius: 34px;}
.toggle.slider.round:before {  border-radius: 50%;}
.toggle-left, .toggle-right {  margin: 0 8px;  font-size: 12px;  line-height: 18px;  color: #757575;}
.custom-toggle {  width: 140px;}
.custom-toggle.task-toggle {  width: 110px;}
.allappointment-list-section .custom-toggle {  width: 162px;  margin-left: 137px;}
.switch {  position: relative;  display: inline-block;}
.switch input {  display: none;}
.slider {  position: absolute;  cursor: pointer;  width: 32px;  height: 18px;  left: 0;  right: 0;  bottom: -4px;  background-color: #ffffff;  border: 1px solid #0068D8;  -webkit-transition: .4s;  transition: .4s;}
.slider:before {  position: absolute;  content: "";  height: 16px;  width: 16px;  left: 0px;  bottom: 0px;  background-color: #0068D8;  -webkit-transition: .4s;  transition: .4s;}
input:checked + .slider {  background-color: #ffffff;}
input:focus + .slider {  box-shadow: 0 0 1px #2196F3;}
input:checked + .slider:before {  -webkit-transform: translateX(15px);  -ms-transform: translateX(15px);  transform: translateX(15px);}
.all {  color: #101010;  position: absolute;  right: 44px;  bottom: -2px;  white-space: nowrap;  font-size: 12px;  font-weight: 500;}
.filtered {  color: #757575;  position: absolute;  left: 44px;  bottom: -2px;  white-space: nowrap;  font-size: 12px;  font-weight: 500;  padding-right: 12px;}
input:checked + .slider .all {  color: #757575}
input:checked + .slider .filtered {  color: #101010;}
.slider.round {  border-radius: 34px;}
.slider.round:before {  border-radius: 50%;}
.border-form-input .outside-label {  font-size: 12px;  line-height: 15px;margin-bottom: 4px;  color: #757575;  font-weight: 500;}
.loader-overlay {  display: block;  width: 100%;  height: 100%;  position: fixed;  top: 0;  left: 0;  z-index: 11111;  background: rgba(28, 30, 32, 0.7);}
.loader-overlay .loader-icon {  width: 100px;  height: 100px;  position: relative;  top: 50%;  left: 50%;  transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%);}
.loader-overlay .loader-icon img {  width: 100px;  height: 100px;}
.common-graph-layout{  position:relative;}
.common-loader .loader-icon {  width: 100px;  height: 100px;  position: absolute;   top:50%;     left: 50%;  transform: translate(-50%, -50%);  -webkit-transform: translate(-50%, -50%);   display: flex;       align-items: center;  justify-content: center;}
.common-loader .loader-icon img {  width: 50px;  height: 50px;}    
.right-side-content {  background-color: #ffffff;}
.right-side-content.normal-pos {  background-color: transparent;}
.right-side-content.normal-pos.light-bg-clr {  background-color: #F7F7F7;}
.right-side-content.normal-pos .forms-data .form-block-title.two-parts .right-part .link-text{font-size: 18px; font-weight: 600;}
.right-side-content.normal-pos .forms-data.full-view {  width: 100%;}
.right-side-content.normal-pos .forms-data {  position: relative;  width: 760px;  background: #ffffff;  border-radius: 4px;  top: auto;  left: auto;  transform: inherit;  margin: 0 auto;  padding: 40px 80px;  box-shadow: 0px 8px 16px #00000014;}
.right-side-content.normal-pos .forms-data:before {  content: '';  position: absolute;  top: 0;  left: 0;  width: 100px;  height: 2px;  background: #0068D8;}
.right-side-content.normal-pos .forms-data.p-info:before {  display: none;  content: none;}
.right-side-content.normal-pos .forms-data.domain:before {  width: 25%;}
.right-side-content.normal-pos .forms-data.nipr-info:before {  width: 50%;}
.right-side-content.normal-pos .forms-data.npn:before {  width: 75%;}
.right-side-content.normal-pos .forms-data.add-contact-regis:before {  width: 100%;}
.form-block-title.two-parts {  display: flex;  align-items: center;}
.form-block-title.two-parts .left-part {  flex: 2;}
.form-block-title.two-parts .right-part {  flex: 1;}
.form-block-title.two-parts .right-part .link-text {  color: #0068D8;  font-size: 14px;  line-height: 22px;  font-weight: 400;  cursor: pointer;}
.data-content, .display-flex {display: flex;}
.data-content.custom-height{overflow: hidden; height: 100vh;}
.data-content.custom-height-center{overflow: hidden; height: 100vh;}.data-content .content-width {  flex: 50%;  max-width: 50%;}
.data-content .full-width {  max-width: 100%;  flex: 100%}
.full-block {  display: block;}
.btn.focus, .btn:focus {box-shadow: none;}
.light-bg-clr {  background-color: #F7F7F7;}
.light-bg-clr.white-bg {  background-color: #ffffff;}
.top-gap {  margin-top: 80px;}
.form-block-title.two-parts .form-title {  font-size: 32px;  line-height: 38px;  margin: 0;}
.navi-btn {  margin-bottom: 35px;}
.navi-btn a {  color: #757575;}
.navi-btn .btn-back-img {  vertical-align: middle;  margin-right: 8px;}
.hidden {  display: none !important;}
.disabled {  opacity: 0.5;  pointer-events: none;}
.center-div {  align-items: center;}
.pd-0 {  padding: 0;}
.pd-r-0 {  padding-right: 0;}
.pd-l-0 {  padding-left: 0;}
.margin-top-2{margin-top: 2px;}
.multiselect-dropdown .dropdown-btn {  border: 1px solid #e0e0e0 !important;}
.sub-title-note .sub-title {  color: #101010;  font-size: 20px;  line-height: 30px;  font-weight: 700;}
.sub-title-note .sub-note {  color: #424242;  font-size: 16px;  line-height: 22px;}
.sub-title-note .sub-note .price {  font-weight: 700;}
.text-right {  text-align: right;}
.sec-gap {  margin-bottom: 16px;}
.form-control[readonly], 
.ng-select.ng-select-disabled, 
.ng-select.ng-select-disabled .ng-select-container {background-color: #e9ecef !important; pointer-events: none;}
.blur{opacity: 0.5 !important;}
.form-control.ng-invalid.ng-touched {  border: 1px solid #D80000;}
.title-1{font-weight: 500; font-size: 24px !important; line-height: 32px !important;}
.title-2{font-weight: 500; font-size: 20px !important; line-height: 28px !important;}
.title-3{font-weight: 500; font-size: 18px !important; line-height: 26px !important;}
.title-4{font-weight: 500; font-size: 16px !important; line-height: 24px !important;}
.title-5{font-weight: 500; font-size: 14px !important; line-height: 22px !important;}
.title-6{font-weight: 500; font-size: 12px !important; line-height: 20px !important;}
.title-7{font-weight: 500; font-size: 10px !important; line-height: 20px !important;}

.bold-400{font-weight: 400 !important;}
.bold-500{font-weight: 500 !important;}
.bold-600{font-weight: 600 !important;}
.bold-700{font-weight: 700 !important;}

.description-light{color: #757575; font-size: 12px; line-height: 21px; font-weight: 400;}
.description-light.md{font-size: 14px; line-height: 22px;}
/* div.select-block:has(.ms-invalid.ng-invalid), 
div.select-block:has(.ng-touched.ng-invalid) */
p.error-validation {display: none;font-size: 14px;line-height: 22px;color: #D80000;}
.form-control.ng-invalid.ng-touched + p.error-validation {  display: block;}
.form-details.auto-height {  height: auto;}
.m-0 {  margin: 0;}
.mid-strong {  color: #101010;  font-weight: 600;}
.ver-middle {  vertical-align: middle;  cursor: pointer;}
.invite-icon.ver-middle {  width: 12px;  height: 12px;}
.plus-icon.ver-middle {  width: 22px;  height: 22px;}
.set-password-form .action-btn.disabled .commn-btn {  width: 100%;}
.event-none {  pointer-events: none;}
.modal-open .modal {  overflow: hidden;  padding-right: 0px !important;  padding-left: 0px !important;}
.form-control {  font-size: 14px;  line-height: 22px; color: #424242; border: 1px solid #E0E0E0; border-radius: 6px;}
.form-control:focus {  border-color: #00A0F4;  box-shadow: none;}
.form-control.border-red{border: 1px solid #d80000;}
.select-block.bg-dropdown {position: relative;z-index: 1;}
.select-block.bg-dropdown .ng-select {background-color: #F0F6FD; border-radius: 20px; border: 0;}
.select-block.bg-dropdown .ng-select .ng-value .ng-value-label{color: #0068D8;}
.select-block.bg-dropdown .ng-dropdown-panel.ng-select-bottom {margin-top: 0px !important; left: 0; text-align: left;}
.input-checkbox-block.email-due{margin: 24px 0 0;}
.input-checkbox-block .input-block.bg{padding: 7px 14px;border-radius: 6px;height: 39px;margin: 0;}
.input-checkbox-block .input-block.bg .custom-control-label{color: #101010; font-size: 14px !important; line-height: 20px !important; vertical-align: middle;}
/* .add-margin {margin-top: 14px;transition: all ease 0.3s;} */
.forms-data .form-group .form-input.no-icon {padding: 10px 16px 0px;}
.forms-data .form-group .form-input.domain-pad {  padding: 0 70px 0 16px;}
.addlink {  cursor: pointer;}
.whitespace {  white-space: nowrap;}
.graph-header {  display: flex;  align-items: center;  margin-bottom: 0px;  border-bottom: 1px solid #F7F7F7;  padding-bottom: 10px;}
.graph-header + div{padding: 10px 0 0 0;}
.graph-header .left-part {  flex: 1;}
.graph-header .action-block {  display: flex;  align-items: center;  justify-content: flex-end;  z-index: 1;  position: relative;}
.graph-header .graph-title .title {  font-size: 14px;  font-weight: 600;  line-height: 30px;  color: #424242;  display: inline-block; }
.graph-header .graph-title .title .numbers {  font-size: 14px;  line-height: 18px;  color: #9E9E9E;}
.graph-header .graph-title .title .icon-link {  margin: 0 0 0 140px;}
.graph-header .graph-title .title .icon-link path {  fill: #0068D8;}
.graph-header .action-block .current-year .past-year.select-year img {  transform: rotate(180deg);  -webkit-transform: rotate(180deg);}
.graph-header .action-block .current-year .year-value {  font-size: 12px;  line-height: 15px;  color: #757575;}
.graph-header .action-block .more-info {  margin: 0;}
.graph-header .action-block .more-info .ic-more {  display: none;  cursor: pointer;}
.breadcrumb {  background-color: transparent;  padding: 0.75rem 0; margin-bottom: 0px;}
.breadcrumb-item {  color: #757575;  font-size: 14px;  line-height: 24px;}
.breadcrumb-item a {  color: #757575;}
.loader-btn svg {  -webkit-animation: rotation 2s infinite linear;}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(359deg);
  }
}
.toast {  display: none;  position: fixed;  bottom: 60px;  right: 27px;  background: #0068D8;  color: #ffffff;  width: 100%;  max-width: fit-content;  opacity: 1;  z-index: 9999;}
.toast-body {  height: 52px;  padding: 12px 16px;}
.toast-body .close {  opacity: 1;}
.toast-body .close:hover svg {  background-color: rgba(255,255,255,0.16);  border-radius: 6px;}
.toast-body .toast-text {  display: flex;  align-items: center;  font-size: 14px;  line-height: 22px;  position: relative;}
.toast-body .toaster-message {  margin-right: 30px;}
.toast-body .toaster-icon {  background-repeat: no-repeat;  background-size: cover;  width: 24px;  height: 24px;  display: inline-block;  vertical-align: middle;  margin-right: 8px;}
.toast-body .toaster-icon.success {  background-image: url('/assets/images/ic-check-white.svg');}
.outside-tooltip .tooltip-block {  position: relative;}
.outside-tooltip .tooltip-block .tooltip-info {  position: absolute;  bottom: 0;  left: 0;}
.tooltip-block .tooltip-info {  position: absolute;  bottom: 10px;  right: 16px;}
.tooltip-block .tooltip-data-show:hover .tooltip-text {  display: block;  width: 100%;  z-index: 1;}
.tooltip-block .tooltip-text {  display: none;  position: absolute;  bottom: 30px;  right: 0;  background: #ffffff;  border: 1px solid #e0e0e0;  padding: 7px 14px;  border-radius: 4px;  color: #101010;  font-size: 14px;  line-height: 20px;  font-weight: 500;}
.tooltip-block .tooltip-text:after, .tooltip-block .tooltip-text:before {  content: "";  z-index: 1;  margin-top: 3px;  position: absolute;  border-left: 10px solid transparent;  border-right: 10px solid transparent;  top: 98%;  right: 17px;}
.tooltip-block .tooltip-text:after {  border-top: 10px solid #ffffff;  margin-top: 0;  z-index: 1;}
.tooltip-block .tooltip-text:before {  border-top: 10px solid #E0E0E0;  margin-top: 3px;}
.agent-note {  background-color: #f7f7f7;  padding: 40px;  margin: 24px 0;}
.agent-note .agent-name {  font-size: 18px;  line-height: 24px;  color: #101010;  font-weight: 700;  margin: 0 0 8px 35px;}
/* .agent-note .agent-info {font-size: 14px;line-height: 22px;color: #424242;} */
.left-side-content, .form-details {position: relative;height: 100vh;}
.left-side-content, .form-details {position: relative;height: 100vh;}
.right-side-content .form-details{height: auto; max-width: 400px; width: 400px; margin: 30px;}
.left-side-content .slider-block {background-color: #0068D8;background-image: url('/assets/images/pattern.svg');background-repeat: no-repeat;background-size: cover;height: 100vh;position: relative;}
.left-side-content .slider-images {text-align: center;}
.left-side-content .slider-images .res-img {width: 100%;max-width: 60%;margin: 0 auto;}
.left-side-content .mobile-logo{display: none;}
.left-side-content .agenzee-info-slider {position: absolute;width: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.left-side-content .agenzee-info-slider .slick-dots {display: flex;justify-content: center;margin-top: 65px;}
.left-side-content .agenzee-info-slider .slick-dots li button {width: 70px;height: 4px;margin: 2px;border: 1px solid #00448C;background: #00448C;border-radius: 100px;}
.left-side-content .agenzee-info-slider .slick-dots li.slick-active button {width: 70px;height: 4px;margin: 2px;border: 1px solid #00E5FF;background: #00E5FF;border-radius: 100px;}
.left-side-content .agenzee-title {font-size: 42px;line-height: 54px;color: #ffffff;font-weight: 700;text-align: center;margin-bottom: 16px;}
.left-side-content .agenzee-text {font-size: 14px;line-height: 22px;color: rgba(255,255,255,0.7);text-align: center;width: 100%;max-width: 60%;margin: 0 auto;}
.right-side-content .forms-data{width: 400px;}
/* .right-side-content .forms-data {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);width: 400px;} */
/* .left-side-content .slider-block {  background-color: #0068D8;  background-image: url('/assets/images/pattern.svg');  background-repeat: no-repeat;  background-size: cover;  height: 100vh;  position: relative;}
.left-side-content .slider-images {  text-align: center;}
.left-side-content .slider-images .res-img {  width: 100%;  max-width: 60%;  margin: 0 auto;}
.left-side-content .agenzee-info-slider {  position: absolute;  width: 100%;  top: 50%;  left: 50%;  transform: translate(-50%,-50%);  -webkit-transform: translate(-50%,-50%);}
.left-side-content .agenzee-info-slider .slick-dots {  display: flex;  justify-content: center;  margin-top: 65px;}
.left-side-content .agenzee-info-slider .slick-dots li button {  width: 70px;  height: 4px;  margin: 2px;  border: 1px solid #00448C;  background: #00448C;  border-radius: 100px;}
.left-side-content .agenzee-info-slider .slick-dots li.slick-active button {  width: 70px;  height: 4px;  margin: 2px;  border: 1px solid #00E5FF;  background: #00E5FF;  border-radius: 100px;}
.left-side-content .agenzee-title {  font-size: 42px;  line-height: 54px;  color: #ffffff;  font-weight: 700;  text-align: center;  margin-bottom: 16px;}
.left-side-content .agenzee-text {  font-size: 14px;  line-height: 22px;  color: rgba(255,255,255,0.7);  text-align: center;  width: 100%;  max-width: 60%;  margin: 0 auto;} */
/* .right-side-content .forms-data {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);width: 400px;} */
.forms-data .email-exp {font-weight: 600;}
.forms-data .form-title {font-size: 42px;line-height: 48px;color: #101010;font-family: 'urw-form', Arial, sans-serif;font-weight: 700;margin-bottom: 13px;}
/* .forms-data .login-note {font-size: 14px;line-height: 24px;color: #424242;font-family: 'urw-form', Arial, sans-serif;} */
.forms-data .login-note.adu-size {width: 100%;max-width: 73%;}
.forms-data .login-btn {  position: relative;}
.forms-data .login-btn-text {  position: relative;  left: 0;  transition: left ease 0.3s;}
.forms-data .login-btn:hover .login-icon {  background-image: url(/assets/images/login-icon.svg);  background-repeat: no-repeat;  background-size: cover;  position: absolute;  width: 24px;  height: 24px;}
.forms-data .login-btn:hover .login-btn-text {  left: -8px;}
.forms-data .extra-title {  color: #0068D8;  margin-left: 8px;}
.forms-data .otp-num {  background: rgba(0, 104, 216, 0.1);  color: #101010;  font-size: 18px;  line-height: 24px;  font-weight: 700;  letter-spacing: 15px;  text-align: center;  border-radius: 8px;}
.forms-data .form-inputs-data {  margin: 31px 0 31px;}
.forms-data .form-group {  margin-bottom: 8px;  position: relative;  transition: all ease 0.5s;}
.forms-data .form-group .form-input {  border: none;  height: 56px;  border-bottom: 1px solid #757575;  border-radius: 0;  font-size: 16px;  line-height: 22px;  color: #101010;  padding: 10px 45px 0 16px;}
.forms-data .form-group .form-input.text-tra-cap {  text-transform: capitalize;}
.forms-data .form-group .form-input:not(:placeholder-shown) + .form-label, .forms-data .form-group .form-input.not-empty-val + .form-label {  bottom: 33px;  font-size: 12px;  line-height: 22px;  color: #757575;}
.forms-data .form-group .form-input:focus + .form-label {  bottom: 33px;  font-size: 12px;  line-height: 22px;  color: #0068D8;}
.forms-data .form-group .form-input:-webkit-autofill ~ .form-label {bottom: 30px;}
.forms-data .form-group .form-input:focus ~ .form-icon svg .fill-color {  fill: #0068D8;}
.forms-data .form-group .form-input:focus {  background: rgba(0, 104, 216, 0.1);  border-bottom: 2px solid #00A0F4;  border-radius: 8px;  box-shadow: none;}
.forms-data .form-group .form-label {  position: absolute;  bottom: 10px;  left: 16px;  transition: bottom ease 0.5s;  pointer-events: none;}
.forms-data .form-group .form-icon svg {  position: absolute;  bottom: 16px;  right: 16px;}
.update-add .form-icon svg {  position: absolute;  bottom: 18px;  right: 22px;}
.forms-data .form-group .form-icon svg.pass-icon {  cursor: pointer;}
.forms-data .form-group.error .form-icon svg {  position: absolute;  bottom: 46px;  top: 18px;  right: 16px;}
.forms-data .form-group.error .form-input {  border-bottom: 1px solid #D80000;  border-radius: 0;}
.forms-data .form-group.error .form-control {  margin: 0 0 4px 0;}
.form-block-title .form-group.error {  margin: 0 0 8px;}
.form-inputs-data .form-group .form-control.ng-invalid {  margin: 0 0 4px;}
.modal-dialog .modal-body .group-form .branch-block .form-control.ng-invalid, .modal-dialog .modal-body .group-form .branch-block .form-control.ng-touched {  margin: 0 0 4px 0;}
.modal-dialog .modal-body .group-form .input-block .form-control.ng-invalid {  margin: 0 0 4px 0;}
.modal-content.email-modal .button-block {  padding: 14px 29px;}
.forms-data .form-group.error .form-input + .form-label, .forms-data .form-group.error .form-input:not(:placeholder-shown) + .form-label {  color: #D80000;  top: 15px;  transition: top ease 0.3s;}
.forms-data .form-group.error .form-input ~ .form-icon svg .fill-color {  fill: #D80000;}
.forms-data .form-group.error .form-input:focus + .form-label, .forms-data .form-group.error .form-input:not(:placeholder-shown) + .form-label {  color: #D80000;  top: 0px;  transition: top ease 0.3s;}
.forms-data .form-group.error .form-input:focus ~ .form-icon svg .fill-color {  fill: #D80000;}
.forms-data .form-group.error .form-input:focus {  background: rgba(216, 0, 0, 0.1);  border-bottom: 2px solid #D80000;  border-radius: 8px;  box-shadow: none;}
.forms-data .form-group.error .error-text {  padding: 0 16px;  position: initial;}
.forms-data .form-group.error.green {  color: #00A000;  font-size: 14px;  line-height: 16px;}
.error-text {  font-size: 12px;  line-height: 20px;  color: #D80000;}
.forms-data .form-group.valid-name .form-input {  border-bottom: 1px solid #00A000;}
.forms-data .form-group.invalid-name .form-input {  border-bottom: 1px solid #D80000;}
.forms-data .form-group.invalid-name .close-icon {  background-color: #D80000;  border-radius: 50px;}
.close-icon.date-close{position: relative;display: flex;align-items: center; cursor: pointer;}
/* .close-icon.date-close + div.input-group-append { margin-left: -20px;} */
.input-date{position: relative;}
button.calendar, button.calendar:active {  width: 32px;height: 32px; background-image: url(/assets/images/ic-calendar.svg) !important;  background-repeat: no-repeat;  background-size: 24px;  background-position: center;}
.btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow: none !important;}
.model-date-picker{position:absolute; display:flex;align-items: center; top:24px; right:1px;gap: 4px;}
.model-date-picker .input-group-append .btn{border: none;}
.model-date-picker .input-group-append .btn:hover{background-color: #f7f7f7;}
.model-date-picker .input-group-append button.calendar:active{background-color: transparent; border-color: transparent;}
.model-date-picker .input-group-append .btn:focus-visible{border: none; outline: none; border-color: transparent;}

.model-date-picker.resolve-regulatory-model-date {position: relative;top: 0;right: 56px;}
.update-admin-info ul li .input-block.input-date .model-date-picker {top: 2px;}
.custom-day-highlight button.calendar, .custom-day-highlight button.calendar:active{width: 2.7rem;height: 100%;}
.set-reminder-modal .model-date-picker {top: 1px;}
.filter-container .model-date-picker {top: 2px;}
.biographic-data-section .model-date-picker {top: 32px;}
.biographic-data-section .employment-history .model-date-picker {top: 24px;}

.forms-data .form-group.invalid-name .check-icon {  display: none;}
.forms-data .form-group.valid-name .close-icon {  display: none;}

.action-btn .width-100 {  width: 100%;}
.register-page .forms-data .form-inputs-data {  margin: 0;}
.register-page .forms-data .form-inputs-data .action-btn.disabled .commn-btn{padding: 15px; font-weight: 400;}
.thank-you-page {position: relative;height: 100vh;}
.thank-you-page .right-side-content {  position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%,-50%);  text-align: center;}
.thank-you-page .thank-you-title .title {  font-size: 38px;  line-height: 50px;  font-weight: 900;  color: #101010;}
.thank-you-page .thank-you-info {  margin: 24px auto 24px auto;  width: 790px;}
.thank-you-page .thank-you-info .para {  font-size: 16px;  line-height: 24px;  color: #616161;text-align: left;margin-bottom: 8px;}
.thank-you-page .thank-you-info ul{list-style: disc;margin: 0 0 8px 16px;font-size: 16px;line-height: 24px;color: #212121;text-align: left;}
.thank-you-page .action-btn .commn-btn {  width: 50%;}
.right-side-content.normal-pos .form-details {  height: auto;  margin-bottom: 80px;  width: auto;  max-width: -webkit-fill-available;  margin: 0 0 80px 0;}
.right-side-content.normal-pos .form-details.full-view {  height: calc(100vh + 100px);}
.nipr-note .details {  color: #616161;  font-size: 14px;  line-height: 24px;  width: 100%;  max-width: 60%;  margin: 0 auto;  text-align: center;  padding: 25px 0 20px 0;}
.domain-page .check-business-name {  position: absolute;  top: 20px;  right: 16px;  width: 100%}
.domain-page .check-business-name .status-btn {  position: absolute;  top: 0;  right: 0px;  color: #0068D8;  opacity: 0.16;}
.domain-page .check-business-name.valid .status-btn {opacity: 1;}
.domain-page .check-business-name .check-icon, .domain-page .check-business-name .close-icon {  position: absolute;  top: 3px;  right: 0;}
.domain-page .check-business-name .name-available {  color: #00A000;  font-size: 12px;  line-height: 22px;  position: absolute;  top: 38px;  left: 32px;}
.domain-page .check-business-name .name-notavailable {  color: #D80000;  font-size: 12px;  line-height: 22px;  position: absolute;  top: 38px;  left: 32px;}
.dash-sub-menu {  padding-top: 56px;}
.pd-r-16 {  padding-right: 16px;}
.pd-l-16 {  padding-left: 16px;}
.pd-6 {  padding-top: 6px;}
.sidebar-contentdata {  display: flex;  margin-right: -15px;  margin-left: -15px;  margin-bottom: 40px;}
.sidebar-contentdata .sidebar-width {  width: 232px;  max-width: 232px;}
.sidebar-contentdata .contentdata-width {  width: calc(100% - 232px);}
.sidebar-contentdata .contentdata-width.full-width {  width: 100%;}
.side-bar-menu {  background: #ffffff;  height: 100%;  position: fixed;  top: 56px;  width: 232px;  border-right: 1px solid #e0e0e0;  transition: all ease 0.5s;  z-index: 12;}
.side-bar-menu div#mCSB_5_container {  height: 100%;}
.side-bar-menu .side-bar-list {  padding: 16px;  z-index: 2;  position: relative;  height: 100%;}
.side-bar-list .side-bar-item .side-bar-link {  cursor: pointer;  padding: 12px;  border-radius: 8px;  display: flex;  align-items: center;  font-size: 14px;  line-height: 19px;  color: #424242;  white-space: nowrap;}
.side-bar-list .side-bar-item .side-bar-link.task-menu {  justify-content: space-between;  position: relative;}
.side-bar-list .side-bar-item .side-bar-link.task-menu .right-part .count {  border-radius: 6px;  background-color: #F0F6FD;  color: #0068D8;  font-size: 14px;  line-height: 14px;  font-weight: 600;  text-align: center;  margin: 0;  padding: 6px 8px;}
.side-bar-list .side-bar-item .side-bar-link.task-menu:hover .right-part .count {  background-color: #0068D8;  color: #fff;}
.side-bar-list .side-bar-item.show .side-bar-link .down-arrow {  transform: rotate(0deg);}
.side-bar-list .side-bar-item .dropdown-menu {  float: none;  position: initial !important;  top: initial !important;  transform: initial !important;  right: 0;  border-radius: 8px;  margin: 0;  border: none;  font-size: 14px;  line-height: 19px;  padding: 0;  overflow: hidden;}
.side-bar-list .side-bar-item .dropdown-menu .dropdown-item {  padding: 14px 14px 14px 35px;  border-radius: 8px;display: flex;align-items: center;}
/* .side-bar-list li.side-bar-item.dropdown.show{margin: 0 0 146px 0;} */
.side-bar-list .side-bar-item .dropdown-menu .dropdown-item svg {width: 20px;height: 20px;margin-right: 8px;vertical-align: middle;}
.side-bar-list .side-bar-item .dropdown-menu .dropdown-item:hover {  background-color: #F0F6FD;  color: #0068D8;}
.side-bar-list .side-bar-item .dropdown-menu .dropdown-item:hover svg path {  fill: #0068D8;}
.side-bar-list .side-bar-item .side-bar-link:hover svg path, .side-bar-list .side-bar-item.active .side-bar-link svg path {  fill: #0068D8;}
.side-bar-list .side-bar-item .side-bar-link:hover svg path#fill-circle, .side-bar-list .side-bar-item.active .side-bar-link svg path#fill-circle {  fill: #D80000;}
.side-bar-list .side-bar-item .side-bar-link.dropdown-toggle {  position: relative;}
.side-bar-list .side-bar-item .side-bar-link .down-arrow {  vertical-align: bottom;  transform: rotate(270deg);  position: absolute;  right: 15px;}
.side-bar-list .side-bar-item.active .side-bar-link, .side-bar-list .side-bar-item .side-bar-link:hover, .dropdown-item.active, .dropdown-item:active {  background: #F0F6FD;  color: #0068D8;  text-decoration: none;}
.side-bar-list .side-bar-item.active {  position: relative;}
.side-bar-list .side-bar-item.active::before {  content: "";  position: absolute;  width: 4px;  height: 48px;  background-color: #0068D8;  border-radius: 0 2px 2px 0;  left: -16px;  top: 2px;}
.side-bar-list .side-bar-item .side-bar-icon {  vertical-align: middle;  margin-right: 8px;  width: 24px;  height: 24px;}
.dropdown-toggle::after {  content: none;}
.side-bar-list .side-bar-item.active.show .side-bar-link + .dropdown-menu.show {  display: block;}
.side-bar-list .side-bar-item.active .side-bar-icon .icons path, .side-bar-list .side-bar-item .side-bar-link:hover .side-bar-icon .icons path, .side-bar-list .side-bar-item .dropdown-menu .dropdown-item.active svg path {  fill: #0068D8;}
.sidebar-contentdata .sidebar-width.half, .sidebar-contentdata .sidebar-width.half .side-bar-menu, .sidebar-contentdata .sidebar-width.half .side-bar-footer {  width: 88px;}
.sidebar-contentdata .sidebar-width.half .side-bar-menu .side-bar-list .side-bar-item .side-bar-link .menu-name, .sidebar-contentdata .sidebar-width.half .side-bar-menu .side-bar-list .side-bar-item.active .side-bar-link .menu-name, .sidebar-contentdata .sidebar-width.half .side-bar-menu .side-bar-list .side-bar-item .dropdown-menu .dropdown-item .menu-name {  display: none;}

.sidebar-contentdata .sidebar-width.half .side-bar-menu .side-bar-list .side-bar-item .dropdown-menu {  min-width: auto;}
.sidebar-contentdata .sidebar-width.half .side-bar-menu .side-bar-list .side-bar-item .dropdown-menu .dropdown-item {  padding: 14px 14px 14px 18px;}
.show-dropdown .dropdown-menu{display: block;}
.show-dropdown.show .show{display: none;}
.side-bar-list .side-bar-item.show-dropdown .side-bar-link .down-arrow{transform: rotate(360deg);}
.side-bar-list .side-bar-item.show-dropdown.show .side-bar-link .down-arrow{transform: rotate(270deg);}
.side-bar-list .side-bar-item.active.show .side-bar-link .down-arrow{transform: rotate(360deg);}
.side-bar-list .side-bar-item.active .side-bar-link .down-arrow{transform: rotate(270deg);}
.side-bar-list .side-bar-item.active.show .dropdown-menu{display: none;}
.side-bar-list .side-bar-item.active .dropdown-menu{display: none;}
.sidebar-contentdata .sidebar-width.half .side-bar-menu .side-bar-list .side-bar-item .side-bar-link.task-menu .right-part {  position: absolute;  top: 0;  right: -8px;}
.sidebar-contentdata .sidebar-width.half .side-bar-menu .side-bar-list .side-bar-item .side-bar-link.task-menu .right-part .count {  padding: 3px 5px;}
.sidebar-contentdata .sidebar-width.half .side-bar-menu .side-bar-footer .side-bar-footer-info h3 {  display: none;}
.sidebar-contentdata .contentdata-width.full {  width: calc(100% - 88px);}
/* .sidebar-contentdata .contentdata-width.full .common-tab .nav-tabs.fixed {  width: calc(100% - 88px);} */
/* .sidebar-contentdata .contentdata-width.full .action-table-header {  width: calc(100% - 88px)} */
.sidebar-contentdata .sidebar-width.half .side-bar-list .side-bar-item .side-bar-icon {  margin-right: 0;}
.sidebar-contentdata .sidebar-width.half .side-bar-list .side-bar-item .side-bar-link {  justify-content: center;}
.header-main {  width: 271px;  max-width: 271px;  transition: all ease 0.3s;}
.header-main.half {  width: 60px;  max-width: 60px;  transition: all ease 0.3s;}
.header-main.half .header-content {  padding: 8px 9px 8px 24px;  transition: all ease 0.3s;}
.header-main.half .header-content .left-part {  display: inline-block !important;  padding-right: 24px;}
.header-main.half .left-part .main-logo {  display: none;}
.header-main.half .left-part .second-logo {  display: block;  width: 40px;  height: 40px;}
.header-main.half .header-content .left-part:after {  top: -8px;}
.header-main.half .header-content .logo-sec {  width: 60px;  display: flex;  position: relative;}
.header-main.half .container-fluid {  padding-left: 0;}
.header-main.half .header-content .left-part .title {display: none;}
.header-main.half .header-content .left-part .logo {  padding: 0 !important;}
.side-bar-footer {  position: fixed;  bottom: 0;  width: 232px;  z-index: 2;  border-top: 1px solid #e0e0e0;  border-right: 1px solid #e0e0e0;  background-color: #fff;  transition: all ease 0.5s;}
.side-bar-footer .side-bar-footer-info {  transition: all ease 0.3s;  font-size: 14px;  line-height: 18px;  padding: 30px 0;  display: flex;  align-items: center;  padding: 8px 16px;  justify-content: center;}
.side-bar-footer .side-bar-footer-info .collapse-sidebar {  cursor: pointer;}
.side-bar-footer .side-bar-footer-info .collapse-sidebar img {  vertical-align: middle;}
.side-bar-footer .side-bar-footer-info .side-bar-footer-text {  flex: 1;}
.dashboard-data {  padding: 16px 16px 0 16px;  margin: 0 0px;}
.dashboard-section .common-graph-layout {  padding: 14px;  border-radius: 6px;  margin-bottom: 16px;  height: 348px;  max-height: 348px;}
.dashboard-section .dashboard-data .common-graph-layout.set-block-height {  height: 712px;  max-height: 712px;}
.dashboard-section g.highcharts-exporting-group {  display: none;}
.dashboard-section .nipr-alerts-list .nipr-alerts-item {  font-size: 14px;  display: flex; align-items: center;justify-content: space-between;  line-height: 18px;  color: #757575;  border-bottom: 1px solid #F7F7F7;  padding: 8px 0;}
.dashboard-section .nipr-alerts-list .nipr-alerts-item .left-part {  flex: 1;}
.dashboard-section .nipr-alerts-list .nipr-alerts-item a{display: flex;align-items: center;justify-content: space-between;width: 100%;}
.dashboard-section .nipr-alerts-list .nipr-alerts-item p {  margin: 0;}
.dashboard-section .nipr-alerts-list .nipr-alerts-item .nipr-alerts-title {  color: #101010;  margin-right: 7px;  font-weight: 500;}
.dashboard-section .nipr-alerts-list .nipr-alerts-item .nipr-alerts-title.nipr-status-icon {  max-width: 500px;  white-space: nowrap;  overflow: hidden;  text-overflow: ellipsis;  float: left;}
.dashboard-section .nipr-alerts-list .nipr-alerts-item .nipr-alerts-status svg {  width: 16px;  height: 16px;  line-height: 16px;  vertical-align: top;}
.removed-state {  font-size: 12px;  color: #9E9E9E;  text-align: right;}
.license-region-sec .ng-dropdown-panel, .license-region-sec .ng-dropdown-panel .ng-dropdown-panel-items {  width: 230px;}
.license-region-sec .ng-select .ng-select-container {  max-width: 230px;}
.terminate-approve .ng-dropdown-panel .ng-dropdown-panel-items {  max-height: 172px;}
.nipr-alerts-block {  display: flex;}
.nipr-alerts-block .dash-nipr-block {  flex: 1;}
.nipr-alerts-block .dash-alerts-block {  flex: 1;}
.dash-nipr-block .sticky-top{z-index: 1 !important;}
button.highcharts-a11y-proxy-button.highcharts-no-tooltip {  display: none !important;}
/* .manageloa-data {  width: 100%;  max-width: 900px;  margin: auto;  border: 1px solid #E0E0E0;  border-radius: 6px; position: relative; top: 170px;} */
.manageloa-data { width: 100%; margin: auto; border-radius: 6px; position: relative; top: 0px;}
/* .sidebar-contentdata .contentdata-width.full .manageloa-data { width: calc(100% - 88px);} */
.manageloa-data .common-tab {  padding: 0;}
.manageloa-data .header {  padding: 16px 16px 0 16px;}
.manageloa-data .header .action-block {  text-align: right;}
.manageloa-data .block-title {  color: #101010;  font-size: 24px;  line-height: 34px;  font-weight: 700;  letter-spacing: -0.58px;}
.manageloa {  padding-bottom: 0px;}
.loa-section .manageloa .tab-content .ng-dropdown-panel.ng-select-bottom {  width: auto;  right: auto;  left: 0;}
.manage-supported-block {  display: flex;}
.manage-supported-block .master-block, .manage-supported-block .supported-block {  flex: 1;}
.manage-loa-no-data {  border-top: 1px solid #E0E0E0;  padding: 50px 50px 100px;}
.manageloa-data .table-selection-block {  padding: 6px 8px;}
.manageloa-data .search-block {  margin: 12px 24px 0;}
.manage-supported-block .list-title {  background-color: #f7f7f7;  text-align: center;  color: #101010;  font-size: 14px;  line-height: 19px;  padding: 10px;}
.manage-supported-block .supported-block-list, .manage-supported-block .master-block-list {  padding: 24px;}
.manage-supported-block .supported-list .supported-items, .manage-supported-block .master-list .master-items {  position: relative;  padding: 6px 0;}
.manage-supported-block .supported-list .supported-items .title, .manage-supported-block .master-list .master-items .title {  display: inline-block;  width: 300px;  max-width: 300px;}
.manage-supported-block .supported-list .supported-close-icon, .manage-supported-block .master-list .master-plus-icon {  position: absolute;  right: 0;  cursor: pointer;  padding: 0 3px;}
.manage-supported-block .supported-list .supported-close-icon:hover svg rect, .manage-supported-block .master-list .master-plus-icon:hover svg rect {  fill: #eeeeee;  border-radius: 6px;}
.manage-supported-block .supported-list .supported-close-icon:hover svg path, .manage-supported-block .master-list .master-plus-icon:hover svg path {  fill: #101010;}
.manage-supported-block .master-block {  border-right: 1px solid #e0e0e0;}
.manageloa-data .header .action-block .btn {  border: 1px solid #e0e0e0;  border-radius: 50px;  margin: 0 4px;  font-size: 14px;  line-height: 22px;}
.manageloa-data .header .action-block .btn.btn-update {  border: 1px solid #0068D8;  background-color: #0068D8;  color: #ffffff;}
.dropdown-list {  box-shadow: none !important;  margin-top: 0 !important;  z-index: 99 !important;  top: 23px; overflow: hidden;}
.modal .dropdown-list {  top: inherit;}
.modal-body-scroll {  max-height: calc(100vh - 225px);  overflow: auto;}
.modal-body-scroll.isSkip {  max-height: calc(100vh - 275px);  overflow: auto;}
.modal .multiselect-dropdown .dropdown-btn {  color: #9e9e9e;  padding: 6px 12px 6px 12px !important;  height: 38px;}
.multiselect-dropdown .dropdown-btn {  padding: 0 12px 0 0 !important;  display: flex !important;  align-items: center;}
.modal .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {  height: fit-content !important;  padding: 0 !important;  transition: none !important;  top: 14px !important;}
.multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {  height: fit-content !important;  padding: 0 !important;  transition: none !important;  top: 3px !important;}
.multiselect-dropdown .dropdown-btn .dropdown-multiselect--active .dropdown-multiselect__caret {  top: 9px !important;}
.modal .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before {  left: 9px;  appearance: none;  padding-right: 20px;  outline: 0;  border: 0;  box-shadow: none;  color: #757575;  background-color: transparent;  background-image: url(/assets/images/ic-arrow-down.svg);  background-repeat: no-repeat;  cursor: pointer;  font-size: 12px;  line-height: 22px;  border: 0 !important;}
.multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before {  left: 20px;  top: -8px !important;  appearance: none;  padding-right: 20px;  outline: 0;  border: 0;  box-shadow: none;  color: #757575;  background-color: transparent;  background-image: url(/assets/images/ic-arrow-down.svg);  background-repeat: no-repeat;  cursor: pointer;  font-size: 12px;  line-height: 22px;  border: 0 !important;}
.modal .multiselect-dropdown .dropdown-btn .dropdown-multiselect--active .dropdown-multiselect__caret:before {  left: 0;  top: 4px !important;}
.multiselect-dropdown .dropdown-btn .dropdown-multiselect--active .dropdown-multiselect__caret:before {  left: -20px;  top: 10px !important;}
.modal .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before {  left: 0px;}
.modal .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before {  background-image: url(/assets/images/ic-drop-down.svg);}
.multiselect-dropdown .dropdown-btn .selected-item-container .selected-item {  background: #EEEEEE !important;  border: none !important;  color: #101010 !important;  font-size: 12px;  border-radius: 12px !important;  padding: 0px 10px !important; display: flex;  align-items: center;  max-width: fit-content !important;margin-bottom: 0 !important;}
/** alignment**/
.alllicenses-list-section .multiselect-dropdown .dropdown-btn > span, .alllicenses-list-section .multiselect-dropdown .dropdown-btn span > span {padding: 0 !important;}
.alllicenses-list-section .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item {  padding: 0 4px !important;}
.alllicenses-list-section .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item span,
.allappointment-list-section .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item span {max-width:100px;}
.alllicenses-list-section.eando-section .select-options.package .form-control .ng-dropdown-panel.ng-select-bottom {width: unset;}
/** alignment**/
.multiselect-dropdown .dropdown-btn .selected-item-container .selected-item a {  color: #101010 !important;  display: inline-block;  width: 15px;  height: 15px;  line-height: 12px;  padding-left: 3.9px !important;  z-index: 1;}
.multiselect-item-checkbox input[type=checkbox] + div:before {color: #424242 !important;border: 1px solid #337ab7 !important;}
.multiselect-item-checkbox input[type=checkbox]:checked + div:before {  background-color: #337ab7 !important;}
.multiselect-dropdown .dropdown-btn .selected-item:hover {  box-shadow: none !important;}
.multiselect-item-checkbox input[type=checkbox] + div:after {  left: 3px !important;  margin-top: -3px !important;}
.multiselect-item-checkbox input[type=checkbox] + div:before{margin-top: -7px !important;}
.action-table-header .multiselect-item-checkbox input[type=checkbox] + div:after {  left: 3px !important;  margin-top: -5px !important;}
.action-table-header .multiselect-item-checkbox input[type=checkbox] + div:before{margin-top: -9px !important;}
.multiselect-dropdown .dropdown-btn .selected-item-container .selected-item a:hover {  background: #fff;  border-radius: 25px;}
.multiselect-dropdown .dropdown-btn .selected-item-container .selected-item span {  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  overflow: hidden;  max-width: 120px;}
.width-auto .dropdown-list {  width: auto !important;}
.multiselect-dropdown .disabled > span {  background-color: transparent !important;}
.dropdown-list .multiselect-item-checkbox input[type=checkbox]:disabled:checked + div:before {  opacity: 0.4;  pointer-events: none;}
.first-child-disabled .selected-item-container:first-child .selected-item a {  display: none !important;}
.contact-dash.white-bg {  background-color: #ffffff;  padding: 14px;  border-radius: 6px;}
.contact-dash .action-block .edit-icon {  cursor: pointer;}
.contact-dash-commn-list .agenzee-status-item .table-selection-block .dropdown-menu , .contact-dash-commn-list .agenzee-status-item .select-options .ng-select.ng-select-opened .ng-select-container, .contact-dash-commn-list .agenzee-status-item .select-options .ng-dropdown-panel{z-index: 1;}
.contact-dash-commn-list .agenzee-status-item .select-options .ng-dropdown-panel .ng-dropdown-panel-items{max-height: 200px;}
.contact-dash-commn-list {  margin-bottom: 14px;}
.contact-dash-commn-list .profile-info-title .title {  color: #9E9E9E;  font-size: 12px;  line-height: 15px;  margin-bottom: 17px;}
.contact-dash-commn-list li .title {  color: #757575;  font-size: 12px;  line-height: 15px;  width: 100%;max-width: 94px;}
.contact-dash-commn-list li .info-icon {  vertical-align: bottom;  width: 20px;  height: 20px;  margin: 0 4px 0 0;}
.contact-dash-commn-list li .name {  color: #101010;  font-size: 12px;  line-height: 20px;  width: calc(100% - 100px);}
.contact-dash-commn-list li .name.f-1 {  flex: 1;}
.contact-dash-commn-list li .pro-ass-name {  color: #0068D8;  margin: 0 0 0px 4px;  background: #F0F6FD;  padding: 1px 12px;  border-radius: 12px;  display: -webkit-inline-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  overflow: hidden;  max-width: 100px;}
.contact-dash-commn-list li {  padding: 10px 0;  border-bottom: 1px solid #e0e0e0;  display: flex;  align-items: baseline;}
.contact-dash-commn-list li.last {  border: none;  padding-bottom: 0px;}
.contact-dash-commn-list .profile-info-item.add-item {  align-items: baseline;}
.contact-dash-commn-list .date-time {  font-size: 11px;  color: #757575;  flex: 1;}
.profile-info-list {  padding-right: 5px;}
.chart-opt{position: absolute; top: 60px; z-index: 1; left: 29px; cursor: pointer; background-color: #F0F6FD; border-radius: 14px;}
.chart-opt svg:hover path{fill: #0068D8;}
.chart-opt .active-chart svg path{fill: #0068D8;}
.chart-opt .active-chart svg rect{fill: #C2DBF6}
.appo-carrier-lic-sec.profile-info .contact-dash-commn-list li .title{width: 140px;}

.click-to-copy{position: relative;}
.click-to-copy img { vertical-align: middle; }
.click-to-copy img:hover {  cursor: url(/assets/images/specialCopyCursor.cur), auto;}
.click-to-copy .text-tooltip {  position: absolute;  padding: 5px 10px;  top: -35px;  right: -20px;  font-size: 12px;  box-shadow: 0px 2px 10px #00000024;  display: none;  color: #fff;  border: 1px solid #E0E0E0;  z-index: 111;  background-color: #0068d8;  width: max-content;  max-width: 400px;  text-align: left;  line-height: 18px;  border-radius: 4px;}
.click-to-copy .text-tooltip:before {  content: '';  position: absolute;  display: block;  width: 0px;  right: 36%;  top: 100%;  border: 7px solid transparent;  border-top: 8px solid #E0E0E0;}
.click-to-copy .text-tooltip:after {  content: '';  position: absolute;  display: block;  width: 0px;  right: 36%;  top: 100%;  border: 7px solid transparent;  border-top: 7px solid #0068d8;  z-index: 1;}
.click-to-copy:hover .text-tooltip {  display: block;}

.profile-info .click-to-copy .text-tooltip{right: -4px;}
.profile-info .click-to-copy .text-tooltip:before, .profile-info .click-to-copy .text-tooltip:after{right: 16%;}

/* .contact-dash.contact-eq-height {height: 432px;max-height: 432px;} */
.card-commn-list li {display: flex;}
.card-commn-list .title, .card-commn-list .info {  font-size: 12px;  line-height: 18px;}
.card-commn-list .title {  color: #757575; width: 45px;}
.card-commn-list .info {  color: #101010;  flex: 1;  text-align: left;}
.sep-sec {  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  margin-right: -15px;  margin-left: -15px;}
.set-sec-width {  -ms-flex: 0 0 33.333333%;  flex: 0 0 33.333333%;  max-width: 33.333333%;  padding-right: 15px;}
.set-sec-width.pd-r-0 {  padding-right: 0px;}
/* .appo-carrier-lic-sec.col-6 {  padding-left: 0px;}
.appo-carrier-lic-sec.col-8 .col-12 {  padding-left: 0px;}
.appo-carrier-lic-sec.col-4 {  padding-right: 0px;  padding-left: 0px;}
.active-carrier-app-info .row .col-6:nth-child(even) {  padding-left: 8px;}
.active-carrier-app-info .row .col-6:nth-child(odd) {  padding-right: 8px;}
.firm-dashboard-lic-sec.col-4, .firm-dashboard-lic-sec.col-6, .firm-dashboard-lic-sec.col-12 {  padding-left: 0px;  padding-right: 0px;}
.firm-dashboard-lic-sec.col-6.pe-16, .firm-dashboard-lic-sec.col-4.pe-16, .firm-dashboard-lic-sec.col-12.pe-16 {  padding-right: 16px;}
.firm-dashboard-lic-sec.col-6.ps-16, .firm-dashboard-lic-sec.col-4.ps-16, .firm-dashboard-lic-sec.col-12.ps-16 {  padding-left: 16px;} */

.contact-admin-details .action-edit-btn.header-content {  display: flex; justify-content: end; align-items: center; padding: 0; background-color: transparent; border-bottom: none; }
.contact-admin-details .action-edit-btn.header-content .help-dropdown .help-url { padding: 0;}
.contact-admin-details .action-edit-btn.header-content .dropdown-item:hover { background-color: #F0F6FD; color:#0068D8}
.contact-admin-details .action-edit-btn.header-content .dropdown-item:hover svg path{ fill:#0068D8}

.contact-admin-details .admin-name-actions {  display: flex;  width: 100%;  background: #ffffff;  margin-bottom: 16px;  padding: 12px 16px;  border-radius: 6px;  align-items: center;}
.contact-admin-details .admin-name-actions .name {  display: flex;  flex: 1;  align-items: center;}
.contact-admin-details .admin-name-actions .name .user-pic {  width: 60px;  margin: 0 12px;}
.contact-admin-details .admin-name-actions .name .user-pic.is-contact {  width: 60px;  margin: 0 0;}
.contact-admin-details.sep-sec .admin-name-actions .name .user-name-note {  display: flex;  flex-direction: column;}
.contact-admin-details .admin-name-actions .name .user-pic .user-bg {  width: 48px;  height: 48px;  border-radius: 25px;  background-color: #80CBC4;  margin: 0 auto;  display: flex;  align-items: center;  justify-content: center;}
.contact-admin-details .admin-name-actions .name .user-pic .user-bg .short-name {  text-align: center;  color: #101010;  font-weight: 500;}
.contact-admin-details .admin-name-actions .actions {  flex: 1;  text-align: right;}
.contact-admin-details .admin-name-actions .user-name-note .user-name {  font-size: 16px;  line-height: 20px;  color: #101010;}
.contact-admin-details .admin-name-actions .user-name-note .overall-score-note {  margin-left: 0;}
.contact-admin-details .admin-name-actions .user-name-note .user-note {  font-size: 13px;  line-height: 22px;  color: #757575;  position: relative;}
.contact-admin-details .admin-name-actions .user-name-note .user-note .separate::before {  content: "";  top: 4px;  background-color: #e0e0e0;  display: inline-block;  margin: 0 6px;  width: 1px;  height: 13px;  position: absolute;}
/* .contact-admin-details .admin-name-actions .user-name-note .user-note .highlight{font-weight: 600; color: #757575;} */
.contact-admin-details .admin-name-actions .user-name-note .user-note .highlight.space {margin: 0 0 0 15px;}
.contact-admin-details .action-edit-btn .link.edit, .contact-admin-details .action-edit-btn .link.delete {  border-radius: 6px;}
.right-part .action-edit-btn {  padding-right: 5px;}
.back-btn:hover, .back-link a:hover svg { background: #e0e0e0;  border-radius: 6px;}
.back-btn:hover svg path, .back-link a:hover svg path {  fill: #101010;}
.agenzee-tracking .ng-select .ng-select-container .ng-value-container {  flex: inherit;}
.agenzee-tracking .ng-select .ng-select-container .ng-value-container .ng-value-label {  color: #0068D8;}
/* .contact-list-data .action-table-header, .action-table-header.no-tab-view, .top-56 {  top: 0px;} */
.top-1 {  top: 1px;}
/* .contact-list-data .common-table {  padding-top: 0px;} */
.common-table.appointment-list, .common-table.contact-table {overflow: auto; height: calc(100vh - 165px);}
.common-table.appointment-list .appointment-list-table{width: 100%;}
/* .common-table.appointment-list .appointment-list-table .sticky-from-top, .common-table.contact-table .table thead.sticky-from-top{top:0;} */
.common-table.appointment-list .appointment-list-table td:last-child, 
.common-table.appointment-list .appointment-list-table th:last-child,
.common-table.contact-table td:last-child, .common-table.contact-table th:last-child{position: sticky; right: 0;}
.common-table.appointment-list .appointment-list-table td:last-child ,
.common-table.contact-table td:last-child {background-color: #ffffff;}
.common-table.appointment-list .appointment-list-table .select-data td:last-child,
.common-table.contact-table .select-data td:last-child {z-index: 1;}
.common-table.appointment-list .appointment-list-table td:last-child::after, 
.common-table.appointment-list .appointment-list-table th:last-child::after,
.common-table.contact-table td:last-child::after,
.common-table.contact-table th:last-child::after {background: linear-gradient(90deg, #fdfbfb 0%, #ebedee 100%);content: "";top: 0;left: -8px;width: 24px;height: 30px;opacity: 0.6;position: absolute;}

.common-table.contact-table tr:hover td:last-child::after{ background: linear-gradient(90deg, #F0F6FD 0%, #ebedee 100%);}
/* .contact-list-data .common-table .status-icon{height: 22px;} */
/* .common-table.branches-table,.common-table.carriers-table{padding-top: 54px;} */
.contact-list-data .search-block {width: 230px;}
.contact-list-data .search-block.width {width: 190px;}
.assign-modal .input-block {  border: 1px solid #e0e0e0;  border-radius: 6px;  font-size: 14px;  line-height: 22px;}
.assign-modal .input-block .select-block {  padding: 7px 12px;}
.assign-modal .input-block .ng-dropdown-panel.ng-select-bottom {  right: 0;  width: 100% !important;  margin-bottom: 8px;  margin-top: 0 !important;}
.common-table.loa-top {  padding-top: 0px;overflow: auto;max-height: calc(100vh - 296px);}
.common-table .table .status {  position: relative;}
.common-table .table.licenses-table-list .status div,.common-table .table.appointment-list-table .status div{height: 22px;}
.common-table .table .status .mail-icon {  background-color: #0068D8;  border-radius: 16px;  padding: 5px;  cursor: pointer;}
.common-table .table .status .type {  border-radius: 16px;  color: #ffffff;  padding: 3px 14px;  display: inline-block;  text-align: center;  font-size: 12px;  line-height: 15px;}
.common-table .table .status .active {  background-color: #00A0F4;}
.common-table .table .status .pending {  background-color: #C2DBF6; color: #0068D8; margin-right: 12px;}
.common-table .table .status .invite {  background-color: #ffffff;  display: inline-flex;  align-items: center;  border: 1px solid rgb(0 123 255 / 1);  color: #0068D8;  cursor: pointer;}
.common-table .table .status .invite:hover {  background-color: #005CBF;  color: #ffffff;  border: 1px solid #005CBF;}
.common-table .table .status .invite:hover .invite-icon {  filter: brightness(0) invert(1);}
.common-table .table .status .invited {  background-color: #00D0E8;}
.common-table .table .status .inactive {  background-color: #C2DBF6;}
.common-table .table .status .terminated {  background-color: #C2DBF6;}
.common-table .table .status .archived {  background-color: #FBE9E7;  color: #ff5722;}
.common-table .table .status .invite-reinvite-block {  display: flex;  align-items: center;}
.common-table .table tr:hover .status .invite-reinvite-block .reinvite-link .reinvite-icon .h-color {  fill: #0068d8;}
.common-table .table tr:hover .status .invite-reinvite-block .reinvite-link .reinvite-icon .h-st-color {  stroke: #0068d8;}
.common-table .table .status .invite .status-text {  margin-right: 6px;line-height: 12px;}
.common-table .table .email-block .email-link {  flex: 1;  color: #101010;}
.common-table .table .email-block .edit-mail {  margin: 0;  opacity: 0;  visibility: hidden;}
/* .common-table .table .email-block .edit-mail svg {width: 22px;height: 22px;} */
.common-table .table tr:hover .email-block .edit-mail {  opacity: 1;  visibility: visible;}
.common-table .table .status .invite.disabled .status-text, .common-table .table .status .invite.disabled .invite-icon {  color: #0068D8;  opacity: 24%;}
.common-table .table .status .invite.disabled {  border: 1px solid rgb(0 123 255 / 25%);  cursor: not-allowed;}
.common-table .table .status .invite.disabled:hover {  background-color: #ffffff;  color: #0068D8;  border: 1px solid rgb(0 123 255 / 25%);}
.common-table .table .status .invite.disabled:hover .invite-icon {  filter: inherit;}
.common-table .table .status .status-icons .admin, .common-table .table .status .invite-reinvite-block .reinvite-link {vertical-align: middle;  cursor: pointer;  opacity: 0;  visibility: hidden;  width: 22px;  height: 22px;}
.common-table .table .status .status-icons .admin svg{width: 22px;height: 22px;}
.common-table .table .status .status-icons .admin-fill{  width: 22px;  height: 22px;}
.common-table .table tr .status .status-icons.resend {  display: inline-block;  width: 22px;  height: 22px;}
.common-table .table tr .status .status-icons.resend .status-link .arrow-img {  position: relative;}
.common-table .table tr .status .status-icons.resend .status-link.resend .arrow-img img.admin {  opacity: 0.5;  display: block;  visibility: visible;}
.common-table .table tr .status .status-icons.resend:hover .invite-text-tooltip {  display: block;  top: -6px;  right: -230px;  color: #101010;  padding: 6px 14px;  width: 222px;  font-size: 12px;  line-height: 22px;  opacity: 1;}
.common-table .table tr:hover .status .status-icons .admin, .common-table .table tr:hover .status .invite-reinvite-block .type.invited ~ .reinvite-link {  opacity: 1;  visibility: visible;}
.common-table.all-border .table th,
.common-table.all-border .table td {border-right: 1px solid #efefef; padding: 5px 6px;}
.common-table.all-border .table tr th:first-child,
.common-table.all-border .table tr td:first-child {padding: 5px 14px;}
.new-group-block .btn {  padding: 4px 14px;  background: #F0F6FD;  border-radius: 100px;  margin-right: 8px;  color: #0068D8;  font-size: 14px;  line-height: 15px;  white-space: nowrap;}
.new-group-block .btn:hover {border: 1px solid #0068D8;}
.privacy-select {  display: flex;  align-items: center;}
.privacy-icon {  vertical-align: middle;  width: 20px;  height: 20px;  display: inline-block;  margin-right: 6px;}
.highcharts-data-labels.highcharts-gauge-series.highcharts-tracker {  display: none;}
.edit-mail {  margin-left: 10px;  cursor: pointer;}
#branchListForm .tab-npn-num, #agencyListForm .tab-npn-num{display: inline-block;}
.tab-npn-num {  display: block;  color: #101010;}
.tab-npn-num:hover, .common-table .table tr:hover .tab-npn-num {  color: #0068D8;}
/* .card-container {  border: 1px solid #e0e0e0;  border-radius: 6px;  margin: 0 0 25px;} */
/* .card-container.first-container {  border: none;} */
.card-container .user-name {  padding: 10px 15px 0;  position: relative;}
.card-container .user-name .sub-title {  display: inline-block;}
.card-container .user-name .open-modal {  cursor: pointer;}
.card-container .user-name .open-modal img {  position: absolute;  right: 15px;}
.card-container .user-name .open-modal .notify-number {  background-color: #0068D8;  color: #fff;  position: absolute;  right: 8px;  bottom: -8px;  border-radius: 50%;  opacity: 0.8;  font-size: 12px;  line-height: 20px;  font-weight: 600;  text-align: center;  width: 20px;}
.card-container .card-name {cursor: pointer; padding: 7px 14px 7px 0px;  border-radius: 0; border-bottom: 1px solid #e0e0e0; color: #424242;}
.card-container .card-name.collapsed-block, .card-container .card-name:hover { border-radius: 0 8px 8px 0; border:0; color: #0068D8; background: linear-gradient(90deg, #FFFFFF 0%, #F0F6FD  100%);}
.card-container .card-name:hover svg path{fill: #0068D8;}
.card-container .card-block {  border: none;  padding: 5px 14px;}
.card-container .card-block .card-commn-list {  padding: 0 0 15px;}
.card-container .card-block .card-commn-list:last-child {  padding: 0;}
.card-container .card-block .card-commn-list .sub-title {  color: #000;  font-weight: 500;  padding: 0 0 5px;}
.card-block {  border: 1px solid #e0e0e0;  border-radius: 6px;  padding: 14px;  position: relative;  margin: 4px 0 0px 0;}
.card-block .card-name .name {  position: absolute;  font-size: 12px;  line-height: 16px;  top: -8px;  background: #ffffff;  padding: 0px 8px;  left: 6px;  color: #0068D8;  max-width: 200px;  display: -webkit-box;  -webkit-line-clamp: 1;  -webkit-box-orient: vertical;  overflow: hidden;}
.profile-info-title {  display: flex;  align-items: center;}
.profile-info-title .title {  color: #616161;  font-size: 12px;  line-height: 15px;  padding: 10px 0px 5px;  width: calc(100% - 0px);}
.company-container.card-container, .state-container.card-container { border-bottom: 1px solid #f7f7f7}
.common-table .status-icons {display: inline-block;  vertical-align: middle;  margin-left: 5px;  line-height: 0;}
.common-table .status-icons .status-link .arrow-img {  width: 22px;  height: 22px;  display: inline-block;  vertical-align: top;}
.common-table tr .add-email-link {  color: #0068D8;  opacity: 0;  visibility: hidden;  display: flex;  align-items: center;}
.common-table tr:hover .add-email-link {  color: #0068D8;  opacity: 1;  visibility: visible;  cursor: pointer;}
.common-table .invite-text-tooltip {  display: none;  position: absolute;  top: 18px;  right: -70px;  border: 1px solid #e0e0e0;  padding: 0 10px;  border-radius: 4px;  z-index: 1;  background-color: #ffffff;  color: #101010;}
.common-table .table .status .invite:hover .invite-text-tooltip {  display: block;}
.common-table .invite-text-tooltip:before {  content: '';  position: absolute;  display: block;  width: 0px;  left: -9px;  top: 5px;  border: 7px solid transparent;  border-left: 0;  border-right: 8px solid #e0e0e0;}
.common-table .invite-text-tooltip:after, .common-table .invite-text-tooltip:before {  content: '';  z-index: 1;  margin-top: 3px;  position: absolute;  border-top: 7px solid transparent;  border-bottom: 7px solid transparent;  top: 10px;  left: -6px;}
.common-table .invite-text-tooltip:before {  border-right: 7px solid #E0E0E0;  margin-top: 0px;}
.common-table .invite-text-tooltip:after {  border-right: 10px solid #ffffff;  margin-left: 1px;  margin-top: 0;  z-index: 1;}
.tooltip-info {  cursor: pointer;}
.action-pagination-blocks {  display: flex;}
.action-pagination-blocks .action-block {  flex: 3;}
.action-pagination-blocks .pagination-block .action-edit-btn .link.delete {  margin-right: 8px;}
.highcharts-axis-title {  top: 240px !important;}
.gauge-title .title {  color: #E0E0E0;  font-size: 12px;}
.gauge-count-title {  color: #0068D8;  font-size: 32px;  line-height: 43px;  font-weight: 700;}
.set-branch-width {  width: 200px;  max-width: 200px;}
.common-table .table.all-data-checked tbody tr {  background-color: #F0F6FD;}
.new-contact-popup.common-modal .modal-dialog {  max-width: 800px;width: 800px;}
.new-contact-popup.common-modal .modal-content {width: 800px;}
.new-contact-popup .branch-block {  display: flex;  position: relative;}
.new-contact-popup .branch-block .select-options, .new-contact-popup .branch-block .input-block {  flex: 7;  margin: 0 0px 8px 0;}
/* .new-contact-popup .branch-block .select-options .select-block {  padding: 6px 0;  border: 1px solid #e0e0e0;  border-radius: 6px;  font-size: 14px;  line-height: 22px;} */
/* .new-contact-popup .branch-block .select-options .select-block .ng-select {  padding: 0 16px;} */
.new-contact-popup .branch-block .select-options select {  width: 100%;  padding: 0 11px;  border: 0;}
.new-contact-popup .branch-block .action-data-btn {  flex: 1;}
.new-contact-popup .branch-block .action-btn {  display: flex;}
.new-contact-popup .branch-block .action-btn .icons {  background-color: #F7F7F7;  border: 1px solid #E0E0E0;  border-radius: 6px;  padding: 5.5px 8px;  margin: 0 0 0 8px;  cursor: pointer;}
.new-contact-popup .branch-block .action-btn .save-icon.icons {  background: #F0F6FD;  color: #0068D8;  font-size: 14px;  line-height: 22px;  font-weight: 600;  flex: 1;  text-align: center;  border: 1px solid #C2DBF6;  margin: 0 0 0 4px;  padding: 6px 8px;}
.new-contact-popup .branch-block .action-btn .save-icon.icons svg {  margin-left: 6px;}
.new-contact-popup .branch-block .action-btn .icons:hover path {  fill: #0068d8;}
.new-contact-popup .branch-block .action-btn .icons:hover {  background-color: #F0F6FD;  border: 1px solid #C2DBF6;}
.new-contact-popup .branch-block .cancel-btn {  position: absolute;  right: 0;  top: -24px;  cursor: pointer;  font-size: 12px;  text-decoration: underline;  color: #757575;}
.new-contact-popup .modal-header, .new-contact-popup.common-modal .button-block {  border: 0;}
.new-contact-popup .action-btn.footer {  padding: 0 32px;}
.new-contact-popup .action-btn .commn-btn {  width: auto;  padding: 10px 30px;}
.new-contact-popup .group-form {  padding: 24px 32px 24px 32px;}
.new-contact-popup .group-form .input-container {  border: 2px dashed #C2DBF6;  border-radius: 6px;  text-align: center;  padding: 50px 25px;}
.new-contact-popup .group-form .input-container .file-name {  padding: 0 0 0 15px;  vertical-align: middle;}
.new-contact-popup .group-form .input-container button {  border: none;  background-color: transparent;  padding: 0 0 16px 0;}
.new-contact-popup .group-form .input-container .block-desc p {  font-size: 18px;  line-height: 24px;  color: #101010;  font-weight: 600;  margin: 0 0 4px 0;}
.new-contact-popup .group-form .input-container .input-label {  margin: 0;  color: #9E9E9E;  font-size: 14px;  line-height: 24px;  font-weight: 400;}
.new-contact-popup .group-form .logo-container {  display: flex;  justify-content: center;  padding: 30px 0;}
.new-contact-popup .group-form .coming-soon {  font-size: 26px;  line-height: 22px;  color: #0068d8;  border-radius: 6px;  font-weight: 700;  padding: 10px 0;  text-align: center;}
.new-contact-popup .col-md-3.action-data-btn, .new-contact-popup .col-sm-4.action-data-btn {  padding-left: 0px;}
.new-contact-popup .remove-doc-btn {  border: 1px solid #C2DBF6;  background-color: #F0F6FD;  color: #0068D8;  font-size: 14px;  line-height: 22px;  padding: 7px 15px;  border-radius: 6px;  width: 100%;}
.new-contact-popup .pd-rt-10 {  padding-right: 10px;}
.upload-file-content {  font-size: 12px;  line-height: 20px;  color: #757575;  padding-bottom: 40px;}
.upload-input{position: relative; float: right; bottom: 2px;}
.upload-input svg:hover{ cursor: pointer;}
.upload-input svg:hover path{fill: #0068D8; }
.upload-input-support-text{position: relative; padding-left: 4px; font-size: 12px; color: #757575;}
.select-edit {  margin-top: -16px;  margin-bottom: 16px;}
.product-plan-sec {  padding: 40px 49px 0 49px;}
.product-plan-sec .form-block-title.two-parts .form-title {  font-weight: 700;}
.product-plan-sec .action-btn {  text-align: right;}
.product-plan-sec .action-btn .commn-btn {  width: auto;  padding: 10px 30px;  font-weight: 600;  font-size: 16px;}
.pro-plan-price-data {  background-color: #ffffff;  margin: 23px 65px;}
.pro-plan-price-data .plan-data-container .row.custom-row {  border: 1px solid #E0E0E0;}
.pro-plan-price-data .sub-title-note {  padding: 32px 16px 14px;}
.pro-plan-price-data .ppp-block {  padding: 0 24px 54px 24px;}
.pro-plan-price-data .plan-data-container .col-8 {  border-right: 2px solid #E0E0E0;}
.pro-plan-price-data .ppp-block .block-title {  padding: 0 10px 30px 10px;  background: #ffffff;  margin-top: -13px;  width: fit-content;  color: #9E9E9E;  font-size: 14px;  line-height: 24px;  font-weight: 500;  text-transform: uppercase;}
.pro-plan-price-data .ppp-block .custom-control-label {  color: #101010;  font-size: 18px;  line-height: 28px;  font-weight: 700;}
.pro-plan-price-data .ppp-block .pro-desc {  color: #424242;  font-size: 14px;  line-height: 24px;  margin: 10px 0 0 0;}
.pro-plan-price-data .ppp-block .com-soon-text {  color: #0068D8;  font-size: 12px;  line-height: 20px;  font-weight: 700;  background: #F0F6FD;  padding: 4px;  margin-left: 8px;}
.pro-plan-price-data .ppp-block .mgt-data {  border-bottom: 1px solid #e0e0e0;  padding: 30px 16px;}
.pro-plan-price-data .ppp-block .mgt-data:last-child {  border: 0;}
.pro-plan-price-data .ppp-block .mgt-data.checked {  background-color: #F0F6FD;  border-radius: 4px;}
.pro-plan-price-data .price-block.ppp-block .block-desc {  padding: 32px 0;}
.pro-plan-price-data .price-block.ppp-block .block-desc p {  display: flex;  font-size: 12px;  line-height: 22px;  margin: 0;  color: #616161;  padding: 0 20px;  font-weight: 400;}
.pro-plan-price-data .price-block.ppp-block .block-desc p span {  margin: 0 8px 0 0;}
.pro-plan-price-data .price-block.ppp-block .block-desc p span img {  vertical-align: sub;  width: 15px;  height: 15px;}
/* .pro-plan-price-data .price-block.ppp-block .billing-data .billing-details .data .total-price h3 span {font-size: 14px;line-height: 22px;color: #424242;font-weight: 400;} */
.files-icons {margin-right: 10px;float: left;}
.files-icons img {  vertical-align: middle;}
.plan-files-list .plan-files-item {  padding: 0 10px;}
.plan-files-list .plan-files-item .plan-files-link {  color: #101010;  font-size: 16px;  line-height: 24px;  font-weight: 600;  margin: 0;}
.plan-files-list .plan-files-item .plan-files-note {  color: #424242;  font-size: 14px;  line-height: 22px;  margin-left: 33px;  margin-bottom: 32px;}
.plan-details .plan-files, .billing-data .billing-details {  margin-top: 24px;}
.billing-cycle {  border-bottom: 1px solid #e0e0e0;  border-top: 1px solid #e0e0e0;  padding: 12px 16px;}
/* .billing-cycle .title {color: #424242;font-size: 14px;line-height: 22px;} */
.billing-cycle .title .form-type {color: #101010;font-weight: 600;margin-left: 16px;}
.billing-data .billing-details .data {  display: flex;  padding: 0 16px;  margin-bottom: 28px;}
.billing-data .billing-details .data-border {  border-bottom: 1px solid #e0e0e0;  margin-bottom: 24px}
.billing-data .billing-details .data .title-seat {  flex: 3;}
.billing-data .billing-details .data .title-seat.dicount-aaplied {  padding-left: 30px;}
.billing-data .billing-details .data .title-seat .title {  color: #101010;  font-size: 16px;  line-height: 24px;  font-weight: 700;}
.billing-data .billing-details .data .title-seat.dicount-aaplied .title {  font-weight: 400;}
.billing-data .billing-details .data .title-seat.total-right {  text-align: right;  padding-right: 50px;}
.billing-data .billing-details .data .title-seat .seat {  color: #757575;  font-weight: 400;  font-size: 12px;  line-height: 22px;  margin-bottom: 0;}
.billing-data .billing-details .data .price-cal {  flex: 2;}
.billing-data .billing-details .data .total-price {  font-weight: 700;  color: #101010;  font-size: 14px;  line-height: 22px;}
.total-right{}
.price-cal .amount {  font-size: 16px;  line-height: 24px;  color: #101010;  font-weight: 500;}
.price-cal .sub, .price-cal .add {  margin: 0 6px;  cursor: pointer;}
.price-cal .sub:hover .icon rect, .price-cal .add:hover .icon rect {  fill: #F0F6FD;}
.price-cal .sub:hover .icon path, .price-cal .add:hover .icon path {  fill: #0068D8;}
.data-total {  display: flex;  font-weight: 500;  background-color: #F7F7F7;  padding: 10px;}
.data-total .title-seat {  flex: 6;}
/* .credit-card-popup.common-modal .modal-content {  padding: 50px;} */
.credit-card-popup.common-modal .modal-title {  font-size: 32px;  line-height: 48px;}
/* .credit-card-popup.common-modal .modal-title-desc {font-size: 14px;line-height: 22px;color: #424242;} */
.credit-card-popup.common-modal .modal-header {border-bottom: none;}
.credit-card-popup.common-modal .modal-header .left-side-payment {  flex: 2}
.credit-card-popup.common-modal .modal-header .right-side-content {  flex: 1;  margin-top: 16px;}
/* .credit-card-popup.common-modal .modal-header .modal-close-btn.close {  position: absolute;  top: 20px;  right: 20px;} */
.credit-card-popup.common-modal .action-btn {  text-align: center;}
.credit-card-popup.common-modal .action-btn .commn-btn {  width: 30%;  padding: 10px 15px;}
.credit-card-popup.common-modal .payment-card {  border: 1px solid #E0E0E0;  padding: 8px 16px;  margin: 0px auto;  border-radius: 6px;}
.credit-card-popup.common-modal .card-type-icon {  position: relative;  top: -29px;  right: 16px;  float: right;  height: 0px;}
.credit-card-popup.common-modal .card-type-icon img {  width: 24px;  height: 24px;  padding-left: 4px}
.credit-card-popup.common-modal .group-form.col-sm-6.right {  padding-right: 8px;}
.credit-card-popup.common-modal .group-form.col-sm-6.left {  padding-left: 8px;}
/* .credit-card-popup.common-modal .modal-body .group-form {  padding: 8px 24px 8px;} */
.credit-card-popup.common-modal .modal-body .payment-info-details {  display: flex;  align-items: center;  justify-content: space-between;  padding: 16px 0;}
.credit-card-popup.common-modal .modal-body .payment-info-details .right-side-img a {  display: flex;  padding: 0px 0 0 0;}
.credit-card-popup.common-modal .modal-body .payment-info-details .right-side-img a img {  width: 132px;  height: 30px;}
.credit-card-popup.common-modal .modal-body .payment-secure {  font-size: 14px;  line-height: 22px;  color: #616161;  padding: 0px 0px;}
.credit-card-popup.common-modal .modal-body .payment-secure img {  padding-right: 8px;  vertical-align: top;}
.plan-details-header {  display: flex;  border-bottom: 1px solid #e0e0e0;  align-items: center;}
.plan-details-header .sub-title-note {  flex: 1;  border: none;}
.plan-details-header .read-more .plan-files-link:hover svg path {  fill: #0068D8;}
.plan-details-header .read-more .plan-files-link:hover svg rect {  fill: #f0f6fd;}
.plan-details-header .read-more .plan-files-link:hover {  background-color: #F0F6FD;}
.plan-details-header .read-more .plan-files-link .read-more-icon:hover .tooltip-text {  display: block;  color: #101010;}
.plan-details-header .read-more {  position: relative;  margin-bottom: 1rem;}
.plan-details-header .read-more .tooltip-text {  display: none;  position: absolute;  left: -180px;  width: fit-content;  font-size: 14px;  top: 0;  background: #ffffff;  border: 1px solid #e0e0e0;  padding: 0 5px;}
.plan-details-header .read-more .tooltip-text:after, .plan-details-header .read-more .tooltip-text:before {  content: "";  z-index: 1;  margin-top: 3px;  position: absolute;  border-top: 7px solid transparent;  border-bottom: 7px solid transparent;  top: 3px;  right: -10px;}
.plan-details-header .read-more .tooltip-text:after {  border-left: 7px solid #ffffff;  margin-top: 0;  z-index: 1;  right: -8px;  top: 6px;}
.plan-details-header .read-more .tooltip-text:before {  border-left: 7px solid #E0E0E0;  margin-top: 3px;}
.tab-card-width {  width: 608px;  margin: 0 auto;  padding: 114px 0 30px;}
.tab-card-width.full-width {  width: 840px;}
.tab-card-title .title {  color: #101010;  font-size: 24px;  line-height: 34px;  font-weight: 700;  margin-bottom: 8px;}
.card-info .list-title {  font-size: 14px;  line-height: 24px;  color: #101010;  font-weight: 600;  margin-bottom: 0px;}
.card-info .detail-data {  display: flex;  padding-bottom: 24px;}
.card-info .tab-card-item {  padding-top: 24px;  border-bottom: 1px solid #E0E0E0;}
/* .card-info .tab-card-item:last-child {  border: 0;} */
.card-info .detail-data .left-part {  flex: 1;}
.card-info .detail-data .right-part {  text-align: right;}
.card-info .action-link .link {  color: #616161;  font-size: 12px;  line-height: 22px;  font-weight: 600;  padding: 5px 14px;}
.card-info .action-link .link.coming-soon {  color: #0068D8;  background-color: #F0F6FD;  border-radius: 4px;  cursor: inherit;}
.card-info .action-link .link.coming-soon:hover {  color: #0068d8;  background-color: #f0f6fd;}
.card-info .action-link .link:hover {  background-color: #EEEEEE;  color: #101010;  border-radius: 4px;  text-decoration: none;}
.card-info .action-link .link:hover .arrow path {  fill: #101010;}
/* .card-info .card-name-num {font-size: 14px;line-height: 24px;color: #424242;margin: 0;} */
.card-info .card-name-num .num {color: #101010;margin: 0;font-weight: 500;}
.card-info .other-data {  font-size: 14px;  line-height: 23px;  margin: 0;  color: #757575;}
.card-info .data-info {  color: #757575;  font-size: 14px;  line-height: 24px;  margin: 0;  font-weight: 400;}
.card-info .data-info.mid-strong {  font-weight: 600;  color: #101010;}
.card-info .card-hide {  font-size: 14px;  line-height: 24px;  color: #424242;  text-decoration: underline;}
/* .close-account-data .close-acc-text {font-size: 14px;line-height: 22px;color: #424242;} */
#close-account .modal-title {font-size: 24px;line-height: 34px;font-weight: 700;color: #101010;}
.view-history-table.table thead th {  font-size: 12px;  line-height: 20px;  background: #f7f7f7;  color: #757575;  border: 0;}
/* .view-history-table.table td {font-size: 14px;line-height: 24px;} */
.view-history-table.table tr:first-child td {border: 0;}
.tab-card .action-btn .table-icons {  margin-right: 10px;}
.tab-card .action-btn .table-icons .icon svg {  padding: 2px;}
.update-plan-form .plan-owner-name {  font-weight: 600;  font-size: 14px;  line-height: 24px;  text-transform: uppercase;  color: #9E9E9E;  background-color: #ffffff;  position: relative;}
.update-plan-form .plan-owner-name.set-text-transform {  text-transform: inherit;}
.plan-owner-name.af-bf-dash {  margin-bottom: 23px;  padding: 0 16px;}
.update-plan-form .form-block-title .left-part .form-title {  font-size: 20px;  line-height: 28px;  color: #101010;  font-weight: 700;  margin-bottom: 8px;}
.update-plan-form .form-block-title .left-part .form-notes {  font-size: 16px;  line-height: 22px;  color: #424242;  font-weight: 400;}
.update-plan-form.invoice-list .form-block-title.two-parts .left-part {  padding: 20px 0 0 0;}
.update-plan-form.invoice-list .form-block-title .left-part .form-notes {  padding: 0 0 32px;}
.update-plan-form .plan-owner-name.af-bf-dash:before {  content: '';  position: absolute;  left: 0;  top: 11px;  width: 7px;  height: 1px;  background: #e0e0e0;}
.update-plan-form .plan-owner-name.af-bf-dash:after {  content: '';  width: 80%;  height: 1px;  background: #e0e0e0e0;  position: absolute;  top: 11px;  right: 0;}
.update-plan-form .plan-owner-name.pos-set {  position: absolute;  top: -13px;  left: 7px;  padding: 0 10px 0 10px;}
.update-plan-form .dis-flex {  display: flex;}
.update-plan-form .dis-flex .title {  flex: 1;  font-size: 16px;  line-height: 26px;  color: #101010;  font-weight: 700;}
.update-plan-form .dis-flex .left-part {  flex: 1;}
/* .update-plan-form .dis-flex .left-part p {font-size: 14px;line-height: 22px;color: #424242;font-weight: 400;} */
.update-plan-form .dis-flex .left-part p span img {vertical-align: unset;width: 14px;height: 14px;}
.update-plan-form .border-block {  border: 1px solid #e0e0e0;  padding-top: 16px;  position: relative;}
.update-plan-form .update-user-plan, .update-plan-form .current-plan-info, .update-plan-form .plan-block {  padding: 0 16px;}
.update-plan-form .update-plan-note {  font-size: 14px;  line-height: 24px;  color: #424242;  margin-top: 32px;}
.update-plan-form .user-note {  padding: 14px 0;  color: #424242;  margin-bottom: 28px;}
.update-plan-form .user-note .active {  font-size: 14px;  line-height: 24px;  color: #424242;}
.update-plan-form .user-note .active .title {  font-weight: 500;  color: #101010;}
.update-plan-form .user-note .left-active {  font-size: 13px;  line-height: 23px;  color: #757575;}
/* .update-plan-form .plan-block .price-seat-month {color: #424242;font-size: 14px;line-height: 22px;} */
.update-plan-form .plan-block .price-num, .update-plan-form .total-plan-block .price-num {color: #101010;font-weight: 700;font-size: 16px;line-height: 24px;}
.update-plan-form .total-plan-block {  background: #f7f7f7;  padding: 10px 16px;}
.update-plan-form .action-btn {  display: flex;  align-items: center;  margin: 32px 16px 60px;}
.update-plan-form .action-btn .left-part {  flex: 1;}
.update-plan-form .action-btn .cancel-sub {  font-size: 14px;  line-height: 22px;  font-weight: 500;  color: #757575;  text-decoration: underline;}
.update-plan-form .block-desc {  padding: 40px;  background-color: #F7F7F7;  border-radius: 4px;  margin-top: 20px;}
.update-plan-form .block-desc p {  font-size: 14px;  line-height: 20px;  margin: 0;  color: #616161;  font-weight: 400;}
.update-plan-form .block-desc p span {  margin: 0 10px 0 0;  float: left;  height: 50px;}
.update-plan-form .block-desc p span img {  vertical-align: sub;  width: 19px;  height: 19px;}
.update-plan-form .block-desc p a {  color: #0068D8;}
.update-plan-form .block-desc p a:hover {  color: #0068D8;}
.update-plan-form .dis-flex .dicount-aaplied .title, .update-plan-form .total-plan-block .dicount-aaplied .price-num {  font-weight: 400;}
.left-part.total-right {  font-weight: 400;  text-align: right;  padding-right: 20px;}
.left-part.total-right + .right-part {  width: 88px;  text-align: right;}
.right-part.width-80 {  width: 88px;  text-align: right;  margin-left: 20px;}
.update-plan-form .dis-flex .title {  padding-bottom: 4px;}
.success-mark {  color: #00A000 !important; display: flex;}
.fail-mark {  color: #D80000 !important;}
.warning-mark {  color: #F58300 !important;}
.data-info .font-xl {  font-size: 18px;}
.common-tab .nav-fixed {  position: fixed;  top: 70px;  width: 100%;  z-index: 111;  background-color: #ffffff;}
.setting-section {  padding-bottom: 40px;}
.setting-section .ag-version {  color: #9E9E9E;  display: block;  z-index: 2;  width: calc(100% - 232px);  font-size: 13px;  line-height: 20px;  position: fixed;  bottom: 40px;  right: 0;  text-align: right;  padding: 10px 20px;  background-color: #ffffff;  border-top: 1px solid #e0e0e0;}
.setting-section .ag-version span {  text-align: right;  float: right;}
.version-space {  padding-left: 1px;}
.sidebar-contentdata .contentdata-width.full .setting-section .ag-version {  width: calc(100% - 88px);}
.setting-section #account .forms-data .form-inputs-data {  margin: 24px 0 0;}
.setting-section .form-details {  height: auto;}
.setting-section .nav-tabs.setting-main{width: calc(100% - 232px); position: fixed; background-color: #fff; z-index: 3;}
.sidebar-contentdata .contentdata-width.full .setting-section .nav-tabs.setting-main {width: calc(100% - 88px);}

.common-table .table .expir-date.red {  color: #D80000; font-size: 12px; line-height: 20px; font-weight: 500;}
.common-table .table .expir-date.orange {  color: #F58300; font-size: 12px; line-height: 20px; font-weight: 500;}
.common-table .table .expir-date.blue {  color: #0068D8; font-size: 12px; line-height: 20px; font-weight: 500;}

.over-due .date-view{display: none; }
.icon-view{display: none; }
.over-due .icon-view{display: inline-block; margin: 0 5px;}
.status-icons.email-due-days {float:right; margin: 0 5px;}

.sorting-icon-asc {  vertical-align: sub; padding-left: 4px; cursor: pointer;  transition: 0.2s ease-in-out}
.sorting-icon-des {  vertical-align: sub; padding-right: 4px; cursor: pointer;  transform: rotate(180deg);  transition: 0.2s ease-in-out;}
.common-table .expir-date:hover .expiry-text-tooltip {  display: block;  width: auto;}
.common-table .expir-date .expiry-text-tooltip {  position: relative;  display: none;  color: #101010;  border: 1px solid #E0E0E0;  background-color: #fff;  width: 100px;  text-align: center;  left: -110px;  border-radius: 4px;  margin-top: -20px;}
.common-table .expir-date .expiry-text-tooltip:before {  content: '';  position: absolute;  display: block;  width: 0px;  right: 0px;  top: 50%;  border: 7px solid transparent;  border-right: 0;  border-left: 7px solid #E0E0E0;  transform: translate(calc(100%), -50%);}
.common-table .expir-date .expiry-text-tooltip:after {  content: '';  position: absolute;  display: block;  width: 0px;  right: -5px;  top: 17%;  border: 7px solid transparent;  border-right: 0;  border-left: 7px solid #fff;  z-index: 1;}
.common-table .data-tooltip {  position: relative;}
.common-table .data-tooltip:hover .expiry-text-tooltip {  display: block;  z-index: 111;}
.common-table .data-tooltip .expiry-text-tooltip {  position: absolute;  display: none;  color: #101010;  border: 1px solid #E0E0E0;  background-color: #fff;  width: 220px;  text-align: center;  left: -211px;  border-radius: 4px;  margin-top: -26px;  padding: 1px;}
.common-table .data-tooltip .expiry-text-tooltip:before {  content: '';  position: absolute;  display: block;  width: 0px;  right: 0px;  top: 50%;  border: 7px solid transparent;  border-right: 0;  border-left: 7px solid #E0E0E0;  transform: translate(calc(100%), -50%);}
.common-table .data-tooltip .expiry-text-tooltip:after {  content: '';  position: absolute;  display: block;  width: 0px;  right: -6px;  top: 50%;  transform: translate(0,-50%);  border: 7px solid transparent;  border-right: 0;  border-left: 7px solid #fff;  z-index: 1;}
.completion {  color: #ffffff;  padding: 1px 14px;  border-radius: 16px;  font-size: 12px;  line-height: 18px;}
.completion.blue {  background-color: #00A0F4;}
.completion.orange {  background-color: #F58300;}
.completion.red {  background-color: #D80000;}
.status-types .st-style {  color: #ffffff;  border-radius: 16px;  padding: 1px 14px;}
.status-types .st-style.active {  background-color: #00A0F4;}
.status-types .st-style.missing {  background-color: #e0e0e0;  color: #9E9E9E;}
.status-types .st-style.disabled {  cursor: not-allowed;}
.scorecard .back-link {  padding: 0 12px;  border: 0;}

.checkbox-tag{background-color: #F7F7F7; border-radius: 8px; padding: 16px; font-size: 12px;}
.checkbox-tag .custom-checkbox .custom-control-label { pointer-events: none; font-size: 12px;}

.tags {background-color: #F0F6FD; font-size: 12px; line-height: 12px; padding: 4px 14px; display: inline-block; align-items: center; color: #0068D8; border-radius: 100px; font-weight: 400;}
.tags .info-list ul {max-height: 150px;overflow: hidden; overflow-y: auto; padding: 10px 14px;}
.tags.font-md{font-size: 14px; line-height: 14px;}
.tags.tag-status-1{background-color: #E0E0E0; color: #101010;}
.tags.tag-status-2{background-color: #00D0E8; color: #ffffff;}
.tags.tag-status-3{background-color: #00A0F4; color: #ffffff;}
.tags.tag-status-4{background-color: #cee0f6; color: #0068D8;}
.tags.tag-status-5{background-color: #0068D8; color: #ffffff;}
.tags.tag-status-6{background-color: #00448C; color: #ffffff;}

.priority, .status, .status-type{border-radius: 16px;padding: 5px 14px;display: inline-block;text-align: center;font-size: 12px;line-height: 12px;}
.priority.type-1{background-color: #E8F5E9;color: #43A047;}
.priority.type-2{background-color: #FFF3E0;color: #EF6C00;}
.priority.type-3{background-color: #FFF0F0;color: #D80000;}
.priority.type-4{background-color: #F0F6FD; color: #0068D8;}
.priority.dark-type-1{background-color: #43A047; color: #ffffff;}
.priority.dark-type-2{background-color: #EF6C00; color: #ffffff;}
.priority.dark-type-3{background-color: #D80000; color: #ffffff;}
.priority.dark-type-4{background-color: #0068D8; color: #ffffff;}

.priority.p-circle{padding: 5px 6.23px; width: 23px;}

.tag-blue-line{border: 1px solid #0068D8; color: #0068D8; border-radius: 20px; padding: 2px 6px !important; margin-left: 8px; line-height: 12px; font-size: 10px; font-weight: 500; display: inline-flex; justify-content: center; align-items: center;}
.tag-green-line{border: 1px solid #4CAF50; color: #4CAF50; border-radius: 20px; padding: 2px 6px !important; margin-left: 8px; line-height: 12px; font-size: 10px; font-weight: 500; display: inline-flex; justify-content: center; align-items: center;}

.payment-tag{border-radius: 6px;padding: 6px;display: inline-block;font-size: 11px;line-height: 11px;font-weight: 500;color: #757575;background-color: #f7f7f7;text-transform: uppercase;}
.payment-tag.succeeded{background-color: #EEF7EE;color: #43A047;}
.payment-tag.paid{background-color: #EEF7EE;color: #43A047;}
.payment-tag.canceled{background-color: #FFF0F0;color: #D80000;}
.payment-tag.refunded{background-color: #FFF5E5;color: #EF6C00;}

.fw-medium{font-weight: 500;}
.fw-semi-bold{font-weight: 600;}
.fw-bold{font-weight: 700;}
.fw-bolder{font-weight: 900;}

.status.type-1{background-color: #E0E0E0; color: #101010;}
.status.type-2{background-color: #f0f6fd;color: #0068d8;}
.status.type-3{background-color: #E8F5E9;color: #43A047;}
.status.type-4{background-color: #C2DBF6;color: #0068D8;}
.status.dark-type-1{background-color: #E0E0E0; color: #101010;}
.status.dark-type-2{background-color: #0068d8; color: #ffffff;}
.status.dark-type-3{background-color: #43A047; color: #ffffff;}

.status-type.active{background-color: #00a0f4; color: #fff;}

.text-green-bg-light{background-color: #4CAF501F !important; color: #4CAF50 !important;}
.text-blue-bg-light{background-color: #0068d81F !important; color: #0068d8 !important;}

/* .scorecard .action-table-header {top: 56px;} */
.overall-score-header {position: relative;top: 0px;padding: 12px 27px;background: #ffffff;width: 100%;font-size: 12px;color: #757575;z-index: 20;border-bottom: 1px solid #e0e0e0;}
.overall-score-header .score-block {  flex: 1;}
.sidebar-contentdata .contentdata-width.full .overall-score-header {  width: calc(100% - 88px);}
.after-dash {  position: relative;  padding-right: 8px}
.after-dash:after {  content: '';  width: 1px;  height: 15px;  background: #E0E0E0;  position: absolute;  top: 0;  right: 0;}
.overall-score-header .score-block .percentage-value, .overall-score-header .score-block .info-value {  margin-left: 8px;}
.dashboard-scorecard .group-name {  top: 156px;}
.dashboard-scorecard .common-table.inside{overflow: auto;max-height: calc(100vh - 276px);}
.dashboard-scorecard .table-set-fixed {  top: 0px;  border-top: 0;}
.dashboard-scorecard .common-table .table-set-fixed .table.edit-table{padding: 0;}
.dashboard-scorecard .groupname-list-block .left-part {  width: 300px;}
.dashboard-scorecard .groupname-list-block .right-part {  width: calc(100% - 300px);}
.dashboard-scorecard .group-name {  width: 300px;}
.dashboard-scorecard .group-name-list .group-name-items {  display: flex;  position: relative;  background-color: #ffffff;  align-items: center;}
.dashboard-scorecard .group-name-list .group-name-items:hover {  background-color: #EEEEEE;}
.dashboard-scorecard .border-btm.group-name-list .title-group-name {  border-bottom: 1px solid #e0e0e0;}
.dashboard-scorecard .group-name-list .group-name-items:last-child {  border-bottom: 1px solid #e0e0e0;}
.dashboard-scorecard .group-name-list .group-name-items:first-child {  border-top: none;}
.dashboard-scorecard .completion-perc {  position: absolute;  background: #f7f7f7;  top: 0;  left: 0;  height: 100%;  width: 0;  transition: width ease 0.3s;}
.dashboard-scorecard .completion-perc-sel {  position: absolute;  background: #E0EDFB;  top: 0;  left: 0;  height: 100%;  width: 100%;  transition: width ease 0.3s;}
.dashboard-scorecard .group-name-list .group-name-items .completion {  z-index: 1;}
.dashboard-scorecard .group-name-list .title-group-name .custom-control, .dashboard-scorecard .group-name-list .group-name-items .custom-control {  padding-left: 5px;  flex: 1;}
.dashboard-scorecard .group-name-list .group-name-items .custom-control {  white-space: break-spaces;}
.dashboard-scorecard .group-name-list .title-group-name .custom-control {  color: #757575;  display: flex;}
.dashboard-scorecard .common-table .table.edit-table tr:hover {  background-color: transparent;}
.dashboard-scorecard .common-table .table.edit-table td {  padding: 0 20px 12px;}
/* .dashboard-scorecard .common-table .table thead.sticky-from-top {  top: 0px;} */
.scorecard-list-table {  position: relative;  top: 0px;}
/* .agent-scorecard .action-table-header {  top: 0px;} */
/* .agent-scorecard .overall-score-header {  top: 0px;} */
.agent-scorecard .scorecard-list-table {  position: relative;  top: 0px;}
/* .agent-scorecard .common-table .table thead.sticky-from-top {  top: 0px;} */
.contact-scorecard .contact-admin-details {  position: relative;  top: 0px;  width: 100%;  z-index: 25;}
.contact-scorecard .contact-list-data .action-table-header {  top: 0px;  border-top: 1px solid #e0e0e0;}
.contact-scorecard .contact-list-data .common-table {  padding-top: 0px;overflow: auto;max-height: calc(100vh - 223px);}
.contact-scorecard .contact-list-data .common-table.scorcard-table-top {max-height: calc(100vh - 272px);}
/* .contact-scorecard .common-table .table thead.sticky-from-top {  top: 0px;} */
.sidebar-contentdata .contentdata-width.full .contact-scorecard .contact-admin-details {  width: calc(100% - 88px);}
.contact-scorecard .overall-score-header {  top: 1px;}
.overall-score-note {  font-size: 12px;  line-height: 18px;  color: #9E9E9E;  margin-left: 8px;}
/* .contact-detail-sc .common-table .table thead.sticky-from-top {  top: 0px;} */
.cus-loagroup-list .border-btm.group-name-list .title-group-name {  border-bottom: 1px solid #e0e0e0;  color: #757575;}
.cus-loagroup-list .group-name-list .group-name-items:last-child {  border-bottom: 1px solid #e0e0e0;}
.cus-loagroup-list .group-name-list .group-name-items:first-child {  border-top: none;}
.cus-loagroup-list .option-note, .ng-select-container .option-note {  display: none;}
.cus-loagroup-list .ng-select-opened .ng-dropdown-panel .option-note {  display: block;}
.new-group-popup .modal-dialog .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item span {  max-width: 95px;}
.privacy-dd .ng-dropdown-panel.ng-select-bottom {  width: 255px;  right: auto;  left: 0;}
.privacy-dd .privacy-select .option-note {  padding: 3px 6px 0px 0px;}
.privacy-dd .option-note {  font-size: 12px;  line-height: 16px;  color: #757575;  padding-left: 54px;  white-space: normal;}
.mCSB_scrollTools {  width: 3px !important;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {  height: auto !important;}
.mCSB_scrollTools .mCSB_dragger {  height: 96px !important;}
.mCSB_inside > .mCSB_container {  margin-right: 0px !important;}
.row.err-msg {  margin-left: 0px;  margin-right: 0px;  margin-bottom: 12px;  background-color: transparent;}
.row.err-msg .col-12 {  background-color: #FDF0F0;  padding: 6px 10px;}
.task-list-data .heading-dialog .list-body.coming-soon-text, .task-list-data.update-address .heading-dialog .list-body.coming-soon-text,
.list-body.coming-soon-text {text-align: center;padding: 50px 40px;}
.task-list-data.update-address .heading-dialog .list-body.coming-soon-text .block-desc {  color: #424242;  font-size: 16px;  line-height: 24px;}
.task-list-data.update-address .heading-dialog .list-body.coming-soon-text .block-title {  padding: 8px 0 24px;  color: #101010;  font-size: 20px;  line-height: 26px;  font-weight: 600;}
.commn-btn.coming-soon-btn {  position: relative;}
.commn-btn.coming-soon-btn .coming-soon-tooltip {  display: none;}
.commn-btn.coming-soon-btn:hover .coming-soon-tooltip {  display: block;  width: max-content;}
.commn-btn.coming-soon-btn .coming-soon-tooltip {  display: none;  position: absolute;  top: 64px;  left: 50%;  transform: translate(-50%, -50%);  border: 1px solid #e0e0e0;  padding: 8px 14px;  border-radius: 4px;  z-index: 1;  background-color: #ffffff;  color: #101010;  font-size: 12px;  line-height: 18px;  font-weight: 500;}
.commn-btn.coming-soon-btn .coming-soon-tooltip span {  display: block;  color: #0068D8;  cursor: pointer;  font-size: 12px;  line-height: 18px;  font-weight: 500;  text-decoration: underline;}
.commn-btn.coming-soon-btn .coming-soon-tooltip:after, .commn-btn.coming-soon-btn .coming-soon-tooltip:before {  content: '';  z-index: 1;  margin-top: 3px;  position: absolute;  border-top: 7px solid transparent;  border-bottom: 7px solid transparent;}
.commn-btn.coming-soon-btn .coming-soon-tooltip:before {  border-right: 7px solid #E0E0E0;  margin-top: 0px;  top: -8%;  transform: translate(-50%, -50%) rotate(90deg);  left: 50%;}
.commn-btn.coming-soon-btn .coming-soon-tooltip:after {  border-right: 10px solid #ffffff;  margin-left: 0px;  margin-top: 1px;  z-index: 1;  top: -4%;  transform: translate(-50%, -50%) rotate(90deg);  left: 50%;}
.agency-btn.new-group-block .btn, .profile-radio.profile-info-item .radio-button-container {font-size: 12px;}
.profile-radio .personal-info .radio-button-container .checkmark{top: 2px;width: 17px;height: 17px;}
.profile-radio .personal-info .radio-button-container .checkmark:after{width: 6px;height: 6px;}
.coming-soon-scroll {  height: calc(100vh - 190px);  max-height: 542px;}
.common-modal.comig-soon-model .modal-content {  width: 930px;}
.common-modal.comig-soon-model .modal-dialog {  max-width: 930px;  border-radius: 4px;  box-shadow: 0px 8px 16px #00000014;}
.common-modal.comig-soon-model .modal-header {  border-bottom: 1px solid #E0E0E0;  padding: 16px 32px;}
.common-modal.comig-soon-model .modal-body {  padding: 40px 32px 0px;}
.common-modal.comig-soon-model .modal-body .coming-soon-container {  min-height: 149px;  border: 1px solid #E0E0E0;  border-radius: 8px;  position: relative;  padding: 24px 42px 0px;  margin-bottom: 28px;}
.common-modal.comig-soon-model .modal-body .coming-soon-container .title {  position: relative;  font-size: 16px;  line-height: 24px;  color: #424242;  font-weight: 400;  margin-bottom: 10px;}
.common-modal.comig-soon-model .modal-body .coming-soon-container .title::before {  content: "";  background-color: #0068D8;  width: 8px;  height: 8px;  border-radius: 50%;  position: absolute;  left: -17px;  top: 8px;}
.common-modal.comig-soon-model .modal-body .coming-soon-container .plan-owner-name.pos-set {  position: absolute;  top: -13px;  left: 27px;  padding: 0 14px;  background-color: #fff;  font-size: 16px;  line-height: 21px;  color: #101010;  font-weight: 700;}
.common-modal.comig-soon-model .modal-body .coming-soon-container.coming-logo-container {  min-height: auto;  padding: 22px 24px;}
.common-modal.comig-soon-model .modal-body .coming-soon-container .logo-container {  display: flex;}
.common-modal.comig-soon-model .modal-body .coming-soon-container .logo-container .img-logo {  width: 140px;  height: 56px;}
.common-modal.comig-soon-model .modal-footer {  padding: 14px 32px 14px;  border-top: 1px solid #E0E0E0;}
.common-modal.comig-soon-model .modal-footer .coming-soon-model-btn .commn-btn {  background-color: #0068D8;  border: 1px solid #0068D8;  padding: 7px 24px;  border-radius: 50px;  display: inline-block;  color: #ffffff;  font-size: 16px;  line-height: 22px;  margin: 0;  font-weight: 600;}
.add-contact-registration .right-side-content.normal-pos .forms-data {  padding: 40px 0px 20px}
.add-contact-registration .form-block-title.two-parts .left-part {  padding-left: 32px;}
.add-contact-registration .new-contact-popup .branch-block .select-options {  flex: 9;}
.add-contact-registration .right-part.redirect-dashboard {  position: relative;  right: 32px;  text-align: right;}
.no-data-found {  text-align: center;  position: relative;  font-size: 14px;  line-height: 20px;  font-weight: 400;  color: #424242;  padding-top: 50px;}
.no-data-found.inside-component{height: 100%; top: 50%; left: 50%; transform: translate(-50%, 42%);}
.no-data-found.inside-component-box{background-color: #f7f7f7; padding-top: 40px;}
.no-data-found.inside-component h5, .no-data-found.inside-component-box h5, .no-data-found.package h5{font-size: 20px; line-height: 40px; padding-top: 0px;}
.no-data-found img {  width: 120px;  height: 120px;}
.no-data-found img.dashboard-img {  width: 88px;  height: 88px;}
.no-data-found h5 {  font-size: 14px;  line-height: 22px;  font-weight: 600;  color: #101010;  padding-top: 8px;}
.no-data-found .link-modal {  color: #0068D8;  cursor: pointer;  text-decoration: underline;}
.no-data-found .commn-btn {  color: #ffffff;  font-size: 16px;  background-color: #0068D8;  border-color: #0068D8;  border-radius: 20px;  padding: 6px 24px;  margin: 24px 0;}
.reminder-screen .no-data-found .margin-block{margin: auto 32px;}
.no-data-found.package{height: calc(100vh - 180px); display: flex; align-items: center; justify-content: center; flex-direction: column;}
.no-data-found.package .btn-group .dropdown-menu{display: block;}

.common-modal.cancel-plan-model .modal-body {  padding: 20px 32px;}
.common-modal.cancel-plan-model .modal-body .block-title {  font-size: 20px;  line-height: 22px;  color: #101010;  font-weight: 600;  padding: 0 0 8px 0;}
.common-modal.cancel-plan-model .modal-body .data-info {  background-color: transparent;  padding: 0;  font-size: 14px;  line-height: 22px;  color: #101010;  font-weight: 400;}
.common-modal.cancel-plan-model .modal-body .data-info p {  margin: 0 0 15px;}
.common-modal.cancel-plan-model .modal-body .data-info a {  color: #0068D8;}
.common-modal.cancel-plan-model .modal-footer {  padding: 0 32px 32px 32px;  border: none;}
.common-modal.cancel-plan-model .modal-footer > * {  margin: 0;}
.common-modal.cancel-plan-model .modal-footer .cancel-plan-btn .cancel-sub {  background-color: transparent;  border: 1px solid #757575;  padding: 9px 32px;  border-radius: 50px;  display: inline-block;  color: #424242;  font-size: 16px;  line-height: 22px;  margin: 0 8px;  font-weight: 600;}
.common-modal.cancel-plan-model .modal-footer .cancel-plan-btn .cancel-sub.disabled {  pointer-events: none;}
.common-modal.cancel-plan-model .modal-footer .cancel-plan-btn .cancel-btn {  background-color: #0068D8;  border: 1px solid #0068D8;  padding: 9px 32px;  border-radius: 50px;  display: inline-block;  color: #ffffff;  font-size: 16px;  line-height: 22px;  margin: 0;  font-weight: 600;  letter-spacing: 0.13px;}
.common-modal.cancel-plan-model .modal-footer .cancel-plan-btn .cancel-btn:focus-visible {  outline: none;}
.contact-list-data .common-table.regularty-action {  padding-top: 0px;  overflow-y: scroll;  height: calc(100vh - 97px);}
.contact-list-data .common-table.regularty-action.p-top{padding-top:0px;height: auto;max-height: calc(100vh - 156px);overflow: auto;}
.contact-list-section.regularty-action .table-selection-block .select-block {  min-width: 100px;}
.contact-list-section .common-table .table.regularty-action-table {  width: max-content;}
.dashboard-section .nipr-alerts-list .nipr-alerts-item .nipr-alerts-title.underline-hover {  color: #101010;  font-weight: 600;}
.underline-hover:hover {  color: #0068D8;  text-decoration: underline;}
.dashboard-section .nipr-alerts-list .nipr-alerts-item .regularty-action-link {  float: right;  padding-right: 14px;}
.alllicenses-list-section.new-appointment-container {  position: relative;}
.request-container {  height: calc(100vh - 87px);  overflow-y: scroll;}
.appointment-infomation .appointment-infomation-content {  width: 500px;  height: 100vh;  border-radius: 0;  border: 1px solid #E0E0E0;  border-top: transparent;  background-color: #fff;  position: fixed;  top: 57px;  right: 0;  z-index: 23;}
.appointment-infomation .info-header {  display: flex;  align-items: center;  justify-content: space-between;  background-color: #fff;  position: absolute;  width: 100%;  height: auto;  padding: 10px 24px;  border-bottom: 1px solid #E0E0E0;  z-index: 27;}
.appointment-infomation .info-header .close {  z-index: 2;  position: relative;}
.appointment-infomation .info-header .close.close:hover svg {  background-color: #eeeeee;  border-radius: 6px;}
.appointment-infomation .info-header .close.close:hover svg path {  fill: #000;}
.appointment-infomation .info-header .block-title {  font-size: 18px;  line-height: 24px;  letter-spacing: 0.58px;  font-weight: 700;  color: #000;}
.appointment-infomation .info-body {  padding: 54px 24px 0px;  z-index: -1;  position: relative;}
.appointment-infomation .info-body .sub-title {  font-size: 12px;  line-height: 15px;  font-weight: 500;  color: #757575;  padding: 0 0 2px;}
.appointment-infomation .info-body .block-title {  font-size: 16px;  line-height: 20px;  font-weight: 600;  color: #101010;  padding: 0 0 12px;}
.appointment-infomation .info-body .appointment-data-container .data {  display: flex;  align-items: center;  padding: 0 0 4px 0;}
.appointment-infomation .info-body .appointment-data-container .data .sub-title {  font-size: 12px;  line-height: 15px;  font-weight: 500;  color: #757575;  width: 94px;min-width: 94px;  padding: 0 16px 0 0;}
.appointment-infomation .info-body .appointment-data-container span img {  width: 24px;  height: 24px;  vertical-align: middle;  margin: 0 8px 0 0;}
.appointment-infomation .info-body .appointment-data-container span .account-name {  font-size: 12px;  line-height: 15px;  font-weight: 500;  color: #101010;}
.appointment-infomation .info-body .appointment-data-container .status {  font-size: 12px;  line-height: 15px;  font-weight: 500;  color: #ffffff;  border-radius: 16px;  padding: 1px 14px 3px;}
.appointment-infomation .info-body .appointment-data-container .bold-font {  font-size: 12px;  line-height: 18px;  font-weight: 500;  color: #101010;}
.appointment-infomation .info-footer {  display: flex;  justify-content: right;  align-items: center;}
.appointment-infomation .info-footer .appointment-info-btn {  outline: none;}
.appointment-infomation .info-footer .appointment-info-btn .commn-btn {  background-color: transparent;  border: 0;  outline: none;  display: inline-block;  color: #0068D8;  font-size: 14px;  line-height: 22px;  margin: 0 8px 0 0;  font-weight: 500;  letter-spacing: 0.11px;}
.appointment-infomation .info-footer .appointment-info-btn .reject-btn, .appointment-infomation .info-footer .appointment-info-btn .retry-btn {  background-color: #0068D8;  border: 0;  padding: 6px 14px;  border-radius: 100px;  display: inline-block;  color: #ffffff;  font-size: 14px;  line-height: 22px;  margin: 0;  font-weight: 600;}
.appointment-infomation .info-footer .appointment-info-btn .reject-btn:focus-visible, .appointment-infomation .info-footer .appointment-info-btn .retry-btn:focus-visible {  outline: none;}
.appointment-infomation .info-footer {  padding: 0 24px 6px;  border: 0;}
.fixed-activity {  position: fixed;  top: 200px;}
.select-data {  background-color: #F0F6FD;}
.dis-select {  pointer-events: none;}
.request-activity-container {  position: relative;}
.request-activity-container .sub-title {  font-size: 12px;  line-height: 12px;  font-weight: 600;  color: #9E9E9E;  letter-spacing: 1.44px;  padding: 6px 24px;  border-top: 1px solid #E0E0E0;  border-bottom: 1px solid #E0E0E0;}
.request-activity-container .activity-log {  border-bottom: 1px solid #E0E0E0;  padding: 5px 24px; }
.request-activity-container .activity-log .account-img{font-size: 12px;line-height: 16px;font-weight: 400;color: #101010;padding-bottom: 4px;}
/* .request-activity-container .activity-log .account-img span{display: -webkit-box;line-clamp: 3;-webkit-line-clamp: 3;overflow: hidden;-webkit-box-orient: vertical;} */
.request-activity-container .activity-log .account-img img {  width: 24px;  height: 24px;  vertical-align: bottom;  float: left;  margin-right: 8px;}
.request-activity-container .activity-log .account-img .data {  font-size: 14px;  line-height: 22px;  font-weight: 600;  color: #101010;  vertical-align: middle;}
.request-activity-container .activity-log .account-img .data p {  margin: 0;}
.request-activity-container .activity-log .time-note {  font-size: 10px;  line-height: 12px;  font-weight: 500;  color: #757575;}
.request-activity-container .activity-log.data {  display: block;  padding: 8px 24px;}
/* .request-activity-container .activity-log.data .account-img {  display: inline-block;} */
.request-activity-container .activity-log.data .account-img img {  margin-right: 8px;  vertical-align: middle;}
.request-activity-container .activity-log.data .time-note {  padding: 0;  text-align: right;  float: right;}
.request-activity-container .activity-log.data .information-log {word-break: break-all;  display: block;  font-size: 14px;  line-height: 22px;  font-weight: 400;  color: #101010;  padding-left: 38px;  margin: 0;}
.request-activity-container .data-form {  display: flex;  background-color: #F7F7F7;  border-top: 1px solid #E0E0E0;  padding: 8px;  align-items: flex-start;  position: fixed;  bottom: 0;  z-index: 2;}
.request-activity-container .data-form img {  margin-right: 8px;  width: 40px;  height: 40px;  vertical-align: middle;}
.request-activity-container .data-form .form-control {  height: 80px;border: none;border-radius: 0;  resize: none;  width: 481px;font-size: 12px;line-height: 16px;padding: 12px 16px;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.request-activity-container .data-form .commn-btn {  display: inline-block;  background-color: #0068D8;  border-radius: 4px;  font-size: 14px;  line-height: 18px;  padding: 4px 14px;  color: #FFFFFF;  font-weight: 600;  }
.text-count{border: 1px solid #e0e0e0;border-radius: 8px;}
.notes-count{display: flex;justify-content: space-between;align-items: center;bottom: 20px;width: 481px;padding: 4px 16px 4px;background-color: #fff;font-size: 12px;line-height: 16px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
.notes-count p{font-size: 12px;line-height: 16px;color: #9e9e9e;}
.common-modal.new-appointment-model .modal-body {  padding: 16px 24px;}
.common-modal.new-appointment-model .modal-body .group-form {  padding: 0;}
.common-modal.new-appointment-model .modal-body .group-form .input-block .input-label {  font-size: 12px;  line-height: 15px;  color: #757575;  font-weight: 500;}
.common-modal.new-appointment-model .modal-body .group-form .input-block .select-options .ng-dropdown-panel.ng-select-bottom {  width: inherit;  margin-top: 0 !important;}
.common-modal.new-appointment-model .modal-body .group-form .input-block .select-options .ng-select {  border-radius: 6px;  font-size: 14px;  line-height: 22px;  padding: 9px 16px;  height: 40px;  color: #9E9E9E;  font-weight: 400;  border-color: #e0e0e0;}
.common-modal.new-appointment-model .modal-body .group-form .input-block .select-options .ng-select.disabled {  background-color: #d8d8d8;  opacity: 0.8;  pointer-events: none;  cursor: not-allowed;}
.common-modal.new-appointment-model .modal-body .block-desc {  font-size: 14px;  margin: 16px 0;  display: flex;  align-items: flex-start;}
.common-modal.terminate-appointment-model .modal-body .block-desc, .common-modal #appointment-approve .modal-body .block-desc {  font-size: 14px;  margin: 0;  display: flex;  align-items: flex-start;}
.common-modal.new-appointment-model .modal-body .block-desc p, .common-modal.terminate-appointment-model .modal-body .block-desc p {  font-size: 12px;  line-height: 20px; color: #424242;  font-weight: 400;}
.common-modal.terminate-appointment-model .modal-body .block-desc p, .common-modal #appointment-approve .modal-body .block-desc p {  margin: 0px;}
.common-modal.new-appointment-model .modal-body .block-desc span img, .common-modal.terminate-appointment-model .modal-body .block-desc span img {  vertical-align: middle;  width: 19px;  height: 19px;  margin-right: 11px;  letter-spacing: 0.16px;}
.common-modal.new-appointment-model .modal-body .block-desc .title, .common-modal.terminate-appointment-model .modal-body .block-desc .title {  font-size: 16px;  line-height: 22px;  color: #101010;  font-weight: 700;}
.common-modal.new-appointment-model .modal-body .tooltip-icon .text-tooltip.info-list{top: -24px;}
.common-modal.new-appointment-model .modal-body .tooltip-icon .text-tooltip:before{top: 25px;}
.common-modal.new-appointment-model .modal-body .tooltip-icon .text-tooltip::after{top: 25px;}
.common-modal.new-appointment-model .modal-footer > * {  margin: 0;}
.common-modal.new-appointment-model .modal-footer {  border: none;  padding: 0 32px 24px;}
.common-modal.new-appointment-model .modal-footer .cancel-btn .cancel-sub {  background-color: transparent;  border: 1px solid #757575;  padding: 9px 32px;  border-radius: 50px;  display: inline-block;  color: #424242;  font-size: 16px;  line-height: 22px;  margin: 0 8px 0 0;  font-weight: 600;}
.common-modal.new-appointment-model .modal-footer .submit-btn .submit-btn {  background-color: #0068D8;  border: 1px solid #0068D8;  padding: 9px 32px;  border-radius: 50px;  display: inline-block;  color: #ffffff;  font-size: 16px;  line-height: 22px;  margin: 0;  font-weight: 600;  letter-spacing: 0.13px;}
.common-modal.new-appointment-model .modal-footer .action-btn .commn-btn {  background: #0068D8;  color: #ffffff;  font-size: 18px;  line-height: 22px;  padding: 10px 30px;  width: 100%;  border-radius: 50px;  margin-bottom: 0px;  border: 1px solid #0068D8;}
.common-modal.terminate-appointment-model .sticky-bottom,
.common-modal.new-appointment-model .sticky-bottom{position: absolute; bottom: 8px; background-color: #fff;}
.mange-carriers-list-block.fixed{position: relative;background-color: #ffffff; width: 100%; z-index: 2;}
/* .sidebar-contentdata .contentdata-width.full .mange-carriers-list-block.fixed {width: calc(100% - 88px);} */
.mange-carriers-list-block .breadcrumbs-block .breadcrumb {  padding:39px 24px 4px 24px; border-bottom: 1px solid #e0e0e0;}
.mange-carriers-list-block .breadcrumbs-block .breadcrumb .breadcrumb-item + .breadcrumb-item::before {  display: none;}
.mange-carriers-list-block .breadcrumbs-block .breadcrumb .arrow {  padding: 0 8px;  line-height: 22px;}
.mange-carriers-list-block .mange-carriers-container {  padding: 6px 24px; border-bottom: 1px solid #e0e0e0;  display: flex;  justify-content: space-between;}
.mange-carriers-list-block .mange-carriers-container.edit-appointer {  border-bottom: 1px solid #e0e0e0;}
.mange-carriers-list-block .mange-carriers-container .manage-carriers-detail {  display: flex;  align-items: center;}
.mange-carriers-list-block .mange-carriers-container .manage-carriers-detail .block-title { padding: 0 24px;  font-size: 16px;  line-height: 120%;  font-weight: 600;  color: #101010;}
.mange-carriers-list-block .mange-carriers-container .manage-carriers-detail .search-block { width: 257px;}
.mange-carriers-list-block.appointer-list .mange-carriers-container .manage-carriers-detail .block-title {  padding: 0 24px 0 0;}
.mange-carriers-list-block .mange-carriers-container .new-group-block .btn {  margin: 0;}
.mange-carriers-list-block .common-table {  margin: 0 8px !important;}
.mange-carriers-list-block .common-table .table tr:hover {  cursor: pointer;}
/* .mange-carriers-list-block .common-table .table thead tr {  border: none;} */
/* .mange-carriers-list-block .common-table .table thead.sticky-from-top {  top: 0px;} */
/* .mange-carriers-list-block.add-carriers .mange-carriers-container .manage-carriers-detail {  align-items: inherit;} */
.mange-carriers-list-block.add-carriers .mange-carriers-container .manage-carriers-detail .back-btn {  height: fit-content;}
.mange-carriers-list-block.add-carriers .mange-carriers-container .manage-carriers-detail .user-details {  display: flex;  padding: 0 24px;  flex-direction: column;}
.mange-carriers-list-block.add-carriers .mange-carriers-container .manage-carriers-detail .user-details .block-title {  padding: 0;}
.mange-carriers-list-block.add-carriers .mange-carriers-container .new-group-block .btn {  margin-right: 8px;}
.mange-carriers-list-block.add-carriers .mange-carriers-container .new-group-block .btn.save-btn {  margin-right: 0px;  padding: 8px 22px;  background-color: #0068D8;  color: #fff;}
.mange-carriers-list-block.add-carriers .mange-carriers-container .new-group-block .btn.btn-cancel {  padding: 8px 22px;}
.mange-carriers-list-block .input-block .ng-select.disabled{background-color: #e0e0e0;}
.mange-carriers-list-block .manage-owner-list { margin: -1px 0 0 !important;overflow: auto;max-height: calc(100vh - 290px);}
.mange-carriers-list-block .manage-owner-list table thead tr { border: 1px solid #e0e0e0 !important;}
/* .mange-carriers-list-block .manage-owner-list table .icons{height: 22px;} */
/* .mange-carriers-list-block .manage-owner-list table .icons svg{width: 22px;height: 22px;} */

.tag-default{background-color: #f7f7f7; color: #424242; padding: 6px 14px; font-size: 12px; line-height: 120%; border-radius: 50px; font-weight: 400;}
.tag-default.no-bg{background-color: transparent; color: #424242; padding: 0; font-size: 12px; line-height: 120%; font-weight: 400;}
.inline-input-gray{width: 60px; font-size: 12px; line-height: 12px; padding: 0 12px; height: auto; border: 0; border-bottom: 1px solid #e0e0e0; background-color: transparent;}
/* .mange-carriers-list-block.add-carriers .mange-carriers-container .manage-carriers-detail .user-details .block-desc{font-size: 14px;line-height: 22px;font-weight: 400;color: #424242;} */
.add-carriers .add-carriers-detail {  padding: 12px 0 48px;  border-bottom: 1px solid #E0E0E0;  margin: 0 8px;}
.add-carriers .add-carriers-detail .add-user-detail label {  font-size: 12px;  line-height: 15px;  color: #757575;  font-weight: 500;}
.add-carriers .add-carriers-detail .add-user-detail .form-control {  border-radius: 6px;  font-size: 14px;  line-height: 22px;  color: #101010;}
.mange-carriers-list-block.appointer-list .common-table .table {  width: 100%;  overflow-x: scroll;  display: block;}
/* .mange-carriers-list-block.appointer-list .common-table .table thead.sticky-from-top {  top: 0;} */
.mange-carriers-list-block.appointer-list .mange-carriers-container {  padding: 6px 24px;}
.mange-carriers-list-block.add-carriers .add-appointer-detail {  padding: 24px 9px 48px;  margin: 0;  max-width: 768px;}
.mange-carriers-list-block.add-carriers .add-appointer-detail.pageView {margin: 0; padding: 24px 9px 48px;}
.mange-carriers-list-block.add-carriers .add-appointer-detail .add-user-detail {  margin-bottom: 8px;}
.mange-carriers-list-block.add-carriers .add-appointer-detail label {  font-size: 12px;  line-height: 22px;  color: #757575;  font-weight: 500;  white-space: nowrap;}
.mange-carriers-list-block.add-carriers .add-appointer-detail textarea{resize: none;}
.mange-carriers-list-block.add-carriers .add-appointer-detail .add-user-detail .form-control {  border-radius: 6px;  font-size: 14px;  line-height: 22px;  color: #101010;}
.domain-page, .verify-detail-page, .npn-page {  height: calc(100vh - 96px);}
.verify-detail-page.niprcred {  height: calc(100vh + 50px);}
.common-modal.terminate-appointment-model .modal-body {  padding: 16px 32px;}
/* .common-modal.terminate-appointment-model .modal-header{padding: 16px 0px;} */
.common-modal.terminate-appointment-model .data-info {  font-size: 14px;  line-height: 22px;  font-weight: 400;  color: #424242;  padding: 0px 0 14px;}
.common-modal.terminate-appointment-model .data-info p {  margin: 0;}
.common-modal.terminate-appointment-model .gorup-form .input-block label {  font-size: 12px;  line-height: 15px;  color: #757575;  font-weight: 500;}
.common-modal.terminate-appointment-model .gorup-form .input-block {  margin-bottom: 8px;}
/* .common-modal.terminate-appointment-model .gorup-form .form-control{font-size: 14px;line-height: 22px;font-weight: 400;} */
.common-modal.terminate-appointment-model .modal-footer {border: none;padding: 16px 32px 32px;}
.common-modal.terminate-appointment-model .modal-footer > * {  margin: 0;}
.common-modal.terminate-appointment-model .modal-footer .appoitment-plan-btn .appoitment-sub {  background-color: transparent;  border: 1px solid #757575;  padding: 9px 32px;  border-radius: 50px;  display: inline-block;  color: #424242;  font-size: 16px;  line-height: 22px;  margin: 0 8px;  font-weight: 600;}
.common-modal.terminate-appointment-model .modal-footer .appoitment-plan-btn .appoitment-btn {  background-color: #0068D8;  border: 1px solid #0068D8;  padding: 9px 32px;  border-radius: 50px;  display: inline-block;  color: #ffffff;  font-size: 16px;  line-height: 22px;  margin: 0;  font-weight: 600;  letter-spacing: 0.13px;}
.common-modal.terminate-appointment-model .modal-footer .appoitment-plan-btn .appoitment-btn.disabled {  opacity: 0.16;  pointer-events: none;}
.common-modal.terminate-appointment-model .modal-footer .appoitment-plan-btn .appoitment-btn:focus-visible {  outline: none;}
.common-modal .modal-body .terminate-approve.gorup-form label {  font-size: 12px;  line-height: 15px;  color: #757575;  font-weight: 500;}
.common-modal .modal-body .terminate-approve.gorup-form .input-block textarea {  height: 60px;  resize: none;}
.common-modal .modal-body .terminate-approve.gorup-form .select-options .select-block .ng-select {  border: 1px solid #E0E0E0;  padding: 6px 12px;  border-radius: 6px;  color: #101010;  margin: 0 0 10px 0;}
.common-modal .modal-body .terminate-approve.gorup-form .select-options .ng-dropdown-panel.ng-select-bottom {  right: 0;  width: 100% !important;  margin-bottom: 16px;  margin-top: 0 !important;}
.mange-carriers-list-block.add-carriers .add-appointer-detail .add-user-detail .form-control .ng-dropdown-panel.ng-select-bottom {  right: 0;  width: 100% !important;  margin-bottom: 16px;  margin-top: 0 !important;}
.contact-dashboard-information {  background-color: #f7f7f7;  padding: 16px;}
.contact-dashboard-information .name {  margin: 0 0 33px;  background-color: #ffffff;  padding: 20px;  display: flex;  align-items: center;  flex: 1;}
.contact-dashboard-information .name .user-pic {  width: 60px;  margin: 0 12px;}
.contact-dashboard-information .name .user-pic .user-bg {  width: 48px;  height: 48px;  border-radius: 25px;  background-color: #80CBC4;  margin: 0 auto;  display: flex;  align-items: center;  justify-content: center;}
.contact-dashboard-information .name .user-pic .user-bg .short-name {  text-align: center;  color: #101010;  font-weight: 500;}
.contact-dashboard-information .name .user-name-note {  display: flex;  flex-direction: column;}
.contact-dashboard-information .name .user-name-note h3 {  font-size: 16px;  line-height: 20px;  color: #101010;}
.contact-dashboard-information .name .user-name-note .user-note {  font-size: 12px;  line-height: 15px;  color: #9E9E9E;}
.contact-dashboard-information .block-title {  margin: 0 0 19px;  font-size: 24px;  line-height: 32px;  color: #101010;  font-weight: 700;}
.contact-dashboard-information .manage-information-container {  background-color: #ffffff;  padding: 14px;}
.contact-dashboard-information .manage-information-container .top-container {  display: flex;  justify-content: space-between;  align-items: center;  padding: 0 0 14px;  margin: 0 0 18px;  border-bottom: 1px solid #EEEEEE;}
/* .contact-dashboard-information .manage-information-container .top-container h3{font-size: 14px; color: #424242; font-weight: 400;} */
.contact-dashboard-information .manage-information-container .top-container button {  background-color: #F0F6FD;  border-radius: 6px;  padding: 6px 20px;  font-size: 14px;  line-height: 18px;  color: #0068D8;  font-weight: 400;  border: none;}
/* .contact-dashboard-information .manage-information-container .card-container{} */
.contact-dashboard-information .manage-information-container .card-container .card-block {margin: 10px 0px 16px 0px;}
.contact-dashboard-information .manage-information-container .card-container .card-block.last {  margin: 10px 0 16px 0;}
.contact-dashboard-information .manage-information-container .card-container .card-commn-list .title {  flex: none;  margin-right: 30px;}
/* .profile-list-section .action-table-header{top: 56px} */
.profile-list-section .back-btn {margin-right: 14px;}
/* .profile-list-section .search-block .search-input {min-width: 280px;} */
.profile-list-section .common-table { padding-top: 0px;}
.profile-list-section .profile-table-list .icon-box {  float: right;}
.profile-list-section .profile-table-list .status-icons {  float: right;  padding: 6px 2px 6px 12px;  display: none;  margin-left: 0;}
.profile-list-section .profile-table-list tr:hover .status-icons {  display: block;  cursor: pointer;}
.profile-list-section .profile-table-list .update-address-icon {  float: right;  position: relative;  padding: 6px 0;}
.profile-list-section .profile-table-list .update-address-icon .expiry-text-tooltip {  position: absolute;  padding: 10px;  top: -5px;  box-shadow: 0px 8px 16px #00000014;  display: none;  color: #101010;  border: 1px solid #E0E0E0;  z-index: 111;  background-color: #fff;  width: 250px;  text-align: left;  line-height: 18px;  left: -257px;  border-radius: 4px;}
/* .profile-list-section .profile-table-list .icon-box .update-address-icon .expiry-text-tooltip{} */
.profile-list-section .profile-table-list .update-address-icon .expiry-text-tooltip {top: 50%;right: 0;transform: translate(0, -50%);}
/* .profile-list-section .profile-table-list .update-address-icon .expiry-text-tooltip .last-updated-date{line-height: 18px;} */
/* .profile-list-section .profile-table-list .update-address-icon.first{padding: 25px 0 0 37px;} */
.profile-list-section .profile-table-list .update-address-icon .expiry-text-tooltip .last-updated-date .highlight {font-size: 12px;}
.profile-list-section .profile-table-list .update-address-icon .expiry-text-tooltip:before {  content: '';  position: absolute;  display: block;  width: 0px;  right: -1px;  top: 50%;  border: 7px solid transparent;  border-right: 0;  border-left: 7px solid #E0E0E0;  transform: translate(calc(100%), -50%);}
.profile-list-section .profile-table-list .update-address-icon .expiry-text-tooltip:after {  content: '';  position: absolute;  display: block;  width: 0px;  right: 0px;  top: 50%;  border: 7px solid transparent;  border-right: 0;  border-left: 7px solid #fff;  z-index: 1;  transform: translate(calc(100%), -50%);}
.profile-list-section .profile-table-list .update-address-icon:hover .expiry-text-tooltip {  display: block;}
.profile-list-section .profile-table-list tr td.col-width-30 {  width: 32%;}
.profile-list-section .profile-table-list tr td .info {  float: left;  width: 70%;}

.address-verfication .personal-info{padding: 0;}
.address-verfication .input-block{margin-bottom: 0;height: 100%;border: 1px solid #e0e0e0;border-radius: 8px;padding: 12px 16px;}
.address-verfication .input-block:hover{background-color: #f0f6fd;border-color: #0068d8;}
.address-verfication .personal-info .radio-button-container{width: 100%; margin: 0;padding-left: 0;padding-right: 34px;color: #212121;font-weight: 500;}
.address-verfication .personal-info .radio-button-container .checkmark{left: unset;right: 0;top: 50%;transform: translate(0,-50%);}
.address-verfication .input-block:has(.personal-info .radio-button-container input:checked) {
  background-color: #f0f6fd;
  border-color: #0068d8;
}
/* .contact-dashboard-information.update-information .card-container .card-details{width: -webkit-fill-available;}
.contact-dashboard-information.update-information .card-container .card-details .address-list{margin-right: 22px;}
.contact-dashboard-information.update-information .card-container .card-details .address-list h2{font-size: 12px; line-height: 15px; color: #0068D8; font-weight: 400; margin: 0 0 9px;}
.contact-dashboard-information.update-information .card-container .card-details .address-list .address-item{font-size: 12px; line-height: 15px; display: flex; align-items: center; border-bottom: 1px solid #E0E0E0; padding: 9px 0;}
.contact-dashboard-information.update-information .card-container .card-details .address-list .address-item .left-part{margin: 0 0 0 14px; color: #757575; flex: 1;}
.contact-dashboard-information.update-information .card-container .card-details .address-list .address-item .right-part{margin: 0; color: #101010; flex: 2;}
.contact-dashboard-information.update-information .card-container .card-details .address-list a{font-size: 14px; line-height: 18px; color: #0068D8; margin: 14px 0 0 14px; display: block;}
.contact-dashboard-information.update-information .card-container .card-block{width: -webkit-fill-available; margin: 10px 22px 18px 0;}
.contact-dashboard-information.update-information .manage-information-container .card-container .card-commn-list .title{flex: 1;}
.contact-dashboard-information.update-information .manage-information-container .card-container .card-commn-list .info{flex: 2;} */
.task-list .table-selection-block .select-block {
  width: 160px;
}
.task-list .left-part {  display: flex;  justify-content: right;}
.task-list .left-part .action-edit-btn {  margin: 0 30px 0 0;}
.task-list .left-part .action-edit-btn .custom-toggle .all {  border: none;}
.task-container {  padding: 60px 12px 12px 12px;  background-color: #f7f7f7;}
.task-container .task-detail {  padding: 12px;  margin: 0 0 2px 0;  border-radius: 8px;  background-color: #ffffff;  min-height: 85px;  height: 85px;  position: relative;}
.task-container .task-detail input[type=radio] {  width: 19px;  height: 19px;  vertical-align: sub;  color: #9E9E9E;}
.task-container .task-detail label {  font-size: 14px;  color: #101010;  font-weight: 400;}
.task-container .task-detail .icon-detail {  margin: 9px 0 0 0;  text-align: right;  position: absolute;  bottom: 12px;  right: 12px;}
.task-container .task-detail .icon-detail .ignore-btn {  border-radius: 50px;  font-size: 14px;  font-weight: 600;  line-height: 22px;  padding: 3px 14px;  margin-right: 16px;  background-color: transparent;  color: #424242;  border: 1px solid #757575;}
.task-container .task-detail .icon-detail .resolve-btn {  border-radius: 50px;  font-size: 14px;  font-weight: 600;  line-height: 22px;  padding: 3px 14px;  background-color: #0068D8;  color: #FFFFFF;  border: none;}
/* .task-container .task-detail .icon-detail img{margin-right: 6px;} */
/* .task-list-data{width: 600px;} */
.task-list-data .heading-dialog .list-header {padding: 16px 32px;border-bottom: 1px solid #f7f7f7;display: flex;align-items: center;justify-content: space-between;}
.task-list-data .heading-dialog .list-header .list-title {  font-size: 24px;  color: #101010;  font-weight: 700;  letter-spacing: -0.58px; line-height: 30px;}
.task-list-data .heading-dialog .list-header .close:hover svg {background-color: #eeeeee;border-radius: 6px;}
.task-list-data .heading-dialog .list-header .close:hover svg path {fill: #101010;}
.task-list-data .heading-dialog .list-body {  padding: 24px 32px;  min-height: 150px;}
.task-list-data.add-branch .heading-dialog .list-body{overflow: auto;max-height: calc(100vh - 180px);}
.task-list-data.add-branch .ng-select .ng-clear-wrapper{display: block !important;top: 1px;right: -6px;}
/* .task-list-data .heading-dialog .list-body .pd-left {  padding-left: 0;} */
.task-list-data .heading-dialog .list-body.pd {  padding: 0;}
/* .task-list-data .heading-dialog .list-body .pd-right{padding-right: 0;} */
.task-list-data .heading-dialog .list-body .input-block {margin: 0 0 8px;}
.task-list-data .heading-dialog .list-body .input-block .input-label {font-size: 12px;line-height: 14px;  color: #757575;  font-weight: 500;margin-bottom: 4px;}
.task-list-data .heading-dialog .list-body .input-block .form-control .ng-dropdown-panel.ng-select-bottom {  right: 0;  width: 100% !important;  margin-bottom: 16px;  margin-top: 0 !important;}
.task-list-data .heading-dialog .list-body .carrier-modal-data {  padding: 16px 0 0;}
.task-list-data .heading-dialog .list-body .carrier-modal-data .block-title {  padding: 0 0 16px;  font-size: 16px;  font-weight: 700;  color: #101010;}
.task-list-data .heading-dialog .list-body .carrier-modal-data .custom-input {  margin-bottom: 18px;}
.task-list-data .heading-dialog .list-body .carrier-modal-data .custom-input input {  vertical-align: middle;  width: 17px;  height: 17px;  margin-right: 12px;}
.task-list-data .heading-dialog .list-body .carrier-modal-data .custom-input label {  font-size: 12px;  color: #424242;}
.task-list-data .heading-dialog .list-body .carrier-modal-data .action-btn .submit-btn {  background-color: #0068D8;  border-radius: 100px;  font-size: 16px;  color: #fff;  padding: 8px 24px;  border: none;}
.task-list-data .heading-dialog .list-footer {  padding: 8px 32px 32px;  display: flex;  justify-content: right;}
.task-list-data .heading-dialog .ssn-btn {justify-content: space-between;}
.task-list-data .heading-dialog .ssn-btn .tooltip-icon {top: -8px;}
.task-list-data .heading-dialog .ssn-btn .tooltip-icon .text-tooltip{padding: 12px; max-width: 250px; top:-10%; left: 100%;}
.task-list-data .heading-dialog .list-footer .cancel-btn {  margin-right: 8px;}
.task-list-data .heading-dialog .list-footer .cancel-btn .cancel-sub {  border-radius: 50px;  font-size: 16px;  font-weight: 600;  line-height: 22px;  padding: 8px 32px;  color: #424242;  border: 1px solid #757575; background-color: #fff;}
.task-list-data .heading-dialog .list-footer .action-btn .submit-btn {  border-radius: 50px;  font-size: 16px;  font-weight: 600;  line-height: 22px;  padding: 9px 32px;  background-color: #0068D8;  color: #FFFFFF;  border: none;}
.task-list-data .heading-dialog .list-footer .action-btn .submit-btn:disabled {  opacity: 0.4;  pointer-events: none;}
.task-list-data .heading-dialog .list-body .input-block .input-label.link-popup {  color: #0068D8;  float: right;  cursor: pointer;}
.task-list-data .select-options .select-block {  padding: 7px 0;  border: 1px solid #e0e0e0;  border-radius: 6px;  font-size: 14px;  line-height: 22px;}
.task-list-data .select-options .select-block .ng-select {  padding: 0px 16px;}
.task-list-data .select-options .tag-block { border: none !important;}
.task-list-data .select-options .tag-block .form-control { padding: 0 !important;}
.task-list-data .select-options .tag-block .form-control .multiselect-dropdown .dropdown-list .item2{display: grid; grid-template-columns: repeat(2, 1fr);}
.task-list-data .ng-dropdown-panel.ng-select-bottom {  width: 100% !important;  left: 0px;}
.smart-fein .ng-dropdown-panel.ng-select-bottom { width: 100% !important; max-width: 100%; margin-top: 8px !important;left: 0px;}
/* .task-list-data .select-options .tag-block .form-control .multiselect-dropdown .dropdown-list{ overflow: visible !important;} */
.task-list-data .list-footer.add-carriers {  display: flex;  justify-content: space-between;}
.task-list-data .list-footer.add-carriers .action-edit-btn .link.default {  padding: 9px 32px;  border-radius: 50px;  font-size: 16px;  line-height: 24px;}
.task-list-data .list-footer.add-carriers .btn-box {  display: flex;}  
/* audit log table */
.audit-log-table {width: 100%;font-size: 12px;}
.audit-log-table table{width: 100%;}
.audit-log-table tr th, .audit-log-table tr td {padding: 5px 5px 5px 0px;}
.audit-log-table tr th.width-100 {  width: 100px;}
.audit-log-table tr th.width-160 {  width: 160px;}
.audit-log-table .audit-log-header {  border-bottom: 1px solid #e0e0e0;  color: #757575;}
.audit-log-table .audit-log-list {  border-bottom: 1px solid #F7F7F7;}
.audit-log-table .audit-log-list a{ color: #424242; }
.audit-log-table .audit-log-list a:hover{ color: #0068D8; text-decoration: underline;}
.modal-dialog.modal-sm{  max-width: 480px; width: 480px;}
.modal-dialog, .modal-dialog.modal-md {  max-width: 600px; width: 600px;display: flex;align-items: center;}
.modal-dialog.modal-lg {  max-width: 800px; width: calc(100% - 50px);}
.modal-dialog.modal-mxl {  max-width: 1000px; width: calc(100% - 50px);}
.modal-dialog.modal-xl {  max-width: 1334px; width: calc(100% - 50px);}
.common-modal .modal-dialog.modal-mxl .modal-content {  max-width: 1000px; width: calc(100% - 50px);}
.modal-xxl .modal-dialog.modal-xl { max-width: 1680px; height: 100vh; max-height: 890px;}
.top-modal .modal-dialog.modal-xl{display: block;margin: 1.75rem auto;}
.modal-dialog{display: flex;align-items: center;min-height: calc(100vh - 0rem);margin: 0 auto;}
.created-date {  font-size: 11px;  display: inline-flex;  color: #757575;  position: absolute;  padding-top: 0px;  bottom: 6px;}
.last-updated-date {  font-size: 11px;  color: #757575;}
.common-graph-layout.contact-growth {  padding: 14px;  border-radius: 6px;}
.license-expiration-graph {  height: 260px;}
.modal-hide {  visibility: hidden;  display: none;}
/* *****Reports CSS start***** */
.btn-link {color: #0068D8;}
.report-list .form-control {border: 1px solid #ced4da;border-radius: 4px;}
.report-list .form-control.pointer-none {  pointer-events: none;}
.report-list .btn-outline-secondary {  color: #e0e0e0;  border-color: #e0e0e0;}
.report-list .btn-outline-secondary:hover, .report-list .btn-outline-secondary:active {  color: #e0e0e0;  background-color: transparent !important;  border-color: #e0e0e0;}
/* .report-list .custom-day-highlight ngb-datepicker.dropdown-menu { padding: 0 0 24px 0;}
.report-list .custom-day-highlight:has(ngb-datepicker.dropdown-menu.show) .indication{display: block;} */
.report-list .custom-day{text-align: center; padding: 0.28rem 0.25rem;height: 1.9rem;width: 1.9rem;border-radius: .25rem;}
.report-list .custom-day:hover{ color: #212529; background-color: #e2e6ea; border-color: #dae0e5;}
.report-list .custom-day.highlight { color: #0068d8; font-weight: 800;}
/* .report-list .indication{display: none; font-size: 12px; width: 232px; position: absolute; top: 310px; left: 24px; z-index: 9999; padding: 3px 10px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; background-color: #F1F9F1;}
.report-list .indication .color-icon {background: #4CAF50; height: 12px; width: 12px; border-radius: 3px; display: inline-block; line-height: 12px; margin-right: 4px;} */
.report-list .custom-day.bg-info{border-radius: .25rem;color: #fff; background-color: #0068D8 !important;}
.reports-container #daily-reports {  margin: 70px 0 0 0 !important;}
.reports-container #daily-reports table {  width: 100% !important;}
.reports-container #daily-reports table thead tr, .reports-container #daily-reports table tr {  border: 1px solid #dee2e6 !important}
.reports-container #daily-reports table th {  background-color: #f7f7f7 !important;  padding: 12px 15px !important;  font-size: 14px !important;  line-height: 24px !important;  color: #757575 !important;  vertical-align: middle !important;}
.reports-container #daily-reports table td {  padding: 5px 15px !important;  font-size: 14px !important;  line-height: 24px !important;  color: #101010 !important;}
.reports-container #daily-reports h4 {  padding: 10px 15px !important;  font-weight: 700;}
/* **************** */
.update-nipr .forms-data .list-header {padding: 16px 32px;border-bottom: 1px solid #dee2e6;display: flex;align-items: center;justify-content: space-between;}
.update-nipr .forms-data .list-header .list-title {  font-size: 24px;  font-weight: 700;  line-height: 34px;}
.update-nipr .forms-data .list-header .close {  border: none;}
.update-nipr .forms-data .list-header .close:hover svg {  background-color: #eee;  border-radius: 6px;}
.update-nipr .forms-data .profile-form {  padding: 24px 32px;}
.update-nipr .forms-data .profile-form .action-btn {  padding: 32px 0 0 0;}
.update-nipr .forms-data .profile-form .action-btn .commn-btn {  margin-bottom: 0px;}
.update-nipr .form-icon{position: relative; top: 11px;}
.task-list-data .heading-dialog .list-header .search-close {  display: flex;}
.task-list-data .heading-dialog .list-header .search-close .search-block {  margin: 0 25px 0 0;}
.task-list-data .heading-dialog .list-header .search-close .search-block .search-input { padding: 8px 35px 8px 16px;}
.task-list-data .select-options .select-block.pd-0 {  padding: 0;  width: 100%;}
.task-list-data .select-options .select-block.width-auto .dropdown-list {  width: 100% !important;  padding: 0;}
.task-list-data .select-options .select-block .multiselect-dropdown .dropdown-btn {  padding: 7px 16px !important;  height: 32px;  border: 1px solid #E0E0E0;  border-radius: 6px;}
.task-list-data .select-options .select-block .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {  top: 15px !important;}
.task-list-data .select-options .select-block .multiselect-dropdown .dropdown-btn .dropdown-multiselect--active .dropdown-multiselect__caret {  top: 12px !important;}
.file-attachement {  padding: 20px 0;  position: absolute;  margin-top: 10px;  width: 100%;  border-radius: 6px;  background: #F5F5F5;  height: 200px;}
.file-attachement .upload-file {  display: flex;  justify-content: center;  align-items: center;  position: relative;  top: 50%;  transform: translateY(-50%);}
.file-attachement input {  display: none;}
.file-attachement .file-info {  font-size: 14px;  line-height: 20px;  color: #616161;  margin: 0 0 0 14px;}
.file-attachement .file-info span {  font-size: 16px;  line-height: 22px;  color: #101010;  font-weight: 600;}
.common-table.upload-data .table thead th {  font-size: 13px;  line-height: 17px;  padding: 6px;}
.common-table.upload-data .table tr td {  font-size: 13px;  line-height: 17px;  padding: 4px 6px;}
/* .common-table.upload-data .table tr td.custom-type{padding: 3px 6px;} */
.common-table.upload-data .table tr td.custom-type .select-options .select-block{padding: 3px;}
.common-table.upload-data .table td.custom-type input{padding: 6px 10px;}
.common-table.upload-data .table tr td:first-child, .common-table.upload-data .table tr th:first-child {  padding-left: 20px;}
.common-table.upload-data .table tr td:last-child, .common-table.upload-data .table tr th:last-child {  padding-right: 20px;}
.common-table.upload-data .table tr th:last-child {  text-align: center;}
.common-table.upload-data .table td input {  width: 100%;  padding: 3px 10px;  border: 1px solid #E0E0E0;  border-radius: 6px;  color: #757575;  font-size: 14px;  line-height: 20px;  outline: none;}
.common-table.upload-data .recent-upload {  font-size: 12px;  line-height: 15px;  color: #9e9e9e;  background: #F7F7F7;  margin: 0;  padding: 8px 32px;}
td.status-icon .disabled, .attachment-icon.disabled, .status-icons.disabled {  opacity: 0.5;  pointer-events: none;}
.licenses-table-list td.status-icon .disabled, .licenses-table-list .status-icons.disabled {  opacity: 0.5;  pointer-events: auto;}
.licenses-table-list .print-btn{opacity: 0;visibility: hidden;}
.licenses-table-list tr:hover .print-btn{opacity: 1;visibility: visible;}

/* .contact-list-section .table.contact-list-table .status-icon .barnch-icon svg {width: 22px;height: 22px;} */
.contact-list-section .table.contact-list-table.space tr td div{height: 22px;}
.contact-list-section .table.contact-list-table.space tr td .icons svg{width: 22px;height: 22px;}
/* .contact-list-section .common-table .table .status-icons.reminder-icon {margin-left: 22px !important;} */
.common-table.upload-data {  height: calc(100vh - 310px);  max-height: calc(100vh - 310px);  overflow: auto;}
.common-table.upload-data.isUploaded {  height: calc(100vh - 190px);  max-height: calc(100vh - 190px);  overflow: auto;}
.common-table.upload-data.isUploaded .dropdown-list{margin-top: 3px !important;}
.common-table.upload-data .table tr.no-data {  border-bottom: none;}
.common-table.upload-data .table tr.no-data .no-data-found {  padding: 100px 0px 50px;}
.common-table .table tr.no-data:hover {  background-color: #ffffff;  cursor: default;}
.common-table.upload-data .table .download-icon {  width: 20px;  height: 20px;}
.common-table.upload-data .select-options .select-block.width-auto .dropdown-list {  width: 100% !important;  padding: 0;  overflow: hidden;}
.common-table.upload-data .select-options .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item {  padding: 2px 10px !important}
.validation-error {  margin: 10px 0px 0px;}
.validation-error-table {  margin: 10px 32px;}
.task-list-data.active-licence .heading-dialog .list-header {  padding: 10px 20px;}
.task-list-data.active-licence .heading-dialog .list-body.pd {  position: relative;  z-index: 1;}
.task-list-data.active-licence .select-options .select-block .multiselect-dropdown .dropdown-btn {  padding: 3px 10px !important;  height: 33px;}
.task-list-data.active-licence .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item span {  max-width: fit-content;}
.task-list-data.active-licence .heading-dialog .list-header .search-close {  display: flex;  align-items: center;}
.task-list-data.active-licence .select-options.filter-dropdown {  width: 400px;  margin: 0 10px 0 0;}
.task-list-data.active-licence .select-options .select-block .multiselect-dropdown .dropdown-btn {  height: 32px;  padding: 3px 30px 3px 10px !important;}
.task-list-data.active-licence .select-options .select-block .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {  top: 12px !important;}
.task-list-data.active-licence .select-options .select-block .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item {padding: 3px 10px !important;}
.task-list-data.active-licence .common-table tr:hover .icon.delete path{fill: #d80000;}
.task-list-data.active-licence .common-table tr:hover .icon.upload path{fill: #0068D8;}
.task-list-data .heading-dialog .list-header .search-block .search-icon {  z-index: 0;}
/* .task-list-data.active-licence .select-options .select-block.width-auto .dropdown-list ul.item2{max-height: 140px!important;} */
.thead-sticky {position: sticky;top: 0px;z-index: 99;}
/* .common-table.upload-data .recent-upload{font-size: 12px;line-height: 15px;color: #9e9e9e;background: #F7F7F7;margin: 0;padding: 8px 32px;} */
.task-list-data.update-address .heading-dialog .dropdown-list {  bottom: 100%;}
.task-list-data.update-address .heading-dialog .list-body {  padding: 8px 32px;}
.task-list-data.update-address .heading-dialog .list-body .input-block {  margin: 0 0 8px;}
.task-list-data.update-address .heading-dialog .list-body .block-desc {  padding: 0 15px;  font-size: 12px;  line-height: 16px;  color: #757575;  font-weight: 500;}
.task-list-data.update-address .heading-dialog .list-footer {  padding: 8px 32px 18px;}
.task-list-data.update-address .info-address-title {  border: 2px solid #e0e0e0;  padding: 5px 32px;  background-color: #eee;  font-size: 14px;  font-weight: 400;  color: #101010;}
.warning-address-title {  border-bottom: 1px solid #E0E0E0;  padding: 5px 32px;  background-color: #F5830010;  font-size: 14px;  font-weight: 300;  color: #F58300;}
.warning-address-title.pd-lr {  padding: 14px 92px;}
.task-list-data.update-address .info-address-title p, .warning-address-title p {  margin: 0;}
.task-list-data.update-address .info-address-title a {  color: #0068D8;}
.task-list-data.update-address .three-column-dd .multiselect-dropdown .dropdown-btn{height: auto;min-height: 35px;max-height: 230px;flex-wrap: wrap;row-gap: 4px;overflow: auto;}
.common-table.update-address tbody tr td .info-data {  float: none;  margin-left: 7px;  cursor: pointer;  padding: 2px 8px;  font-weight: bold;  border: 1px solid #e0e0e0;  border-radius: 50%;  text-align: center;}
/******* Custom Scrollbar css start*******/
*{
  /* appearance: none; */
  scrollbar-width: thin;
}
/* width */
::-webkit-scrollbar, -moz-scroll-scrollbar, scrollbar {width: 10px;height: 10px;}
/* Track */
::-webkit-scrollbar-track, -moz-scrollbar-track, scrollbar-track {background-color: #eee;}
/* Handle */
::-webkit-scrollbar-thumb, -moz-scrollbar-thumb, scrollbar-thumb {background: rgba(0,0,0,0.4);border-radius: 2px;cursor: default;}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover, -moz-scrollbar-thumb:hover, scrollbar-thumb:hover {background: rgba(0,0,0,0.5);}
.mCSB_scrollTools .mCSB_draggerRail {  width: 10px !important;  border-radius: 2px !important;}
.task-list-data.update-address .mCSB_scrollTools .mCSB_dragger {  right: 5px !important;  position: absolute !important;}
/******* Custom Scrollbar css end*******/
.task-list-data.renew-licenses .heading-dialog .list-body {  max-height: calc(100vh - 200px);  overflow-y: auto;  min-height: auto;}
/* .task-list-data.renew-licenses .heading-dialog .list-body .block-desc{font-size: 14px; line-height: 20px; color: #424242; font-weight: 400;} */
.task-list-data.renew-licenses .heading-dialog .list-body .block-desc p { margin: 0;}
.task-list-data.renew-licenses .heading-dialog .list-body .block-desc .highlight-text {  font-weight: 600;  color: #212121;}
.task-list-data.renew-licenses .heading-dialog .list-body .block-title {  padding: 8px 0 16px;  color: #101010;  font-size: 20px;  line-height: 26px;  font-weight: 600;}
.task-list-data.renew-licenses .heading-dialog .list-body .radio-button-container {  margin: 0 35px 0 0;}
.task-list-data.renew-licenses .heading-dialog .list-body.renewal-application .block-title {  padding: 8px 0;}
.task-list-data.renew-licenses .heading-dialog .list-body.renewal-application .block-desc {  padding: 0 0 16px;}
.task-list-data.manage-recipients .heading-dialog .list-body { max-height: calc(100vh - 190px);overflow: auto}
.main-licenses .back-btn, .back-btn.top { display: inline-block;  margin: 20px 28px;}
.main-licenses .accept-data-info {  display: flex;  max-width: 670px;  margin: 0 auto;  height: calc(100vh - 220px);  align-items: center;  justify-content: center;  flex-direction: column;}
.main-licenses .accept-data-info .data-img {  margin: 0 0 10px;}
.main-licenses .accept-data-info .title {  font-size: 24px;  line-height: 30px;  padding: 0 0 12px;  color: #101010;  font-weight: 600;}
.main-licenses .accept-data-info .block-desc {  font-size: 16px;  font-weight: 400;  color: #424242;}
.main-licenses .accept-data-info .block-info {  display: flex;  width: 100%;}
.main-licenses .accept-data-info .block-info .desc {  font-size: 14px;  margin: 0 0 21px 5px;  font-weight: 400;  color: #101010;}
.main-licenses .accept-data-info .action-btn .commn-btn {  padding: 8px 24px;}
.biographic-container {  position: relative;}
.sidebar-contentdata .contentdata-width.full .biographic-container .top-part {  width: calc(100% - 88px);}
.sidebar-contentdata .contentdata-width .biographic-container .top-part {  width: calc(100% - 232px);}
.biographic-container .top-part {  position: fixed;  z-index: 12;  background-color: #ffffff;  }
.biographic-container.over-top-part-content .top-part{z-index: 13;}
.biographic-container.over-top-part-content .step-container{border-bottom: none;}
.biographic-container .top-part.head-button {  top: 190px;  transition: all ease-in-out 0.3s;}
.biographic-container .top-part-inside {  position: fixed;  top: 222px;  z-index: 1;  background-color: #ffffff;  width: -webkit-fill-available;}
.biographic-container .comman-space {  padding: 20px 0;  border-bottom: 1px solid #e0e0e0;}
.biographic-container .block-title {  padding: 0 0 16px;  font-size: 20px;  color: #101010;  font-weight: 600;}
.biographic-container .detail-section {  padding: 10px 16px;  display: flex;align-items: center;justify-content: center;  border-bottom: 1px solid #e0e0e0;  transition: all ease-in-out 0.3s;}
.biographic-container.scrolled .detail-section {min-height: 35px;  padding: 5px 16px;  display: flex;  border-bottom: 1px solid #e0e0e0;  transition: all ease-in-out 0.3s;}
.biographic-container.scrolled .detail-section .data .first-data {  font-size: 12px;}
.biographic-container.scrolled .detail-section .data .last-data {  font-size: 12px;}
.biographic-container.scrolled .step-container {  padding: 8px 24px;  transition: all ease-in-out 0.3s;}
.biographic-container.scrolled .step-container .step-main .step-info .circle {  width: 10px;  height: 10px;}
.biographic-container.scrolled .step-container .step-main .step-info .no-circle {  width: 10px;  height: 10px;}
.biographic-container.scrolled .step-container .data-name {  padding: 0px 0 0 0;}
.biographic-container.scrolled .step-container .data-name h2 {  font-size: 12px;}
.biographic-container.scrolled .top-part.head-button {  top: 139px;  transition: ease-in-out 0.1s;}
.biographic-container .detail-section .data {  padding: 0 16px 0 0;  display: flex;align-items: center;}
.biographic-container .detail-section .data .first-data {  font-size: 14px;  color: #101010;  font-weight: 600;  width: fit-content;}
.biographic-container .detail-section .data .last-data {  font-size: 14px;line-height: 19px;  color: #424242;  font-weight: 400;  padding: 0 0 0 5px;  width: fit-content;}
.biographic-container .step-container {  padding: 18px 24px;  border-bottom: 1px solid #e0e0e0;  display: flex;  flex-direction: column;  justify-content: center;  transition: all ease-in-out 0.3s;  max-width: 754px;  margin: 0 auto;}
.biographic-container .step-container.new-license-step {max-width: 940px;}
.biographic-container .step-container .step-main {  display: flex;  align-items: center;  justify-content: center;}
.biographic-container .step-container .step-main .step-info {  display: flex;  align-items: center;}
.biographic-container .step-container .step-main .step-info .circle {  width: 14px;  height: 14px;  margin: 0 3px;  background-color: #0068D8;  border-radius: 100px;}
.biographic-container .step-container .step-main .step-info .no-circle {  width: 14px;  height: 14px;  margin: 0 3px;  background-color: #F0F6FD;  border: 2px solid #C2DBF6;  border-radius: 100px;}
.biographic-container .step-container .step-main .step-info .line {  width: 275px;  height: 2px;  background-color: #0068D8;}
.biographic-container .step-container .step-main .step-info .no-line {  background-color: #C2DBF6;  width: 275px;  height: 2px;}
.biographic-container .step-container .firm-step .step-info .line { width: 175px;}
.biographic-container .step-container .firm-step .step-info .no-line { width: 175px;}
.biographic-container .step-container .firm-step-without-affiliations .step-info .no-line { width: 240px;}
.biographic-container .step-container .data-name {  display: flex;  align-items: center;  justify-content: space-between;  text-align: center;  padding: 16px 0 0 0;}
.biographic-container .step-container .data-name h2 {  font-size: 16px;  color: #757575;  font-weight: 400;  min-width: 111px;  text-align: center;}
.biographic-container .step-container .data-name .center {  padding: 0;}
.biographic-container .step-container .data-name .main-data {  color: #000000;  font-weight: 500;}
.biographic-container .title-heading {  padding: 5px 92px;  border-bottom: 1px solid #e0e0e0;  border-top: 1px solid #e0e0e0;  background-color: #F7F7F7;  align-items: center;  display: flex;  justify-content: space-between;}
.biographic-container .title-heading .block-title {  font-size: 20px;  color: #101010;  padding: 0;  font-weight: 700;}
.biographic-container .title-heading .btn-box {  display: flex;  align-items: center;}
.biographic-container .title-heading .btn-box .title-heading-btn .title-btn {  margin-left: 16px;  display: inline-block;  border: 1px solid #0068D8;  background-color: #0068D8;  border-radius: 100px;  padding: 5px 30px;  font-size: 16px;  color: #ffffff;  font-weight: 600;}
.biographic-container .title-heading .btn-box .title-heading-btn .previous-btn {  background-color: transparent;  border-radius: 100px;  border: 1px solid #757575;  padding: 5px 30px;  font-size: 16px;  color: #424242;  font-weight: 600;}
.biographic-container .biographic-data-section {  padding: 186px 92px 80px;}
.biographic-container .biographic-data-section.warning {  padding: 226px 92px 80px;}
.biographic-container .biographic-data-section .form-detail .input-block .input-name {  font-size: 14px;  color: #101010;  margin: 0 0 8px 0;  font-weight: 600;}
.biographic-container .biographic-data-section .form-detail .input-block .form-control {  width: 100%;  border-radius: 6px;  padding: 9px 16px;  color: #757575;  font-weight: 400;}
.personal-info {display: flex;padding: 10px 0 0 0;}
.personal-info .block-title {  padding-right: 33px;  font-size: 20px;  color: #101010;  font-weight: 600;}
.personal-info .radio-button-container, .personal-info .checkbox-button-container {  color: #424242;  display: block;  position: relative;  margin: 0 12px 0 0;  padding-left: 26px;  line-height: 20px;  cursor: pointer;  font-size: 14px;  -webkit-user-select: none;  user-select: none;}
.personal-info .radio-button-container input, .personal-info .checkbox-button-container input {  position: absolute;  opacity: 0;  cursor: pointer;  vertical-align: middle;}
.personal-info .radio-button-container .checkmark {  position: absolute;  top: 0;  left: 0;  height: 20px;  width: 20px;  background-color: #fff;  border-radius: 50%;  border: 2px solid rgba(0,104,216,1);  transition: all 0.3s;}
.personal-info .radio-button-container input:checked ~ .checkmark, .personal-info .checkbox-button-container input:checked ~ .checkmark {  background-color: #fff;  border-color: #0068D8;}
.personal-info .radio-button-container .checkmark:after, .personal-info .checkbox-button-container .checkmark:after {  content: "";  position: absolute;  display: none;}
.personal-info .radio-button-container input:checked ~ .checkmark:after, .personal-info .checkbox-button-container input:checked ~ .checkmark:after {  display: block;}
.personal-info .radio-button-container .checkmark:after {  top: 4px;  left: 4px;  width: 9px;  height: 9px;  border-radius: 50%;  background: #0068D8;}
/* .personal-info .checkbox-button-container {color:#000; display: block; position: relative; margin: 0 12px 0 0; padding-left: 26px; line-height: 20px; cursor: pointer; font-size: 14px; -webkit-user-select: none; user-select: none;} */
/* .personal-info .checkbox-button-container input {position: absolute; opacity: 0; cursor: pointer; vertical-align: middle;} */.personal-info .checkbox-button-container .checkmark {  position: absolute;  top: 0;  left: 0;  height: 20px;  width: 20px;  background-color: #fff;  border-radius: 2px;  border: 2px solid rgba(0,104,216,1);  transition: all 0.3s;}
/* .personal-info .checkbox-button-container input:checked ~ .checkmark {background-color: #fff; border-color: #0068D8;} */
/* .personal-info .checkbox-button-container .checkmark:after {content: ""; position: absolute; display: none;} */
/* .personal-info .checkbox-button-container input:checked ~ .checkmark:after {display: block;} */
.personal-info .checkbox-button-container .checkmark:after {  transform: rotate(40deg);  height: 12px;  width: 7px;  margin-left: 32%;  border-bottom: 3px solid #0068D8;  border-right: 3px solid #0068D8;}
.personal-info .custom-checkbox input[type="checkbox"] {width: 18px;height: 18px;}
.personal-info .custom-checkbox .custom-control-label::before, 
.personal-info .custom-checkbox .custom-control-label::after {width: 18px;height: 18px; border: 2px solid #0068D8; top: 0rem; border-radius: 2px;}
.personal-info .input-block .form-cotrol {  min-width: 250px;}
.biographic-container .address-detail .data {  display: flex;  margin: 0 0 8px;  align-items: center;}
.biographic-container .address-detail h3 {  width: 85px;  color: #101010;  margin-right: 16px;  font-size: 16px;  font-weight: 500;}
.biographic-container .address-detail p {  font-size: 14px;  color: #101010;  font-weight: 400;  margin: 0;  padding-right: 32px;}
.biographic-container .form-detail.contact-data {  border: none;}
.biographic-container .biographic-data-section .background-data {padding: 32px 0 0 0;}
.biographic-container .biographic-data-section .main-title {white-space: nowrap;position: relative;  padding: 16px 32px;  background-color: #f7f7f7;  font-size: 20px;  color: #101010;  font-weight: 700;  margin: 48px 0px 0px;  border-top: 1px solid #E0E0E0;  border-bottom: 1px solid #E0E0E0;}
/* .biographic-container .biographic-data-section .main-title::before{content: ""; display: block; position: absolute; display: block; background-position: center; background-repeat: no-repeat; width: 26px; right: 33px; top: 19px; background-size: cover; height: 26px; background-image: url(./../images/ic-drop-down.svg);}  */
.biographic-container .biographic-data-section .btn{position: relative; padding: 0; text-decoration: none; z-index: 0;}
.biographic-container .biographic-data-section .btn::before{content: ""; display: block; z-index: 1; position: absolute; display: block; transform: rotate(180deg); background-position: center; background-repeat: no-repeat; width: 28px; right: 33px; top: 19px; background-size: cover; height: 28px; background-image: url(./../images/ic-drop-down.svg);} 
.biographic-container .biographic-data-section .btn:hover::before{ background-image: url(./../images/ic-arrow-down.svg); background-position: center; background-repeat: no-repeat; width: 28px; background-size: cover; height: 28px;}
.biographic-container .biographic-data-section .btn.collapsed::before{transform: rotate(360deg);}
.biographic-container .biographic-data-section .btn.ngb-dp-arrow-btn::before{background-image: none;} 
.biographic-container .biographic-data-section .btn.ngb-dp-arrow-btn:hover::before{ background-image: none;}

.biographic-container .biographic-data-section .accordion>.card>.card-header{background-color: transparent; border: none; padding: 0;}
.biographic-container .biographic-data-section .accordion .card .card-header .btn-link:hover{text-decoration: none;}
.biographic-container .biographic-data-section .card{border: none; margin: 48px 0 0;z-index: 1;overflow: unset;}
.biographic-container .biographic-data-section .card .card-body{padding: 0; margin-bottom: 16px;}
.d-flex-wrap-tag{display: flex; flex-wrap: wrap;}
/* .biographic-container .biographic-data-section .btn{padding: 0; text-decoration: none;} */
.biographic-container .biographic-data-section .main-title.licenses-detail{margin: 24px 0 0; padding: 9px 32px;}
.biographic-container .biographic-data-section .main-title.licenses-detail.review{ margin: 0; background-color: transparent; border: none; padding-top: 20px;}
.biographic-container .biographic-data-section .main-title.licenses-detail::before{content: none;}
.biographic-container .biographic-data-section .main-title.licenses-detail .main-title-detail{ display: flex;}
.biographic-container .biographic-data-section .main-title.licenses-detail .main-title-detail .block-title{display: flex; font-size: 18px; padding: 0 32px 0 0;}
.biographic-container .biographic-data-section .background-data.left {  padding: 40px 0 0 48px;}
.biographic-container .biographic-data-section .background-data .top-heading .number {  float: left;  padding-right: 30px;  padding-top: 5px;  font-size: 20px;  color: #101010;  font-weight: 700;}
.biographic-container .biographic-data-section .background-data .top-heading .block-title {  padding: 0;  float: left;  max-width: 71%;  font-size: 18px;  line-height: 26px;  color: #101010;  margin: 0 15px 0 0;  font-weight: 400;}
.biographic-container .biographic-data-section .level-2 .background-data .top-heading .block-title {  max-width: 60%; }
.biographic-container .biographic-data-section .background-data .top-heading .personal-info {  float: right;  border: none;  padding: 0;}
.biographic-container .biographic-data-section .background-data .top-heading .personal-info .radio-button-container {  margin: 0 15px 0 0;  padding-left: 25px;}
.biographic-container .biographic-data-section .background-data .info {  background-color: #f7f7f7;  padding: 16px;  margin: 12px 0 0;  font-size: 16px;  color: #616161;  font-weight: 400;}
.biographic-container .biographic-data-section .background-data .info p:last-child, .biographic-container .biographic-data-section .background-data .top-heading .personal-info .radio-button-container:last-child, .biographic-container .address-detail .data:last-child {  margin: 0;}
.biographic-container .biographic-data-section .background-data .top-heading .tag-info {  float: right; word-wrap: break-word;  color: #0068D8;  font-weight: 500;  font-size: 16px;  padding: 6px 8px;  background-color: #F0F6FD;  border-radius: 6px;  max-width: 22%;}
.biographic-container .biographic-data-section .background-data .top-heading .block-title.review {  max-width: 80%;}
.biographic-container .biographic-data-section .main-title.review {  background-color: transparent;  padding: 40px 0 0;  border-bottom: none;}
.biographic-container .biographic-data-section .uniform-data .main-title.review {  border-top: none;  margin: 0px;}
.biographic-container .biographic-data-section .non-uniform-data .main-title.review {  margin: 0px 0 0 0; border-top: none;}
/* .biographic-container .biographic-data-section .non-uniform-data:first-child .main-title.review {border-top: 1px solid #e0e0e0;  } */
.biographic-container .biographic-data-section .review-detail .main-data {  display: flex;}
.biographic-container .biographic-data-section .review-detail .main-data .data-detail {  display: flex;  align-items: center;  margin-right: 24px;}
.biographic-container .biographic-data-section .review-detail .main-data .data-detail label {  font-size: 16px;  color: #101010;  font-weight: 400;  padding-right: 16px;}
.biographic-container .biographic-data-section .review-detail .main-data .data-detail .title, .biographic-container .address-detail .address-data {  padding: 6px 8px; margin: 5px; color: #0068D8;  font-size: 16px;  font-weight: 500;  background-color: #F0F6FD;  border-radius: 4px;}
.biographic-container .biographic-data-section .review-detail .main-data .data-detail .title .input-block input{ border: none; background: #F0F6FD; color: #0068D8; font-size: 16px;  font-weight: 500; }
.biographic-container .biographic-data-section .review-detail .main-data .data-detail .title-fein {width: 110px;}
.biographic-container .biographic-data-section .uniform-data {  padding-bottom: 24px; border-bottom: 1px solid #e0e0e0;}
.biographic-container .biographic-data-section .personal-info .select-block {  border: 1px solid #e0e0e0;  padding: 5px 10px;  width: 180px;  border-radius: 6px;}
.biographic-container .biographic-data-section .non-uniform-data {  padding: 0 0 40px;  border-bottom: 1px solid #e0e0e0;}
.biographic-container .biographic-data-section .review-info {  padding: 24px;  background-color: #F0F6FD;  border: 1px solid #C2DBF6;  margin: 40px 0 0 0;}
.biographic-container .biographic-data-section .review-info .title {  font-size: 16px;  color: #0068D8;  background-color: #C2DBF6;  padding: 12px 15px;  line-height: 24px;  font-weight: 500;  margin: 0 0 32px;}
.biographic-container .biographic-data-section .review-info .title span {  margin-right: 10px;  vertical-align: text-bottom;}
.biographic-container .biographic-data-section .review-info .info-detail {  padding: 0 0 25px;}
.biographic-container .biographic-data-section .review-info .info-detail .number {  float: left;  font-size: 16px;  color: #101010;  margin-right: 5px;}
.biographic-container .biographic-data-section .review-info .info-detail .info {  float: left;  font-size: 16px;  color: #101010;  max-width: 97%;}
.biographic-container .biographic-data-section .review-info .info-detail .info p {  margin: 0;}
.biographic-container .biographic-data-section .review-info .custom-checkbox .custom-control-label {font-size: 16px;font-weight: 600;line-height: 16px;}
.biographic-container .biographic-data-section .review-info .custom-control-label::before, .biographic-container .biographic-data-section .review-info .custom-checkbox .custom-control-label::after{top: 0;}
.biographic-container .biographic-data-section .review-info .check-item .custom-checkbox .custom-control-input.disabled:checked ~ .custom-control-label::after {  background-color: rgba(255, 255, 255, 0.5);}
.biographic-container .biographic-data-section .block-title .tooltip-icon { position: relative; top:-12px; left: 0;}
.biographic-container .biographic-data-section .block-title .tooltip-icon .text-tooltip{ top: -3px; left: 135%}
.branch-appointer {  border-bottom: 1px solid #e0e0e0;  position: fixed;  width: calc(100% - 270px);  background-color: #fff;  z-index: 2;}
.contentdata-width.full .branch-appointer {  width: calc(100% - 88px);}
.branch-appointer .action-btn {  position: relative;  top: 10px;  right: 24px;  float: right;}
.branch-appointer .action-btn .commn-btn {  width: auto;  padding: 10px 32px;  margin-left: 8px;  font-size: 14px;  line-height: 16px;}
.branch-appointer .action-btn .cancel-sub {  background: #ffffff;  color: #424242;  font-size: 14px;  line-height: 16px;  padding: 9px 32px;  width: auto;  border-radius: 50px;  margin-bottom: 16px;  border: 1px solid #424242;}
.branch-appointer-detail {  padding: 88px 0 24px 0;  max-width: 768px;  margin: 0 auto;}
.branch-appointer-detail .input-block {  margin: 0 0 8px 0;}
.branch-appointer-detail .ng-dropdown-panel {  width: 100%;}
.branch-appointer-detail .input-block .input-name {  font-size: 14px;  color: #757575;  margin: 0 0 8px 0;  font-weight: 500;}
.branch-appointer-detail .input-block .form-control {z-index: 1;  width: 100%;  border-radius: 6px;  padding: 6px 16px;  color: #757575;  font-weight: 400;}
.branch-appointer-detail .ng-dropdown-panel.ng-select-bottom {z-index: 1;  left: 0px;  margin-top: 0px !important;}
.type-password .form-icon svg {  position: absolute;  bottom: 24px;  right: 24px;}
.modal-content.eligibility-modal .modal-body {  padding: 20px 32px;}
.modal-content.eligibility-modal .modal-body .eligibility-checking h2 {  display: flex;  font-size: 20px;  line-height: 26px;  color: #000;  font-weight: 400;}
.modal-content.eligibility-modal .modal-body .eligibility-checking h2 svg {  margin-right: 8px;  width: 36px;  height: 36px;}
.modal-content.eligibility-modal .modal-body .button-block {padding: 47px 0 0 0;}
.modal-content.eligibility-modal .modal-body .action-btn .dark-bg {  border-radius: 100px;  margin: 0;  padding: 10px 32px;}
.check-eligibility-for {  font-size: 16px;  line-height: 30px;}
.main-licenses.request-status .accept-data-info {text-align: center;}
.main-licenses.request-status .accept-data-info .data-img {  margin: 0 0 20px;}
.main-licenses.request-status .accept-data-info.success {  text-align: left;  justify-content: left;  align-items: flex-start;}
.main-licenses.request-status .accept-data-info.success .data-img {  display: flex;  align-items: center;  justify-content: left;}
.main-licenses.request-status .accept-data-info.success .data-img svg {  margin-right: 32px;}
.eligibility-checking-status {  text-align: center;  padding: 50px 20px 20px 20px;  width: 630px;  margin: auto;  align-items: center;  text-align: left;}
.eligibility-checking-status .eligibility-checking h2 {  font-size: 24px;  line-height: 32px;  color: #000;  font-weight: 600;}
.eligibility-checking-status .eligibility-checking h2 + p {  text-align: left;  color: #424242;  padding-top: 12px}
.eligibility-checking-status .eligibility-checking h2 svg {  margin-right: 8px;  width: 64px;  height: 64px;}
.eligibility-checking-status .button-block {  padding: 12px 0 0 0;}
.eligibility-checking-status .action-btn .dark-bg {  border-radius: 100px;  margin: 0;  padding: 10px 32px;}
.eligibility-checking-status .eligibility-checking .orange {color: #F58300;}
.penalty-info-section {  padding: 20px 140px;  border-bottom: 1px solid #e0e0e0;}
.penalty-container .penalty-info-section {  padding: 0;  border: none;}
.penalty-container .penalty-info-section .data {  display: flex;  align-items: center;}
.penalty-container .penalty-info-section .data .penalty-img img {  padding: 12px;  background-color: #F0F6FD;  border-radius: 12px;}
.penalty-container .penalty-info-section .data .title {  font-size: 20px;  color: #101010;  margin-left: 16px;  font-weight: 600;}
.penalty-container {  padding: 34px 140px;  margin-bottom: 40px;}
.penalty-container table {  border-collapse: separate;  border-spacing: 0 7px;}
.penalty-container table tr th, .penalty-container tr td {  padding: 14px 30px;  vertical-align: middle;  color: #101010;  font-size: 14px;  border: 1px solid #e0e0e0;}
.penalty-container table .fisrt {  background-color: #f7f7f7;  text-align: center;  color: #000;  font-size: 16px;  font-weight: 600;}
.penalty-container table .second {  border-right: none;  border-left: none;}
.penalty-container table .third {  border-left: none;}
.penalty-container table .border-none {  border-bottom: none;}
.penalty-container table tr:first-child th {  color: #757575;  font-weight: 400;  text-transform: uppercase;  font-size: 12px;}
.penalty-container .info {  margin: 29px 0 0 0;  color: #101010;  font-size: 12px;  font-weight: 400;}
.penalty-container .info a {  color: #0068D8;  text-decoration: underline;}
/* tooltip */
.tooltip-icon {  position: relative;  top: -18px;  left: -4px;}
.tooltip-icon.inline{  position: relative;  top: inherit;  left: inherit;}
/* .tooltip-icon.inline .text-tooltip.info-list.top { top: -65%; right: 0; transform: translate(-65.5%,-100%); white-space: break-spaces;} */
.mange-carriers-list-block .tooltip-icon, .new-appointment-model .tooltip-icon, .branch-appointer-detail .tooltip-icon, .carrier-modal-data .tooltip-icon {top: -5px; left: -5px;}
.tooltip-icon .text-tooltip {  position: absolute;  padding: 10px;  top: -5px;  box-shadow: 0px 2px 10px #00000024;  display: none;  color: #101010;  border: 1px solid #E0E0E0;  z-index: 9999;  background-color: #fff;  width: max-content;  max-width: 400px;  text-align: left;  line-height: 18px;  left: -257px;  border-radius: 4px;}
.tooltip-icon .text-tooltip {  top: -5px;  left: 125%;  font-size: 12px; font-weight: 400;}
.tooltip-icon .text-tooltip:before {  content: '';  position: absolute;  display: block;  width: 0px;  top: 12px;  right: 100%;  border: 7px solid transparent;  border-right: 8px solid #E0E0E0;}
.tooltip-icon .text-tooltip:after {  content: '';  position: absolute;  display: block;  width: 0px;  top: 12px;  right: 100%;  border: 7px solid transparent;  border-right: 7px solid #fff;  z-index: 1;}
.open-auto.tooltip-icon .text-tooltip:before { content: ''; position: absolute; display: block; width: 0px; border: 7px solid transparent;}
.open-auto.tooltip-icon .text-tooltip:after{ content: ''; position: absolute; display: block; width: 0px; border: 7px solid transparent; z-index: 1; }
.open-auto.tooltip-icon .text-tooltip.below:before{ top: 12px; right: 100%; border-right: 8px solid #E0E0E0; }
.open-auto.tooltip-icon .text-tooltip.below:after{ top: 12px; right: 100%; border-right: 7px solid #fff; }
.open-auto.tooltip-icon .text-tooltip.above:before{ bottom: 12px; top:auto; right: 100%; border-right: 8px solid #E0E0E0; }
.open-auto.tooltip-icon .text-tooltip.above:after{ bottom: 12px; top:auto; right: 100%; border-right: 7px solid #fff; }
.open-auto.tooltip-icon .text-tooltip.left-side:before{transform: rotate(180deg);right: -15px;}
.open-auto.tooltip-icon .text-tooltip.left-side:after{transform: rotate(180deg);right: -13px;}
.licenses-table-list .tags, .appointment-list-table .tags { cursor: default; }
.licenses-table-list .cursor, .appointment-list-table .cursor , .packge-active .appointment-list-table .tags { cursor: pointer; }
.tooltip-icon:hover .text-tooltip,
.tooltip-icon .text-tooltip.open-default {  display: block;}
.tooltip-icon.position-default{top:0; left: 0;}
.tooltip-icon .text-tooltip.info-list { top: -9px; left: 125%; font-size: 12px;}
.tooltip-icon .tag-info-list{ z-index: 1;}
.tooltip-icon .text-tooltip.disabled-invite-tooltip {left: 75% !important; width: 200px !important;}
/* .tooltip-icon .text-tooltip.top{max-width: max-content; min-width: 400px;} */
.tooltip-icon .text-tooltip.info-list.top { top: -50%; right: 0; transform: translate(-56.5%,-100%); white-space: break-spaces;}
.tooltip-icon.inline .text-tooltip.info-list.top {width: 250px; top: -50%; right: 0; transform: translate(-60.5%,-104%); white-space: break-spaces;}
.tooltip-icon .info-list.top.text-tooltip:before{top: 100%; border-top: 8px solid #E0E0E0; left: 50%; border-right: 8px solid transparent;}
.tooltip-icon .info-list.top.text-tooltip:after{top: 100%; border-top: 7px solid #ffffff; left: 50%; border-right: 7px solid transparent;}
.tooltip-icon.attachment-tooltip{top: 6px;background-color: #f7f7f7;padding: 2px;line-height: 0;height: fit-content;border-radius: 16px;display: inline-block;}
.tooltip-icon.attachment-tooltip img{width: 18px;height: 18px;}
.tooltip-icon.attachment-tooltip .text-tooltip.info-list.top{left: auto;transform: translate( -0%, -100%);right: -16px;}
.tooltip-icon.attachment-tooltip .info-list.top.text-tooltip:before{left: auto;right: 19px;}
.tooltip-icon.attachment-tooltip .info-list.top.text-tooltip:after{left: auto;right: 20px;}
.tooltip-icon.attachment-tooltip .text-tooltip.info-list.bottom{left: auto;transform: translate( 0%, 100%);right: -16px;}
.tooltip-icon .info-list.bottom.text-tooltip:before{transform: rotate(90deg);top: -14px;right: 19px;}
.tooltip-icon .info-list.bottom.text-tooltip:after{transform: rotate(90deg);top: -14px;right: 19px;}
/*  */
ul.list-style-disc{list-style: disc; padding-left: 16px !important; font-size: 13px; margin: 6px 0;}
ul.list-style-disc li::marker{color: #0068D8;}
/*  */
.single-selection .multiselect-dropdown .multiselect-item-checkbox input[type=checkbox] + div {  padding-left: 0px !important;}
.single-selection .multiselect-dropdown .multiselect-item-checkbox input[type=checkbox] + div::before,.single-selection .multiselect-dropdown .multiselect-item-checkbox input[type=checkbox] + div::after {  display: none;}
.single-selection .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item a {  display: none;}
.single-selection .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item {  background: #ffffff !important;}
.single-selection .multiselect-dropdown .dropdown-list {  min-width: 138px;}
.single-selection .multiselect-dropdown .dropdown-list .filter-textbox input {  padding: 0 0 0 0px !important;}
.single-selection .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item span {  max-width: 100%;}
/**manage mga start css**/
.scroll-add-appointer{max-height: calc(100vh - 200px); overflow: auto;}
.tab-card-details.manage-mga {  border-bottom: 1px solid #e0e0e0;}
.mange-carriers-list-block.mga .mange-carriers-container .new-group-block .btn.btn-cancel {  background-color: transparent;  border: 1px solid #757575;  color: #424242;  padding: 8px 31px;}
.mange-carriers-list-block.mga .mange-carriers-container .new-group-block .btn.save-btn {  padding: 8px 32px;}
/* .mange-carriers-list-block.add-carriers .add-appointer-detail.add-information-mga {  margin: 0 auto;  max-width: 768px;} */
.mange-carriers-list-block.add-carriers .add-appointer-detail.add-information-mga .input-block {  margin: 0 0 8px 0;}
/* .mange-carriers-list-block.add-carriers .add-appointer-detail.add-information-mga .input-block .personal-info .radio-button-container .checkmark {  top: -4px;} */
.mange-carriers-list-block.add-carriers .add-appointer-detail.add-information-mga .input-block .ng-dropdown-panel.ng-select-bottom {  width: 100% !important;  left: 0px;  margin: 0 !important;}
.add-information-mga .add-user-detail h2 {  font-size: 12px;  color: #757575;  padding-bottom: 15px;  font-weight: 500;  line-height: 15px;}
.add-information-mga .add-user-detail .radio-button-container {  color: #000;  float: left;  display: block;  position: relative;  padding-left: 32px;  padding-top: 4px;  margin: 0 32px 15px 0;  line-height: 22px;  cursor: pointer;  font-size: 16px;  -webkit-user-select: none;  user-select: none;}
.add-information-mga .add-user-detail .radio-button-container input {  position: absolute;  opacity: 0;  cursor: pointer;}
.add-information-mga .add-user-detail .radio-button-container .checkmark {  position: absolute;  top: 0;  left: 0;  height: 21px;  width: 21px;  background-color: #fff;  border-radius: 50%;  border: 2px solid #0068D8;  transition: all 0.3s;}
.add-information-mga .add-user-detail .radio-button-container input:checked ~ .checkmark {  background-color: #fff;  border-color: #0068D8;}
.add-information-mga .add-user-detail .radio-button-container .checkmark:after {  content: "";  position: absolute;  display: none;}
.add-information-mga .add-user-detail .radio-button-container input:checked ~ .checkmark:after {  display: block;}
.add-information-mga .add-user-detail .radio-button-container .checkmark:after {  top: 4px;  left: 4px;  width: 10px;  height: 10px;  border-radius: 50%;  background: #0068D8;}
.manage-carrier-mga .breadcrumb {  padding:39px 24px 4px 24px; border-bottom: 1px solid #e0e0e0;}
.manage-carrier-mga .breadcrumb .arrow {  padding: 0 8px;}
/* .manage-carrier-mga .action-table-header {  top: 0;  position: initial;  width: 100%;} */
/* .manage-carrier-mga .common-table .table.licenses-table-list thead.sticky-from-top {top: 0;} */
.manage-carrier-mga .common-table .table.licenses-table-list tbody tr{cursor: pointer;}
.manage-carrier-mga .common-table {padding-top: 0;overflow: auto;max-height: calc(100vh - 252px);}
.manage-carrier-mga .back-btn {  margin-right: 7px;}
.add-carriers.mga .add-carriers-detail {  margin: 0 24px;}
.licenses-mga .common-table {  margin: 0 !important;}
.licenses-mga .common-table .icon {  text-align: center;}
.width-110 {  width: 110px;}
/* .licenses-mga .common-table .custom-checkbox .custom-control-input{opacity: 1; left: 14px;} */
.licenses-mga .common-table table {  overflow-x: auto !important;  display: table !important;}
.licenses-appointer-information .mange-carriers-container .new-group-block .custom-checkbox {  display: flex; align-items: center;}
/* .licenses-appointer-information .mange-carriers-container .new-group-block .custom-checkbox .custom-control-label {  margin: 5px 37px 0 0;} */
.licenses-appointer-information .custom-control-label::after {  left: 59px; }
.licenses-appointer-information .custom-control-label::before {  left: 59px;  background-color: #e0e0e0; border: 0;}
.licenses-appointer-information .custom-control-input {  left: 82px;  top: 9px;  width: 17px;  height: 17px;  z-index: 1;}
.licenses-appointer-information .mange-carriers-container {  border-bottom: 1px solid #e0e0e0; }
/* .licenses-appointer-information .add-appointer-detail.add-information-mga {  padding: 24px 0 48px;} */
.licenses-appointer-information .add-appointer-detail.add-information-mga .add-user-detail .form-control.licenses {  margin-bottom: 16px;}
.add-appointer-detail .block-title {  font-size: 20px;  font-weight: 600;  color: #212121;  padding-bottom: 20px;}
.form-grouping-title.block-title{font-size: 12px;  padding-bottom: 8px; font-weight: 400; text-transform: uppercase; line-height: 16px;color: #9e9e9e;display: flex;align-items: center;gap: 8px;white-space: nowrap;}
.block-title .horizontal-line{width: 100%;height: 1px;background: linear-gradient(90deg, #E0E0E0 0%, #FFFFFF 100%);}
.licenses-appointer-information .manage-carriers-detail .user-details .block-title .tag {  padding: 4px 8px;  background-color: #0068D8;  border-radius: 4px;  color: #fff;  font-size: 14px;line-height: 20px;  font-weight: 400;}
.input-block input.protected + div.form-icon {  position: relative;  top: 20px;  right: -14px;}
.input-block input.ng-dirty + div + div.mismatch-error, .input-block input.ng-touched + div + div.mismatch-error {  display: none;}
.input-block input.ng-dirty + div + div.mismatch-error, .input-block input.ng-touched + div + div.mismatch-error,
.input-block input.ng-dirty + div.mismatch-error, .input-block input.ng-touched + div.mismatch-error {  display: block;  color: #D80000;  font-size: 12px;}
.mismatch-error{color: #D80000; }
.input-block input.protected + div.form-icon.new-license {  position: absolute;  top: 38px;  right: 24px;}
/**manage mga end css**/
/**rest api**/
.rest-api-detail {  max-width: 50%;  margin: 0 auto; padding-top: 32px;}
.rest-api-detail .breadcrumbs-block {  padding: 12px 0;}
.rest-api-detail .breadcrumbs-block .arrow {  padding: 0 8px;}
.rest-api-detail .breadcrumbs-block .breadcrumb-item a {  color: #757575;}
.rest-api-detail .block-title {  padding: 0 0 10px;  font-size: 24px;  font-weight: 700;  line-height: 34px;}
.rest-api-detail .block-desc p {  font-size: 14px;  margin: 0;}
.rest-api-detail .title-heading-btn .title-btn {  background-color: #0068D8;  display: inline-block;  color: #fff;  font-size: 16px;  font-weight: 600;  padding: 9px 16px;  border-radius: 50px;}
.rest-api-detail .input-container {  padding: 24px 0 0 0;  position: relative;}
.rest-api-detail .input-container label {  font-size: 12px;  color: #757575;  line-height: 22px;}
.rest-api-detail .input-container .info {  padding: 10px 16px;  border: 1px solid #C2DBF6;  background-color: #F0F6FD;  border-radius: 6px;  font-size: 14px;  color: #101010;}
.rest-api-detail .input-container .info span img {  margin-left: 7px;  vertical-align: middle;  position: absolute;  right: 16px;}
.rest-api-detail .input-container .info span img:hover {  cursor: url(/assets/images/specialCopyCursor.cur), auto;}
.rest-api-detail .input-container .info span .text-tooltip {  position: absolute;  padding: 10px;  top: 0px;  right: -40px;  font-size: 14px;  box-shadow: 0px 2px 10px #00000024;  display: none;  color: #fff;  border: 1px solid #E0E0E0;  z-index: 111;  background-color: #0068d8;  width: max-content;  max-width: 400px;  text-align: left;  line-height: 18px;  border-radius: 4px;}
.rest-api-detail .input-container .info span .text-tooltip:before {  content: '';  position: absolute;  display: block;  width: 0px;  right: 50%;  top: 100%;  border: 7px solid transparent;  border-top: 8px solid #E0E0E0;}
.rest-api-detail .input-container .info span .text-tooltip:after {  content: '';  position: absolute;  display: block;  width: 0px;  right: 50%;  top: 100%;  border: 7px solid transparent;  border-top: 7px solid #0068d8;  z-index: 1;}
.rest-api-detail .input-container .info span:hover .text-tooltip {  display: block;}
.rest-api-detail .input-container .info .data {  font-size: 12px;  color: #9E9E9E;  margin-left: 69px;}
.rest-api-detail .input-container .register-btn {  text-align: right;}
.rest-api-detail .input-container .register-btn button {  border-radius: 100px;  background-color: #F7F7F7;  border: 1px solid #E0E0E0;  padding: 9px 32px;  color: #D80000;  font-size: 16px;  font-weight: 600;}
.common-modal.rest-api .button-block {  padding: 21px 32px 16px;}

.agenzee-api-block{border: 1px solid #e0e0e0; border-radius: 6px; background-color: #f7f7f7; padding: 24px; margin: 32px auto;}
.rest-api-detail .agenzee-api-block .block-title { font-size: 18px; line-height: 24px;}
/* copy css start here */

/* span.copy-text img {  margin-left: 7px;  vertical-align: middle;  position: absolute;  right: 16px;} */
span.copy-text img:hover{  cursor: url(/assets/images/specialCopyCursor.cur), auto;}
span.copy-text img.isClicked {  cursor: url(/assets/images/specialCopyCursor.cur), auto; filter: grayscale(0);}
span.copy-text img {filter: grayscale(1); display: inline-flex; vertical-align: text-top;}
span.copy-text .text-tooltip {  position: absolute;  padding: 8px 10px;  top: 0px;  right: -40px;  font-size: 12px;  box-shadow: 0px 2px 10px #00000024;  display: none;  color: #fff;  border: 1px solid #E0E0E0;  z-index: 111;  background-color: #0068d8;  width: max-content;  max-width: 400px;  text-align: left;  line-height: 18px;  border-radius: 4px;}
span.copy-text .text-tooltip:before {  content: '';  position: absolute;  display: block;  width: 0px;  right: 50%;  top: 100%;  border: 7px solid transparent;  border-top: 8px solid #E0E0E0;}
span.copy-text .text-tooltip:after {  content: '';  position: absolute;  display: block;  width: 0px;  right: 50%;  top: 100%;  border: 7px solid transparent;  border-top: 7px solid #0068d8;  z-index: 1;}
span.copy-text:hover .text-tooltip {  display: block;}
/* copy css end here */
/* bulk import css start */
.bulk-btn{position: absolute; top: -50px; right: 100px;}
.download-link {  text-align: right;  font-size: 12px;  line-height: 18px;  padding: 5px 0px;  color: #0068D8;  cursor: pointer;  text-decoration: underline;}
.new-contact-popup.common-modal .modal-dialog.modal-xl{  max-width: 1200px;width: 1200px; }
.modal-dialog:has(.modal-content .common-modal.modal-xl-custom),
.modal-dialog:has(.modal-content .reactivate-contact-modal){  max-width: 1140px; width: calc(100vw - 100px);}
.new-contact-popup.common-modal .modal-dialog.modal-xl .modal-content {  width: 1200px;}
.common-table.table-border.bulk-import {  max-height: calc(100vh - 390px);}
.common-table.table-border.import-response {  max-height: calc(100vh - 100px);}
.common-table.table-border {  padding: 0;  overflow: auto;  border: 1px solid #e0e0e0;}
.common-table.table-border .table {  margin-bottom: 0;}
/* .common-table.table-border .table thead.sticky-from-top {  top: 0px;} */
.common-table.table-border .table td {  font-size: 12px;  line-height: 18px;}
.common-table.table-border .table thead th {  padding: 5px 3px 5px 10px;  font-size: 12px;  line-height: 18px;}
.progress-heading {  font-size: 16px;  font-weight: 600;  margin-bottom: 10px;}
.progress-heading span {  float: right; color: #0068D8;}
.progress {  height: 8px;  border-radius: 10px;  background-color: #F0F6FD}
.progress .progress-bar {  background-color: #0068d8;  transition: width 1s ease;  width: 0%;}
@keyframes width {
0% {width: 0%;}
10% {width: 10%;}
20% {width: 20%;}
30% {width: 30%;}
40% {width: 40%;}
50% {width: 50%;}
60% {width: 60%;}
70% {width: 70%;}
70% {width: 80%;}
90% {width: 90%;}
100% { width: 100%;}
}

/* spinner css start*/
.loader {
  width: 18px;
  padding: 3px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #0068D8;
  --_m: 
    conic-gradient(#0000 10%,#000),
    linear-gradient(#000 0 0) content-box;
  -webkit-mask: var(--_m);
          mask: var(--_m);
  -webkit-mask-composite: source-out;
          mask-composite: subtract;
  animation: l3 1s infinite linear;
}
@keyframes l3 {to{transform: rotate(1turn)}}

.loader.loader-md{width: 60px;}
/* end */
.preview-detail .remove-btn {  background-color: transparent;  border: none;  outline: none;  color: #0068d8;  text-decoration: underline;}
.preview-detail .export-btn {  border: none;  outline: none;  color: #0068d8;  background-color: #F0F6FD;  padding: 5px 20px;  border-radius: 20px;  cursor: pointer;}
.preview-detail .export-btn:hover {  color: #ffffff;  background-color: #0068d8;}
.preview-detail .export-btn:hover svg path {  fill: #ffffff;}
.preview-detail .bold {  display: inline-block;  font-size: 16px;  line-height: 22px;  font-weight: 700;}
.preview-detail span {  font-size: 12px;  font-weight: 400;  margin: 0 0 8px 5px;}
.preview-detail.right {  text-align: right;}
.preview-dropdown {  width: 160px;  margin-left: 16px;}
.preview-dropdown .select-block {  border: 1px solid #e0e0e0;  border-radius: 20px;  padding: 3px 10px;}
.preview-dropdown .ng-dropdown-panel.ng-select-bottom {  margin-top: 4px !important;}
.common-table .table tr.no-data-found:hover {  background-color: transparent;}
.common-table .table tr.no-data-found td {  padding-bottom: 50px;}
.modal-dialog.modal-xl .new-contact-popup .branch-block .select-options,
.modal-dialog.modal-xl .new-contact-popup .branch-block .input-block {flex: 12;}
/*  */
.pointer-none {  pointer-events: none;}
.inline-input { padding: 0; border: none;  pointer-events: none;}
.inline-input.edit-enabled.pointer-none {  pointer-events: none;}
.inline-input.edit-enabled, .inline-input.edit-enabled:focus-visible,.inline-select.edit-enabled, .inline-select.edit-enabled:focus-visible {  border-bottom: 1px solid #E0E0E0;  padding-right: 30px;  outline: none;  border-radius: 4px;  padding-left: 10px;  float: left;  width: calc(100% - 25px);  pointer-events: initial;}
.profile-info-list .input-group-append {  position: relative;  right: 50px;  top: 5px;}
.profile-info-list .input-group-append .btn-outline-secondary {  border: transparent;  width: 30px;  height: 30px;}
.profile-info-list .input-group-append .btn-outline-secondary:hover {  background-color: transparent;}
.edit-icon.save {  color: #0068D8;  text-decoration: underline;  margin: 0 0 0 -15px;}
.agenzee-status-item .close-icon {  position: relative;  left: -27px;  top: -2px;}
.agenzee-status-item .close-icon.date {  position: relative;  left: -54px;  top: 7px;}
.agenzee-status-item .close-icon svg {  cursor: pointer;}
.inline-input.inline-edit {  border: 1px solid transparent;  pointer-events: initial;  background-color: transparent;  padding: 3px 6px;  border-radius: 4px;}
.inline-input.inline-edit:hover {  background-color: #fff;  outline: none;  border: 1px solid #c3c3c3;}
.inline-input.inline-edit:focus {  outline: none;  border: 1px solid #c3c3c3;}
table tr.bg-error {  background-color: #D8000010;}
.text-Failed {  color: #D80000;}
.text-Processed {  color: #00A000;}
.text-blue {  font-size: 12px;  color: #0068D8;  font-weight: 400;}
.common-modal .modal-header {}
/* .common-modal .modal-body{padding: 24px;}
.common-modal .modal-body.full-width{padding: 0px;} */
.common-modal .modal-body.full-width {padding: 24px;}
.common-modal .modal-footer {  border-top: none;}
.common-modal .modal-footer .action-btn .commn-btn {  min-width: 100px;  padding: 10px 15px;}
/* notes css */
.task-list-data .heading-dialog .list-body.notes .block-title{word-break: break-all;}
.notes-btn{padding: 4px 24px 0px 0px;}
.notes-btn .back-btn{display: inline-block;}
.notes-container{display: flex;}
.notes-container .left-data{background-color: #f7f7f7; max-width: 500px; display: flex;}
.notes-container.isContactUser .left-data .left-container,.notes-container.isContactUser .left-data .right-container{height: calc(100vh - 145px);}
.notes-container .left-data .left-container,.notes-container .left-data .right-container{border-right: 1px solid #e0e0e0;  height: calc(100vh - 185px);}
.notes-container .left-data .left-container.viewheight,.notes-container .left-data .right-container.viewheight{height: calc(100vh - 138px);}
.notes-container.archive-notes .left-data .first-part,.notes-container.archive-notes .left-data .second-part{height: calc(100vh - 138px); overflow-y: auto; border-right: 1px solid #e0e0e0; flex: 1 1; width: 250px; max-width: 250px;}
.notes-container .left-data .left-container .first-part,.notes-container .left-data .right-container .second-part{position: relative; height: calc(100vh - 236px); overflow-y: auto; flex: 1 1; width: 250px; max-width: 250px;}
.notes-container .left-data .left-container.viewheight .first-part,.notes-container .left-data .right-container.viewheight .second-part{position: relative; height: calc(100vh - 190px); overflow-y: auto; flex: 1 1; width: 250px; max-width: 250px;}
.notes-container .left-data .add-main-group{position: fixed; z-index: 1; background-color: #f7f7f7; bottom: 40px;}
.notes-container .left-data .add-group{position: sticky; width: 226px; display: flex;align-items: center; padding: 6px 16px; border-radius: 6px; box-shadow: 0px 2px 6px 0px #00000014; background-color: #fff; margin: 8px 12px; justify-content: space-between; cursor: pointer;}
.notes-container .left-data .add-group h2{color: #0068D8; font-weight: 500;}
.notes-container .left-data .input-block{display: flex; background-color: #fff; border-bottom: 1px solid #e0e0e0; align-items: center; justify-content: space-between; padding: 3px;}
.notes-container .left-data .input-block span{flex: 1; padding-left: 8px; line-height: 28px;}
.notes-container .left-data .input-block:hover{background-color: #F0F6FD; cursor: pointer;}
.notes-container .left-data .input-block.active{background-color: #f0f6fd;}
.notes-container .left-data .input-block svg{cursor: pointer;}
.notes-container .left-data .input-block:hover svg path{fill: #0068D8;}
.notes-container .left-data .input-block.active svg path{fill: #0068D8;}
.notes-container .left-data .input-block .note-field{ border: 1px solid #E0E0E0; border-radius: 4px; width: 184px; padding: 8px 6px; color: #101010;}
.notes-container .left-data .input-block .note-field:focus-visible,.notes-container .right-data .note-detail .input-block textarea:focus-visible{outline: none;}
.notes-container .right-data{flex: 1; position: relative; overflow: hidden;}
.notes-container .right-data .block-desc.btn{position: absolute; padding: 0; top: 13px; right: 42px;}
.notes-container .right-data .block-desc.btn .action-edit-btn a{padding: 9px 16px; margin: 0; font-size: 14px;}
.notes-container .right-data .top-header{padding: 12px 40px; border-bottom: 1px solid #E0E0E0;}
.notes-container .right-data .top-header .block-title{font-size: 24px; display: inline-block; line-height: 28px; color: #101010; font-weight: 700;}
.notes-container .right-data .top-header .block-desc{display: flex; align-items: center; justify-content: space-between; padding: 8px 0 0 0;}
.notes-container .right-data .top-header .block-desc.btn{float: right; padding: 0; display: inline-block;}
.notes-container .right-data .top-header .block-desc .time-note p{margin: 0 5px 0 0;}
.notes-container .right-data .top-header .block-desc .time-note .first-child{position: relative; margin: 0 15px 0 0;}
.notes-container .right-data .top-header .block-desc .time-note .second-child{margin: 0 10px 0 0px;}
/* .notes-container .right-data .top-header .block-desc .time-note .first-child::after{content: ""; display: block; position: absolute; right: -14px; top: 1px;  width: 1px; height: 14px; background-color: #e0e0e0;} */
.notes-container .right-data .top-header .block-desc p{font-size: 12px; line-height: 18px; color: #757575; margin: 0;}
.notes-container .right-data .top-header .block-desc .action-edit-btn .link.export{padding: 9px 31px; margin: 0;}
.notes-container .no-data{ display: flex; align-items: center; justify-content: center;width: -webkit-fill-available;width: -moz-available; }
.notes-legal-line{background-color: #FCEEE6; padding: 9px 22px; border-bottom: 1px solid #e0e0e0; display: flex; align-items: center; justify-content: space-between; color: #E55807;}
.notes-legal-line p{margin: 0;}
.notes-legal-line .close-icon svg path{fill: #E55807;}
.notes-legal-line .close-icon:hover{background-color: #fff; border-radius: 6px;}

.notes-legal-line.info{background-color: #F0F6FD; color: #0068D8;}
.notes-legal-line.info .block-desc p{color: #0068D8;}
.notes-legal-line.info .close-icon svg path{fill: #0068D8;}

.notes-container .right-data .note-detail .input-block textarea{width: 100%; height: calc(100vh - 550px); padding: 20px 40px; resize: none; border: 1px solid #e0e0e000; margin:0 2px;}
.notes-container .right-data .note-detail .input-block textarea.pd-0 {padding: 0px;}
.notes-container.archive-notes .right-data .note-detail{height: calc(100vh - 500px); overflow-x: hidden;  overflow-y: auto;}
.notes-container.archive-notes .right-data .note-detail .input-block{ word-break: break-all; width: 100%; padding: 20px 40px;}
.notes-container.archive-notes .right-data .note-detail .input-block textarea{ height: calc(100vh - 546px); overflow: hidden;}
.notes-container .right-data.viewheight .note-detail .input-block textarea{height: calc(100vh - 510px);}
.notes-attachments{ margin: 0 2px;}
.notes-attachments .common-table.ce-upload{height: calc(100vh - 503px); max-height: 200px;}
.common-table.ce-upload .icon{height: 22px;}
.common-table.ce-upload .icon.upload svg, .notes-attachments .common-table.ce-upload .icon.delete svg{width: 22px;height: 22px;}
/*  */
/* ****** Footer css start ***** */
.full-view-footer .legal-line{width: 100%;}
.half .legal-line{width: calc(100% - 88px);}
.legal-line {  background-color: #ffffff;  border-top: 1px solid #e0e0e0;  padding: 8px 24px;  position: fixed;  width: calc(100% - 232px);  bottom: 0;  right: 0;  z-index: 5;}
.legal-line .copy-right {  font-size: 12px;  line-height: 24px;  font-weight: 500;  color: #424242;  text-align: right; display: inline-flex; gap: 8px; align-items: center; max-height: 24px;}
.legal-line .copy-right .company-name{font-size: 18px;font-weight: 700;max-width: 600px;}
.legal-line .copy-right a {  margin: 0 0 0 24px;  color: #424242;}
.legal-line .copy-right a:hover {  color: #0068D8;  text-decoration: underline;  cursor: pointer;}
.legal-line .copy-right .author-name{color: #757575;font-style: italic;}
.before-login-page.right-side-content .legal-line, .before-login-page.set-pwd-container .legal-line {  width: 50% !important;}
/* ****** Footer css end ***** */

/* .header-content .navbar-nav {align-items: center;}
.header-content .navbar-nav .info-icon {  margin: 0 30px 0 0;  display: block;} */
.header-content .navbar-nav .info-icon {  margin: 0 30px 0 0;  display: block;}
/***ce css***/
.icon-block-ce {  vertical-align: middle;  text-align: center;  background-color: #F0F6FD;  border-radius: 50%;  padding: 3px 5px;}
.status-icons.ce {  height: 24px;  vertical-align: middle;  cursor: pointer;  display: block; min-width: 80px;}
.action-edit-btn .link.edit.Compliant, .action-edit-btn .link.edit.NotRequired{background-color: #F1F9F1; color: #00A000;}
.action-edit-btn .link.edit.InProgress{background-color: #F3F0FA; color: #673AB7;}
.action-edit-btn .link.edit.Compliant:hover, .action-edit-btn .link.edit.NotRequired:hover{background-color: #00A000; color: #ffffff;}
.action-edit-btn .link.edit.InProgress:hover{background-color: #673AB7; color: #ffffff;}

.ce-container {  width: 500px;  height: -webkit-fill-available;  border-radius: 0;  border: 1px solid #E0E0E0;  border-top: transparent;  background-color: #fff;  position: fixed;  top: 57px;  right: 0;  z-index: 23;}
.ce-container .ce-table {  overflow-y: auto;  height: calc(100vh - 228px);}
.common-table.ce-credit-table tr td.custom-box, .common-table.appointment-list tr td.custom-box{min-width: 190px;line-height: 17px;}
.common-table.ce-credit-table tr td .main-group, 
.common-table.appointment-list tr td .main-group{display: flex; justify-content: space-between; align-items: center; height: 22px; }
.common-table.ce-credit-table tr td .main-group span, .common-table.appointment-list tr td .main-group span{border: 1px solid transparent;}
.common-table.ce-credit-table tr td.custom-hour{min-width: 138px; padding: 0px 3px 0px 10px; line-height: 17px; border-top: 0;}
.common-table.ce-credit-table tr td.custom-hour .main-group{min-width: 108px;}
.common-table.ce-credit-table tr td.custom-hour .main-group .inline-input.inline-edit{width: 50px;}
.common-table.ce-credit-table tr td .main-group .icon-group, .common-table.appointment-list tr td .main-group .icon-group{display: flex;}
.common-table.ce-credit-table tr td .main-group .inline-input.inline-edit, .common-table.appointment-list tr td .main-group .inline-input.inline-edit{width: calc(100% - 50px); padding: 6px 8px;}
.common-table.ce-credit-table tr td .main-group .icon-group svg, .common-table.appointment-list tr td .main-group .icon-group svg{display: none;width: 22px;height: 22px;}
.common-table.ce-credit-table tr:hover td .main-group svg, .common-table.appointment-list tr:hover td .main-group svg{display: block;}
.common-table.ce-credit-table tr:hover td .main-group svg path, .common-table.appointment-list tr:hover td .main-group svg path{fill: #0068D8;}
.common-table.ce-credit-table .table tr:hover .icon.delete a svg path, .common-table.appointment-list .table tr:hover .icon.delete a svg path{fill: #d80000;}
.common-table.ce-credit-table .ng-select{pointer-events: none;} 
.common-table.ce-credit-table .ng-select .ng-arrow-wrapper{display: none !important;}
.common-table.ce-credit-table .ng-select.arrowshow{pointer-events: fill; padding: 2px 14px; line-height: 11px; z-index: 1;} 
.common-table.ce-credit-table .ng-select.arrowshow .ng-arrow-wrapper{display: block !important; padding-left: 8px;}
.common-table.ce-credit-table .ng-select .ng-arrow-wrapper .ng-arrow{left: -2px !important; top: 0px !important;}
.common-table.ce-credit-table .ng-select.ce-dropdown .ng-dropdown-panel.ng-select-bottom{margin: 0 !important;}
/* .common-table.ce-credit-table .ng-select.arrowshow .ng-arrow-wrapper .ng-arrow{left: -12px !important; top: -2px !important;} */
.common-table.ce-credit-table .ng-select.ng-select-opened>.ng-select-container .ng-arrow{left: -12px !important; top: -2px !important;}
.resolveContact-form .user-name-block .name-note {  margin: 0}
.resolveContact-form .table-selection-block {  align-items: center;  margin: 0;}
/* .resolveContact-form .input-group-append .btn-outline-secondary:hover {  background-color: #f7f7f7;} */
.resolveContact-form .table-selection-block input {  width: 170px;  padding: 6px 32px 6px 6px;  border: 1px solid #ced4da;  border-radius: 4px;}
/* .resolveContact-form .input-group-append .btn-outline-secondary {  width: 33px;  height: 33px;  padding: 0px;  border: 1px solid #ced4da;  border-radius: 4px;} */
/* Datepicker */
.datepicker-container input{ background-image: url(/assets/images/ic-calendar.svg) !important; background-repeat: no-repeat; background-size: 23px; padding: 6px 32px 6px 6px; border: 1px solid #ced4da; border-radius: 4px; background-position: right 6px center;}
.datepicker-container input:focus-visible{outline: transparent;}
.datepicker-container .calendar-container .top-container {background-color: #0068D8;}
.datepicker-container .calendar-container .top-container .month-year-container .month-year-text {color: #fff !important;}
.datepicker-default .control path { fill: #ffffff !important;}
.datepicker-default .day-unit, .datepicker-default .year-unit { color: #424242;}
.datepicker-default .day-unit.is-selected, 
.datepicker-default .day-unit:hover, 
.datepicker-default .year-unit.is-selected, 
.datepicker-default .year-unit:hover { background: #0068D8 !important; color: #fff;}
.datepicker-container .calendar-container .main-calendar-container .main-calendar-days .day-unit.is-disabled:hover, 
.datepicker-container .calendar-container .main-calendar-container .main-calendar-days .year-unit.is-disabled:hover, 
.datepicker-container .calendar-container .main-calendar-container .main-calendar-years .day-unit.is-disabled:hover,
.datepicker-container .calendar-container .main-calendar-container .main-calendar-years .year-unit.is-disabled:hover { background: transparent !important;}
.position-top .datepicker-container{position: initial !important;}
.position-top .calendar-container{top: -12px !important; left: 117px !important;}
.header-content .navbar-nav {align-items: center;}
.header-content .navbar-nav .info-icon{margin: 0 8px 0 0;display: block; position: relative;}
.help-url{display: flex; font-size: 14px; color: #424242; padding: 8px; border-radius: 100px;}
.help-url img{filter: grayscale(2);}
.help-url:hover, .help-url.active{background-color: #F0F6FD; color:#0068D8;}
.help-url:hover img, .help-url.active img{filter: none;}
/****setpwd css****/
.set-pwd-container .pwd-detail{width: 550px; max-width: 550px; margin: 30px 30px 65px;}
.set-pwd-container .pwd-detail .block-title{font-size: 20px; line-height: 28px; color: #282828; font-weight: 500; padding: 0 0 14px;}
.set-pwd-container .pwd-detail .block-title .hightlight{font-weight: 900; font-size: 32px; line-height: 52px;}
.set-pwd-container .pwd-detail .check-group{padding: 0 0 8px;}
.set-pwd-container .pwd-detail .check-group label{font-size: 14px; font-weight: 700; color: #101010; padding: 0 0 0 10px;}
.set-pwd-container .pwd-detail .check-group ul{padding: 3px 24px 0px 50px;}
.set-pwd-container .pwd-detail .check-group ul li{font-size: 14px; line-height: 20px; padding: 0 0 5px; list-style: disc; color: #424242;}
.set-pwd-container .pwd-detail .block-desc p{font-size: 16px; font-weight: 700; line-height: 19px; margin: 10px 0 80px 0; color: #424242; text-align: center;}
.set-pwd-container .pwd-detail .btn-box{display: flex; align-items: center; justify-content: center;}
.set-pwd-container .pwd-detail .action-btn{margin-top: 16px; margin: 0 5px; flex: 1;}
.set-pwd-container .pwd-detail .action-btn .btn:disabled{opacity: 0.15; width: 100%; padding: 15px; font-weight: 400; cursor: not-allowed; }
.set-pwd-container .pwd-detail .passwordlink{text-align: center; display: inline-block; font-weight: 600; width: 100%; display: inline-block;}
ul em{font-style: italic;}
/* .task-list-data .heading-dialog .list-body.ce-model .input-block{position:relative;}
.task-list-data .heading-dialog .list-body.ce-model .ce-model-date{position:absolute; display:flex; top:33px; right:0px;}
.task-list-data .heading-dialog .list-body.ce-model .ce-model-date .close-icon.date-close{left: -14px; top: -2px;}
.task-list-data .heading-dialog .list-body.ce-model .ce-model-date .input-group-append .btn{border: none;}
.task-list-data .heading-dialog .list-body.ce-model .ce-model-date .input-group-append .btn:hover{background-color: transparent;}
.task-list-data .heading-dialog .list-body.ce-model .ce-model-date .input-group-append button.calendar:active{background-color: transparent; border-color: transparent;}
.task-list-data .heading-dialog .list-body.ce-model .ce-model-date .input-group-append .btn:focus-visible{border: none; outline: none; border-color: transparent;} */

.task-list-data.ce-upload .heading-dialog .list-body{padding: 0; max-height: calc(100vh - 220px); max-height: 483px; overflow-y: auto;}
.task-list-data.ce-upload .heading-dialog .list-body .common-table{padding-top: 0;}
.task-list-data.ce-upload .heading-dialog .list-body .common-table .ng-dropdown-panel.ng-select-bottom{margin-top: 8px !important;}
.task-list-data.ce-upload .heading-dialog .list-body .common-table .table.contact-list-table thead.sticky-from-top{top: -1px; border-top: 1px solid #e0e0e0;z-index: 1111;}
.task-list-data.ce-upload .heading-dialog .list-body .select-options .select-block{line-height: 16px; padding: 8px 0; max-width: 300px; width: 300px; border-radius: 8px;}
.task-list-data.ce-upload .heading-dialog .list-body .inline-input.inline-edit{width: 100%; border: 1px solid #E0E0E0; padding: 5px 8px; border-radius: 8px;}
.task-list-data.ce-upload .heading-dialog .list-footer{padding: 32px; border-top: 1px solid #e0e0e0;}
.task-list-data.ce-upload .common-table td{vertical-align: top;}
.task-list-data.ce-upload .common-table td.custom-type{ vertical-align: top; padding: 4px 3px 4px 10px;}
.task-list-data.ce-upload .common-table td.custom-type .select-options .select-block .ng-select{padding: 0px 16px;}
.task-list-data.ce-upload .common-table td.custom-type .inline-input.inline-edit{padding: 6px;}
.task-list-data.ce-upload .common-table td .validation-field{margin: 0px 0;}
.type-ce.ce-dropdown .ng-dropdown-panel .ng-dropdown-panel-items {max-height: 135px;}
.contact-list-section.ce-main{overflow: hidden;}
/* .common-table.ce-credit-table .table.contact-list-table thead.sticky-from-top, .common-table.ce-credit-table .table.profile-table-list thead.sticky-from-top{top: 0;} */
.contact-list-data .common-table.ce-credit-table{height: calc(50vh - 108px); overflow-y: auto; z-index: 11; position: relative;}
.contact-list-data .common-table.ce-credit-table table{margin: 0;}
.contact-list-data .common-table.ce-credit-table table .status .type {height: 24px; display: flex;}
.common-table.ce-upload{padding-top: 0; height: calc(100vh - 431px); max-height: 284px; overflow: auto;}
.ce-credit-attachment .common-table.ce-upload{padding-top: 0; height: calc(50vh - 107px); overflow: auto;max-height: unset;}
.ce-credit-attachment .common-table.ce-upload .p-2{padding: 0 !important;}
/* .common-table.ce-upload .table.contact-list-table thead.sticky-from-top, .common-table.ce-upload .table.profile-table-list thead.sticky-from-top{top: -1px;} */
.ce-info .new-group-block .ce-btn{border: none; background: #F0F6FD;  border-radius: 100px; margin-right: 8px; padding: 4px 14px;}
.ce-info .new-group-block .ce-btn a{color: #0068D8; font-size: 12px; line-height: 15px; white-space: nowrap;}
.ce-info .new-group-block .ce-btn a.disabled + .plus-icon svg{opacity: 0.5;}
.ce-info{justify-content: space-between; top: 305px; align-items: center; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background-color: #fff; width: -webkit-fill-available; padding: 16px 24px 16px; display: flex;}
/* .ce-info  .icon.upload svg:hover path{fill: #0068D8;} */
.common-table.ce-upload .table tr:hover .icon.upload a svg path{fill: #0068D8;}
.common-table.ce-upload .table tr:hover .icon.delete a svg path{fill: #d80000;}
.common-table.ce-upload .btn-box{display: flex; justify-content: right;}

.right-side-panel .modal-dialog {position: fixed;top: 0;right: 0;height: -webkit-fill-available;margin: 0;}
.right-side-panel .modal-dialog .modal-content{height: 100vh; display: block; border-radius: 0px;}
.filter-close{position: relative;}
.filter-close .clear-filter{position: absolute; top: 3px; right: 16px;}
.filter-btn {display: flex; justify-content: space-between; background-color: transparent; align-items: center; border-radius: 100px; padding: 2px 30px 2px 14px; border: 1px solid #C2DBF6; color: #0068D8; font-size: 12px; font-weight: 400;}
.filter-btn .tag{margin: 0 6px; background-color: #F0F6FD; color: #0068D8; width: 20px; height: 20px; text-align: center; font-size: 14px; line-height: 20px; border-radius: 4px; }
.filter-container {height: -webkit-fill-available;}
.filter-container .block-title{padding: 10px 24px; display: flex; font-size: 20px; font-weight: 600; justify-content: space-between; border-bottom: 1px solid #e0e0e0;}
.filter-container .block-title .close svg{width: 40px; height: 40px; border-radius: 6px;}
.filter-container .block-title .close svg:hover{background-color: #eeeeee;}
.filter-container .block-title .close:hover svg path{fill: #000;}
.filter-container .filter-detail{height: calc(100vh - 136px); overflow-y: auto; position: relative;}
.filter-container .filter-detail .table-selection-block{margin: 0 24px 4px; display: block; position: relative;}
.filter-container .filter-detail .select-options{padding: 10px 0px 0; margin: 0; white-space: normal;}
.filter-container .filter-detail .select-options .input-label{margin-bottom: 4px;font-size: 12px;line-height: 14px;color: #757575;font-weight: 500;white-space: nowrap;}
.filter-container .filter-detail .form-control{padding: 8px 16px; border-radius: 6px; height: auto; line-height: 18px;}
.filter-container .filter-detail .multi-bor-0 .form-control {padding: 7px 0px; min-height: 34px;}
/* .filter-container .multiselect-dropdown .dropdown-btn span{padding-top: 3px;} */
.modal .filter-container .multiselect-dropdown .dropdown-btn .dropdown-multiselect--active .dropdown-multiselect__caret:before{left: 16px;top: 6px !important;}
.modal .filter-container .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before{left: -16px;top: -10px !important;}
.filter-container .ng-select .ng-arrow-wrapper .ng-arrow{top: -3px !important;}
.filter-container .multiselect-dropdown .dropdown-btn span.selected-item-container,
.filter-container .multiselect-dropdown .dropdown-btn span.selected-item-container span{padding-top: 0px; word-break: break-all;line-height: normal;}
.filter-container .filter-detail .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item{padding: 3px 10px !important;}
.filter-container .filter-detail .select-options.custom-dropdown{background-color: #F7F7F7; padding: 8px 24px 12px 24px;}
.filter-container .filter-detail .select-options.custom-dropdown .select-block{background-color: transparent; border: none;}
.filter-container .filter-detail .select-block{border: none; padding: 0;}
.filter-container .filter-detail .select-block .multiselect-dropdown:focus-visible{outline: none !important;}
.filter-container .filter-detail .select-block .multiselect-dropdown .dropdown-btn{padding: 0 16px !important; height: auto !important;outline: none !important;}
.filter-container .filter-detail .select-block .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret{top: 7px !important; right: -13px !important;}
.filter-container .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item a{padding: 0 5px 3px 5px !important;width: unset;height: unset;line-height: 14px;}
.filter-container .filter-detail .select-block .ng-dropdown-panel.ng-select-bottom {width: 100%; right: 0; margin: 0 !important;}
.filter-container .filter-detail .select-block .dropdown-list{top: 27px; overflow: hidden; width: 100% !important;}
/* .filter-container .filter-detail .select-block.two-column-grid .dropdown-list{min-width: 261px;} */
.filter-container .filter-detail .select-block .ng-select .ng-select-container .ng-value-container .ng-input>input{cursor: pointer;}
.filter-container .filter-detail .select-block .ng-select span.right-data{font-size: 12px; color:#757575;}
.filter-container .filter-detail .select-block .ng-select span.right-data .filter-type{display: inline-block;}
.filter-container .filter-detail .select-block .ng-select span.right-data svg{display: none; }
.filter-container .filter-detail .select-block .ng-select.ng-select-opened .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-option-label{display: flex; align-items: center; justify-content: space-between;}
.filter-container .filter-detail .select-block .ng-select.ng-select-opened span.right-data{align-items: center; }
.filter-container .filter-detail .select-block .ng-select.ng-select-opened .ng-option span.right-data .filter-type{display: none;}
.filter-container .filter-detail .select-block .ng-select.ng-select-opened .ng-option span.right-data svg{display: inline-block; margin-left: 24px;}
.filter-container .filter-button-group{background-color: #fff; z-index: 111; display: flex; width: -webkit-fill-available; width: 600px; justify-content: space-between; position: fixed;   bottom: 0; padding: 12px 24px; border-top: 1px solid #e0e0e0;}
.filter-container .filter-button-group .btn{font-size: 14px; background-color: #F0F6FD; border-radius: 50px; color: #0068D8; padding: 7px 24px;}
.filter-container .filter-button-group .border-btn{font-size: 14px; border-radius: 50px; color: #0068D8; border: 1px solid #0068D8; background-color: transparent; padding: 7px 24px;}
.filter-container .filter-button-group .btn.dark-btn{background-color: #0068D8; color: #fff;}
.filter-container .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item{max-width: 112px !important;}
.save-filter{position: absolute; top: 12%; left: 9%; width: 500px; height: auto !important;}
.save-filter .check-group{display: flex; padding: 0 0 24px;}
.common-modal.save-filter .modal-footer{padding: 32px 32px 8px;}
.common-modal.save-filter .modal-footer .delete-btn{background-color: #D80000 !important; color: #fff !important; border: none !important;}
.save-filter .check-group .custom-control{margin-right: 24px;}
.save-filter .check-group .custom-control-label::before, .save-filter .custom-checkbox .custom-control-label::after{width: 17px; height: 17px; border: 2px solid #0068D8; border-radius: 4px; top:0.10rem}
.save-filter .check-group input[type=checkbox]:disabled + label.custom-control-label::before ,
.save-filter .custom-checkbox input[type=checkbox]:disabled + .custom-control-label::after{ opacity: 0.9;  pointer-events: none; border: transparent;}
.overflow-list-item{overflow: hidden; text-overflow: ellipsis; width:80%;}
.overflow-selected-filter{overflow: hidden; text-overflow: ellipsis; max-width:200px;}
.filter-container .filter-detail .table-selection-block .select-block select{padding: 0 0.5rem;}
#carrier .multiselect-item-checkbox input[type=checkbox] + div {display: flex; gap: 8px; align-items: center;}
/* .filter-container .ng-select .ng-clear-wrapper { display: block !important;} */

/* toolti data */
.tooltip-data + .tooltip .tooltip-inner { text-align: left; padding: 0; background-color: #ffffff; color: #424242; border-radius: 8px; border: 1px solid #e0e0e0; max-height: 300px; overflow: auto; width: 340px; max-width: 340px;}
.tooltip-data + .tooltip.show { opacity: 1;}
.tooltip-data + .tooltip h4.tooltip-header{padding: 12px 16px; border-bottom: 1px solid #e0e0e0; font-weight: 500;}
.tooltip-data + .tooltip h4.tooltip-header span{position: relative; float: right; right: 0;}
.tooltip-data + .tooltip h4.tooltip-header span svg:hover path{fill: #101010;}
.tooltip-data + .tooltip .tooltip-content{padding: 12px 16px;}
.tooltip-data + .tooltip .tooltip-content .user-list-item{display: flex; align-items: center; border-radius: 4px; padding-right: 16px; margin-bottom: 12px;}
.tooltip-data + .tooltip .tooltip-content .user-list-item:hover{background: linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, #F0F6FD 100%);}
.tooltip-data + .tooltip .tooltip-content .user-list-item .name-block{width:190px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 15px; color:#101010; font-weight: 500; padding:0px 8px;}
.tooltip-data + .tooltip .tooltip-content .user-list-item .right-code{font-size: 14px; color:#101010; font-weight: 500; text-align: right; width:62px;}
.tooltip-data + .tooltip .tooltip-content .user-list-item:hover .right-code{color:#0068D8; }
.tooltip-data + .tooltip .tooltip-content .user-list-item .small-gray{color: #757575; font-size: 12px;}

/*  */

.tooltip-content{padding: 12px 16px;overflow: auto;max-height: calc(100vh - 120px);}
.tooltip-content .user-list-item{display: flex; align-items: center; border-radius: 4px; padding-right: 16px; margin-bottom: 12px;}
.tooltip-content .user-list-item:hover{background: linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, #F0F6FD 100%);}
.tooltip-content .user-list-item .name-block{width:82%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px; line-height: 15px; color:#101010; font-weight: 500; padding:0px 8px;}
.tooltip-content .user-list-item .right-code{font-size: 14px; color:#101010; font-weight: 500; text-align: right; width:62px;}
.tooltip-content .user-list-item:hover .right-code{color:#0068D8; }
.tooltip-content .user-list-item .small-gray{color: #757575; font-size: 12px;}
/*  */
/***package css start here***/
.new-package-container{height: calc(100vh - 100px); display: flex; align-items: center; justify-content: center; flex-direction: column;}
.new-package-container .block-title{font-size: 24px; line-height: 28px; font-weight: 700; color: #101010;}
.new-package-container .block-desc{font-size: 16px; line-height: 20px; color: #101010; font-weight: 400; padding: 8px 20px;}
.new-package-container .input-block{position: relative;}
.new-package-container .input-block .form-control{border: 1px solid #E0E0E0; height: auto; width: 580px; border-radius: 100px; padding: 9px 12px;}
.new-package-container .input-block .action-edit-btn{position: absolute; right: 5px; top: 5px;}
.new-package-container .input-block .action-edit-btn .link{padding: 5px 25px; margin: 0; display: inline-block;}
.new-package-list .common-table td .action-edit-btn{text-align: right;height: 22px;}
.new-package-list .common-table td .action-edit-btn svg{width: 16px;height: 16px;}
.new-package-list .common-table td .action-edit-btn .link{padding: 4px 16px; margin-right: 8px; font-size: 12px; line-height: 14px;height: 22px;}
.new-package-list .common-table td .action-edit-btn .link.border{border: 1px solid #0068D8 !important; border-radius: 16px; color: #0068D8; background-color: transparent;}
.new-package-list .common-table td .tag{background-color: #eeeeee; border-radius: 100px; padding: 3px 6px; margin-left: 8px;}
.task-list-data.packeg-carrier-modal .heading-dialog .list-body .input-block{margin: 0 0 8px; position: relative;}
.task-list-data.packeg-carrier-modal .heading-dialog .list-body .custom-control-input{width: 17px; height: 17px; top: 8px; left: 7px;}
.task-list-data.packeg-carrier-modal .heading-dialog .list-body .custom-control{padding: 6px 0px;min-height: auto;border: 1px solid #ced4da;border-radius: 6px;width: auto;}
.task-list-data.packeg-carrier-modal .heading-dialog .list-body .custom-control-label::before, .task-list-data.packeg-carrier-modal .heading-dialog .list-body .custom-checkbox .custom-control-label::after{width: 17px; border: 1px solid #0068D8; left: 7px; top: 2px; height: 17px;}
.task-list-data.packeg-carrier-modal .heading-dialog .list-body .input-block .form-control.width-space{width: 268px;}
.task-list-data.packeg-carrier-modal .heading-dialog .list-body .input-block .form-control.width-space + .active-icon{right: -73px;}
.task-list-data.packeg-carrier-modal .heading-dialog .list-body .input-block .active-icon{position: absolute; right: 4px; top: 5px;}
.packeg-carrier-modal .list-body .action-data-btn {flex: 1;}
.packeg-carrier-modal .list-body .action-data-btn .action-btn{display: flex; align-items: center; justify-content: right;}
.packeg-carrier-modal .list-body .action-data-btn .action-btn .new-group-block{margin-left: 10px;}
.packeg-carrier-modal .list-body .action-data-btn .action-btn .btn{margin: 0 0 0 0; padding: 9px 20px; line-height: 16px; border-radius: 4px; border: none;}
.packeg-carrier-modal .list-body .action-data-btn .action-btn .btn.update-btn{padding: 9px 10px;}
/* .packeg-carrier-modal .list-body .action-data-btn .action-btn .icons{background-color: #F0F6FD; border-radius: 4px; padding: 6px; margin: 0 0 0 8px; cursor: pointer;} */
.packeg-carrier-modal .heading-dialog .list-body .block-desc{background-color: #F7F7F7; margin: 0; margin: 0px 15px 8px; width: 100%;}
.packeg-carrier-modal .heading-dialog .list-body .block-desc p{margin: 0; padding: 12px 16px;}
.packeg-carrier-modal .list-body .action-edit-btn .link.export{justify-content: center; background-color: #F0F6FD; color: #0068D8; margin: 0;}
.packeg-carrier-modal .list-body .action-edit-btn .link.export:hover{background-color: #005CBF; color: #ffffff;}
.packeg-carrier-modal .list-body .action-edit-btn .link.export:hover svg path{fill: #ffffff;}

.table-selection-block.package-option{justify-content: center; margin: 0px 0 0;}
.table-selection-block.package-option .select-block .ng-dropdown-panel.ng-select-bottom{left: 0; z-index: 0;}
.package-request .action-edit-btn .link{margin: 0;}
.package-request .common-table td .action-edit-btn .link{padding: 2px 16px; line-height: 12px;}
.package-request .common-table td .select-options .form-control{border-radius: 8px; height: auto; padding: 3px 10px;}
.package-request .common-table td .select-options .form-control .ng-select-container{z-index: 3;}
.package-request .common-table td .select-options .form-control .ng-dropdown-panel{z-index: 4;}
.package-request .common-table td .select-options{display: block; max-width: 250px; width: 250px;}
.package-request .common-table td .select-options .ng-dropdown-panel.ng-select-bottom{margin: 0 !important; left: 0; width: 100%;}
.action-edit-btn.package-selft .link{border: 1px solid #E0E0E0; border-radius: 20px; background-color: #F7F7F7; color: #101010; padding: 3px 14px;}
.action-edit-btn.package-selft:hover .link, .action-edit-btn.package-selft .link:hover {pointer-events: none; cursor: default;}
.action-edit-btn.package-selft .link.max-width-tooltip-210{max-width: 210px; width: auto;}
.common-table.packge-info-table{padding-top: 0; overflow-y: auto; height: calc(100vh - 301px);}
/* .common-table.packge-info-table .table thead.sticky-from-top{top: 0;} */
.package-information .left-part .select-options.package{margin-right: 8px;}
.package-information .right-part .action-edit-btn .border-info-btn{display: block; background-color: #F0F6FD; padding: 4px; border-radius: 16px;}

.package-information .left-part .select-options.package .form-control{ background-color: #F0F6FD;  border: 0; height: auto; margin: 0; padding: 8px 24px; font-size: 14px; line-height: 14px; font-weight: 500; border-radius: 16px;}
.package-information .left-part .select-options.package .ng-select .ng-value .ng-value-label,
.package-information .left-part .select-options.package .ng-select .ng-value-container .ng-placeholder{color: #0068D8 !important;}
.package-information .left-part .select-options.package .ng-select .ng-dropdown-panel .ng-dropdown-panel-items{background-color: #0068D8; padding: 8px 0px;}
.package-information .left-part .select-options.package .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option,
.package-information .left-part .select-options.package .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {background-color: #0068D8 !important; font-weight: 300 !important; color: #ffffff !important; padding: 10px 16px !important;}
.package-information .left-part .select-options.package .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover{background-color: #005CBF !important; color: #ffffff !important;}

.package-information .left-part .select-options.package .form-control .ng-dropdown-panel.ng-select-bottom{margin: 0 !important;}
.package-information .packge-info-table table tr td, .package-information .packge-info-table table tr th{ white-space: nowrap; max-width: 300px; text-overflow: ellipsis; overflow: hidden;}
.package-information .packge-info-table table tr td:last-child, .package-information .packge-info-table table tr th:last-child{ padding-right: 20px;}
.package-information .packge-info-table .tag{background-color: #F0F6FD; font-size: 11px; line-height: 12px; padding: 3px 14px; display: inline-block; color: #0068D8; border-radius: 100px; font-weight: 400;}
.package-information .package-notes{display: flex; margin-top: 0px; padding: 16px; border-bottom: 1px solid #e0e0e0;}
.package-information .package-notes .packge-detail{max-width: 50%;}
.package-information .package-notes .packge-detail .block-title{float: left; font-size: 20px; line-height: 24px; color: #101010; font-weight: 500; padding: 0 0 6px;}
.package-information .package-notes .packge-detail .block-title .tag{background-color: #F0F6FD; font-size: 14px; line-height: 14px; padding: 4px 14px; display: inline-block; color: #0068D8; border-radius: 100px; font-weight: 400; vertical-align: top;margin-left: 4px;}
.package-information .package-notes .packge-detail .block-desc p{margin: 0;}
.package-information .package-notes .packge-detail .block-desc p .normal-font{font-weight: 400; color: #424242;}
.package-information .package-notes .packge-detail .block-desc p span{font-weight: 500; color: #101010;}
.package-information .package-notes .packge-detail .package-link{font-size: 12px; padding-left: 16px; line-height: 20px; color: #0068D8; text-decoration: underline; font-weight: 500;}
.package-information .package-notes .packge-detail .block-desc{min-height: 24px; max-height: 46px; overflow-y: auto;}
.package-information .package-notes .package-info{padding-left: 24px; flex: 1;}
.package-information .package-notes .package-info .input-label{color: #757575;}
.package-information .package-notes .package-info textarea{height: 40px; resize: none; border-radius: 8px;}
.fixed-right-field-package{position: sticky; right: 0;}
/* .common-table.packge-info-table table{width: -webkit-fill-available;} */
.package-information .packge-info-table table tr:hover td.fixed-right-field-package.first,
.package-information .packge-info-table table tr:hover td.fixed-right-field-package.second,
.package-information .packge-info-table table tr:hover td.fixed-right-field-package.third{background-color: #F0F6FD;}
.fixed-right-field-package.first{right: 244px; background: #fff; width: 170px; min-width: 170px;}
.fixed-right-field-package.second{right: 74px; background: #fff; width: 170px; min-width: 170px;}
.fixed-right-field-package.first.width-170{right: 336px;}
.fixed-right-field-package.second.width-170{right: 166px;}
.fixed-right-field-package.third{right: 0px; background: #fff;overflow: visible !important;}
.fixed-right-field-package.third::after{background: linear-gradient(90deg, #fdfbfb 0%, #ebedee 100%);content: "";top: 0;left: -8px;width: 24px;height: 30px;opacity: 0.6; position: absolute;}
.fixed-right-field-package .icon{height: 22px;}
.fixed-right-field-package .icon svg{width: 22px;height: 22px;}
.inline-row-edit .form-control{height: 22px;font-size: 12px; line-height: 14px; padding: 2px 12px; min-width: 150px;}

.package-notes.last{margin: 0; padding: 14px 22px ;}
.package-notes.last .package-info{padding: 0;}
.package-notes.review-package{padding: 14px 24px 10px;}
.package-notes.review-package .package-list-data{display: flex; padding-left: 34px;}
.package-notes.review-package .package-list-data .package-title{padding-right: 30px;}
.package-notes.review-package .package-list-data .package-title .title{font-size: 14px; padding: 0 0 8px; line-height: 16px; color: #424242; font-weight: 500;}
.package-notes.review-package .package-list-data .package-title .sub-title{font-size: 14px; padding: 0 0 8px; line-height: 16px; color: #757575; font-weight: 400;}
/* .review-attachments .common-table.packge-info-table{padding-top: 94px; overflow-y: inherit; max-height: none;} */
/* .review-attachments .common-table.packge-info-table .table thead.sticky-from-top{top: 150px;} */
.allappointment-list-section.package-information .custom-toggle { width: 90px;}
.packge-info-table .action-column svg{width: 22px;height: 22px;}

.packeg-select-modal .list-body{overflow-y: auto; max-height: 500px;}
.packeg-select-modal .list-body .select-detail{display: flex; justify-content: space-between; align-items: center; background: linear-gradient(90deg, rgba(240, 246, 253, 0) 0%, #F0F6FD 100%); padding: 0 16px 0 0; margin: 0 0 16px;}
.packeg-select-modal .list-body .select-detail .select-box .img-box{display: flex; align-items: center;}
.packeg-select-modal .list-body .select-detail .select-box .img-box img{width: 40px; height: 40px; margin-right: 8px;}
.packeg-select-modal .list-body .select-detail .select-box .img-box .title-box .title{font-size: 14px; line-height: 16px; color: #101010; font-weight: 500;}
.packeg-select-modal .list-body .select-detail .select-box .img-box .title-box .sub-title{font-size: 12px; line-height: 14px; color: #101010; font-weight: 400;}
.packeg-select-modal .list-body .select-detail .check-box .custom-checkbox .custom-control-input,.packeg-select-modal .list-body .select-detail .check-box .custom-checkbox .custom-control-label::after{width: 17px; height: 17px;}
.packeg-select-modal .list-body .select-detail .check-box .custom-checkbox .custom-control-label::before{width: 17px; height: 17px; border: 2px solid #0068D8;}
.packeg-select-modal .list-body .select-detail .check-box .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color: rgba(0, 123, 255, .3); border: 1px solid transparent;}
.packages-how-to{height: calc(100vh - 188px); overflow: auto; background-color: #f7f7f7; position: relative; top: 0px; padding: 16px;}
.packages-how-to .how-to-container{background-color: #fff; border-radius: 8px; padding: 40px; font-size: 16px; line-height: 20px; margin-bottom: 0px;}
.packages-how-to .how-to-container .container-fix{max-width: 800px; height: 100%;}
.packages-how-to .how-to-container h2{font-size: 24px; font-weight: 700; line-height: 30px; padding-bottom: 10px;}
.packages-how-to .how-to-container ol{list-style-type: decimal; padding: 12px 22px;}
.packages-how-to .how-to-container ol li::marker{color: #0068D8; font-weight: 700;}
.packages-how-to .how-to-container ol li{font-size: 16px; line-height: 20px;}
.packages-how-to .how-to-container ol li span{font-weight: 700; line-height: 30px;}
.packages-how-to .how-to-container ol li p{}
.header-top{position: relative;top: 0px;padding: 14px 24px;}
.header-top .back-btn-top svg:hover{ background-color: #e0e0e0; border-radius: 6px;}
.header-top .back-btn-top svg:hover path{fill:#101010;}

.widget-tab .nav-tabs {margin-left: -14px;}
.widget-tab.common-tab .nav-tabs .nav-link {font-size: 12px; line-height: 16px;}

.sidepanel-container .tab-content{padding: 0px 0 0 0;}
.sidepanel-container .block-title{padding: 4px 24px; font-size: 18px; line-height: 20px; font-weight: 600; color: #101010; display: flex; align-items: center; justify-content: space-between;}
/* .sidepanel-container .common-tab .nav-tabs.fixed{top: 0px;} */
.sidepanel-container .common-tab .nav-tabs .nav-link.active:after{width: calc(100% - 20px);}
.sidepanel-container .block-title .close-box{ position: relative; top: 0px; z-index: 23;} 
.sidepanel-container {width: 500px;height: 100vh;border-radius: 0;border: 1px solid #E0E0E0;border-top: transparent;background-color: #fff;position: fixed;top: 57px;right: 0;z-index: 23;}
.sidepanel-container .sidepanel-table {overflow-y: auto;height: calc(100vh - 266px);}
.sidepanel-container .sidepanel-table.att {overflow-y: auto;height: calc(100vh - 254px);}
.sidepanel-container .sidepanel-table.att.archive-att {overflow-y: auto;height: calc(100vh - 133px);}
.sidepanel-container .sidepanel-table .block-title {z-index: 1;padding: 8px 22px;min-width: 500px; position: fixed; display: flex;justify-content: space-between;align-items: center;background-color: #fff;font-size: 14px;line-height: 16px;color: #9E9E9E;font-weight: 400;border-bottom: 1px solid #e0e0e0;}
.sidepanel-container .common-table {padding-top: 0px;}
.sidepanel-container .common-table .table thead th{padding: 5px 3px 5px 24px;}
.sidepanel-container .common-tab .nav-tabs .nav-link{font-size: 13px;line-height: 18px; padding: 0.5rem 0.2rem 0.5rem 1rem;}
.common-table .table thead th.action-column {width: 100px;}
.common-table .table td.action-column svg, .common-table .table td.action-column span{cursor: pointer;}
.common-table .table td.action-column span{color: #424242;font-weight: 500;}
/* .common-table .table td.action-column span:hover{color: #0068D8;text-decoration: underline;} */
.common-table .table td.action-column svg:hover path{fill: #0068D8;}
.common-table .table td.action-column svg.delete:hover path{ fill: #D80000;}
.sidepanel-container .common-table .table td{padding: 4px 3px 4px 24px;}
/* .sidepanel-container .sidepanel-table .common-table .table.contact-list-table thead.sticky-from-top, 
   .sidepanel-container .sidepanel-table .common-table .table.profile-table-list thead.sticky-from-top {top: 0px;} */
/* .sidepanel-container .sidepanel-table .side-note-container{padding-top: 32px;} */
.sidepanel-container .sidepanel-table .side-note-container .notes-box{padding: 5px 24px; border-bottom: 1px solid #E0E0E0;}
/* .sidepanel-container .sidepanel-table .side-note-container .notes-box .img-block{float: left; display: flex;} */
/* .sidepanel-container .sidepanel-table .side-note-container .notes-box .img-block img{width: 32px; height: 32px;} */
.sidepanel-container .sidepanel-table .side-note-container .notes-box .img-block .block-title{color: #101010; position: initial; padding: 8px 0; font-weight: 500; margin-left: 8px; border: none; min-width: auto; display: inline-block; vertical-align: top;}
.sidepanel-container .sidepanel-table .side-note-container .notes-box .time-note{font-size: 10px; padding: 0; line-height: 12px; color: #757575; font-weight: 500;}
.sidepanel-container .sidepanel-table .side-note-container .notes-box .block-desc p{margin: 0; padding: 0 0 0 40;}
.sidepanel-container .sidepanel-table .side-note-container .notes-box .img-block{font-size: 12px;line-height: 16px;font-weight: 400;color: #101010;padding-bottom: 4px;}
/* .sidepanel-container .sidepanel-table .side-note-container .notes-box .img-block span{display: -webkit-box;line-clamp: 3;-webkit-line-clamp: 3;overflow: hidden;-webkit-box-orient: vertical;} */
.sidepanel-container .request-activity-container .activity-log .account-img{display: flex; align-items: top;}
.sidepanel-container .request-activity-container .activity-log .account-img img {  width: 24px;  height: 24px; }
.sidepanel-container .request-activity-container .activity-log { display: block; padding: 6px 16px;}
/* .sidepanel-container .request-activity-container .data-form { padding: 12px 16px;} */
.sidepanel-container .request-activity-container .activity-log.data .information-log { font-size: 12px;  line-height: 14px;  font-weight: 400;  color: #9e9e9e;  padding-left: 32px;  margin: 0;}
.sidepanel-container .request-activity-container .input-container {font-size: 16px;line-height: 30px; border: 1px solid #E0E0E0;background-color: #fff;border-radius: 6px;width: 481px;max-width: 481px;text-align: center;padding: 16px 48px;}
/* .sidepanel-container .request-activity-container .data-form .form-control{width: 466px; max-width: 466px;} */
.sidepanel-container .request-activity-container .input-container .file-name {padding: 0 0 0 15px;vertical-align: middle;}
.sidepanel-container .request-activity-container .input-container button {border: none;background-color: transparent;padding: 0 0 0px 0;}
.sidepanel-container .request-activity-container .input-container .block-desc p {font-size: 14px;line-height: 20px;color: #424242;font-weight: 400;margin: 0;}
.sidepanel-container .request-activity-container .input-container .input-label {margin: 0;color: #9E9E9E;font-size: 14px;line-height: 24px;font-weight: 400;}
.sidepanel-container .common-table .icon {display: flex;align-items: center;}
.sidepanel-container .common-table .icon svg{width: 22px;height: 22px;}
.sidepanel-container .common-table .tooltip-icon-ce {position: relative;}
.sidepanel-container .common-table .tooltip-icon-ce .expiry-text-tooltip {position: absolute;padding: 10px;top: 30px;box-shadow: 0px 8px 16px #00000014;display: none;color: #101010;border: 1px solid #E0E0E0;z-index: 111;background-color: #fff;width: 223px;text-align: left;line-height: 18px;left: auto; right: 26px; border-radius: 4px;}
.sidepanel-container .common-table .expiry-text-tooltip {top: 50%;right: 0;transform: translate(0, -50%);}
.sidepanel-container .common-table .expiry-text-tooltip .last-updated-date span strong {color: #101010;font-weight: normal;}
.sidepanel-container .common-table .expiry-text-tooltip:before {content: '';position: absolute;display: block;width: 0px;right: -1px;top: 22%;border: 7px solid transparent;border-right: 0;border-left: 7px solid #E0E0E0;transform: translate(calc(100%), -50%);}
.sidepanel-container .common-table .expiry-text-tooltip:after {content: '';position: absolute;display: block;width: 0px;right: 0px;top: 22%;border: 7px solid transparent;border-right: 0;border-left: 7px solid #fff;z-index: 1;transform: translate(calc(100%), -50%);}
.sidepanel-container .common-table .tooltip-icon-ce:hover .expiry-text-tooltip {display: block;}
.sidepanel-container .common-table .tooltip-icon-ce:hover svg path {fill: #0068D8;}
.sidepanel-container .sidepanel-btn{border: 1px solid #0068D8; color: #0068D8; font-size: 14px; line-height: 16px; font-weight: 500; padding: 5px 24px; background-color: transparent; border-radius: 16px;}

.common-table.packge-active tr td .icon{opacity: 0;height: 22px;}
.common-table.packge-active tr td .icon svg{width: 22px;height: 22px;}
.common-table.packge-active{padding-top: 0px;max-height: calc(100vh - 193px);overflow: auto;}
/* .common-table.packge-active.packge-archive{padding-top: 0px;} */
/* .common-table.packge-active .table thead.sticky-from-top{top: 0;} */
/* .common-table.packge-active.packge-archive .table thead.sticky-from-top{top: 0;} */
.common-table.packge-active tr:hover td .icon{opacity: 1;}
.packge-active .tag{background-color: #00A0F4; font-size: 12px; display: inline-block; line-height: 14px; color: #FFFFFF; padding: 2px 14px; border-radius: 100px;}

.forms-data .form-inputs-data.otp-field{display: flex; align-items: center; justify-content: center;}
.forms-data .form-inputs-data.otp-field .form-group{width: 60px; height: 56px; margin: 0 16px 0 0; }
.forms-data .form-inputs-data.otp-field .form-group:nth-child(3){margin: 0 56px 0 0; position: relative;}
.forms-data .form-inputs-data.otp-field .form-group:nth-child(3)::after{content: ""; display: block; top: 28px; right: -39px; width: 24px; height: 1px; background-color: #757575; position: absolute;}
.forms-data .form-inputs-data.otp-field .form-group:last-child{margin: 0;}
.forms-data .form-inputs-data.otp-field .form-group .form-input{border-bottom: 1px solid #9E9E9E; color: #101010; text-align: center; padding: 0; border-radius: 0; width: 100%; height: 100%; display: inline-block;}
.forms-data .form-inputs-data.otp-field .form-group .form-input.ng-valid{border-bottom: 1px solid #0068D8;}
.forms-data .form-inputs-data.otp-field .form-group .form-input:focus{background-color: transparent; border-bottom: 1px solid #0068D8;}
/* .contact-list-data .common-table.package-carrier{padding-top: 0px;} */
/* .common-table.package-carrier .table thead.sticky-from-top{top: 0px;} */
.common-table.package-carrier.packge-active .table tbody tr{cursor: pointer;}
.common-table .table .status.package-dropdown{min-width: 110px;}
.common-table .table .status.package-dropdown .type{background-color: #F0F6FD; padding: 4px 14px; border-radius: 100px;}
.common-table .table .status.package-dropdown .ng-select.ng-select-opened .ng-arrow-wrapper{top: -5px !important; right: -37px !important;}
.common-table .table .status.package-dropdown .ng-select .ng-dropdown-panel.ng-select-bottom{margin: 0 !important; left: 0 !important; width: 100% !important;}
.common-table .table .status.package-dropdown .ng-select .ng-select-container{min-width: auto !important; overflow: initial;}
.common-table .table .status.package-dropdown .ng-select.ce-dropdown .ng-arrow-wrapper{position: absolute; top: 0; right: -45px; top: 0px; padding: 0; width: auto;}
.common-table .table .status.package-dropdown .ng-select.ce-dropdown .ng-arrow-wrapper .ng-arrow{padding: 0; width: 20px; height: 20px; display: block !important;}
.common-table .table .status.package-dropdown .ng-select .ng-value-container .ng-value{color: #0068D8;}
.package-caarrier-btn{display: inline-block; background-color: #0068D8; border-radius: 100px; padding: 4px 16px; font-size: 12px; line-height: 15px; color: #FFFFFF; font-weight: 400;}
.package-caarrier-btn:hover{color: #fff;}
.sender-info{display: flex;}
.sender-info h2{font-size: 14px; line-height: 22px; font-weight: 500; width: 46px; color:#101010; }
.sender-info h3{font-size: 14px; line-height: 22px; font-weight: 500; color: #424242;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.icon-notification-count.count-btn { left: -6px; top: 0px;}
.icon-notification a {min-width: 38px;}
.icon-notification-count{position: relative; background-color: #0068d8; border-radius: 100px; color: #fff; font-size: 9px; padding: 1px 5px; left: -10px; top: -3px; vertical-align: top;}
.icon-notification-count.auto-delete-icon {background-color: transparent; padding: 0; top: -8px;}
.icon-notification .status-icons img:hover, .icon-notification .status-icons span:hover{cursor: pointer;}
.icon-notification a.package-caarrier-btn {width: auto;}
.packages-carrier-legal-line{margin: 0 0 12px; background-color: #F0F6FD; padding: 8px 22px; border-bottom: 1px solid #e0e0e0; display: flex; align-items: center; justify-content: space-between; color: #424242;}
.packages-carrier-legal-line h4{color: #0068d8;}
.packages-carrier-legal-line p{margin: 0;font-size: 14px;}
.packages-carrier-legal-line .close-icon{margin: 0 0 0 12px;}
.packages-carrier-legal-line .close-icon svg path{fill: #0068D8;}
.packages-carrier-legal-line .close-icon:hover{background-color: #fff; border-radius: 6px;}

.packagesHight .action-table-header{padding: 0 0 12px;}
.common-table.table-without-tab-scroll.package-carrier{min-height: 100px;}
.contact-list-data.packagesHight .common-table.package-carrier{padding-top: 0px;overflow: auto;max-height: calc(100vh - 285px);min-height: 100px;}
/* .packagesHight .common-table.package-carrier .table thead.sticky-from-top{top: 0px;} */

.no-data-found.package.packagesHight{height: calc(100vh - 322px);}
.no-data-found.package.packagesHightStart{justify-content: start;height: auto;}

table tr td .column-100{width: 100px; text-align: right;}
/***package css end here***/
/* Add agent without NPN css start */
.tab-btn{background-color: #f7f7f7; border-radius: 8px; font-size: 14px; padding: 4px; margin: 24px 32px -8px;}
.tab-btn .tab-btn-dark{background-color: #f7f7f7; color:#757575;border: 0; width: 50%;}
.tab-btn .tab-btn-dark.active{background-color: #fff; color:#101010; border: 0; border-radius: 4px;}
.popup-height{max-height: calc(100vh - 320px); overflow-y: auto;}
.popup-height .ng-select .ng-clear-wrapper, .update-admin-info .ng-select .ng-clear-wrapper{display: block !important;}
/* .model-date-picker  */

/* .input-block.input-date{position:relative;}
.input-date .model-date-picker{position:absolute; display:flex; top:28px; right:9px;}
.input-date .model-date-picker .close-icon.date-close{left: -20px; top: -2px;}
.input-date .model-date-picker .input-group-append .btn{border: none;}
.input-date .model-date-picker .input-group-append .btn:hover{background-color: transparent;}
.input-date .model-date-picker .input-group-append button.calendar:active{background-color: transparent; border-color: transparent;}
.input-date .model-date-picker .input-group-append .btn:focus-visible{border: none; outline: none; border-color: transparent;} */
.update-admin-info{padding: 24px;}
.admin-fill.profile-title{vertical-align: sub;}
.update-admin-info ul li{display: flex; position: relative; border-bottom: 1px solid #e0e0e0; height: 42px; align-items: center;}
.update-admin-info ul li.li-col-2{width: 351px; float: left; margin-right: 40px;}
.update-admin-info ul li > span:first-child{width: 100px;}
.update-admin-info ul li .input-block > input{border: 0; padding: 0px;}
.update-admin-info ul li .input-block > input:focus{border-bottom: 1px solid #e0e0e0; outline: transparent; padding: 8px;}
.update-admin-info ul li .input-block{margin-bottom: 0px; width: calc(100% - 120px)}
.update-admin-info ul li .input-block.max-width-tooltip-125{width: 125px;}
.update-admin-info ul li .input-block .form-control{border: 0; padding:8px 0px;}
.update-admin-info ul li .input-block .form-control.isReadOnly:read-only{pointer-events: none; background: transparent !important;}
.update-admin-info ul li .input-block .form-control.ng-invalid.ng-touched {border-bottom: 1px solid #D80000;}
/* .update-admin-info ul li .input-block.input-date .model-date-picker {top: 2px;} */
.update-admin-info ul li .ng-dropdown-panel.ng-select-bottom { width: 100%; max-width: 100%;}
.update-admin-info .checkbox-tag{background-color: transparent;}
/* dropdown open top and min height */
.min-height .ng-dropdown-panel .ng-dropdown-panel-items {max-height: 150px !important;}
.open-top .ng-dropdown-panel .ng-dropdown-panel-items {max-height: 215px !important;}    
.open-top .ng-dropdown-panel.ng-select-bottom {bottom: 32px !important; top: auto !important;}
.ng-dropdown-panel.ng-select-bottom.type.min-height {margin-top: 8px !important;}

/*  */
/* Accounting Transaction Report css start */
.acc-transaction .action-edit-btn .link.export{display: flex;align-items: center;justify-content: center; height: 28px; min-width: 80px; padding: 6px 14px; vertical-align: middle; font-size: 14px;line-height: 14px; text-align: center;}
.acc-transaction .action-edit-btn .link.export.cancel{ background-color: #fff; color: #424242; border: 1px solid #e0e0e0; padding-top: 6px;}
.acc-transaction .table-selection-block .select-block {width: 145px;}
.acc-transaction .table-selection-block .select-block.width-100 {min-width: 100px; width: auto; max-width: 140px;}
.acc-transaction .table-selection-block .select-block.width-100 .multiselect-dropdown .selected-item-container{max-width: 88px;}
/* .acc-transaction .form-control{font-size: 12px; padding: 3px 12px; height: auto;} */
.ngb-dp-week .bg-primary { background-color: #0068D8 !important;}
.acc-transaction .multiselect-dropdown .dropdown-btn .selected-item-container .selected-item span{max-width: 42px;}
/* Accounting Transaction Report css end */

/* customer resources css start here */
.help-block{padding: 80px 30px;background: linear-gradient(90deg, #0068D8 0%, #00A0F4 100%);}
.help-block h1{color: #fff;font-size: 42px;line-height: 50px;font-weight: 700;letter-spacing: -1px;padding: 0 0 12px;}
.help-block p{font-size: 16px;line-height: 20px;color: #eee;margin: 0;padding-bottom: 24px;}
.help-block .search-block{max-width: 600px;}
.help-block .search-block .search-input{background: transparent;color: #eee;}
.help-block .search-block .search-input::placeholder{color: #eee;}
.help-block .search-block .search-icon, .help-block .search-block .search-input:focus ~ .search-icon{background-image: url(/assets/images/search.svg);}

.customer-section { width: calc(100% + 232px);position: relative;top: 16px;}
.customer-section .container{max-width: 1700px; padding: 0 50px;}
.content-list{padding: 40px 15px 40px;}
.content-list .container{column-count: 2;column-gap: 16px;}
.content-list h2{font-size: 24px;line-height: 30px;font-weight: 700;color: #0068d8;padding-left: 12px;}
.content-list .content-block{padding: 32px 16px;margin-bottom: 16px; break-inside: avoid;border-radius: 12px; background-color: #f7f7f7;}
.content-list .detail-list{padding: 24px 56px 0px;}
.content-list .detail-list ul{margin: 0 0 0 16px;list-style: disc;}
.content-list .detail-list li{font-size: 16px;line-height: 18px;color: #424242;padding-bottom: 16px;}
.content-list .detail-list li:last-child{padding-bottom: 0;}
.content-list .detail-list a{color: #424242;}

.banner-section{padding: 64px 0 34px;}
.banner-section h1{color: #101010;font-size: 42px;line-height: 50px;font-weight: 700;letter-spacing: -1px;padding: 0 0 12px;}
.banner-section p{font-size: 16px;line-height: 24px;color: #757575;margin: 0;}
.customer-section .breadcrumbs-block{position: sticky;top: 72px;background-color: #fff;}
.customer-section .breadcrumb{padding: 8px 0;align-items: center;height: 48px;}
.customer-section .breadcrumb-item.active a{color: #212121;font-weight: 500;}

.side-bar-menu.kb{width: 256px;max-width: 256px;background: #fff;position: sticky;height: calc(100vh - 182px);z-index: 1; top: 133px;overflow: auto;border-right: 1px solid #e0e0e0;}
.side-bar-menu.right-sidebar{width: 256px;max-width: 256px;border: none;background-color: #f7f7f7;max-height: calc(100vh - 182px);height: 100%;position: sticky;z-index: 1; top: 133px;overflow: auto;}
.side-bar-menu.right-sidebar .side-bar-list{padding: 16px 0;}
.side-bar-menu.right-sidebar .side-bar-list li{border-left: 1px solid #e0e0e0;}
.side-bar-menu.right-sidebar .side-bar-link{font-weight: 700;border-left: 1px solid #e0e0e0;border-radius: 0;}
.side-bar-menu.right-sidebar .side-bar-link:hover{background: transparent;}
.side-bar-menu.right-sidebar .side-bar-link.active{border-left: 1px solid #0068d8;color: #0068d8;}

.side-bar-menu.kb::-webkit-scrollbar, -moz-scroll-scrollbar, scrollbar{width: 3px;}
.side-bar-menu.kb .side-bar-list{padding: 16px 0 16px 4px;}
.side-bar-menu.kb .side-bar-link{/*font-size: 16px;*/font-weight: 500;padding: 8px 12px;}
.side-bar-menu.kb .side-bar-item.active .side-bar-link{font-weight: 700;color: #101010;}
.side-bar-menu.kb .side-bar-list .side-bar-item .dropdown-menu .dropdown-item{padding: 14px 24px 0;color: #101010;font-weight: 500;}
.side-bar-menu.kb .side-bar-list .side-bar-item .dropdown-menu .dropdown-item:first-child{padding: 6px 24px 0;}
.side-bar-menu.kb .side-bar-list .side-bar-item.show{padding: 8px 0;}
/* .side-bar-menu.kb .menu-name:hover{color: #0068D8;} */
.side-bar-menu.kb .side-bar-list .side-bar-item.active .side-bar-link,
.side-bar-menu.kb .side-bar-list .side-bar-item .side-bar-link:hover{background: transparent;color: #101010;}
.side-bar-menu.kb .dropdown-item.active,
.side-bar-menu.kb .dropdown-item:active{background: transparent;color: #0068D8;}
.side-bar-menu.kb .side-bar-list .side-bar-item .dropdown-menu .dropdown-item:hover,
.side-bar-menu.kb .side-bar-list .side-bar-item .dropdown-menu .dropdown-item:focus{background: transparent;color: #0068D8;}
.side-bar-menu.kb .side-bar-list .side-bar-item .side-bar-link .down-arrow{transform: rotate(90deg);}
.side-bar-menu.kb .side-bar-list .side-bar-item.show .side-bar-link .down-arrow{transform: rotate(0deg);}
.side-bar-menu.kb .side-bar-list .side-bar-item.active::before{width: 0;}
/* customer resources css end here */
.kb-content{display: flex;gap: 40px;padding: 8px 0;}
/* content information start here */
.resources-content{margin: 0 0 40px 0; width: calc(100% - 592px);}
.details-block{padding: 0 0 16px 0;}
.details-block .sub-details-block{padding: 0 24px;}
/* .details-block h1{font-size: 32px;line-height: 38px;font-weight: 600;letter-spacing: -0.4px;color: #101010;padding: 0 0 24px 0;} */
.details-block h2{font-size: 32px;line-height: 38px;font-weight: 700;color: #0068d8;padding: 40px 0 0px 0;}
.details-block h2:first{padding: 0;}
.details-block h3{font-size: 18px;line-height: 26px;font-weight: 700;color: #212121;padding: 24px 0 0px 0;}
.details-block h4{font-size: 16px;line-height: 24px;font-weight: 700;color: #212121;padding: 24px 0 0px 0;}
.details-block p{font-size: 16px;line-height: 24px;font-weight: 400;color: #424242;padding: 16px 0 0px 0;margin: 0;}
.details-block img{max-width: 100%;height: auto;display: block;margin: 16px 0 0px 0;border: 1px solid #e0e0e0;border-radius: 16px;}
.details-block p img{display: inline-block;margin: 0;vertical-align: middle;cursor: pointer;}

.details-block ul{padding: 16px 0 0 30px;}
.details-block ul li{list-style: disc;padding: 0 0 16px 0px;font-size: 16px;line-height: 24px;}
.details-block ul li:last-child{padding: 0;}
.details-block ul li p{padding: 0;}
.details-block .bold{font-weight: 700;color: #101010;}
.details-block div .row{align-items: center;}

.details-block table{margin: 24px 16px 0;}
.details-block table tr th, .details-block table tr td{border: 1px solid #101010;}
.details-block table tr th{font-weight: 700;color: #0068d8;padding: 0px 8px;background-color: #f0f6fd;}
.details-block table tr td{padding: 0px 8px;}
/* content information start here */

.header{position:fixed;width: 100%; top:0;z-index:999;border-bottom: 1px solid #e0e0e0;}
.header .navbar{top:0px; max-width: 1700px;height: 72px;padding: 0rem 50px;margin: auto;background: #FFFFFF 0% 0% no-repeat padding-box;}
.header .navbar-nav{display: none;width: 100%;}
.header .header-logo{width: 256px;position: relative;}
.header .header-logo::after{content: "";width: 1px;height: 72px;position: absolute;right: 0;background: #e0e0e0;top: -19px;}
.header .header-logo .navbar-brand{width: 122px; height: auto;vertical-align: middle;padding: 0 8px 0 0;position: relative;margin: 0;}
.header .header-logo .navbar-brand::before{content: "";width: 1px;height: 24px;position: absolute;right: 0;background: #00A0F4;}
.header .header-logo p{margin: 0; padding: 0 0 0 8px;color: #00A0F4;display: inline-block;font-size: 18px;line-height: 22px;}

.header .navbar .search-block .search-input{width: 500px;padding: 10px 50px 10px 24px;border: 1px solid #e0e0e0;border-radius: 100px;font-size: 14px;line-height: 20px;}
.header .navbar .search-block .close-icon{top: 6px;}
.header .navbar .login-user{position: absolute;right: 50px;}
.packages-configure-recipients .configure-data{display: flex; align-items: center;}
.packages-configure-recipients .configure-data .title{font-weight: 600; color: #000000;}
.packages-configure-recipients .configure-data .personal-info{padding: 0 0 0 24px;}
.packages-configure-recipients .configure-table{padding: 14px 24px; display: flex; position: relative; top: 0px; margin-bottom: 0px;}
.packages-configure-recipients .configure-table .left-side,.packages-configure-recipients .configure-table .right-side{border: 1px solid #E0E0E0; border-radius: 8px; max-width: 615px; flex: 1; height: fit-content;}
.packages-configure-recipients .configure-table .right-side{max-width: none;}
.packages-configure-recipients .configure-table .left-side .title,.packages-configure-recipients .configure-table .right-side .title{padding: 8px 16px; font-size: 18px; font-weight: 600; color: #000000; border-bottom: 1px solid #E0E0E0;}
.packages-configure-recipients .configure-table .left-side .configure-info{padding: 8px; height: calc(100vh - 262px); overflow: auto;}
.packages-configure-recipients .configure-table .right-side .configure-info{padding: 8px; height: calc(100vh - 270px); overflow: auto;}
.packages-configure-recipients .configure-table .left-side .configure-info .info,.packages-configure-recipients .configure-table .right-side .configure-info .info{padding: 6px 12px; margin-bottom: 0px; display: flex; align-items: center; justify-content: space-between; border-radius: 4px; border: 1px solid transparent;}
.packages-configure-recipients .configure-table .left-side .configure-info .info:last-child,.packages-configure-recipients .configure-table .right-side .configure-info .info:last-child{margin: 0;}
.packages-configure-recipients .configure-table .left-side .configure-info .info:hover{background: linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, #F5F5F5 100%);}
.packages-configure-recipients .configure-table .right-side .configure-info .info:hover{border: 1px solid #E0E0E0; background: linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, #F5F5F5 100%);}
.packages-configure-recipients .configure-table .right-side .title{display: flex; justify-content: space-between; align-items: center;}
.packages-configure-recipients .configure-table .right-side .btn-group{}
.packages-configure-recipients .configure-table .right-side .btn-group button{display: flex; justify-content: space-between; font-size: 14px; line-height: 20px; color: #0068D8; background-color: transparent; padding: 4px 16px; border: 1px solid #0068D8; border-radius: 4px;}
.packages-configure-recipients .configure-table .left-side .configure-info .info h4{font-size: 14px; line-height: 17px; color: #101010; font-weight: 500;}
.packages-configure-recipients .configure-table .right-side .configure-info .info .configure-input{display: flex; flex: 1; align-items: center;}
.packages-configure-recipients .configure-table .right-side .configure-info .info .configure-input .form-control{border: none; height: auto; padding: 0; width: 400px; max-width: 400px; background-color: transparent;}
.packages-configure-recipients .configure-table .right-side .configure-info .info .table-selection-block .select-block{background-color: #E0E0E0; border: none; min-width: 115px; max-width: 115px; border-radius: 6px; padding: 8px 16px;}
.packages-configure-recipients .configure-table .right-side .configure-info .table-selection-block .select-options .select-block .ng-dropdown-panel {right: -14px; left: -14px;}
.recipient-container .recipient-data{display: -webkit-inline-box;}
.recipient-container .recipient-data .data{border: 1px solid #E0E0E0; border-radius: 100px; padding: 4px 14px; font-size: 12px; color: #757575;max-width: 315px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.recipient-container .recipient-data .data span:last-child{color: #424242;}
.recipient-container .recipient-email-data{padding: 14px 9px 32px;}
.recipient-container .recipient-email-data .block-title{font-size: 24px; line-height: 28px; color: #101010; font-weight: 600; padding: 0 0 14px;}
.recipient-container .recipient-email-data .email-field .new-group-block .btn{padding: 9px 24px; border-radius: 4px;width: 95px;}

.recipient-container .common-table .table .inline-block{line-height: 17px; padding: 2px 3px 2px 10px;}

.package-termination .select-options .select-block .ng-dropdown-panel.ng-select-bottom{width: 165px;}
.no-data-found.inside-attachment{height: auto; top: auto; left: 50%; transform: translate(-50%, 42%);}
input::-webkit-datetime-edit-fields-wrapper{color: #424242; font-size: 12px;}
input[type="date" i]::-webkit-calendar-picker-indicator{ background-image: url(/assets/images/ic-calendar.svg) !important;  background-repeat: no-repeat;  background-size: 18px;  background-position: center;}
/***package css end here***/
/* Accounting Transaction Report css end */

/***licenses renewal bulk import css start here***/
.no-data-found.bulk-licenses{position: relative; height: calc(100vh - 210px); display: flex; align-items: center; justify-content: center; flex-direction: column; padding: 0;}
.no-data-found.bulk-licenses.arrow-top::before{content: ""; display: block; position: absolute; left: 200px; top: -28px; background-image: url(./../images/top-arrow.svg);  width: 320px; height: 389px; background-position: center; background-size: 100% 100%; background-repeat: no-repeat;}
.no-data-found.bulk-licenses.arrow-top h5{font-size: 20px; line-height: 40px;}
.eligibleOnes-count{display: block; position: absolute; right: 24px;}
.eligibleOnes-passed{display: inline-block; position: relative; padding: 0px 8px 0px 20px;}
.eligibleOnes-count span, .eligibleOnes-passed span{color: #757575;}
.bulk-licenses .block-desc p{margin: 0; font-size: 13px; line-height: 20px; color: #424242; font-weight: 400;}
.bulk-licenses .block-desc span{color: #D80000;}
.bulk-licenses .link.border-btn{display: inline-block; border-radius: 100px; border: 1px solid #0068D8; color: #0068D8; padding: 4px 14px; margin-right: 10px;}
.table-selection-block .select-block.bulk-dropdown .ng-dropdown-panel.ng-select-bottom{width: 100% !important;}
.table-selection-block .select-block.bulk-dropdown .tag{color: #0068D8;}
.bulk-licenses .bulk-licenses-list{display: flex; align-items: center; padding: 79px 15px 12px; border-bottom: 1px solid #E0E0E0;}
.bulk-licenses .bulk-licenses-list .bulk-detail{display: flex; padding-right: 16px; align-items: center;white-space: nowrap;flex-wrap: wrap;}
.bulk-licenses .bulk-licenses-list .bulk-detail .block-title{font-size: 14px; line-height: 19px; color: #101010; font-weight: 600; padding-right: 8px;}
.bulk-licenses .bulk-licenses-list .bulk-detail .sub-title{font-size: 14px; line-height: 19px; color: #424242; font-weight: 400;}
.bulk-licenses .eligible-name.green{color: #4CAF50 !important; width: 84px; display: flex; justify-content: space-between; padding-right: 10px;}
.bulk-licenses .eligible-name.orange{color: #F58300 !important; width: 84px; display: flex; justify-content: space-between; padding-right: 10px; padding-top: 12px;}
.bulk-licenses .eligibility-icon svg{width: 22px;height: 22px;}
.common-table .expir-date:hover .expiry-text-tooltip.bulk-status{ left: -98px;}
.common-table .expir-date .expiry-text-tooltip.bulk-status:after{top: 16%;}

table tr td p.table-inline-error{font-size: 11px; line-height: 14px; color: #F58300;}
/***licenses renewal bulk import css end here***/
.contact-list-data .common-table.healthcare-table{padding-top: 0px;height: calc(50vh - 98px);}

/***ab-ffm modal css start here***/
.ab--ffm-modal .update-admin-info ul li > span:first-child{width: 300px;}
.ab--ffm-modal .update-admin-info ul li > span:last-child{color: #424242; font-weight: 500;}
.title-action{font-size: 12px; font-weight: 400;}
.ab--ffm-modal .label-title {font-size: 20px; line-height: 28px; font-weight: 600;}
/***ab-ffm modal css end here***/

/* manage-tag css start here */
.tags-table .tag-name { position: relative; display: flex; justify-content: space-between;}
.tags-table .tag-name .action-icons { visibility: hidden; margin: 0 5px;}
.tags-table tr:hover .tag-name .action-icons { opacity: 1; visibility: visible; cursor: pointer;}

.select-tag-options .form-control{ background-color: #F0F6FD; border: 0; height: auto; margin: 0; padding: 8px 24px; font-size: 14px; font-weight: 500; border-radius: 16px;}
.select-tag-options .ng-select .ng-dropdown-panel {background-color: #0068D8;padding: 8px 0px; left: -18px !important;}
.select-tag-options .ng-select .ng-dropdown-panel .ng-option {background-color: #0068D8 !important; padding: 8px 0px; color: #fff !important;}
.select-tag-options .ng-select .ng-dropdown-panel .ng-option .ng-option-marked{background-color: #0068D8 !important ;padding: 8px 0px; color: #fff;}
.select-tag-options .ng-select .ng-value-container .ng-placeholder{color: #0068D8 !important;}
.select-tag-options .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover {background-color: #005CBF !important;color: #ffffff !important;}
.open-always .multiselect-dropdown .dropdown-list[hidden]{display: block !important;}
.close-btn:has(.multiselect-dropdown .dropdown-list[hidden]) + .multiselect-close-btn{display: none !important;}
.multiselect-close-btn{ display: block; position: absolute; right: 26px; top: 66px; z-index: 9999; background: #0068d8; color: #fff; padding: 6px 16px; border-radius: 20px; line-height: 14px; cursor: pointer;}
.manage-tag-tab{border: 1px solid #e0e0e0;}
.manage-tag-tab .common-table{margin: 0 !important; max-height: calc(100vh - 344px);overflow: auto;}
/* .manage-tag-tab .common-table .tags-table .sticky-from-top{top:0 !important;} */

.open-always{height: 50px;}
.open-always .multiselect-dropdown .dropdown-btn{flex-wrap: wrap;height: 49px !important;overflow: auto;gap: 3px;}
.select-options .select-block .open-always .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret{display: none !important;}
.open-always .multiselect-dropdown .dropdown-list{top: 48px;height: 272px;}
.open-always .multiselect-dropdown .dropdown-list .item1{display: none;}
.open-always .multiselect-dropdown .dropdown-list .item2{max-height: 272px !important;}
.open-always .multiselect-dropdown .dropdown-list .multiselect-item-checkbox input[type=checkbox] + div:before{content: "\002B" !important;font-size: 20px;line-height: 14px;color: #fff !important;background-color: #0068d8 !important;}
.open-always .multiselect-dropdown .dropdown-list .multiselect-item-checkbox input[type=checkbox]:checked + div:before{content: "\002D" !important;font-size: 24px;line-height: 14px;color: #fff !important;}
.open-always .multiselect-dropdown .dropdown-list .multiselect-item-checkbox input[type=checkbox]:checked + div::after{transform: rotate(-45deg) scale(0) !important;}
/* manage-tag css end here */
.modal-footer.pd-4{padding:24px;}
/* ********* Preview Email css start here******* */
.preview-email{max-height: calc(100vh - 125px); overflow: auto;}
.preview-email-container{margin: 20px; box-shadow: 0px 0px 16px #00000010; }
.preview-email-container .email-header{text-align: center; padding: 10px 24px; border-bottom: 1px solid #e0e0e0;}
.preview-email-container .email-body{ padding: 12px 0px;}
.preview-email-container .email-footer{padding: 16px 24px; background-color: #f7f7f7; font-size: 12px; color: #101010; font-weight: 500;}
.preview-email-container .email-sub-footer{padding: 8px 24px 12px; text-align: center; background-color: #f7f7f7; font-size: 12px;border-top: 1px solid #e0e0e0;}
/* ********* Preview Email css end here******* */

/******* Custom tag dropdown css start here ********/
/******* license renewal review page css start here*******/
.responsible-table { border: 1px solid #e0e0e0; }
.responsible-table .sticky-firm-top { position: sticky; top: 0; z-index: 11; }
.responsible-table .table .input-block .form-control{ border: none; background: none; height: 20px; font-family: "urw-form", Arial, sans-serif; font-size: 12px; line-height: 18px; color: #101010;}
.responsible-table .table .input-block .form-icon{top:26px;}
/******* license renewal review page css end here*******/

.no-active-list {border: 1px solid #e0e0e0; padding: 30px; }
.no-active-list img { height: 80px; width: 80px;}

/* manage-owner-modal css start here */
/* .manage-owner-modal .table-selection-block {display: flex; flex-direction: column; margin-left: 0;}
.manage-owner-modal .table-selection-block .close-icon { position: absolute; top:27px; right: 48px;}
.manage-owner-modal .table-selection-block .datepicker-container,
.manage-owner-modal .table-selection-block .datepicker-container input {width: 100%;}
.manage-owner-modal .table-selection-block .datepicker-container .calendar-container {width: 265px !important;} */
/* .manage-owner-modal .manage-owner-model-date{position: absolute;display: flex;top: 33px;right: 15px;}
.manage-owner-modal .manage-owner-model-date .close-icon {left: -14px; top: -2px }
.manage-owner-modal .manage-owner-model-date .input-group-append .btn { border: none;}
.manage-owner-modal .manage-owner-model-date .input-group-append .btn:hover { background-color: transparent;} */
.manage-owner-modal .form-control .dropdown-menu {z-index: 100 !important; overflow: hidden;} 
/* manage-owner-modal css end here */
/******* Custom checkbox dropdown css start here ********/
.custom-dropdown-control{font-size: 12px;}
.select-title .custom-dropdown-control .input-label{font-size: 16px; line-height: 24px; font-weight: 600; margin-bottom: 12px;}
.custom-dropdown-control .selected-states {display: flex; flex-wrap: wrap; gap:4px; min-height: 32px; padding: 8px 12px; overflow: auto; max-height: 61px; border: 1px solid #ced4da; border-radius: .25rem;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.size-md .custom-dropdown-control .selected-states {max-height: 170px;}
.custom-dropdown-control .selected-states.readonly{border-radius: 4px; background: #f7f7f7; opacity: 0.7; cursor: not-allowed;}
/* .custom-dropdown-control .selected-states.readonly span {padding: 0px 10px !important} */
.custom-dropdown-control .selected-states span {background: #EEEEEE !important;border: none !important;color: #101010 !important;font-size: 12px;border-radius: 12px !important;padding: 0 5px !important;}
.custom-dropdown-control .selected-states span a {cursor: pointer; color: #101010 !important; position: relative; bottom: 1.6px;}
.custom-dropdown-control .selected-states span a svg:hover {border-radius: 25px; background: #fff;}
.custom-dropdown-control .selected-states .select-states {background: none !important; font-size: 14px; color: #aaaaaa !important; padding: 0 !important;}
/* .custom-dropdown-control .unselect-states { min-height: 110; max-height: 245px; overflow: auto; border: 1px solid #ced4da; border-radius: .25rem;} */
.custom-dropdown-control .unselect-states.tag-list { min-height: 250px; max-height: 312px; overflow: auto;padding: 16px 0; }
.custom-dropdown-control .unselect-states.tag-list span{position: relative;}
.custom-dropdown-control .unselect-states.tag-list input{position: absolute;right: 17px;top: 8px;}
.custom-dropdown-control .unselect-states { min-height: 110px; max-height: 245px; overflow: auto; border: 1px solid #ced4da; border-radius: .25rem;border-top-left-radius: 0;border-top-right-radius: 0;border-top: 0;}
.height-md .custom-dropdown-control .unselect-states { min-height: 110px; max-height: 218px; }
.size-md .custom-dropdown-control .unselect-states { max-height: 274px; }
.custom-dropdown-control-common .custom-dropdown-control .unselect-states { min-height: 186px; height: calc(100vh - 490px); max-height: calc(100vh - 490px); overflow: auto;}
.custom-dropdown-control-common.contact-user .custom-dropdown-control .unselect-states { min-height: 186px; height: calc(100vh - 506px); max-height: calc(100vh - 506px); overflow: auto;}
.custom-dropdown-control .unselect-states input[type=checkbox]:before {cursor: pointer; content: "\0002B"  !important; display: block; height: 16px; width: 16px; padding: 0 3px;text-align: center; font-size: 16px;line-height: 15px;color: #fff !important;background-color: #0068d8 !important;}
.custom-dropdown-control .unselect-all-states input[type=checkbox]:before {cursor: pointer; content: "\0002B"  !important; display: block; height: 16px; width: 16px; padding: 0 0 0.9px 0.9px; font-size: 20px;line-height: 16px;color: #fff !important;background-color: #0068d8 !important;}
.custom-dropdown-control .unselect-states .select-all {border-bottom: 1px solid #ced4da; padding: 6px 12px; position: sticky; display: flex; align-items: center; z-index: 1; background: #fff;}
.custom-dropdown-control .unselect-states .select-all .clear-all[type=checkbox]:before {cursor: pointer; content: "\002D"  !important; display: block; height: 16px; width: 16px; padding: 0 4px; text-align: center; font-size: 20px;line-height: 15px;color: #fff !important;background-color: #0068d8 !important;}
.custom-dropdown-control .unselect-all-states { border: 1px solid #ced4da; border-radius: .25rem; padding: 5px 10px;}
.custom-dropdown-control .unselect-states span{padding: 4px 8px 4px 12px; display: flex; align-items: center;cursor: pointer;}
.custom-dropdown-control .unselect-states input{cursor: pointer;height: 16px;width: 16px;}
.custom-dropdown-control .unselect-states label{cursor: pointer;}
.custom-dropdown-control .unselect-states span:hover{background: linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, #F0F6FD 100%);}
.custom-dropdown-control.checkbox-disabled .unselect-states label{color: #757575;}
.custom-dropdown-control.checkbox-disabled .unselect-states input[type=checkbox]:before{background-color: #d9d9d9 !important;cursor: not-allowed;}
.custom-dropdown-control.checkbox-disabled .unselect-states span:hover{background: none;}
/* .custom-dropdown-control .unselect-states span.col-3{max-width: 20% !important;} */
.custom-dropdown-control .unselect-states span.col-2{max-width: 20% !important;}
.custom-dropdown-control.common-custom-dd .readOnly-input{background-color: #e9ecef !important; pointer-events: none;}
.no-tags h3{font-size: 20px;line-height: 30px;color: #101010;font-weight: 600;padding: 0 0 6px;}
.task-list-data .heading-dialog .list-header .manage-title{display: flex;align-items: center;justify-content: space-between;padding: 0 16px 0 0;width: 100%;}

.tag-control.custom-dropdown-control .unselect-states span{background: linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, #F0F6FD 100%); margin-bottom: 8px;}
.tag-control.custom-dropdown-control .unselect-states { border: 0}
.tag-control.custom-dropdown-control .selected-states {padding: 8px 8px;}
.tag-control.custom-dropdown-control .selected-states span {font-size: 14px;}
.tag-control.custom-dropdown-control .selected-states {border-bottom-right-radius: .25rem;border-bottom-left-radius: .25rem;}
.task-list-data .heading-dialog .list-body .input-block.tag-control .input-label { font-size: 14px;}


/******** resolve regulatory css start 
here ********/
/******** Custom checkbox dropdown css start here ********/
/* .resolve-regulatory-model-date { display: flex; position: absolute; left: 255px;}
.resolve-regulatory-model-date .close-icon.date-close {right: 18px; top: 4px}
.resolve-regulatory-model-date .input-group-append .btn {border: none;} */
/******** resolve regulatory css end here ********/

/***bulk-appointment css start here***/
.bulkAppointerHight .action-table-header{padding: 0 0 12px;}
.contact-list-data.bulkAppointerHight .common-table.bulk-appointment-user-table{padding-top: 0px;height: calc(100vh - 224px); max-height: calc(100vh - 224px);min-height: auto;}
.contact-list-data .common-table.bulk-appointment-user-table{height: calc(100vh - 163px);overflow: auto;}
/* .bulkAppointerHight .common-table.common-table.bulk-appointment-user-table .table thead.sticky-from-top{top:0px;} */
/***bulk-appointment css end here***/

/***bulk-appointment-loa-list css start here***/
.bulk-appointment-loa-list .common-table {overflow: auto; height: calc(100vh - 158px);}
/* .bulk-appointment-loa-list .common-table .table thead.sticky-from-top {top:0 } */
.bulk-appointment-loa-list .common-table .table thead .license-class {width: 150px; min-width: 100px;}
.bulk-appointment-loa-list .common-table .table tbody tr.state-name{background: linear-gradient(90deg, rgba(247, 247, 247, 0.5) 0%, #F7F7F7 100%); color: #757575;}
.bulk-appointment-loa-list .common-table .table tbody tr.state-name td{line-height: 14px;}
.bulk-appointment-loa-list .common-table .table .column-sticky {position: sticky; z-index: 2;}
.bulk-appointment-loa-list .common-table .table .column-sticky:nth-child(1) {left:0; width: 125px;min-width: 125px;}
.bulk-appointment-loa-list .common-table .table .column-sticky:nth-child(2) {left:125px; width: 68px;min-width: 68px;}
.bulk-appointment-loa-list .common-table .table .column-sticky:nth-child(3) {left:193px; width: 113px;min-width: 113px;}
.bulk-appointment-loa-list .common-table .table .column-sticky:nth-child(4) {left:306px; width: 200px;min-width: 200px;}
.bulk-appointment-loa-list .common-table .table .column-sticky.background {background: #fff;}
.bulk-appointment-loa-list .common-table .table tr:hover td.column-sticky.background{background-color: #F0F6FD;}
.bulk-appointment-loa-list .common-table .table .fixed-left-field::after { background: linear-gradient(90deg, #ebedee 0%, #fdfbfb 100%); content: ""; top: 0; right: 0; width: 24px; height: -webkit-fill-available; opacity: 0.6; position: absolute;}
.bulk-appointment-loa-list .common-table .table tbody tr td .custom-checkbox,
.bulk-appointment-loa-list .common-table .table thead tr th .custom-checkbox { width: fit-content; margin: auto;}
.bulk-appointment-loa-list .common-table .table tbody tr td .custom-control-label::after,
.bulk-appointment-loa-list .common-table .table tbody tr td .custom-control-label::before,
.bulk-appointment-loa-list .common-table .table thead tr th .custom-control-label::after,
.bulk-appointment-loa-list .common-table .table thead tr th .custom-control-label::before { width: 18px; height: 18px;top: 0; }
.bulk-appointment-loa-list .common-table .table tbody tr td .custom-control-input,
.bulk-appointment-loa-list .common-table .table thead tr th .custom-control-input { width: 19px; height: 19px; }
.sticky-table-header{background-color: #fff;border-bottom: 1px solid #e0e0e0;padding: 10px 0;position: sticky;top: 0;}
.bulk-appointment-loa-list .container-fluid .action-pagination-blocks .action-block .left-part .table-selection-block {gap: 8px;height: 40px; width: calc(100vw - 410px); overflow-x: auto;align-items: center; }
.sidebar-contentdata .contentdata-width.full .bulk-appointment-loa-list .container-fluid .action-pagination-blocks .action-block .left-part .table-selection-block{width: calc(100vw - 252px);}
.bulk-appointment-loa-list .container-fluid .action-pagination-blocks .action-block .left-part .table-selection-block div{cursor: pointer;}
.bulk-appointment-loa-list .container-fluid .action-pagination-blocks .action-block .left-part .table-selection-block span { display: flex; align-items: center;}
.bulk-appointment-loa-list .container-fluid .action-pagination-blocks .action-block .left-part .table-selection-block .state {width: max-content; border-radius: 100px; background: #f7f7f7; padding: 4px 12px;font-size: 12px;line-height: 18px;}
.bulk-appointment-loa-list .container-fluid .action-pagination-blocks .action-block .left-part .table-selection-block .state:hover,
.bulk-appointment-loa-list .container-fluid .action-pagination-blocks .action-block .left-part .table-selection-block .state.selected-state { background: #0068D8; color: #FFFFFF; }
.bulk-appointment-fee-summary .bulk-fee-summary{border-bottom: 1px solid #e0e0e0;padding: 12px 24px;}
.bulk-appointment-fee-summary .bulk-fee-summary .title { font-size: 22px; color: #101010; font-weight: 600; }
/* .bulk-appointment-fee-summary .bulk-fee-summary .summary-block{flex: 1;} */
/* .bulk-appointment-fee-summary .common-table .table thead.sticky-from-top{top: 0;} */
.bulk-appointment-fee-summary .bulk-fee-summary .tooltip-icon { top: -5px; left: 2px;}
.bulk-appointment-fee-summary .bulk-fee-summary .tooltip-icon .text-tooltip.info-list{left: -25%; top: -8px; transform: translateX(-100%);}
.bulk-appointment-fee-summary .bulk-fee-summary .tooltip-icon .text-tooltip::after {left: 100%; border-left: 7px solid #fff; border-right: none;}
.bulk-appointment-fee-summary .bulk-fee-summary .tooltip-icon .text-tooltip::before {left: 100%; border-left: 8px solid #E0E0E0; border-right: none;}
/***bulk-appointment-loa-list css end here***/ 

/* tasks css start here */
.task-list-section .search-block .search-input, .task-list-section .table-selection-block .select-block{border: none;background-color: #f7f7f7;}
.task-list-section .search-block .search-input::placeholder{color: #757575;}
.task-list-section .ng-select .ng-select-container .ng-value-container .ng-placeholder{color: #757575 !important;}
.task-list-section .ng-select .ng-arrow-wrapper .ng-arrow{filter: grayscale(1);}
.task-list-section .action-table-header{top: 0px;padding: 12px 0;}
.task-list-section .common-table{padding-top: 0px;overflow-x: auto;height: calc(100vh - 96px);}
/* .task-list-section .common-table .table thead.sticky-from-top{top: 0px;} */
.task-list-section .common-table .table td{white-space: nowrap;}
.task-list-section .common-table .table .due{color: #FC0606;}

.task-list-section .common-table .table .column-sticky {position: sticky; z-index: 2;}
.task-list-section .common-table .table tr td.column-sticky {background-color: #fff;}
.task-list-section .common-table .table tr:hover td.column-sticky {background-color: #F0F6FD;}
.task-list-section .common-table .table .column-sticky:nth-child(1) {left:0;}
.task-list-section .common-table .table .column-sticky:nth-last-child(n) {right:0px; min-width: 50px;}

.cursor-pointer:hover{cursor: pointer;}
.cursor-default:hover{cursor: default;}



/* .task-list-data.add-task .close-icon{cursor: pointer;} */
/* .task-list-data.add-task .select-block{padding-bottom: 20px;} */
.add-task .priority-drpdown .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.add-task .priority-drpdown .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background: linear-gradient(90deg, rgba(240, 246, 253, 0) 0%, #F0F6FD 100%) !important;}
/* .task-list-data.add-task .ng-dropdown-panel.ng-select-bottom{padding: 16px;}
.task-list-data.add-task .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{padding: 7px 8px !important;}
 */
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .manage{color: #0068d8;}
.add-task .heading-dialog .modal-body{max-height: calc(100vh - 220px);overflow: auto;}
.add-task .heading-dialog .modal-footer{padding: 0 32px 24px;}
/* .task-list-data .heading-dialog .list-body .input-label {font-size: 12px;  color: #757575;  font-weight: 500;} */
.add-task .file-attachement{position: relative;height: 148px;border: 2px dashed #C2DBF6;padding: 40px 0;background: #fff;}
.add-task .w-50-ml{width: calc(50% - 8px);}

/* .new-tasks-model-date { display: flex; position: absolute; right: 20px;top: 24px;}
.new-tasks-model-date .close-icon.date-close {right: 0; top: 3px}
.new-tasks-model-date .close-icon.date-close + div.input-group-append{margin-left: 0;}
.new-tasks-model-date .input-group-append .btn {border: none;top: 0px;right: -4px;width: 34px;height: 32px;}
.new-tasks-model-date .input-group-append .btn:hover{background-color: #f7f7f7;} */

.add-task  textarea{resize: none;min-height: 80px;}
.add-task .upload-data{display: flex;gap: 8px; flex-wrap: wrap;}
.add-task .upload-document{width: calc(50% - 4px);background-color: #f7f7f7;border-radius: 8px;}
.add-task .upload-icon svg, .form-view .bg-container .uploaded-document-section .upload-icon svg{vertical-align: baseline;}
.add-task .upload-icon, .form-view .bg-container .uploaded-document-section .upload-icon{padding: 6px;background-color: #fff;border-radius: 6px;margin-right: 8px;width: 32px;height: 32px;}
.form-view .bg-container .uploaded-document-section .upload-icon{padding: 2px;width: 24px;height: 24px;}
.form-view .bg-container .uploaded-document-section .upload-info .max-width-tooltip-165{width: unset;max-width: 13vw;}
.add-task .upload-info p, .form-view .bg-container .uploaded-document-section .form-view .bg-container .uploaded-document-section{color: #212121;font-weight: 500;}
.add-task .file-attachement .upload-file, .form-view .bg-container .uploaded-document-section .form-view .bg-container .uploaded-document-section{flex-direction: column;left: 50%;transform: translate(-50%,-50%);}
.form-view .bg-container .uploaded-document-section .upload-document{background-color: #f7f7f7;border-radius: 8px;}
/* .action-edit-btn .btn:hover{background-color: #eee;} */
/* tasks css end here */
/* manage-tasks css start here */

.manage-task-container{top: 0px;position: relative;background-color: #f7f7f7;}
.manage-task-container .sticky-from-top{position: sticky;top: 0;background-color: #f7f7f7;z-index: 1;padding: 8px 12px;color: #757575;border-bottom: 1px solid #e0e0e0;min-height: 44px;max-height: 44px;}
.manage-task-container .input-block{background-color: #fff;border-bottom: 1px solid #e0e0e0;padding: 4px 12px;position: relative;}
.manage-task-container .selected-item-row .input-block.active::before {border-right: 10px solid #00D0E8; content: ''; display: block; height: 10px; margin-top: 0px; position: absolute; -moz-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); left: -5px; top: 10px; width: 0;}
.manage-task-container .input-block.active{background-color: #f0f6fd;}
.manage-task-container .left-data .input-block.active{font-weight: 600;}
.manage-task-container .input-block.active span{color: #0068d8;}
.manage-task-container .input-block img.taskType{filter: brightness(0%); width: 20px;}
.manage-task-container .input-block.active img{filter: brightness(100%);}
.manage-task-container .input-block span{color: #101010;}
.manage-task-container .input-block span.email-type{color: #757575;}
.manage-task-container .input-block.active span.disabled{color: #101010;}
.manage-task-container .input-block span.max-width-tooltip-300{max-width: 300px; width: 300px;}
.manage-task-container .input-block .reminder-count{border: none;position: relative;top: auto;left: auto;color: #0068d8;background-color: #f0f6fd;font-size: 12px;line-height: 12px;}
.manage-task-container .input-block.active .reminder-count{background: #C2DBF6;}
.manage-task-container .input-block .task-field{line-height: 14px; padding: 8px;background-color: #fff;border-radius: 6px;color: #101010;width: 100%;border: 1px solid #E0E0E0;outline: none;}
/* .manage-task-container .input-block .task-field.width{width: 490px;} */
.manage-task-container .input-block .task-field::placeholder{color: #9e9e9e;}
.manage-task-container .left-data .left-container{width: 220px;max-width: 220px;overflow-y: auto;height: calc(100vh - 185px);}
.manage-task-container .left-container{border-right: 1px solid #e0e0e0;}
.manage-task-container .left-data .left-container .input-block{cursor: pointer; height: 32.49px;}
.manage-task-container .right-data .left-container, .manage-task-container .right-data .right-container{flex: 1;overflow-y: auto;height: calc(100vh - 185px);}
.manage-task-container .basic-btn{border: none;color: #212121;font-weight: 500;outline: none;}
.manage-task-container .basic-btn:hover, .manage-task-container .basic-btn:focus{border: none;}
.manage-task-container .input-block svg{cursor: pointer;}

.indication-initial {background-color: #E0e0e0; border-radius: 100px; display: inline-block; width: 22px; height: 22px; text-align: center; color: #616161 !important; font-size: 12px; line-height: 22px; text-transform: uppercase; font-weight: 700;}

/* manage-tasks css end here */

/* ********Reminders CSS start******* */
/* .reminder-count{ background-color: #d80000; width: 8px; height: 8px; border-radius: 100%; border: 1px solid #fff; position: absolute; right: 11px; top: 13px;} */
.reminder-count { background-color: #0068D8; height: 16px; border-radius: 8px; border: 1px solid #fff; position: absolute; left: 20px; top: 7px; padding: 2px 5px; font-size: 9px; color: #fff; line-height: 11px;}
.help-url:hover .reminder-count{border: 1px solid #F0F6FD;}
.reminder-container{position: fixed; right: 0; top: 56px; background-color: #ffffff; z-index: 99; width: 500px; border-left: 1px solid #e0e0e0; height: calc(100vh - 97px);}
.reminder-container .reminder-header{padding: 14px 24px; font-size: 24px; font-weight: 700; line-height: 28px; border-bottom: 1px solid #e0e0e0;}
.reminder-container .filter-section{padding: 12px 24px 6px; }
.filter-section .clear-icon .ng-select .ng-clear-wrapper {display: block !important;}
.filter-section .ng-dropdown-panel.ng-select-bottom{width: 100%;}
.reminder-container .reminder-section{padding: 12px;overflow: auto;height: calc(100vh - 206px);overflow-x: hidden;}
.reminder-container .reminder-section.set-height{height: calc(100vh - 234px);}
.reminder-container .reminder-section.filtered-reminder{height: calc(100vh - 154px);}
.filter-section .table-selection-block .select-block{border: none;background: #f7f7f7;color: #101010;}
.reminder-section .reminder-datalist{cursor: pointer;padding:12px;background-color: #fff; border-radius: 8px; justify-content: space-between;display: flex;}
.reminder-datalist{cursor: pointer;padding:12px;background-color: #fff; border-radius: 8px; }
.reminder-datalist .icon{padding: 8px;border-radius: 100px;background-color: #f0f6fd;display: flex;height: fit-content;}
.reminder-datalist .reminder-block{width: 374px;}
.reminder-datalist .reminder-block.dismiss-reminder-block{width: 100%;}
.reminder-datalist .reminder-block .title{margin: 0;font-size: 14px;line-height: 22px;color: #212121;padding-bottom: 8px;}
.reminder-datalist .reminder-block .desc{font-size: 13px;line-height: 18px;color: #424242;overflow: hidden;text-overflow: ellipsis;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;margin-bottom: 12px;}
.reminder-datalist span.semi-bold{font-weight: 500;color: #101010;vertical-align: bottom;}
.reminder-datalist .reminder-info p{background-color: #eee;padding: 4px 8px;border-radius: 4px;margin: 0 8px 8px 0;display: inline-block;}
.reminder-datalist .reminder-info .w-205{width: 205px;}
.reminder-datalist .reminder-info .w-128{width: 128px;}
.w-20-ml{width: calc(20% - 8px);}
.w-25-ml{width: calc(25% - 8px);}
.w-30-ml{width: calc(30% - 8px);}
.w-50-ml{width: calc(50% - 8px);}
.w-75-ml{width: calc(75% - 8px);}
.w-25{width: calc(25% - 0px);}
.w-30{width: calc(30% - 0px);}
.reminder-time .due-date{font-size: 12px;line-height: 14px;color: #757575;}
.reminder-time .due-date.semi{color: #424242;font-weight: 500;}
.reminder-time .due-day{font-size: 13px;line-height: 13px;color: #0068d8;padding: 5px 14px;background-color: #f0f6fd;border-radius: 16px;}
.reminder-time .due-day.type-1{background-color: #d80000;color: #fff;}
.reminder-time .due-day.type-2{background-color: #f58300;color: #fff;}
.reminder-time .due-day.type-3{background-color: #f0f6fd;color: #0068d8;}

.reminder-datalist .remind-details{display: none; clear: both;}
.reminder-datalist.active .remind-details{display: block;}
.reminder-datalist.active{box-shadow: 0px 4px 16px 0px #00000014;margin-bottom: 8px;}
.reminder-datalist.active .icon{background-color: #c2dbf6;font-weight: 600;}
.reminder-datalist .public-icon{position: absolute;top: -10px;right: -5px;}
.reminder-datalist.active .public-icon rect{fill: #c2dbf6;}
.reminder-datalist .reminder-block .priority{width: 100%;max-width: fit-content;}
.reminder-remove {background: linear-gradient(180deg, #FFFFFF 0%, #DEF1FF 100%);border-radius: 100px;display: flex;flex-direction: column;align-items: center;justify-content: space-between;position: relative;}
.reminder-remove .dismiss{text-transform: uppercase;transform: rotate(270deg);color: #2cbbff;font-size: 10px;font-weight: 500;position: absolute;bottom: 20px;display: none;}
.reminder-remove .dismiss.active{display: block;}
.reminder-remove .actions-dropdown .dropdown-menu.show{left: -35px !important;}
.reminder-remove .custom-checkbox .custom-control-label::before, .reminder-remove .custom-checkbox .custom-control-label::after{border-radius: 100%;width: 20px;height: 20px;right: 2px;left: auto;border: 1px solid #00a0f4;}
.reminder-remove .custom-control-input:checked ~ .custom-control-label::before{background-color: #00a0f4;}
.dismiss-reminder{background-color: #0068d8;color: #fff;text-align: center;padding: 9px 0;font-size: 13px;line-height: 16px;position: fixed;bottom: 41px;width: inherit;}
.fade-out {animation: fadeOut 0.5s forwards;position: relative;transition: all 0.5s linear;animation-delay: 0.5s;}

@keyframes fadeOut {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
    display: none;
  }
}

.set-reminder-modal .modal-body{max-height: calc(100vh - 100px);overflow: auto;}
.user-detail-block {padding: 24px 32px 0;}
.user-detail-block .name {font-size: 20px;line-height: 28px;color: #101010;font-weight: 600;}
.user-detail-block .title {padding: 6px 8px; line-height: 19px; height: 31px; color: #0068D8;font-size: 16px;font-weight: 500;background-color: #F0F6FD;border-radius: 4px;}
.user-detail-block.license-appointment-block div{display: flex; align-items: center;}
.user-detail-block.license-appointment-block .title{width: 100%;}
.user-detail-block.license-appointment-block .license-name {width: 40%;}
.set-reminder-modal .modal-body .user-name-block textarea {height: 100px;}
.set-reminder-modal .modal-body .user-name-block .custom-control-label::after,
.set-reminder-modal .modal-body .user-name-block .custom-control-label::before {top: 0.10rem !important}

.set-reminder-modal .tooltip-icon{top: 0;left: 0;cursor: pointer;}
.set-reminder-modal .tooltip-icon .text-tooltip.info-list{max-width: 215px;left: -16px;}
.set-reminder-modal .tooltip-icon .info-list.top.text-tooltip:before, .set-reminder-modal .tooltip-icon .info-list.top.text-tooltip:after{right: 52px;left: auto;}
/* .set-reminder-modal-date { display: flex; position: absolute; right: 11px;}
.set-reminder-modal-date .close-icon.date-close {right: 18px; top: 2px}
.set-reminder-modal-date .input-group-append .btn {border: none; top: 1px; right: -2px;} */

.reminder-type{background-color: #f7f7f7; border: 1px solid #e0e0e0; border-radius: 20px; padding: 4px 14px; font-size: 13px; line-height: 14px; font-weight: 600; color: #757575; float: right;}

.dashboard-data .reminder-count{left: 16px;top: 4px;}
.dashboard-data .action-edit-btn .link.edit:hover .reminder-count{border: 1px solid #0068d8;color: #0068d8;background-color: #fff;}

.actions-dropdown .dropdown-menu.show{left: -25px !important;top: -27px !important;padding: 6px 0; cursor: pointer;}
.reminder-container .inside-loader {display: flex; align-items: center; justify-content: center; height: 80%;}
/* ********Reminders CSS end******* */

/* ellipsis menu start  */
.ellipsis-menu.dropdown {position: relative;display: flex;}
.ellipsis-menu .dropbtn {background-color: transparent;border: none;font-size: 14px;line-height: 14px; cursor: pointer;padding-block: 0;}
.ellipsis-menu .dropdown-content { padding: 6px 0;  display: none;position: absolute;right: 20px;top: 0;border-radius: 8px;background-color: #FFFFFF;min-width: 160px;box-shadow: 0px 8px 16px 0px #00000014;border: 1px solid #E0E0E0;z-index: 1; white-space: nowrap;}
.ellipsis-menu .dropdown-content .set-actions {color: black;padding: 6px 16px;text-decoration: none;display: block; cursor: pointer;}
.ellipsis-menu .dropdown-content .set-actions:hover,
.ellipsis-menu .dropdown-content .set-actions:hover .action-name { background: #F0F6FD; color: #0068D8;}
.ellipsis-menu .dropdown-content .set-actions:hover svg path {  fill: #0068D8;}
.ellipsis-menu .dropdown-content .set-actions.delete-icon:hover,
.ellipsis-menu .dropdown-content .set-actions.delete-icon:hover .action-name { background: #FDF0F0; color: #d80000;}
.ellipsis-menu .dropdown-content .set-actions.delete-icon:hover svg path {  fill: #d80000;}
.ellipsis-menu .dropdown-content .set-actions .action-name{font-size: 14px;line-height: 18px;color: #101010;}
.ellipsis-menu .show {display: block;}
td .ellipsis-menu .dropdown-content { right: 30px;}

.ellipsis-menu.carriers .dropdown-content{min-width: 185px;}
.common-table.appointment-list .appointment-list-table .ellipsis-menu.dropdown,
.common-table.contact-table .ellipsis-menu.dropdown {left: 5px;}
/* ellipsis menu end */

/* Task-Detail-List css start here */
.seprator{border: 1px solid #e0e0e0;}
.details-container{padding: 12px 24px;}
.details-container .user-block{gap: 8px;}
.details-container .user-block .user-details-block{flex: 1;}

.details-container .info-block{display: flex; width: 100%; max-width: 1200px;}
.details-container .info-block .text-element {line-height: 24px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 65px;}

.details-container .info-block .title{font-weight: 600;color: #101010;}
.details-container .sub-title{font-weight: 600;color: #212121;padding-bottom: 16px;font-size: 18px;line-height: 20px;}
.details-container .info-block .desc{font-weight: 400; word-break: break-word;}
.user-details{padding-bottom: 14px;}
.user-details label{padding-right: 5px;font-size: 12px;line-height: 16px;color: #757575;font-weight: 500; display: block;}
.user-details p{flex: 1;color: #101010;font-weight: 500;max-width: fit-content;}
.user-details span{display: inline-block;line-height: 0;}

.details-container .ng-dropdown-panel.ng-select-bottom{width: 100%;max-width: none;}
.details-container textarea{resize: none; border: 1px solid #e0e0e0;border-radius: 6px;}

.details-container textarea::placeholder{color: #9e9e9e;}

.textarea-block textarea{resize: none; border: 1px solid #e0e0e0;border-radius: 6px; padding: 8px; width: 100%;}
.textarea-block textarea:focus{outline: transparent;}
.textarea-block textarea::placeholder{color: #9e9e9e;}

.task-detail-list .title img{background: #F0F6FD;padding: 3px;border-radius: 6px;vertical-align: middle;width: 26px;height: 26px;}
.task-detail-list .title .name{font-weight: 500;color: #0068d8;vertical-align: middle;}
.task-detail-list .modal-body .left-data{width: 68%;}
.task-detail-list .modal-body .right-data{width: 32%;border-left: 1px solid #e0e0e0;height: calc(100vh - 152px);}
.task-detail-list .sidepanel-activity .activity{height: calc(100vh - 308px);overflow-y: auto;}
.task-detail-list .sidepanel-activity .block-title{padding: 10px 16px 4px;font-size: 18px;line-height: 22px;font-weight: 600;color: #212121;}
.task-detail-list .sidepanel-activity .activity-log{padding: 12px 24px;border-bottom: 1px solid #e0e0e0;}
.task-detail-list .sidepanel-activity .activity-log img{vertical-align: middle;}
.task-detail-list .sidepanel-table .common-table .table thead th, 
.task-detail-list .sidepanel-table .common-table .table td {padding: 4px 3px 4px 16px;}
.task-detail-list .request-activity-container .data-form{bottom: 0px;position: relative; border-bottom-right-radius: 8px; display: block;}
.task-detail-list .request-activity-container .data-form .form-control{width: 100%;}
.task-detail-list .notes-count{width: 100%;}
.task-detail-list .task-info-tag{position: absolute; right: 24px; top: 5px;}
.task-detail-list .task-info-tag .user-details label{width: auto;}
.task-detail-list .task-desc p{margin-bottom: 0px;}
.task-detail-list .user-details .task-desc span{line-height: 150%;}
.header-line .line{background-color: #e0e0e0; position: relative; display: inline-block; width: calc(100% - 140px); line-height: 1px; top:3px;}
.header-line .line.line-3{width: calc(100% - 155px);}
.header-line .title-7 {background-color: #e0e0e0; height: 1px; font-weight: 500; word-spacing: 2px; color: #9E9E9E; font-size: 10px; line-height: 18px; background-color: #ffffff; padding: 0 8px 0 0;}
/* Task-Detail-List css end here */
.input-block .input-label.link-popup {color: #0068D8 !important;float: right;cursor: pointer; top: 4px; position: relative;}
.input-block .label-right{top: 4px; position: relative; float: right;}
.task-detail-list .input-container {font-size: 16px;line-height: 30px; border: 1px solid #E0E0E0;background-color: #fff;border-radius: 6px;width: 100%;text-align: center;padding: 16px;}
.task-detail-list .input-container button {border: none;background-color: transparent;padding: 0 0 0px 0;}
/* .task-detail-list .common-table .icon svg{width: 22px;height: 22px;} */

.task-detail-list .sidepanel-table{height: calc(100vh - 309px);overflow-y: auto;}
/* .task-detail-list .common-table .table thead.sticky-from-top{top: 0;} */
.task-detail-list .common-table .tooltip-icon-ce {position: relative;}
.task-detail-list .common-table .tooltip-icon-ce .expiry-text-tooltip {position: absolute;padding: 10px;top: 30px;box-shadow: 0px 8px 16px #00000014;display: none;color: #101010;border: 1px solid #E0E0E0;z-index: 111;background-color: #fff;width: 223px;text-align: left;line-height: 18px;left: auto; right: 26px; border-radius: 4px;}
.task-detail-list .common-table .expiry-text-tooltip {top: 50%;right: 0;transform: translate(0, -50%);}
.task-detail-list .common-table .expiry-text-tooltip .last-updated-date span strong {color: #101010;font-weight: normal;}
.task-detail-list .common-table .expiry-text-tooltip:before {content: '';position: absolute;display: block;width: 0px;right: -1px;top: 22%;border: 7px solid transparent;border-right: 0;border-left: 7px solid #E0E0E0;transform: translate(calc(100%), -50%);}
.task-detail-list .common-table .expiry-text-tooltip:after {content: '';position: absolute;display: block;width: 0px;right: 0px;top: 22%;border: 7px solid transparent;border-right: 0;border-left: 7px solid #fff;z-index: 1;transform: translate(calc(100%), -50%);}
.task-detail-list .common-table .tooltip-icon-ce:hover .expiry-text-tooltip {display: block;}
.task-detail-list .common-table .tooltip-icon-ce:hover svg path {fill: #0068D8;}
.task-att.new-group-block .ce-btn {  border: none;  background: #F0F6FD;  border-radius: 100px;  margin-right: 8px;  padding: 5px 14px;}
.radio-block{border: 1px solid #e0e0e0; border-radius: 4px; padding: 4px 12px; display: inline-flex; gap: 8px;}
.custom-modal-footer{display: inline-flex; float: right; gap: 8px; padding-bottom: 24px;}
.radio-block .radio-inputs[type="radio"] {  display: none;}
.radio-block .radio-label {  cursor: pointer;  position: relative;  font-size: 14px;  font-weight: 500; border-radius: 100px;}
.radio-block .radio-label::after {  content: "";  position: absolute;  width: 15px; height: 15px; top: 5px; right: 10px;}
.radio-block .radio-label.priority{padding: 6px 23px;}
/* .radio-block .radio-inputs[type="radio"]:checked + .radio-label.type-1 {  background-color: #F0F6FD;  color: #0068D8;  border: 1px solid #0068D8;} */
.radio-block .radio-inputs[type="radio"]:checked + .radio-label.priority.type-1{background-color: #43A047; color: #ffffff;}
.radio-block .radio-inputs[type="radio"]:checked + .radio-label.priority.type-2{background-color: #EF6C00; color: #ffffff;}
.radio-block .radio-inputs[type="radio"]:checked + .radio-label.priority.type-3{background-color: #D80000; color: #ffffff;}
.radio-block .radio-inputs[type="radio"]:checked + .radio-label span {  position: relative;  padding-right: 16px; }
.radio-block .radio-inputs[type="radio"]:checked + .radio-label.priority::after {  background-image: url('/assets/images/selected-radio.svg');  background-repeat: no-repeat;  background-size: cover;}
.modal-dialog:has(.modal-content .common-modal.attachment-visible){  max-width: 1274px;  width: 1274px;  display: flex;  align-items: center;}
.two-column-dd .dropdown-list ul.item2 {display: flex; flex-wrap: wrap;}
.two-column-dd .dropdown-list ul.item2 li {flex-basis: 50%;}
.two-column-dd .multiselect-dropdown .dropdown-btn, .three-column-dd .multiselect-dropdown .dropdown-btn {  color: #9e9e9e;  padding: 2px 12px 2px 12px !important;  height: 35px;}
.two-column-dd .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret,
.two-column-dd .multiselect-dropdown .dropdown-btn .dropdown-multiselect--active .dropdown-multiselect__caret,
.three-column-dd .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret,
.three-column-dd .multiselect-dropdown .dropdown-btn .dropdown-multiselect--active .dropdown-multiselect__caret {top: 14px !important;}
.three-column-dd .dropdown-list ul.item2 li {flex-basis: 33%;}
.three-column-dd .dropdown-list ul.item2 {display: flex; flex-wrap: wrap;max-height: 178px !important;}
.task-two-column .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before {left: 5px;}
.task-two-column .multiselect-dropdown .dropdown-list {margin-top: 11px !important;}
.task-two-column .multiselect-close-btn {top: 62px;}
.edit-task .task-two-column .multiselect-dropdown .dropdown-list {margin-top: 0px !important;}
/* .multiselect-dropdown .dropdown-list .filter-textbox {  border-bottom: 1px solid #ccc;  position: relative;  padding: 8px 10px;}
.multiselect-dropdown .dropdown-list li { padding: 6px 10px !important;} */
.multiselect-dropdown .dropdown-list{padding-top: 0px !important; line-height: 16px;}
.other-type-task{display: flex; gap: 16px;}
.other-type-task div:first-child{width: 100%;}
.other-type-task div:nth-child(2){width: 90px;}
.other-type-task .form-control[readonly] {border: 1px solid #ced4da;}
/* ellipsis menu end */ 

/* Issue & feedback css start */ 
/* .header-content .help-dropdown {height: 40px; width: 40px; display: flex; align-items: center;} */
.header-content .help-dropdown .dropdown-menu{min-width: 180px;}
.header-content .help-dropdown .dropdown-item{padding: 12px 16px;}
.header-content .help-dropdown .help-url {padding: 8px;}
.header-content .help-dropdown .dropdown-menu .dropdown-item .coming-soon, .tag-coming-soon{margin-left: 8px; border-radius: 17px; padding: 5px 14px; background-color: #CEE0F6; color: #0068D8; font-weight: 500; line-height: 10.8px; font-size: 12px;}

/* .issue-feedback-container .common-tab .nav-tabs.fixed { top:0px}  */
.issue-feedback-container .list-body {height: calc(100vh - 263px); border-bottom: 1px solid #E0E0E0; padding: 32px;overflow-y: auto;}
.issue-feedback-container .reminder-header{padding: 14px 32px;}
.issue-feedback-container ul {padding-left: 16px !important;}
.issue-feedback-container .list-body .input-label {font-weight: 500; font-size: 12px; line-height: 14.4px;margin-bottom: 4px; color: #757575;}
.issue-feedback-container .list-footer .primary-btn{padding: 8px 32px;}
.issue-feedback-container .list-footer {display: flex; justify-content: end; padding: 14px 32px;}
.issue-feedback-container .thanks-page {display: flex; align-items: center; justify-content: center; padding: 40px; flex-direction: column; height: calc(100vh - 180px);}
.issue-feedback-container .thanks-page h1 {font-weight: 600; line-height: 28.8px; font-size: 24px; color: #101010; margin-top: 16px; text-align: center;}
.issue-feedback-container .thanks-page p { font-weight: 400; line-height: 24px; font-size: 16px; color: #424242; margin-top: 16px; text-align: center;}
.issue-feedback-container .ng-dropdown-panel.ng-select-bottom {width: 100%;}

/* Issue & feedback css end */ 

/* Branch archive modal css start here */
.branch-archive-modal .user-detail-block p{background-color: #eee;padding: 4px 8px;border-radius: 4px;margin: 0 8px 8px 0;display: inline-block;}
.branch-archive-modal .note {margin-top: 32px; padding: 8px; background-color: #FCEEE6; border-radius: 4px; color: #E55807; font-weight: 400; font-size: 14px; line-height: 21px; text-align: justify;}
.branch-archive-modal .user-name-block .name-note.warning {display: flex; align-items: center; color: #E55807; border-radius: 4px; padding: 8px 0; background: linear-gradient(90deg, rgba(245, 245, 245, 0) 0%, #FCEEE6 100%);}
/* Branch archive modal css end here */

/* new manual appointment css start here */
.contact-section.new-manual-appointment {position: relative; height: calc(100vh - 98px); overflow: auto; border-bottom-left-radius: calc(.3rem - 1px); border-bottom-right-radius: calc(.3rem - 1px);}
.contact-section.new-manual-appointment .dashboard-data{max-width: 900px; margin: 0 auto; padding: 16px 32px;}
.contact-section.new-manual-appointment .contact-admin-details .back-btn {position: absolute; left: 16px;}
.contact-section.new-manual-appointment .select-carrier-actions .btn{ display: flex; justify-content: center; background-color: #F0F6FD; border-radius: 12px; padding: 10px; width: 100%; color: #0068D8; line-height: 16px; font-size: 14px; font-weight: 500;}
.contact-section.new-manual-appointment .action-btn {width: 100%;}
.contact-section.new-manual-appointment .carrier-user-detail .input-block .btn{position: absolute; top: 28px;right: 32px; color: #0068D8;background-color: #F0F6FD; border-radius: 24px; border: 1px solid #0068d8; font-size: 12px; padding: 2px 24px; font-weight: 500;}
.contact-section.new-manual-appointment .carrier-user-detail .input-block .form-control[readonly] {border: 1px solid #E0E0E0;}
.department-form .common-modal .input-label,
.contact-section.new-manual-appointment .carrier-user-action .input-block label,
.contact-section.new-manual-appointment .carrier-user-detail .input-block label,
.contact-section.new-manual-appointment .carrier-user-action .select-options label{font-size: 12px;line-height: 14.4px;color: #757575;font-weight: 500;white-space: nowrap;}
.contact-section.new-manual-appointment .carrier-user-action {flex-direction: column; align-items: start; border-top-left-radius: 0px; border-top-right-radius: 0px;}
.contact-section.new-manual-appointment .carrier-user-action .block-title-sm{display: flex; align-items: center; justify-content: space-between; font-weight: 600; width: 100%; font-size: 12px; line-height: 120%; margin: 0; padding: 8px 16px; border-bottom: 1px solid #e0e0e0; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.contact-section.new-manual-appointment .carrier-user-action .select-options .select-block {border: none; padding: 0;}
.contact-section.new-manual-appointment .carrier-user-action .select-options .ng-dropdown-panel.ng-select-bottom {width: 100%; margin-top: 0 !important;max-width: unset;}
/* .contact-section.new-manual-appointment .carrier-user-action .input-block .new-manual-appointment-modal-date {display: flex; position: absolute; right: 18px; }
.contact-section.new-manual-appointment .carrier-user-action .input-block .new-manual-appointment-modal-date.expiration-date {right: 17px;}
.contact-section.new-manual-appointment .carrier-user-action .input-block .new-manual-appointment-modal-date .close-icon.date-close {right: 22px; top: 3px}
.contact-section.new-manual-appointment .carrier-user-action .btn.calendar {border: none; height: 32px; width: 32px; top: 1px; z-index: 1;}
.contact-section.new-manual-appointment .carrier-user-action .btn.calendar:hover {background-color: #f7f7f7;} */
.contact-section.new-manual-appointment .carrier-user-action .custom-control .custom-control-label::after,
.contact-section.new-manual-appointment .carrier-user-action .custom-control .custom-control-label::before{top: 0.10rem !important;}
.contact-section.new-manual-appointment .carrier-user-action .custom-control .custom-control-label {white-space: nowrap;}
.contact-section.new-manual-appointment .carrier-user-action .custom-control .select-options .ng-dropdown-panel.ng-select-bottom {width: 100%; max-width: 100%;}
.contact-section.new-manual-appointment .carrier-user-action .custom-control .select-block {height: 35px;}
.contact-section.new-manual-appointment .carrier-user-action .custom-control .select-block .ng-select{ z-index: 2;}
.contact-section.new-manual-appointment .carrier-user-action .custom-control .select-block .input-block {z-index: 1;position: relative;bottom: 35px;}
.contact-section.new-manual-appointment .carrier-user-action .custom-control .delete-date {position: relative; top: -6px;}
.contact-section.new-manual-appointment .carrier-user-action .auto-delete-note {color: #0068D8; margin-top: 12px; display: block;}
.contact-section.new-manual-appointment .carrier-user-action .calendar-icon{position: relative; left: -3px; top: -2px}
.contact-section.new-manual-appointment .successfull-appointment .eligibility-checking-status {width: 570px; padding: 0 20px;}
.contact-section.new-manual-appointment .successfull-appointment .eligibility-checking-status .eligibility-checking h2{line-height: 28.8px;}
.contact-section.new-manual-appointment .successfull-appointment .eligibility-checking-status .eligibility-checking .check-eligibility-for{line-height: 24px;}
.contact-section.new-manual-appointment .successfull-appointment {display: flex; align-items: center; justify-content: center; height:  calc(100vh - 130px);}
.select-carrier-modal .list-body .search-block .search-input {height: 32px;}
.select-carrier-modal .list-body .search-block .close-icon {top: 2px}
.select-carrier-modal .list-body .common-table {border: 1px solid #e0e0e0; border-radius: 8px; height: auto;}
.select-carrier-modal .list-body .common-table.upload-data .table tr th:last-child {text-align: left;}
.select-carrier-modal .list-body .common-table tbody tr:last-child {border-bottom: none;}
.select-carrier-modal .list-body .common-table tr td .custom-control.custom-radio .custom-control-label::before,
.select-carrier-modal .list-body .common-table tr td .custom-control.custom-radio .custom-control-label::after {top:1px}

.isModal-view.contact-section.new-manual-appointment {max-height: 650px;}
/* new manual appointment css end here */

/* PDF Forms css start here */
.form-view{background-color: #f7f7f7; position: relative; padding: 12px 24px; position: relative; top: 0px; max-height: calc(100vh - 194px);overflow: auto;}
/* .form-view .row{margin-bottom: 0px;} */
.form-view .bg-container{height: 100%; background-color: #ffffff; border-radius: 8px; min-height: calc(100vh - 220px);}
.form-view .bg-container.border{border: 1px solid #e0e0e0; position: sticky;top: 0px;height: calc(100vh - 218px); z-index: 3;}
/* .form-view .bg-container .available-forms-section{max-height: calc(100vh - 400px); overflow-y: auto;} */
.form-view .bg-container .title{ font-size: 18px; line-height: 21px; font-weight: 600; color: #000000; padding: 13px 16px; border-bottom: 1px solid #e0e0e0;}
.form-view .bg-container .sub-title{font-size: 14px; line-height: 17px; font-weight: 500; color: #101010; padding: 8px 16px; border-bottom: 1px solid #e0e0e0;}
.form-view .bg-container .list-menu{padding: 8px 0px;height: calc(50vh - 114px); overflow-y: auto;}
.form-view .bg-container .list-menu:has(ul li span div .ellipsis-menu .dropdown-content.show){overflow: visible;}
.form-view .bg-container .uploaded-document-section .tooltip-icon .text-tooltip{left: -108px;top: 26px;max-width: 275px;font-size: 12px;}
.form-view .bg-container .uploaded-document-section .tooltip-icon .text-tooltip:after{top: -13px;right: 142px;transform: rotate(90deg);}
.form-view .bg-container .uploaded-document-section .tooltip-icon .text-tooltip:before{top: -13px;right: 141px;transform: rotate(90deg);}
.form-view .bg-container .list-document{height: calc(50vh - 218px);overflow: auto;}
.form-view .bg-container .map-field-box{height: calc(100vh - 266px);overflow: auto;}
.form-view .bg-container .list-menu ul{background-color: #fff; position: relative;}
.form-view .bg-container .list-menu ul li, .form-view .bg-container .list-menu ul li a{ font-size: 14px; line-height: 17px; font-weight: 500; color: #424242; padding: 0 16px; border-radius: 6px;}
.form-view .bg-container .list-menu ul li a{padding: 11px 8px; border-radius: 4px; display: block;max-width: 110px;}
.form-view .bg-container .list-menu ul li.active {background-color: #F0F6FD;}
.form-view .bg-container .list-menu ul li.active > span a{color: #0068D8;}
.form-view .bg-container .list-menu ul li.active > span svg{position: relative;}
.form-view .bg-container .list-menu ul li.active > span svg path{fill: #0068D8;}
.form-view .bg-container .list-menu ul li ul li.active a{background-color: #ffffff; color: #0068D8;}
.form-view .bg-container .list-menu .sub-menu .dropdown-content{width: max-content;}
.form-view .bg-container .list-menu .sub-menu .set-actions{padding: 6px 12px;}
/* PDF Forms css end here */

/* New License CSS Start here */
.gap-3{gap: 24px;}
.gap-2{gap: 12px}
.gap-1{gap: 8px}
.break-line{white-space: pre-line; color: #757575;}
.new-license-block .personal-info .radio-button-container.disabled .checkmark:after{background: #9e9e9e;display: block;}
.new-license-block .personal-info .radio-button-container.disabled .checkmark{border: 2px solid #9e9e9e;}
.new-license-block .input-block-bg{background-color: #fff; border-radius: 6px; padding: 10px 14px 14px; margin-bottom: 8px;}
.new-license-block .input-block-bg .input-label { font-size: 12px;line-height: 14px; color: #757575; font-weight: 500; margin-bottom: 4px;}
.new-license-block .ng-dropdown-panel.ng-select-bottom { width: 100%; max-width: 100%;}
.new-license-loa .admin-name-actions{border: 1px solid #e0e0e0; border-radius: 0; margin-bottom: 0px;}
.new-license-loa .state-loa-list {min-height: calc(100vh - 170px);}
.new-license-loa .state-loa-list .category-list{background-color: #f7f7f7;}
.new-license-loa .state-loa-list .category-list.border-right{border-right: 1px solid #e0e0e0;}
.new-license-loa .state-loa-list .category-list .category{border-bottom: 1px solid #e0e0e0; background-color: #ffffff; padding: 5px 12px; font-size: 14px;}
.new-license-loa .state-loa-list .category-list .category.active{background-color: #F0F6FD; color: #0068D8;}
.new-license-loa .state-loa-list .category-list .category.title{ color: #757575; background-color: #f7f7f7;}
.new-license-loa .state-loa-list .category-list .license-class-list .license-class{padding-left: 36px;}
.new-license-loa .state-loa-list .category-list .license-class-list .license-class-loa{padding-left: 64px;}
.new-license-loa .state-loa-list .category-list .license-class-list .license-class .custom-control-input {left:12px;}
.new-license-loa .state-loa-list .category-list .license-class-list .license-class-loa .custom-control-input {left:40px; position: absolute; top: 6px;}
.new-license-loa .state-loa-list .category-list .license-class-list .custom-control-input.disabled:checked ~ .custom-control-label::before { filter: grayscale(1); opacity: 0.6;}
.new-license-loa .state-loa-list .category-list .license-class-list .custom-control-input.disabled:checked ~ .custom-control-label { color: #757575;}
.new-license-loa .state-loa-list .category-list .license-class-list .license-class-loa .tag-blue-line, .form-view .bg-container .list-menu .tag-blue-line{border: 1px solid #0068D8;border-radius: 20px;color: #0068D8;padding: 3px 14px;margin-left: 8px;line-height: 13px;font-size: 12px;font-weight: 500;display: inline-flex;justify-content: center;align-items: center;}
.new-license-loa .state-loa-list .category-list .license-class-list .license-class-loa .tag-blue-line.green{border: 1px solid #4CAF50; color: #4CAF50;}
.action-btn.btn-bottom{position: absolute; right: 20px; bottom: 6px;}
/* .new-license-biographic-date { display: flex; position: absolute; right: 16px;top: 31px;}
.new-license-biographic-date .close-icon.date-close {right: 18px; top: 4px}
.new-license-biographic-date .input-group-append .btn {border: none;width: 2rem;}
.new-license-biographic-date .input-group-append .btn:hover{background-color: #f7f7f7;}
.biographic-container .biographic-data-section .new-license-biographic-date .btn.calendar::before{top: 0;right: 0;} */

.biographic-container .title-heading .block-title .license-title-des{ font-size: 14px; line-height: 20px; font-weight: 400; margin: 8px 0;}
.history-block{border: 1px solid #e0e0e0; border-radius: 10px; margin: 24px 0px 0;}
.history-block .history-title{border-bottom: 1px solid #e0e0e0; background-color: #f7f7f7; font-size: 20px; font-weight: 600; line-height: 26px; color: #101010; padding: 10px 24px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.history-block .history-form{padding: 24px;}
.history-block .history-form .input-block{ margin-bottom: 8px;}
.history-block .history-form .input-block .input-label { font-size: 12px;line-height: 14px; color: #757575; font-weight: 500; margin-bottom: 4px;}
.employment-history a.btn-boder-primary{ background: #F0F6FD; border: 1px solid #0068d8; color: #0068d8; display: block; border-radius: 20px; padding: 6px 24px; text-align: center; font-size: 16px; line-height: 18px; cursor: pointer;}
.employment-history a.btn-boder-danger{ background: transparent; border: 1px solid #D80000; color:#D80000; display: block; border-radius: 20px; padding: 6px 24px; text-align: center; font-size: 16px; line-height: 18px; cursor: pointer;}
.employment-history a.btn-boder-primary svg{ vertical-align: sub;}
.history-block .history-form .ng-dropdown-panel.ng-select-bottom { width: 100%;}
.biographic-container .biographic-data-section .btn.calendar::before { display: block; z-index: 1; position: relative; height: 33px; background-image: none; }
/*.history-block .input-date .model-date-picker .close-icon.date-close {  left: -16px;  top: 3px;} */
.disabled-block{pointer-events: none; background-color: #f7f7f7; opacity: 0.6;}

.biographic-container .biographic-data-section .form-detail .entity-type .ng-dropdown-panel.ng-select-bottom{width: 100%;}
.employment-history .ng-dropdown-panel, .employment-history .ng-select.ng-select-opened .ng-select-container {z-index: 2;}
.employment-history .ng-dropdown-panel .ng-dropdown-panel-items{max-height: 175px;}

/*  */
/* Manage-job-department start here */
/* .manage-job-department .tab{padding-top: 0px;} */
/* .manage-job-department .nav-tabs.fixed{top: 0px;} */
.manage-job-department .manage-task-container{top: 0;}
.manage-job-department .department-group{height: calc(100vh - 325px);overflow-y: auto;}
/* Manage-job-department end here */


/* license-report-model css start here */
.modal-dialog:has(.common-modal.license-report-model){min-height: 100vh;}
.common-modal.license-report-model{height: calc(100vh - 40px);overflow: auto;}
.common-modal.license-report-model .modal-header{padding: 16px 32px;}
.common-modal.license-report-model .modal-body{padding: 0 32px 24px;}

.common-modal.license-report-model .modal-body .block-title {padding: 24px 0 20px;font-size: 20px;line-height: 24px;color: #101010;font-weight: 600;}
.common-modal.license-report-model .modal-body .review-detail .main-data {display: flex;padding-bottom: 14px;}
.common-modal.license-report-model .modal-body .review-detail .main-data:last-child{padding-bottom: 24px;border-bottom: 1px solid #e0e0e0;}

.common-modal.license-report-model .modal-body .review-detail .main-data .data-detail {display: flex;align-items: center;margin-right: 48px;}
.common-modal.license-report-model .modal-body .review-detail .main-data .data-detail label {font-size: 16px;line-height: 20px;color: #101010;font-weight: 400;padding-right: 0px;}
.common-modal.license-report-model .modal-body .review-detail .main-data .data-detail .title{padding: 6px 8px; margin: 0 0 0 8px; color: #0068D8;font-size: 16px;line-height: 20px;font-weight: 500;background-color: #F0F6FD;border-radius: 4px;}
.common-modal.license-report-model .modal-body .common-table{border-radius: 8px;padding: 0;overflow: unset;border: 1px solid #e0e0e0;}
.common-modal.license-report-model .modal-body .common-table .table tbody tr:last-child{border: none;}
.common-modal.license-report-model .modal-body .common-table table th:first-child{border-top-left-radius: 8px;}
.common-modal.license-report-model .modal-body .common-table table th:last-child{border-top-right-radius: 8px;}
.common-modal.license-report-model .modal-body .common-table table td:first-child{border-bottom-left-radius: 8px;}
.common-modal.license-report-model .modal-body .common-table table td:last-child{border-bottom-right-radius: 8px;}
.common-modal.license-report-model .modal-body .common-table .table:last-child{border-bottom: none;}



.common-modal.license-report-model .modal-footer > * {  margin: 0;}
.common-modal.license-report-model .modal-footer{border-top: 1px solid #dee2e6;padding: 16px 32px;}
.common-modal.license-report-model .modal-footer p{font-size: 12px;line-height: 15px;} 

.license-report-model .tooltip-icon.bottom-left .text-tooltip.info-list{top: 25px;}
.license-report-model .tooltip-icon .text-tooltip:before, .license-report-model .tooltip-icon .text-tooltip:after{transform: rotate(180deg);top: -12px;right: 12%;}

/* license-report-model css end here */
/* Email notification css start */
.email-notification .email-detail-block .title{font-size: 14px; font-weight: 700; line-height: 18px; color: #101010; margin-bottom: 4px;}
.email-notification .email-detail-block p{font-size: 14px; font-weight: 400; line-height: 21px; color: #424242; margin-bottom: 16px;}

.common-table.border-table table, .common-table.border-table td, .common-table.border-table th { border: 1px solid #e0e0e0;}
.common-table.border-table table { width: 100%; border-collapse: collapse;}
/* Email notification css end */
/* Manage Permissions modal css start here */
.common-table.contact-table.permissions-table {overflow: auto; height: calc(100vh - 296px);max-height: calc(100vh - 296px);}
.common-modal.permissions-settings .modal-body .group-form{overflow: auto;max-height: calc(100vh - 190px); min-height: 180px;}
.permissions-settings .card-info .tab-card-item{padding-top: 12px;}
.permissions-settings .card-info .detail-data{align-items: center;padding-bottom: 12px;}
.modal .permissions-settings .ng-select .ng-arrow-wrapper .ng-arrow{background-image: url(/assets/images/ic-arrow-down.svg);}
.permissions-settings .select-block.bg-dropdown{z-index: unset;}
/* Manage Permissions modal css end here */
.manage-permission-activity.sidepanel-container .block-title{padding: 8px 24px;}
.manage-permission-activity.sidepanel-container .request-activity-container .activity-log{padding: 8px 24px;}
.manage-permission-activity .activity-block{height: calc(100vh - 128px);overflow: auto;}
.manage-permission-activity.sidepanel-container .request-activity-container .activity-log .account-img img{width: 24px;height: 24px;}
.permissions-settings .card-info .tab-card-item:first-child .select-block.bg-dropdown .ng-select .ng-dropdown-panel.ng-select-bottom {
  bottom: unset;
  top: 100%;
}
.permissions-settings .tab-card-item:last-child .select-block.bg-dropdown .ng-select .ng-dropdown-panel.ng-select-bottom {
  bottom: 100%;
  top: unset;
}
.form-view .bg-container .list-menu ul li .icons{position: relative;}
.form-view .bg-container .list-menu ul li .icons .overlay{position: absolute;left: -16px;}
.form-view .bg-container .list-menu ul li .icons svg{width: 28px;height: 28px;}
.form-view .bg-container .list-menu ul li .icons svg:hover{fill: none;}
.form-view .bg-container .list-menu ul li.active .icons svg #path1{fill: transparent;}
.form-view .bg-container .list-menu ul li.active .icons svg #path2{stroke: #c2dbf6;fill: #f0f6fd;}
.form-view .bg-container .list-menu ul li.active .icons svg #path3{fill: #0068d8;}
.form-view .bg-container .uploaded-document-section .sub-title{border-top: 1px solid #e0e0e0;}
.form-view .bg-container .uploaded-document-section .btn{background-color: #f7f7f7;padding: 2px 12px;font-size: 12px;line-height: 14px;color: #212121;font-weight: 500;height: 24px;border-radius: 16px;}
.form-view .bg-container .uploaded-document-section img{width: 20px;height: 20px;vertical-align: text-bottom;}
.form-view .bg-container .uploaded-document-section a{color: unset;}

.sub-menu .dropdown-content{left: 143px; width: 210px; z-index: 3;}

.form-view .bg-container .map-fields button{font-size: 14px;line-height: 18px;font-weight: 500;color: #212121;}
.form-view .bg-container .map-fields > button{border-bottom: 1px solid #e0e0e0;}
.form-view .bg-container .map-fields > button.collapsed .icon{transform: rotate(0deg);}
.form-view .bg-container .map-fields > button .icon{transform: rotate(180deg);}
.form-view .bg-container .map-fields .fields{background-color: #f7f7f7;margin-bottom: 2px;}
.form-view .bg-container .map-fields .fields button.collapsed .icon svg{transform: rotate(0deg);}
.form-view .bg-container .map-fields .fields button.collapsed .icon svg path{fill: #1C1B1F;}
.form-view .bg-container .map-fields .fields button .icon svg{transform: rotate(180deg);}
.form-view .bg-container .map-fields .fields button .icon svg path{fill: #0068d8;}

.form-view .bg-container .map-fields .fields .select-field{background:#fff;padding:5px 12px;height: 34px;margin-bottom: 2px;font-weight: 500;}
.form-view .bg-container .map-fields .fields .select-field button{font-size: 14px;line-height: 18px;color: #9e9e9e;}
.form-view .bg-container .map-fields .fields .select-field .ng-select{border: none;padding: 5px 12px;height: auto;}
.form-view .bg-container .map-fields .fields .select-field .ng-dropdown-panel{width: 100%;top: 35px;}
.form-view .bg-container .map-fields .fields > div{position: relative;z-index: 1;margin-right: 24px;margin-top: 4px;}
.form-view .bg-container .map-fields .fields > div::after{content: "";border: 2px solid #0068d8;height: 36px;width: 26px;top: 17px;position: absolute;display: inline-block;right: -10px;border-radius: 2px;z-index: -1;border-left: none;}
.form-view .bg-container .map-fields .fields > div::before{content: "";background-image: url(../images/link.svg);width: 16px;height: 16px;background-size: contain;position: absolute;top: 27px;right: -18px;}

.form-view .bg-container .list-menu ul li > span svg:hover{fill: #e0e0e0;}
.form-view .bg-container .toggle-menu { display: none; position: absolute; border: 1px solid gray; white-space: nowrap; right: 0px; padding: 8px 0px; border-radius: 4px;}

.common-modal.edit-pdf-form .modal-body{overflow: auto;max-height: calc(100vh - 200px);}

:host ::ng-deep .no-default-style { all: unset; display: block; padding: 0; margin: 0;} 
.input-dynamic {  -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  height: 20px !important;  width: 100% !important;  margin-top: 5px;}
.edit-pdf-form .bg-container{max-width: 612px; margin: 0 auto;}

/* .signature-container{display: flex; align-items: end; gap: 8px} */
.signature-canvas{border-bottom: 2px dashed #0068D8; min-height: 32px;}
.signature-canvas + button{background: #ffffff; color: #424242; border: 1px solid #424242; font-size: 14px; line-height: 14px; display: flex; align-items: center; border-radius: 50px; min-height: 32px; padding: 5px 10px; text-align: center;}
.signature-canvas + button:hover, .signature-canvas + button:focus, .signature-canvas + button:active{ background: #e0e0e0; border: 1px solid #E0e0e0}
#signaturePadPopup .modal-header, #signaturePadPopup.common-modal .button-block { border: 0;}
.info-text{color: #757575;}
.font-primary{color: #0068D8;}
.text-btn-underline:hover{color: #0068D8; text-decoration: underline;}
.info-tooltip-string{ display: flex; vertical-align: middle; gap: 8px; background-color: #F0F6FD; padding: 8px; border-radius: 6px; color: #0068D8;}
input.signature-input{border-bottom: 2px dashed #0068D8; outline: none; border-top: none; border-left: none; border-right: none; width: 100%; height: 124px; font-size: 48px; line-height: 120%; padding: 20px 0 0;}
.adobe-handwriting-ernie{font-family: "adobe-handwriting-ernie"; font-weight: 700;}
.Filmotype-LaCrosse{font-family: "Filmotype LaCrosse"; font-weight: 400;}
.Adobe-Handwriting{font-family: "Adobe Handwriting"; font-weight: 400;}

.bg-dropdown.bg-dropdown-none .form-control{border: none; background: none;}
.bg-dropdown.bg-dropdown-none .form-control.ng-select .ng-select-container {color: #0068D8;}
.bg-dropdown.bg-dropdown-none .form-control.ng-select .ng-dropdown-panel{width: auto;}

.upload-image-container .input-container{text-align: center; border-bottom: 2px dashed #0068D8; padding: 32px;}
.upload-signature{font-size: 24px; text-decoration: underline; color: #0068D8; font-weight: 600; line-height: 120%; outline: none; border: none; background: none; }

.rotate-image-container{width: 200px; height: 200px; margin: 0px auto; background-size: cover; vertical-align: middle; display: flex; align-items: center;justify-content: center;}
.rotate-image-90{transition: all 0.3s; transform: rotate(90deg);}
.rotate-image-180{transition: all 0.3s; transform: rotate(180deg);}
.rotate-image-270{transition: all 0.3s; transform: rotate(270deg);}
.rotate-image-360{transition: all 0.3s; transform: rotate(360deg);}
.rotate-image-container img{max-width: 200px; max-height: 200px;}
/* PDF Forms css end here */
select.group-dropdown {width: 100%; border: none; padding: 5px 12px 5px 8px; outline: none;appearance: none;background-color: #fff;}
select.group-dropdown optgroup[label]{font-weight: 600 !important; color: #212121;}
/* select.group-dropdown optgroup .group-options{display: none;}
select.group-dropdown optgroup .group-options.d-block{display: block;} */

/* Downlining features Css start here */
.downlining-contents{position: relative;padding: 24px;top: 55px;}
.downlining-block{border: 1px solid #e0e0e0;border-radius: 12px;max-width: fit-content;}
.downlining-block .title-block, .downlining-block .data-level{padding-bottom: 20px;}
.downlining-block .title-block h2{font-size: 20px;line-height: 24px;font-weight: 600;color: #212121;}
.downlining-block .title-block p{padding: 5px 14px;border: 1px solid #0068d8;border-radius: 16px;color: #0068d8;font-size: 12px;line-height: 12px;font-weight: 500;margin: 0 0 0 6px;}
.downlining-block .desc{font-size: 12px;line-height: 15px;margin-bottom: 8px;}
.downlining-block .data-level p{padding: 6px 9px;border-radius: 4px;color: #424242;background-color: #f7f7f7; font-size: 14px;line-height: 18px;margin: 0 8px 0 0;}
.downlining-block .data-level p.link{background-color: transparent;color: #0068d8;}


.downlining-status{ position: relative; border-radius: 16px;padding: 5px 14px; display: inline-block; text-align: center; font-size: 12px; line-height: 12px;}
.downlining-status-2{ background-color: #C2DBF6;color: #0068D8;}
.downlining-status-3{background-color: #00A0F4; color: #ffffff; }
.downlining-status-4{background-color: #E0E0E0; color: #101010;}
.downlining-status-5{background-color: #E0E0E0; color: #101010;}
.downlining-status-6{background-color: #E0E0E0; color: #101010;}
.downlining-status-8{background-color: #E0E0E0; color: #101010;}

.add-master {
  height: calc(100vh - 96px);
  overflow: auto;
  background-color: #f7f7f7;
}
.add-master-container{max-width: 900px;margin: 0 auto;padding: 16px;}
.add-master-block{background-color: #fff;padding: 14px;border-radius: 12px;}
.add-master-block p{font-size: 16px;line-height: 20px;color: #101010;}
.add-master-details .input-label{  margin-bottom: 4px; font-size: 12px; line-height: 14px; color: #757575; font-weight: 500; white-space: nowrap;}
/* .add-master-details .select-block {padding: 7px 0;border: 1px solid #e0e0e0;border-radius: 6px;font-size: 14px;line-height: 22px;} */
.add-master-details .select-block .ng-dropdown-panel.ng-select-bottom{width: 100% !important;max-width: 900px;}
.add-master-details .select-block .ng-select .ng-arrow-wrapper .ng-arrow {background-image: url(/assets/images/ic-drop-down.svg);}
/* .add-master-details .select-block .circle-icon{border-radius: 100%;} */
.add-master-details .abstract-level{padding: 16px;border: 1px solid #e0e0e0;border-radius: 8px;height: 100%;}
/* .add-master-details .abstract-level .level-content p{font-size: 12px;line-height: 15px;color: #9e9e9e;}
.add-master-details .abstract-level .level-content ul{list-style-type: decimal;color: #9e9e9e;font-weight: 500;margin-left: 16px;} */

.add-master-details .abstract-level .level-content h4{font-size: 18px;line-height: 22px;color: #0068d8;font-weight: 700;}
.add-master-details .abstract-level .level-content p{font-size: 12px;line-height: 15px;color: #212121;}
.add-master-details .abstract-level .level-content ul{color: #212121;}
.add-master-details .abstract-level .level-content ul li{padding-bottom: 10px;display: flex;align-items: center;}
.add-master-details .abstract-level .level-content ul li:last-child{padding-bottom: 0px;}
.add-master-details .abstract-level .level-content ul li span{margin-right: 6px;}
.add-master-details .abstract-level .level-content ul li .entity-details p{background-color: #eee;color: #212121;font-size: 12px;line-height: 15px;padding: 3px 6px;border-radius: 4px;margin: 0 0px 0px 6px;display: inline-block;}



.add-master-details .select-block .radio-button-container {  color: #101010;  display: block;  position: relative;  padding-left: 24px;  line-height: 18px;  cursor: pointer;  font-size: 14px;  -webkit-user-select: none;  user-select: none;}
.add-master-details .select-block .radio-button-container input{  position: absolute;  opacity: 0;  cursor: pointer;  vertical-align: middle;}
.add-master-details .select-block .radio-button-container .checkmark {  position: absolute;  top: 1px;  left: 0;  height: 16.5px;  width: 16.5px;  background-color: #fff;  border-radius: 50%;  border: 2px solid rgba(0,104,216,1);  transition: all 0.3s;}
.add-master-details .select-block .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background-color: #f0f6fd !important;}
.add-master-details .select-block .ng-option.ng-option-selected .radio-button-container{color: #0068d8;}
.add-master-details .select-block .ng-option.ng-option-selected .radio-button-container input ~ .checkmark{  background-color: #fff;  border-color: #0068d8;}
.add-master-details .select-block .ng-option.ng-option-selected  .radio-button-container .checkmark:after{  content: "";  position: absolute;  display: none;}
.add-master-details .select-block .ng-option.ng-option-selected  .radio-button-container input ~ .checkmark:after{  display: block;}
.add-master-details .select-block .ng-option.ng-option-selected  .radio-button-container .checkmark:after {  top: 3px;  left: 3px;  width: 7px;  height: 7px;  border-radius: 50%;  background: #0068d8;}

.add-master-details .select-block .ng-select-container .radio-button-container .checkmark{display: none;}
.add-master-details .select-block .ng-select-container .radio-button-container{padding-left: 0;}


/* .abstract-level .radio-button-container, .abstract-level .checkbox-button-container {  color: #757575;  display: block;  position: relative;  margin: 0 12px 0 0;  padding-left: 26px;  line-height: 20px;  cursor: pointer;  font-size: 16px;  -webkit-user-select: none;  user-select: none;}
.abstract-level .radio-button-container input, .abstract-level .checkbox-button-container input {  position: absolute;  opacity: 0;  cursor: pointer;  vertical-align: middle;}
.abstract-level .radio-button-container .checkmark {  position: absolute;  top: 0;  left: 0;  height: 20px;  width: 20px;  background-color: #fff;  border-radius: 50%;  border: 2px solid rgba(117,117,117,1);  transition: all 0.3s;}
.abstract-level .radio-button-container input:checked ~ .checkmark, .abstract-level .checkbox-button-container input:checked ~ .checkmark {  background-color: #fff;  border-color: #757575;}
.abstract-level .radio-button-container .checkmark:after, .abstract-level .checkbox-button-container .checkmark:after {  content: "";  position: absolute;  display: none;}
.abstract-level .radio-button-container input:checked ~ .checkmark:after, .abstract-level .checkbox-button-container input:checked ~ .checkmark:after {  display: block;}
.abstract-level .radio-button-container .checkmark:after {  top: 4px;  left: 4px;  width: 9px;  height: 9px;  border-radius: 50%;  background: #757575;} */

.legal-document{background-color: #f7f7f7;padding: 14px;border-radius: 12px;}
.legal-document .individual-tandc {max-height: calc(100vh - 50px); overflow: auto;}
.legal-document .individual-tandc .pdf-content{max-height:auto;}
.legal-document .pdf-content{padding: 24px; min-height: 300px;max-height: calc(100vh - 165px); overflow: auto; border: 1px solid #e0e0e0; border-radius: 4px;}
.legal-document .custom-checkbox .custom-control-label::before, .legal-document .custom-checkbox .custom-control-label::after{border-color: #0068d8;}

.tooltip-icon.decline-tooltip{top: 0;}
.tooltip-icon.decline-tooltip .text-tooltip.info-list.top{right: 5%;top: unset;transform: translate(-95%, 100%);bottom: -5px;max-width: 400px;}
.tooltip-icon.decline-tooltip .info-list.top.text-tooltip:before, .tooltip-icon.decline-tooltip .info-list.top.text-tooltip:after{top: -14px;right: 30px;left: unset;transform: rotate(180deg);}

.contact-appointment .contact-admin-details{position: sticky;top: 0px;z-index: 1;}
/* .contact-appointment .common-table .table.contact-list-table thead.sticky-from-top{top: 0px;} */
.contact-list-data.contact-appointment .common-table{overflow: auto;max-height: calc(100vh - 223px);}
.ra-dashboard{overflow: auto; height: 254px; padding: 0; border: 1px solid #f7f7f7;}


/*.legal-document .pdf-content h2{ font-size: 28px; line-height: 150%; padding-bottom: 16px; font-weight: 600; color: #101010;}
.legal-document .pdf-content h3 { font-size: 24px; line-height: 150%; padding-bottom: 16px; font-weight: 600; color: #101010;}
.legal-document .pdf-content h3 .list-item{ color: #00448C;}*/

.legal-document .pdf-content .blank-space{padding-bottom: 16px;}
.legal-document .pdf-content .pdf-page{padding: 24px 16px;border: 1px solid #e0e0e0;border-radius: 8px;background-color: #fff;}
.legal-document .pdf-content .pdf-code{font-size: 10px;line-height: 14px;text-align: center;}
.legal-document .pdf-content h1{font-size: 18px;line-height:22px; font-weight: 700;color: #101010;text-align: center;padding-bottom: 16px;font-family: 'Times New Roman', Times, serif;}
.legal-document .pdf-content h2{font-size: 14px;line-height: 16px;font-weight: 700;color: #101010;margin-bottom: 8px;font-family: 'Times New Roman', Times, serif;}
.legal-document .pdf-content p{font-size: 12px;line-height: 16px;font-weight: 400;color: #424242;font-family: 'Times New Roman', Times, serif;margin-bottom: 12px;}
.legal-document .pdf-content p span{text-decoration: underline;}
.legal-document .pdf-content .pdf-list-block{margin-left: 12px;}
.legal-document .pdf-content .pdf-sublist-block{margin-left: 16px; margin-bottom: 8px;}
.legal-document .pdf-content .pdf-page .clause-section{margin-bottom: 16px;}
.legal-document .pdf-content .pdf-page .sign-container{gap: 42px; min-width: 120px;}
.legal-document .pdf-content .pdf-page .sign-container p{line-height: 36px; font-size: 16px; border-bottom: 1px solid #424242; padding-right: 12px;}
.legal-document .pdf-content .pdf-page .sign-container p span{text-decoration: none;}
.legal-document .pdf-content .pdf-page .sign-container p span.opacity{opacity: 0;}
/* Downlining features Css end here */

/* biographic-page css start here */
.input-address-details .address-block{border: 1px solid #e0e0e0;border-radius: 8px;}
.input-address-details .address-block h3{background-color: #f7f7f7;padding: 8px 16px;width: 100%;border-top-left-radius: 8px;border-top-right-radius: 8px;}
.input-address-details .address-block .personal-info .radio-button-container{font-size: 12px;line-height: 16px;padding-left: 20px;margin: 0 10px 0 0;}
.input-address-details .address-block .personal-info .radio-button-container .checkmark{width: 16px;height: 16px;}
.input-address-details .address-block .personal-info .radio-button-container .checkmark:after{width: 8px;height: 8px;top: 2.5px;left: 2.5px;}
.input-address-details .ng-dropdown-panel.ng-select-bottom{width: 100%;}
.input-address-details .ng-select .ng-arrow-wrapper .ng-arrow {background-image: url(/assets/images/ic-drop-down.svg);}
/* biographic-page css end here */

/* Agenzee AI CSS start */
.agenzee-ai .ai-icon{background-image: url(/assets/images/ic-ai.svg); background-repeat: no-repeat; color: #757575; background-position: top 6px left 14px; padding: 6px 14px 6px 38px; font-size: 12px;line-height: 18px; margin-right: 12px; width: 300px;background-color: #fff;
position: relative;border-radius: 50px;border: 1px solid transparent;}
.button-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 3px);
  height: calc(100% + 3px);
  /* background: linear-gradient(90deg, #FF8038 0%, #FF0099 30.43%, #00EBEB 68.23%, #DB00FF 100%); */
  background: linear-gradient(54.8deg, #FF8038 0%, #FF0099 33%, rgba(219, 0, 255, 0.8) 66%, rgba(0, 235, 235, 0.8) 100%);
  background-size: 600% 600%;
  border-radius: 50px;
  animation: AnimateBorder 4s ease infinite;
  z-index: -1;
  transform: translate(-1.5px, -1.5px);
  transition: filter 1s ease-in;
}
@keyframes AnimateBorder {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
.agenzee-ai .ai-icon.disabled{background-color: #eeeeee; cursor: not-allowed; pointer-events: none;opacity: 1;}
.agenzee-ai .ai-text{background: linear-gradient(54.8deg, #FF8038 0%, #FF0099 33%, #DB00FF 66%, #00EBEB 100%);animation: shine 4s linear infinite;-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-size: 200% auto;}
@keyframes shine {
  to {
    background-position: 200% center;
  }
}
/* Agenzee AI CSS end */

/* Onboarding CSS start */
.onboarding-section .mycarrier.custom-control-label::before{top: 3px;}

.add-user-block{min-height: calc(100vh - 144px); max-width: 900px;width: 900px; margin: 0 auto;}
.add-user-block .modal-title{line-height: 24px; font-size: 16px; font-weight: 600;}
.upload-document-list .document-btn{background-color: #eee;color: #212121;border: none;outline: none;border-radius: 16px;padding: 3px 12px;}
/* .add-user-block .upload-document-list{border-top: 1px solid #e0e0e0;} */
.upload-document-list .document-list{border-bottom: 1px solid #e0e0e0;padding: 8px 4px;}
.upload-document-list .document-list label{font-weight: 500;color: #101010;padding-right: 12px;}
.upload-document-list .document-list p{font-size: 12px;color: #424242;padding-inline: 6px;}
.upload-document-list .custom-control.custom-checkbox-th{border-bottom: 1px solid #e0e0e0; padding: 8px 28px; background: #f7f7f7;}
.upload-document-list h3.name{font-size: 16px; line-height: 24px; font-weight: 600; color: #101010;}
/* .add-user-body, .add-user-block .upload-document-list .group-form{max-height: calc(100vh - 250px);overflow-y: auto;} */
.add-task.configure-document-list .heading-dialog .modal-body.is-active-height{min-height: 346px;}

.add-task.configure-document-list .select-options .multiselect-dropdown .dropdown-btn {height: auto;padding: 6px 12px !important;}
.add-task.configure-document-list .select-options .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {top: 8px !important;}

.add-user-block .new-contact-form{background-color: #fff; border-radius: 12px; padding: 18px;}
.add-user-block .new-contact-form .input-block{margin-bottom: 8px;}
.add-user-block .new-contact-form .input-label{color: #757575; font-size: 12px; line-height: 20px; font-weight: 500;}
/* .add-user-block .new-contact-form .form-control {font-size: 12px;} */
.add-user-block .new-contact-form .custom-checkbox .custom-control-label{font-size: 12px; color: #424242;}

.configure-document-list .common-table{border: 1px solid #e0e0e0;border-radius: 8px;}
.configure-document-list .common-table tbody tr:last-child{border-bottom: none;}
.configure-document-list .common-table thead tr th:first-child{border-top-left-radius: 8px;}
.configure-document-list .common-table thead tr th:last-child{border-top-right-radius: 8px;}
.configure-document-list .common-table tbody tr:last-child td:first-child{border-bottom-left-radius: 8px;}
.configure-document-list .common-table tbody tr:last-child td:last-child{border-bottom-right-radius: 8px;}
/* .configure-document-list .upload-data tbody tr td{vertical-align: top;} */

.configure-document-list .select-options .select-block{border: 1px solid #e0e0e0;border-radius: 8px;padding: 3px 0;}
.configure-document-list .select-options .select-block .ng-select{padding: 0 16px;}
.configure-document-list .tooltip-icon.decline-tooltip .text-tooltip.info-list.top{left: 45px;bottom: -9px;max-width: 200px;}
.modal .configure-document-list .multiselect-dropdown .dropdown-btn .dropdown-multiselect--active .dropdown-multiselect__caret:before{top: 0px !important;}
.modal .configure-document-list .multiselect-dropdown .dropdown-btn{padding: 2px 12px 2px 12px !important;
  height: 30px;}
.configure-document-list .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before{top: -10px !important;}
.configure-document-list .ng-select.ng-select-opened .ng-select-container{z-index: 0 !important;}
.configure-document-list .ng-dropdown-panel{z-index: 1 !important;}


.common-modal .onboarding-note.notes, .add-error-omission .notes{  color: #757575;  font-size: 12px;  line-height: 15px;  float: right;  position: relative;  top: -26px;  right: 12px;}
.onboarding-dashboard .box-border{border: 1px solid #e0e0e0;border-radius: 6px;margin-bottom: 16px;}
.onboarding-dashboard .box-border.edit-none .profile-info-data.onboarding-info{max-height: 585px;min-height: 400px;}
.onboarding-dashboard.no-regulatory-action .box-border.edit-none .profile-info-data.onboarding-info{max-height: 442px;min-height: 400px;}
/* .onboarding-dashboard .onboarding-documents .action-table-header{top: 0;} */
.onboarding-documents .action-table-header{top: 57px;width: 100%;position: sticky;padding: 10px 14px;border-top-left-radius: 8px;border-top-right-radius: 8px;}
/* .onboarding-documents .sidebar-contentdata .contentdata-width.full .onboarding-dashboard .action-table-header{width: 100%;} */
.onboarding-documents .common-table{overflow: auto;height: calc(100vh - 239px);padding: 0;}
.onboarding-documents .common-table.setHeight{height: calc(100vh - 288px) !important;}
.onboarding-documents .common-table.increaseHeight{height: calc(100vh - 149px);}
/* .onboarding-documents .common-table .table thead.sticky-from-top{top: 0;} */
.onboarding-documents .common-table .table tr{white-space: nowrap;}
.onboarding-documents .common-table .table tr.is-active{background-color: #F0F6FD;}
.onboarding-documents .info-tooltip-string{border-radius: 0;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;border-top: 1px solid #e0e0e0;margin-top: 8px;}
.onboarding-documents .inline-select-dropdown .ng-dropdown-panel{left: -17px !important;}
.hire-date .inline-input.edit-enabled{width: 145px;}
.onboarding-dashboard .status.type-4, .onboarding-documents .status.type-4{background-color: #0068d8; color: #ffffff;}
.onboarding-dashboard .status.type-2, .onboarding-documents .status.type-2{background-color: #C2DBF6;color: #0068D8;}
.onboarding-dashboard .contact-admin-details .admin-name-actions{justify-content: space-between;}
.onboarding-dashboard .contact-admin-details .admin-name-actions .name, .onboarding-dashboard .contact-admin-details .admin-name-actions .actions{flex: none;}
.onboarding-dashboard .contact-admin-details .action-edit-btn{position: relative;}
.onboarding-dashboard .contact-admin-details .action-edit-btn .link.edit.primary{background-color: #0068d8;color: #fff;}
.onboarding-dashboard .contact-admin-details .action-edit-btn .separate::before {content: "";top: 4px;background-color: #e0e0e0;display: inline-block;margin: 0;width: 1px;height: 28px;position: absolute;}
/* .onboarding-dashboard .contact-dash.white-bg{height: calc(100vh - 195px);overflow: auto;max-height: 540px;} */
.onboarding-dashboard .contact-dash-commn-list li {padding: 8px 0;}
.onboarding-dashboard .height-auto .contact-dash.white-bg{height: auto;overflow: auto;max-height: fit-content;}
.onboarding-dashboard .box-border .sec-gap{margin-bottom: 0;}
.onboarding-dashboard .edit-none .edit-icon{display: none;}
.pdb-info-dashboard .active-carrier-app-info {height: calc(100vh - 370px) !important; max-height: 490px;}
.pdb-info-dashboard .light-bg-clr{ min-height: 100vh;}
.pe-none{pointer-events: none;}
.pe-none.ng-select .ng-arrow-wrapper {display: none;}
/* .onboarding-dashboard .common-table .select-options .ng-select .ng-arrow-wrapper{display: none;} */
.onboarding-dashboard .common-table .select-options .ng-select, .onboarding-documents .common-table .select-options .ng-select{width: 114px;}
/* .onboarding-dashboard .common-table .select-options .ng-select.arrowshow{width: 110px;pointer-events: unset;} */
/* .onboarding-dashboard .common-table .select-options .ng-select .ng-arrow-wrapper{display: block;width: 20px;} */
.onboarding-dashboard .common-table .select-options .ng-select .ng-arrow-wrapper .ng-arrow, .onboarding-documents .common-table .select-options .ng-select .ng-arrow-wrapper .ng-arrow{left: 0;}
.onboarding-dashboard .common-table .select-options .ng-select .ng-arrow-wrapper, .onboarding-documents .common-table .select-options .ng-select .ng-arrow-wrapper{padding-right: 0;}
.onboarding-dashboard .icon-group svg{width: 20px;height: 20px;cursor: pointer;}

.onboarding-dashboard .audit-log-table tr th, .onboarding-dashboard .audit-log-table tr td {white-space: nowrap;padding: 5px 8px 5px 0px;}
.onboarding-dashboard .audit-log-table{overflow: auto;height: 145px;}
.onboarding-dashboard.col-12 .audit-log-table{overflow: auto;height: 250px;}
.onboarding-dashboard .audit-log-table .audit-log-header{background-color: #fff;position: sticky;top: 0;}

.profile-info-data.onboarding-info {  max-height: calc(100vh - 295px);  overflow-y: auto;}
.profile-info-data.onboarding-info ul li:last-child{border: none;}
.profile-info-data.onboarding-info .contact-dash.white-bg{border-radius: 8px;}
.profile-info-data.onboarding-info .agenzee-status-item .ng-dropdown-panel.ng-select-bottom { min-width: 160px;}
.onboarding-history .contact-admin-details{position: sticky;top: 56px;background: #fff;z-index: 12;}
.onboarding-history .contact-admin-details .admin-name-actions{padding: 6px 16px;}
.onboarding-history .biographic-container .top-part.head-button{top: 56px;}
.onboarding-history .biographic-container .biographic-data-section{padding: 45px 92px 80px;}
.onboarding-history .biographic-container .title-heading{padding: 6px 24px;background-color: #fff;}
.onboarding-activity.request-activity-container{border-top: 1px solid #e0e0e0;}
.onboarding-activity.request-activity-container .activity-log .time-note { line-height: 10px; font-size: 10px; padding-top: 4px;}

.onboarding-form{padding: 14px 24px;}
.onboarding-form .bg-container { width: 730px; margin: 20px auto;}
.onboarding-form .bg-container > div{ border: 1px solid #424242;  margin: 20px auto; border-radius: 4px; padding: 0 56px;}
.onboarding-form .visible-form{background-color: #fff;border-radius: 8px;max-height: calc(100vh - 170px);overflow-y: auto;}
/* Onboarding CSS end */

.onboarding-tooltip svg{width: 20px;height: 20px;}
.onboarding-tooltip {position: relative;}
.onboarding-tooltip .expiry-text-tooltip{position: absolute;padding: 10px;top: 0px;box-shadow: 0px 8px 16px #00000014;display: none;color: #101010;border: 1px solid #E0E0E0;z-index: 111;background-color: #fff;width: 223px;text-align: left;line-height: 18px;left: auto; right: 26px; border-radius: 4px;}
.onboarding-tooltip .expiry-text-tooltip:before {content: '';position: absolute;display: block;width: 0px;right: -1px;top: 10px;border: 7px solid transparent;border-right: 0;border-left: 7px solid #E0E0E0;transform: translate(calc(100%), -50%);}
.onboarding-tooltip .expiry-text-tooltip:after{content: '';position: absolute;display: block;width: 0px;right: 0px;top: 10px;border: 7px solid transparent;border-right: 0;border-left: 7px solid #fff;z-index: 1;transform: translate(calc(100%), -50%);}
.onboarding-tooltip:hover .expiry-text-tooltip {display: block;}
.onboarding-tooltip:hover svg path {fill: #0068D8;}
.onboarding-tooltip .expiry-text-tooltip .last-updated-date span strong {color: #101010;font-weight: normal;}
.onboarding-tooltip .expiry-text-tooltip .last-updated-date{color: #424242;}
.onboarding-tooltip .seprator{display: block;margin: 2px 0;border: 1px solid #f7f7f7;}

.configure-document-list .common-table .table:last-child { border-bottom: none;}
.configure-document-list .tooltip-icon.decline-tooltip .text-tooltip.info-list.top.onboarding { left: 76px; bottom: -9px; max-width: 250px;}
.configure-document-list .tooltip-icon.decline-tooltip .text-tooltip.info-list.top.onboarding h6 {font-weight: 600;}
.configure-document-list .tooltip-icon.decline-tooltip .text-tooltip.info-list.top.onboarding p {margin-bottom: 10px;}
.tooltip-icon.decline-tooltip .info-list.top.text-tooltip.onboarding:before, 
.tooltip-icon.decline-tooltip .info-list.top.text-tooltip.onboarding:after {top: -15px; right: 117px; left: unset; transform: rotate(180deg);}

/* manual-licnese css start here */
.new-manual-license .title-block{border-bottom: 1px solid #e0e0e0;padding: 8px 16px;background-color: #fff;border-top-left-radius: 6px;border-top-right-radius: 6px;}
.new-manual-license .title-block h3{font-size: 14px;line-height: 18px;color: #101010;font-weight: 600;}

.new-manual-license .danger-btn{background-color: transparent;border: 1px solid #d80000;color: #d80000;min-height: unset;}
.new-manual-license .danger-btn:hover{color: #fff;}
.new-manual-license .carrier-user-action .input-block .personal-info label{line-height: 20px;font-size: 14px;}
/* manual-licnese css end here */
 
.common-modal.data-mismatch .user-name-block .name{font-size: 16px;line-height: 16px;font-weight: 700;}
.common-modal.data-mismatch .user-name-block .input-block .disabled{opacity: 0.8;background-color: #f7f7f7;}
.common-modal.data-mismatch .user-name-block.bg-grey{border-radius: 8px;background-color: #f7f7f7;padding: 12px 16px;}
.common-modal.data-mismatch .user-name-block.bg-grey p{font-size: 14px;line-height: 18px;color: #101010;font-weight: 500;}
.common-modal.data-mismatch .user-name-block.bg-grey .personal-info{padding: 0 16px 0;}

.onboarding-configure .info-tooltip-string{border-radius: unset;margin-top: 8px;}/* position: sticky;bottom: -1px; */
.onboarding-configure .info-tooltip-string a{text-decoration: underline;}
.common-table.setHeight{overflow: auto;height: calc(100vh - 327px);min-height: unset !important;max-height: unset !important;}
.common-table.setHeight .table thead.sticky-from-top{top: 0;}

/* shepherd-tour css start here */
.main-layout-grid:has(.shepherd-enabled){pointer-events: none;}
html:has(.shepherd-enabled){overflow: hidden;}

.shepherd-element {padding: 16px;max-width: fit-content;opacity: 0;outline: 0;margin: 8px 0 0 0 !important;transition: opacity 0.3s;z-index: 9999;border: 1px solid #e0e0e0;border-radius: 12px;box-shadow: none;background-color: #fff;}
.shepherd-element[data-popper-placement="top"]{margin: -8px 0 8px 0 !important;}
.shepherd-enabled.shepherd-element {opacity: 1;}
.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered) {opacity: 0;}
.shepherd-arrow,
.shepherd-arrow:before {position: absolute;width: 16px;height: 16px;z-index: -1;}
.shepherd-arrow:before {content: '';position: absolute;display: block;width: 0px;top: -7px;transform: rotate(90deg);border: 7px solid transparent;border-right: 7px solid #E0E0E0;}
.shepherd-arrow:after{content: '';position: absolute;display: block;width: 0px;top: -6px;transform: rotate(90deg);border: 7px solid transparent;border-right: 7px solid #fff;z-index: 1;}
.shepherd-element[data-popper-placement^="top"] > .shepherd-arrow {bottom: -8px;}
.shepherd-element[data-popper-placement^="top"] > .shepherd-arrow:after, .shepherd-element[data-popper-placement^="top"] > .shepherd-arrow:before{top: 6px;transform: rotate(-90deg);}
.shepherd-element[data-popper-placement^="bottom"] > .shepherd-arrow {top: -8px;}
.shepherd-element[data-popper-placement^="left"] > .shepherd-arrow {right: -8px;}
.shepherd-element[data-popper-placement^="right"] > .shepherd-arrow {left: -8px;transform: rotate(270deg) !important;}
.shepherd-element.shepherd-centered > .shepherd-arrow {opacity: 0;}
.shepherd-modal-overlay-container {height: 100vh;left: 0;opacity: 0.5;overflow: hidden;pointer-events: none;position: fixed;top: 0;transition: all 0.3s ease-out, height 0s 0.3s, opacity 0.3s 0s;width: 100vw;z-index: 9997;}
.shepherd-modal-overlay-container.shepherd-modal-is-visible {height: 100vh;opacity: 0.5;transition: all 0.3s ease-out, height 0s 0s, opacity 0.3s 0s;}
.shepherd-modal-overlay-container.shepherd-modal-is-visible path {pointer-events: all;}
.shepherd-content {border-radius: 5px;outline: 0;padding: 0;}
.shepherd-footer {border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;display: flex;justify-content: space-between;padding-top: 16px;}
.shepherd-footer .shepherd-button:last-child {margin-right: 0;}
.shepherd-header {align-items: center;display: flex;line-height: 2em;padding-bottom: 8px;position: unset;}
.shepherd-text {color: #424242;font-size: 14px;line-height: 20px;}
.shepherd-text p {margin-top: 0;}
.shepherd-text p:last-child {margin-bottom: 0;}
.shepherd-text .subtitle{display: flex;align-items: center;padding-top: 16px;margin-bottom: 0;}
.shepherd-text .subtitle img{margin-right: 8px;}
.shepherd-button {background: transparent;border: 0;outline: none !important;font-size: 14px;line-height: 18px;font-weight: 500;color: #0068d8;cursor: pointer;padding: 0;transition: all 0.5s ease;}
.shepherd-button:not(:disabled):hover {color: #005CBF;}
.shepherd-button.shepherd-button-secondary {background: transparent;color: #9e9e9e;margin-right: 24px;margin-left: auto;}
.shepherd-button.shepherd-button-secondary:not(:disabled):hover {color: #0068d8;}
.shepherd-button.shepherd-button-left{color: #757575;}
.shepherd-button.shepherd-button-left:hover{color: #0068d8;}
.shepherd-button:disabled {cursor: not-allowed;}
.shepherd-cancel-icon {background: 0 0;border: none;color: hsla(0, 0%, 50.2%, 0.75);font-size: 2em;cursor: pointer;font-weight: 400;margin: 0;padding: 0;transition: color 0.5s ease;}
.shepherd-cancel-icon:hover {color: rgba(0, 0, 0, 0.75);}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon {color: hsla(0, 0%, 50.2%, 0.75);display: none;}
.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover {color: rgba(0, 0, 0, 0.75);}
.shepherd-title {color: #101010;font-size: 14px;line-height: 18px;font-weight: 600;margin: 0;display: flex;align-items: center;gap: 8px;}

.tour-steps.shepherd-enabled{z-index: 100000;position: relative;pointer-events: none;background-color: #fff;}
.onboarding-dashboard-step1.shepherd-enabled tbody tr:first-child, .onboarding-dashboard-step1.shepherd-enabled thead tr th{z-index: 100000;position: relative;pointer-events: none;background-color: #fff;}
.onboarding-dashboard .onboarding-documents .action-table-header:has(.onboarding-dashboard-step5.shepherd-enabled), .onboarding-dashboard-step1.shepherd-enabled .table thead.sticky-from-top{position: unset !important;}

.shepherd-css .shepherd-element[data-popper-placement^="right"] > .shepherd-arrow {top: 76px !important;}
.shepherd-css:has(ul li.current-tour.shepherd-enabled) .extra-tour-div{display: block;}
.extra-tour-div{position: relative;z-index: 100000;border: none;outline: none;background: none;padding: 0 16px;display: none;}
.extra-tour-div a{cursor: pointer;padding: 12px;border-radius: 8px;display: flex;align-items: center;font-size: 14px;line-height: 19px;color: #0068d8;white-space: nowrap;background: #f0f6fd;width: 188px;}
.extra-tour-div a .side-bar-icon{vertical-align: middle;margin-right: 8px;width: 24px;height: 24px;}
.extra-tour-div a .side-bar-icon svg{width: 20px;height: 20px;}
.extra-tour-div a .side-bar-icon path{fill: #0068d8;}
/* shepherd-tour css end here */

/* error-omissions css */
.add-error-omission .file-attachement{background: transparent;height: auto;border: 2px dashed #c2dbf6;position: unset;cursor: pointer;}
.add-error-omission .file-attachement .upload-file {top: unset;transform: unset;display: block;text-align: center;cursor: pointer;}

.add-error-omission .add-fein, .add-error-omission .select-modal{position: relative;}
.add-error-omission .select-modal button span{position: absolute;right: 6px;}
.add-error-omission .add-fein span{position: absolute;cursor: default; top: -31px;right: 48px;padding: 6px 12px;background: #f7f7f7;font-size: 12px;line-height: 14px;border-radius: 6px;color: #212121;font-weight: 600;}
/* .edit-error-omission .add-error-omission .add-fein span{top: -31px;} */

/* .add-error-omission button.calendar, .add-error-omission button.calendar:active{height: 24px;}
.add-error-omission .input-date .model-date-picker{top: 26px;}
.edit-error-omission .add-error-omission .input-date .model-date-picker{top: 28px;} */

.add-error-omission  textarea{resize: none;min-height: 80px;}
.add-error-omission .upload-data{display: flex;gap: 8px; flex-wrap: wrap;}
.add-error-omission .upload-document{width: calc(50% - 4px);background-color: #f7f7f7;border-radius: 8px;}
.add-error-omission .upload-icon svg{vertical-align: baseline;}
.add-error-omission .upload-icon{padding: 6px;background-color: #fff;border-radius: 6px;margin-right: 8px;width: 32px;height: 32px;}
.add-error-omission .upload-info p{color: #212121;font-weight: 500;}

/* .error-omission-modal-height{max-height: calc(100vh - 195px);overflow: auto;} */
.add-user-block .new-contact-form .select-modal .form-control { padding-right: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.eando-section .status-icons svg{width: 20px;height: 20px;}
.eando-select-modal .common-table.upload-data{ height: calc(100% - 40px); overflow: auto;}
.eando-select-modal .common-table.upload-data .table thead th {font-size: 12px;}
.eando-select-modal .common-table.upload-data .table tr td {font-size: 12px;}
.eando-select-modal .no-data-found h5{font-size: 20px;line-height: 24px;}
.eando-select-modal .text-tooltip, .manage-entities-modal .text-tooltip{left: unset;right: 26px;text-align: left;max-width: 290px;font-size: 12px;}
.eando-select-modal .tooltip-icon .text-tooltip:before, .eando-select-modal .tooltip-icon .text-tooltip:after,
.manage-entities-modal .tooltip-icon .text-tooltip:before, .manage-entities-modal .tooltip-icon .text-tooltip:after{top: -13px;right: 27px;left: unset;transform: rotate(180deg);}

.sidepanel-container .sidepanel-table.setHeight{height: calc(100vh - 129px);}

.general-chat-container{position: fixed; right: 0; top: 56px; background-color: #ffffff; z-index: 99; width: 500px; border-left: 1px solid #e0e0e0; height: calc(100vh - 97px);}
.general-chat-container .chat-header{padding: 14px 24px 8px; font-size: 24px; font-weight: 700; line-height: 28px;}
.general-chat-container .common-tab .nav-tabs.fixed { top:112px;padding: 0 8px;}
.general-chat-container .common-tab .nav-tabs .nav-link{line-height: 17px;}
.general-chat-container .chat-wrapper{margin-top: 30px;padding: 24px 24px 0;height: calc(100vh - 177px);overflow: auto;}
.general-chat-container .chat-wrapper.past-chat{height: calc(100vh - 211px);}

.chat-list{cursor: pointer;padding-bottom:12px;background-color: #fff; border-radius: 8px;gap: 8px;display: flex; }
.chat-list .icon{width: 32px;height: 32px;display: flex;}
.chat-name{font-size: 14px;line-height: 20px;font-weight: 400;color: #212121;}
.chat-info{padding: 8px 12px;margin-top: 4px;background-color: #f7f7f7;font-size: 14px;line-height: 20px;font-weight: 500;color: #212121;border-radius: 8px;}
.chat-time{padding: 2px 12px 0;font-size: 10px;line-height: 12px;font-weight: 600;color: #9e9e9e;}

.chat-remove {background: linear-gradient(180deg, #FFFFFF 0%, #DEF1FF 100%);border-radius: 100px;display: flex;flex-direction: column;align-items: center;justify-content: space-between;position: relative;}
.chat-remove .custom-checkbox .custom-control-label::before, .chat-remove .custom-checkbox .custom-control-label::after{border-radius: 100%;width: 20px;height: 20px;right: 2px;left: auto;border: 1px solid #00a0f4;}
.chat-remove .custom-control-input:checked ~ .custom-control-label::before{background-color: #00a0f4;}
.dismiss-chat{background-color: #0068d8;color: #fff;text-align: center;padding: 9px;font-size: 13px;line-height: 16px;position: sticky;bottom: 41px;width: inherit;}
.dismiss-chat .medium{font-weight: 500;}


.eando-section .select-options.package{margin-right: 8px;}
.eando-section .select-options.package .form-control{ background-color: #F0F6FD;  border: 0; height: auto; margin: 0; padding: 8px 24px; font-size: 14px; line-height: 14px; font-weight: 500; border-radius: 16px;}
.eando-section .select-options.package .ng-select .ng-value .ng-value-label,
.eando-section .select-options.package .ng-select .ng-value-container .ng-placeholder{color: #0068D8 !important;}
.eando-section .select-options.package .ng-select .ng-dropdown-panel .ng-dropdown-panel-items{background-color: #0068D8; padding: 8px 0px;}
.eando-section .select-options.package .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option,
.eando-section .select-options.package .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {background-color: #0068D8 !important; font-weight: 300 !important; color: #ffffff !important; padding: 10px 16px !important;}
.eando-section .select-options.package .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option:hover{background-color: #005CBF !important; color: #ffffff !important;}
.eando-section .select-options.package .form-control .ng-dropdown-panel.ng-select-bottom{margin: 0 !important;width: 100%;}

.edit-error-omissions.common-modal .modal-header{padding: 7px 24px;}
.edit-error-omissions.common-modal .modal-title{font-size: 16px;line-height: 24px;font-weight: 600;color: #101010;}
.edit-error-omissions.common-modal .modal-body{padding: 10px;background-color: #f7f7f7;height: calc(100vh - 136px);}
.edit-error-omissions.common-modal .modal-body .group-form{padding: 14px 16px;background-color: #fff;border-radius: 12px;max-height: unset;}
.edit-error-omissions .edit-btn-block{position: absolute;top: -52px;right: -48.5%;}
.edit-error-omissions .edit-btn-block .btn{min-height: 28px;padding: 5px 24px;font-size: 12px;line-height: 12px;}
.edit-error-omissions.common-modal .isEdit-contact .modal-title{font-size: 12px;line-height: 13px;font-weight: 400;color: #9e9e9e;width: 100%;max-width: fit-content;padding-right: 8px;}
.edit-error-omissions.common-modal .isEdit-contact .horizontal-line{width: 100%;height: 1px;background: linear-gradient(90deg, #E0E0E0 0%, #FFFFFF 100%);}

.edit-error-omissions.common-modal .col-xl-3.max-20{max-width: 20%;}

.edit-error-omissions .sidepanel-container{position: relative;width: auto;top: 0;height: calc(100vh - 156px);border: none;border-radius: 12px;}
.edit-error-omissions.common-modal .common-tab .nav-tabs{border-top-left-radius: 12px;border-top-right-radius: 12px;}
.edit-error-omissions .sidepanel-container .block-title{display: none;}
.edit-error-omissions .common-table .table thead th{background-color: #fff;}
.edit-error-omissions .request-activity-container .data-form{position: relative;background-color: #fff;border: none;border-radius: 12px;}
.edit-error-omissions.common-modal .modal-body .request-activity-container .group-form{padding: 0px;}
.edit-error-omissions .request-activity-container .data-form .form-control, .edit-error-omissions .notes-count{width: auto;}
.edit-error-omissions .sidepanel-container .sidepanel-table{height: calc(100vh - 322px);}
.edit-error-omissions .sidepanel-container .sidepanel-table.att{height: calc(100vh - 310px);}
.edit-error-omissions .request-activity-container .text-count{width: 100%;display: flex;flex-direction: column;}


/* ******** Ngx Editor CSS start ********** */
.NgxEditor__MenuBar {padding: 5px 3px !important;}
.NgxEditor__Wrapper { border: 1px solid #ced4da !important;}

.NgxEditor__Content, .NgxEditor__Wrapper .NgxEditor { min-height: 92px !important; max-height: 92px !important; overflow: auto;}

.NgxEditor__Wrapper.height-6 .NgxEditor,
.NgxEditor__Wrapper.height-6 .NgxEditor__Content{min-height: calc(100vh - 528px) !important; height: 100px !important;}
.NgxEditor__Wrapper.height-1 .NgxEditor,
.NgxEditor__Wrapper.height-1 .NgxEditor__Content,
.NgxEditor__Wrapper.height-7 .NgxEditor,
.NgxEditor__Wrapper.height-7 .NgxEditor__Content,
.NgxEditor__Wrapper.height-8 .NgxEditor,
.NgxEditor__Wrapper.height-8 .NgxEditor__Content,
.NgxEditor__Wrapper.height-9 .NgxEditor,
.NgxEditor__Wrapper.height-9 .NgxEditor__Content{min-height: calc(100vh - 604px) !important; height: 92px !important;}
.NgxEditor__Wrapper.height-2 .NgxEditor,
.NgxEditor__Wrapper.height-2 .NgxEditor__Content{min-height: calc(100vh - 565px) !important; height: 100px !important;}
.NgxEditor__Wrapper.height-3 .NgxEditor,
.NgxEditor__Wrapper.height-3 .NgxEditor__Content{min-height: calc(100vh - 680px) !important; height: 100px !important;}
.NgxEditor__Wrapper.height-5 .NgxEditor,
.NgxEditor__Wrapper.height-5 .NgxEditor__Content{min-height: calc(100vh - 604px) !important; height: 100px !important;}
.NgxEditor__Wrapper.height-4 .NgxEditor,
.NgxEditor__Wrapper.height-4 .NgxEditor__Content{min-height: calc(100vh - 604px) !important; height: 100px !important;}

.NgxEditor__MenuItem.NgxEditor__MenuItem--Icon {height: 20px !important; width: 20px !important;}
.table-innerHtml p{margin-bottom: 0;}
/* ******** Ngx Editor CSS end ********** */

.tooltip-icon.bottom-left .text-tooltip.info-list {top: 36px; right: -25px; left: unset; font-size: 12px;}
.tooltip-icon.bottom-left .text-tooltip:after {border-top: 7px solid #ffffff; border-right: 7px solid transparent;}
.tooltip-icon.bottom-left .text-tooltip:before {border-top: 7px solid #757757; border-right: 7px solid transparent;}

.common-table.table-scroll{max-height: calc(100vh - 193px);overflow: auto;min-height: calc(100vh - 193px);}
.common-table.table-without-tab-scroll{max-height: calc(100vh - 153px);overflow: auto;min-height: calc(100vh - 153px);}
.common-table.table-scroll .table thead.sticky-from-top, .common-table.table-without-tab-scroll .table thead.sticky-from-top{top: 0;}
.tooltip-icon.bottom-left .text-tooltip:before {border-top: 7px solid #757757; border-right: 7px solid transparent;}

.tooltip-icon.bottom-center .text-tooltip.info-list{top: 24px;left: 50%;transform: translate(-50%, 2px);white-space: break-spaces;}
.tooltip-icon.bottom-center .info-list.bottom.text-tooltip:after, .tooltip-icon.bottom-center .info-list.bottom.text-tooltip:before{right: 50%;}

/* .bulk-license-dob-date { display: flex; position: absolute; right: 16px;top: 23px;}
.bulk-license-dob-date .close-icon{display: flex;}
.bulk-license-dob-date .close-icon.date-close {right: 18px; top: 4px}
.bulk-license-dob-date .input-group-append .btn {border: none;width: 2rem;height: 2rem;}
.bulk-license-dob-date .input-group-append .btn:hover{background-color: #f7f7f7;} */

.collapse-row{display: none;transition: all 0.3s ease;}
.collapse-row:has(.collapse.show){display: table-row;transition: all 0.3s ease;}
.common-table .table .collapse-row:hover{background-color: transparent;}

.toggle-arrow{padding: 3px;border-radius: 8px;background-color: #f7f7f7;width: 22px;height: 22px;display: flex;transition: all 0.3s ease;}
.toggle-arrow.show{transform: rotate(180deg);transition: all 0.3s ease;}
.notifyMe{position: absolute;top: -6px;right: -2px;}
.total-renewal-cost{color: #101010;font-size: 14px;line-height: 16px;padding: 4px 8px;display: inline-block;background-color: #e0e0e0;border-radius: 8px;}

.renewal-cost-summary .title{color: #757575;font-size: 12px;line-height: 18px;padding: 4px;display: inline-block;}
.renewal-cost-summary .name{color: #101010;font-size: 12px;line-height: 18px;padding: 4px;display: inline-block;min-width: 54px;}

.estimate-cost{padding: 4px 8px;color: #101010;}

.estimate-cost-tooltip{position: relative;}
/* .estimate-cost:hover{background-color: #e0e0e0;} */
.biographic-container .estimate-cost-tooltip{padding: 4px;}
.biographic-container .estimate-cost-tooltip:hover{border-radius: 50px;background-color: #f7f7f7;}
/* .biographic-container .detail-section .data.estimate-cost-tooltip:hover{background-color: transparent;} */
.estimate-cost-tooltip:hover .estimate-cost-text-tooltip{display: block;}
.estimate-cost-text-tooltip{position: absolute;top: 28px;right: 0;font-size: 14px;line-height: 14px;border: 1px solid #E0E0E0;border-radius: 8px;
    background-color: #f7f7f7;padding: 6px 0;display: none;color: #101010;z-index: 9999;min-width: 230px;}

.estimate-cost-text-tooltip li{padding: 8px 14px;border-bottom: 1px solid #e0e0e0;}
.estimate-cost-text-tooltip li:last-child{border-bottom: none;}

.biographic-container.over-top-part-content .top-part{z-index: 13;}
.biographic-container.over-top-part-content .step-container{border-bottom: none;}

.estimate-cost-error-tooltip{top: 0;left: 0;margin-left: 4px;padding: 4px;border-radius: 8px;display: inline-block;height: 24px;width: 24px;}
.estimate-cost-error-tooltip:hover{background-color: #f7f7f7;}
.estimate-cost-error-tooltip.tooltip-icon.bottom-center .text-tooltip.info-list{left: 52%;transform: translate(-48%, 2px);max-width: 235px;}

.estimate-cost-error-tooltip.bottom-left .text-tooltip.info-list{right: -12px;top: 28px;}
.estimate-cost-error-tooltip.bottom-left .info-list.bottom.text-tooltip:before, .estimate-cost-error-tooltip.bottom-left .info-list.bottom.text-tooltip:after{transform: rotate(180deg);}

.estimate-cost-popup .common-table{max-height: calc(100vh - 250px);overflow: auto;min-height: 200px;}
.estimate-cost-popup.payment-screen .common-table{max-height: calc(100vh - 140px);overflow: auto;min-height: 200px;}

.estimate-cost-popup .fee-summary {width: calc(100% - 388px);}
.estimate-cost-popup .table-header{font-size: 16px; font-weight: 600; color: 101010; line-height: 120%; padding: 12px 24px; border-bottom: 1px solid #e0e0e0;}
.estimate-cost-popup .payment-section{border-left: 1px solid #e0e0e0; width: 388px; background-color: #f7f7f7;}
.estimate-cost-popup .payment-section .payment-details{height: calc(100vh - 140px);}
/* .bulk-renewal-user-data .common-table .table.contact-list-table thead.sticky-from-top{top: 0;} */
.bulk-renewal-user-data .common-table{height: calc(100vh - 96px);overflow: auto;}


.action-btn-block{display: flex;align-items: center;gap: 8px;margin-bottom: 16px;}
/* ***************** */
.contact-section.new-manual-appointment .carrier-user-action .series-detail-block.col-6,
.contact-section.new-manual-appointment .carrier-user-action .series-detail-block.pl-2,
.contact-section.new-manual-appointment .carrier-user-action .series-detail-block.pr-2{width: calc(50% - 15px);}
.contact-section.new-manual-appointment .carrier-user-action .series-detail-block.col-12{width: 100%;}
.series-block{border: 1px solid #e0e0e0;border-radius: 8px;height: 100%;}
.series-block .heading-block{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #e0e0e0;background-color: #f7f7f7;padding: 6px 16px;border-top-left-radius: 8px;border-top-right-radius: 8px;}

.pd-left{padding-left: 8px;}
.pd-right{padding-right: 8px;}
.px-8{padding-right: 8px;padding-left: 8px;}

.tablet-show, .mob-show{display: none;}

/* Individual Flow css start here */
.individual-detail{max-width: 360px;margin: 0 auto;padding: 48px 0;}
.individual-detail .sort-info{color: #757575; font-size: 14px; line-height: 120%; font-weight: 400;}
.individual-detail .step-count span{color: #757575;}
.individual-detail .heading-block h2{font-size: 22px;line-height: 28px;font-weight: 500;color: #101010;padding-bottom: 6px;}
.individual-detail .heading-block p{color: #757575;margin-bottom: 8px;}
.individual-detail .primary-btn{width: 100%;justify-content: center;min-height: 40px;}
.individual-detail .error-message{ display: flex;color: #af0505;font-size: 12px;gap: 8px;line-height: 14px;align-items: center;padding-top: 24px;}

.individual-detail .plan-type{background: linear-gradient(180deg, #F0F6FD 0%, rgba(240, 246, 253, 0) 100%); border: 1px solid #0068D8; padding:24px 16px;border-radius: 6px;}
.individual-detail .plan-type .plan-info h3{font-weight: 600;}
.individual-detail .plan-type .plan-info .price-block{font-weight: 500; font-size: 14px; line-height: 32px; color: #0068D8;}
.individual-detail .plan-type .plan-info .price-font-h2{font-size: 28px;}
.individual-detail .plan-type .plan-info .discount-tag{background-color: #ffffff; border: 1px solid #e0e0e0; padding: 3px 8px; color: #9e9e9e; border-radius: 4px;}
.individual-detail .plan-type .plan-info .discount-tag.selected{background-color: rgba(194, 219, 246, 1); color: #0068D8;}
.individual-detail .plan-type .feature-info h4{font-weight: 500; color: #212121; text-transform: uppercase;}
.individual-detail .plan-type .feature-info ul li{margin-bottom: 10px;}


.individual-detail .plan-info-details{border: 1px solid #e0e0e0;border-radius: 8px;}
.individual-detail .plan-info-details ul{padding: 12px 0;}
.individual-detail .plan-info-details li{padding: 10px 16px;display: flex;align-items: center;justify-content: space-between;gap: 8px;border-bottom: 1px solid #e0e0e0;}
.individual-detail .plan-info-details li div{display: flex;align-items: center;gap: 8px;}
.individual-detail .plan-info-details li span{color: #101010;font-weight: 500;}
.individual-detail .fees-info{padding: 10px 0px;display: flex;align-items: center;gap: 8px;font-size: 12px;line-height: 16px;}

.individual-detail .payment-info-details{border: 1px solid #e0e0e0;border-radius: 8px;padding: 16px;}
.individual-detail .payment-info-details li{display: flex;align-items: center;justify-content: space-between;gap: 8px;padding-bottom: 12px;}
.individual-detail .payment-info-details li:last-child, .individual-detail .payment-plan-details li:last-child{padding-bottom: 0;}
.individual-detail .payment-info-details li .title, 
.individual-detail .payment-plan-details li .title{font-size: 12px;line-height: 18px;color: rgba(117, 117, 117, 1);}
.individual-detail .payment-info-details h4, .payment-info-details li .desc,
.individual-detail .payment-plan-details h4, .payment-plan-details li .desc{color: #101010;font-weight: 400;line-height: 20px; font-size: 14px;}

.title.color-default{color: #212121 !important;}

.individual-detail.payment-details{max-width: fit-content;display: flex;gap: 16px;}
.individual-detail.payment-details > div{max-width: 584px;}

.individual-detail .payment-card {border: 1px solid #E0E0E0;padding: 6px 12px;border-radius: 6px; background: #ffffff;}
.individual-detail .card-type-icon {position: relative;top: -30px;  right: 16px;float: right;height: 0px;}
.individual-detail .card-type-icon img {width: 24px;height: 24px;padding-left: 4px}
.individual-detail .payment-secure{display: flex;align-items: center;justify-content: space-between;gap: 8px;}
.individual-detail .payment-plan-details{border-radius: 8px;background-color: #f7f7f7;padding: 24px;margin-top: 38px;min-width: 280px;}
.individual-detail .payment-plan-details li{padding-bottom: 16px; display: flex; align-items: center; justify-content: space-between; gap: 8px;}
.individual-detail .user-plan-summary li .discount-price{color: rgba(76, 175, 80, 1);}
.individual-detail .user-plan-summary li.border-top{border-top: 1px solid rgba(224, 224, 224, 1); padding-top: 10px;}
/* Individual Flow css end here */

/* .prefix-select .select-block.inline-select.edit-enabled{ width: 58px;padding-right: 0px; margin-right: 8px;} */
/* .prefix-select .ng-select .ng-arrow-wrapper .ng-arrow {left: -8px;} */
/* .prefix-select .ng-select.ng-select-opened .ng-arrow-wrapper .ng-arrow { left: 13px;} */

.onboarding-dashboard .col-xl-9{flex: 0 0 70%;max-width: 70%;}
.onboarding-dashboard .col-xl-3{flex: 0 0 30%;max-width: 30%;}

.responsible-person-select-dropdown .ng-dropdown-panel.ng-select-bottom{width: 100%;max-width: unset;}
.permissions-settings .info-tooltip-string{background-color: #f7f7f7;color: #424242;border-radius: 4px;padding: 8px 12px;}

.ignore-checkbox{margin-left: 14px;padding-right: 32px;}
.ignore-checkbox .custom-checkbox .custom-control-label{font-weight: 400;color: #424242;}
.ignore-info svg{width: 100%;height: 20px;max-width: 20px;}
.ignore-info span{font-size: 14px;line-height: 120%;color: #757575;font-weight: 400;white-space: break-spaces;}

.notepad{padding: 0 2px;border-radius: 4px;}
.success-work:hover{background-color: #4CAF501F;padding: 1px; width: 26px; text-align: center;}
.lost-work:hover{background: #FF98001F; padding: 1px; width: 26px; text-align: center;}
.common-table tr td .status-icon .lost-work:hover svg, 
.common-table tr td .status-icon .success-work:hover svg {width: 19px; height: 19px;}
.permissions-settings .info-tooltip-string{background-color: #f7f7f7;color: #424242;border-radius: 4px;padding: 8px 12px;}
.onboarding-profile .common-tab .nav-tabs .nav-link{font-size: 12px;line-height: 23px;}
.onboarding-profile .common-tab .nav-tabs .pl-0.nav-link.active:after{left: 2px;width: calc(100% - 20px);}
.add-Npn-button{display: flex;align-items: center;justify-content: center;height: calc(100vh - 300px);}

.ignore-checkbox-card .personal-info .radio-button-container .checkmark{border: 2px solid #ff9800;}
.ignore-checkbox-card .personal-info .radio-button-container .checkmark:after{background: #ff9800;}
.ignore-checkbox-card .personal-info .radio-button-container input:checked ~ .checkmark, .ignore-checkbox-card .personal-info .checkbox-button-container input:checked ~ .checkmark{border-color: #ff9800;}
.ignore-checkbox-card .custom-control-label::before{border: 1px solid #ff9800;}
.ignore-checkbox-card .custom-control-input:checked ~ .custom-control-label::before{border-color: #ff9800;background-color: #ff9800;}
.ignore-checkbox-card .personal-info .checkbox-button-container .checkmark{border: 2px solid #ff9800;}
.ignore-checkbox-card .personal-info .checkbox-button-container .checkmark:after{border-bottom: 3px solid #ff9800;border-right: 3px solid #ff9800;}
.ignore-checkbox-card .tooltip-icon.bottom-left .text-tooltip.info-list{top: 30px;}
.ignore-checkbox-card .tooltip-icon.bottom-left .text-tooltip:after, .ignore-checkbox-card .tooltip-icon.bottom-left .text-tooltip::before{top: -14px;right: 27px;transform: rotate(180deg);}

/***** Start Task List *****/
.task-list-section .tooltip-icon .tag-info-list, .task-detail-list .tooltip-icon .tag-info-list{line-height: 15px;}
.task-list-section .tags .info-list ul, .task-detail-list .tags .info-list ul{max-height: 250px;}
.task-list-section .col-width-tag-md, .task-detail-list .col-width-tag-md{padding-bottom: 16px;}
.task-list-section .col-width-tag-md:last-child, .task-detail-list .col-width-tag-md:last-child{padding-bottom: 0px;}
.tag-title{padding: 10px 14px;font-size: 12px;line-height: 14px;color: #757575;border-bottom: 1px solid #e0e0e0;display: block;font-weight: 600;}
.user-details span.tag-title{display: block;line-height: 14px;}

.contact-section-fixed .common-tab .nav-tabs.fixed{position: fixed;top: 56px;width: calc(100% - 242px);}
.contact-section-fixed .action-table-header{position: fixed;top: 96px;width: calc(100% - 242px);height: 56px;}
.contact-section-fixed .common-table.table-scroll{padding-top: 95px;overflow: unset;overflow-x: auto;min-height: unset;max-height: unset;height: calc(100vh - 96px);}

.sidebar-contentdata .contentdata-width.full .contact-section-fixed .common-tab .nav-tabs.fixed,
.sidebar-contentdata .contentdata-width.full .contact-section-fixed .notes-legal-line,
.sidebar-contentdata .contentdata-width.full .contact-section-fixed .action-table-header{width: calc(100% - 98px) !important;}

.task-list-section .common-table .table .priority-icon {display: inline-block; float: left; font-size: 20px;}
.task-list-section .common-table .table td .priority-icon {color: #D80000;}
.task-list-section .common-table .table td.priority-col {}
.task-list-section .common-table .table td.priority-col span {position: relative; top: 2px;}
.task-list-section .common-table .table td.priority-col span.icon-notification-count {top: -5px;}
.task-list-section .common-table .table td.status .status {padding: 0; border: 0px none; background: transparent; position: relative; top: 2px;}
.task-list-section .common-table .table td.priority-col span.priority-icon {min-width: 6px; white-space: pre;}
/***** End Task List *****/

/***** Add Task *****/
.add-task .reminder-block {padding-top:15px;}
.add-task .attachment-block {border-left: 1px solid #e0e0e0;}
.common-modal .attachment-block .input-label {border-bottom: 1px solid #e0e0e0;  font-family: "urw-form", Arial, sans-serif;  font-weight: 500;  font-size: 14px;  line-height: 18px;  color: #101010;  position: relative; padding: 8px 16px; display: block; margin: 0;}
.add-task .request-activity-container .data-form{bottom: 0px;position: relative; border-bottom-right-radius: 8px; display: block;}
.add-task .request-activity-container .data-form .form-control{width: 100%;}

.add-task .sidepanel-table {height: calc(100vh - 310px);overflow-y: auto;}
.add-task .sidepanel-table .common-table .table thead th {padding: 4px 3px 4px 16px;}
.add-task .sidepanel-table .common-table .table thead th.action-column {width: 60px;}
.add-task .sidepanel-table .common-table .table td {padding: 4px 3px 4px 16px;}
.add-task .common-table .tooltip-icon-ce {position: relative;}
.add-task .common-table .tooltip-icon-ce .expiry-text-tooltip {position: absolute;padding: 10px;top: 15px;box-shadow: 0px 8px 16px #00000014;display: none;color: #101010;border: 1px solid #E0E0E0;z-index: 111;background-color: #fff;width: 223px;text-align: left;line-height: 18px;left: auto; right: 26px; border-radius: 4px;}
.add-task .common-table .expiry-text-tooltip {top: 50%;right: 0;transform: translate(0, -50%);}
.add-task .common-table .expiry-text-tooltip .last-updated-date span strong {color: #101010;font-weight: normal;}
.add-task .common-table .expiry-text-tooltip:before {content: '';position: absolute;display: block;width: 0px;right: -1px;top: 40%;border: 7px solid transparent;border-right: 0;border-left: 7px solid #E0E0E0;transform: translate(calc(100%), -50%);}
.add-task .common-table .expiry-text-tooltip:after {content: '';position: absolute;display: block;width: 0px;right: 0px;top: 40%;border: 7px solid transparent;border-right: 0;border-left: 7px solid #fff;z-index: 1;transform: translate(calc(100%), -50%);}
.add-task .common-table .tooltip-icon-ce:hover .expiry-text-tooltip {display: block;}
.add-task .common-table .tooltip-icon-ce:hover svg path {fill: #0068D8;}

.add-task .request-activity-container .input-container {font-size: 16px;line-height: 30px; border: 1px solid #E0E0E0;background-color: #fff;border-radius: 6px;width: 100%;text-align: center;padding: 16px;}
.add-task .request-activity-container .input-container button {border: none;background-color: transparent;padding: 0 0 0px 0;}
.add-task .request-activity-container .data-form{bottom: 0px;position: relative; border-bottom-right-radius: 8px; display: block;}
.add-task .request-activity-container .data-form .form-control{width: 100%;}

.add-task .select-options .personal-info {padding: 5px 0;}
.add-task .personal-info.email {padding-top: 31px;}

.add-task .priority-checkbox-container {background: none; padding: 7px 12px; border: 0; position: relative; top: 24px; left: 3px;}
.add-task .checkbox-button-container .checkmark:after {  transform: rotate(40deg);  height: 12px;  width: 7px;  margin-left: 32%;  border-bottom: 3px solid #D80000;  border-right: 3px solid #D80000;}
.add-task .custom-checkbox.priority-checkbox input[type="checkbox"] {width: 18px; height: 18px;}
.add-task .custom-checkbox.priority-checkbox .custom-control-label {color: #D80000;}
.add-task .custom-checkbox.priority-checkbox .custom-control-label::before, 
.add-task .custom-checkbox.priority-checkbox .custom-control-label::after {width: 18px;height: 18px; border: 2px solid #D80000; top: 0rem; border-radius: 2px;}
.add-task .custom-checkbox.priority-checkbox .custom-control-input:checked ~ .custom-control-label::after {background-color: #D80000;}

.add-task .input-label.select-assignee {position: relative; top: 2px;}

.add-task .select-options .multiselect-dropdown .dropdown-btn {height: 70px; flex-wrap: wrap;row-gap: 4px;overflow: auto; padding: 10px !important;}
.add-task .select-options .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret {top: 27px !important;}
.add-task .select-options .task-two-column .multiselect-dropdown .dropdown-list {margin-top: 50px !important;}
.add-task .select-options .task-two-column .multiselect-close-btn {top: 109px !important;}
.add-task .select-options .task-two-column .dropdown-multiselect--active .dropdown-multiselect__caret {top: 22px !important; right: -5px !important;}
.add-task .select-options .multiselect-dropdown .dropdown-btn .dropdown-multiselect__caret:before {top:-5px !important;}


.add-task .NgxEditor__Wrapper.height-6 .NgxEditor,
.add-task .NgxEditor__Wrapper.height-6 .NgxEditor__Content{min-height: calc(100vh - 455px) !important; height: 100px !important;} /*common*/
.add-task .NgxEditor__Wrapper.height-1 .NgxEditor,
.add-task .NgxEditor__Wrapper.height-1 .NgxEditor__Content,
.add-task .NgxEditor__Wrapper.height-7 .NgxEditor,
.add-task .NgxEditor__Wrapper.height-7 .NgxEditor__Content,
.add-task .NgxEditor__Wrapper.height-8 .NgxEditor,
.add-task .NgxEditor__Wrapper.height-8 .NgxEditor__Content,
.add-task .NgxEditor__Wrapper.height-9 .NgxEditor,
.add-task .NgxEditor__Wrapper.height-9 .NgxEditor__Content{min-height: calc(100vh - 510px) !important; height: 100px !important;} /*Agents*/
.add-task .NgxEditor__Wrapper.height-2 .NgxEditor,
.add-task .NgxEditor__Wrapper.height-2 .NgxEditor__Content{min-height: calc(100vh - 585px) !important; height: 100px !important;} /*Licenses*/
.add-task .NgxEditor__Wrapper.height-3 .NgxEditor,
.add-task .NgxEditor__Wrapper.height-3 .NgxEditor__Content{min-height: calc(100vh - 585px) !important; height: 100px !important;} /*Appointments*/
.add-task .NgxEditor__Wrapper.height-5 .NgxEditor,
.add-task .NgxEditor__Wrapper.height-5 .NgxEditor__Content{min-height: calc(100vh - 510px) !important; height: 100px !important;}  /*Agencies*/
.add-task .NgxEditor__Wrapper.height-4 .NgxEditor,
.add-task .NgxEditor__Wrapper.height-4 .NgxEditor__Content{min-height: calc(100vh - 510px) !important; height: 100px !important;} /*Carriers*/
/***** End Add Task*****/

/***** Start Edit Task*****/

.task-detail-list .details-container.content-block.top-container {padding:12px 12px 0 12px; margin: 16px 24px 12px;}
.task-detail-list .details-container.content-block.top-container .header-line {position: absolute; top: -22px; display: inline-block; line-height: 12px;}
.task-detail-list .details-container.content-block.top-container .header-line .text-uppercase {padding: 0 5px;}
.task-detail-list .details-container.content-block {border: 1px solid #e0e0e0; border-radius: 6px; margin: 10px 24px; padding: 12px;}
.task-detail-list .details-container.content-block.assigned-block {padding: 5px 12px 0px 12px; margin-bottom: 0;}
.task-detail-list .details-container.content-block.assigned-block .assignee-list {min-height:65px;}
.task-detail-list .details-container.content-block.assigned-block .assignee-list ul {padding: 5px 0 0 0;}
.task-detail-list .details-container.content-block.assigned-block .assignee-list li {background-color: #f7f7f7; border: 1px solid #e0e0e0; border-radius: 20px; padding: 4px 14px; font-size: 13px; line-height: 15px; font-weight: 600; color: #101010; margin: 0 5px 0 0; display: inline-block; font-weight:normal;}
.task-detail-list .details-container.content-block.assigned-block .assignee-list li span.close {}

.task-detail-list .details-container.content-block.description-block {padding: 8px 12px 10px; height: calc(100vh - 305px) !important;}
.task-detail-list .details-container.content-block.description-block.height-4,
.task-detail-list .details-container.content-block.description-block.height-3.not-system,
.task-detail-list .details-container.content-block.description-block.height-2,
.task-detail-list .details-container.content-block.description-block.height-1,
.task-detail-list .details-container.content-block.description-block.height-5 {height: calc(100vh - 395px) !important;}

.task-detail-list .details-container .user-details .task-desc {max-width: 100%; word-break: break-all; overflow:auto; height: calc(100vh - 365px);}

.task-detail-list .details-container.content-block.description-block.height-4 .user-details .task-desc, 
.task-detail-list .details-container.content-block.description-block.height-3.not-system .user-details .task-desc,
.task-detail-list .details-container.content-block.description-block.height-2 .user-details .task-desc, 
.task-detail-list .details-container.content-block.description-block.height-1 .user-details .task-desc,
.task-detail-list .details-container.content-block.description-block.height-5 .user-details .task-desc
{max-width: 100%; word-break: break-all; overflow:auto; height: calc(100vh - 450px);}

.task-detail-list .details-container.content-block.description-block .align-right {padding: 0 0 0 10px;}
.task-detail-list .details-container.content-block.description-block .title-block {padding: 0 0 10px 0;}
.task-detail-list .details-container.content-block.description-block .title-block label.description-title{}
.task-detail-list .details-container.content-block.description-block .title-block label {padding-right: 2px; font-size: 12px; line-height: 16px; color: #757575; font-weight: 500; display: inline-block;}
.task-detail-list .details-container.content-block.description-block .title-block .due-on label {color:#D80000;}
.task-detail-list .details-container.content-block.description-block .title-block span {font-size: 12px; line-height: 16px; color: #101010;}

.edit-task .details-container {padding: 8px 0;}
.edit-task .details-container .sub-title {border-bottom: 1px solid #e0e0e0; font-family: "urw-form", Arial, sans-serif; font-weight: 500; font-size: 14px; line-height: 18px; padding:0 15px 8px;}
.edit-task .details-container .sub-title h4 {}
.edit-task .details-container .sub-title .align-right {text-align: right}
.edit-task .details-container .sub-title .resolved-by {padding:0 5px 0 0; max-width: 180px;}
.edit-task .details-container .sub-title .resolved-by label {padding-right: 5px; font-size: 12px; line-height: 16px; color: #757575; font-weight: 500; display: inline-block;}
.edit-task .details-container .sub-title .resolved-by span {font-size: 12px; line-height: 16px;}
.edit-task .details-container .sub-title .resolved-on label {padding-right: 5px; font-size: 12px; line-height: 16px; color: #757575; font-weight: 500; display: inline-block;}
.edit-task .details-container .sub-title .resolved-on {}
.edit-task .details-container .sub-title .resolved-on span {font-size: 12px; line-height: 16px;}

.task-detail-list .modal-body .right-data.edit-task.incomplete-info {width: 50%;}
.task-detail-list .modal-body .right-data .input-block .input-label.link-popup {position: absolute; right: 0; top: 5px;}

.edit-task .details-container textarea.description {min-height: calc(100vh - 335px) !important; height: 100px !important;}
.edit-task.incomplete-info .details-container textarea.description {min-height: calc(100vh - 460px) !important;}
.edit-task.incomplete-info .details-container textarea.description[readonly] {min-height: calc(100vh - 420px) !important;}
.edit-task .details-container .form-control[readonly] {background:#fff !important;}
.edit-task .details-container textarea.description[readonly] {min-height: calc(100vh - 290px) !important;}
.edit-task .details-container .custom-modal-footer {padding:0 15px 10px;}

.task-detail-list .details-container .user-details .task-desc {max-width: 100%; word-break: break-all;}


.common-modal.edit-task .priority-checkbox-container {padding: 7px 12px; display: inline-block; max-width: 30%;}
.common-modal.edit-task .checkbox-button-container .checkmark:after {  transform: rotate(40deg);  height: 12px;  width: 7px;  margin-left: 32%;  border-bottom: 3px solid #D80000;  border-right: 3px solid #D80000;}
.common-modal.edit-task .custom-checkbox.priority-checkbox input[type="checkbox"] {width: 18px; height: 18px;}
.common-modal.edit-task .custom-checkbox.priority-checkbox .custom-control-label {color: #D80000;}
.common-modal.edit-task .custom-checkbox.priority-checkbox .custom-control-label::before, 
.common-modal.edit-task .custom-checkbox.priority-checkbox .custom-control-label::after {width: 18px;height: 18px; border: 2px solid #D80000; top: 0rem; border-radius: 2px;}
.common-modal.edit-task .custom-checkbox.priority-checkbox .custom-control-input:checked ~ .custom-control-label::after {background-color: #D80000;}
/***** End Edit Task*****/



/* .appointment-status .table-selection-block .select-block .ng-dropdown-panel.ng-select-bottom, .appointment-status .table-selection-block .select-block .dropdown-list{width: 100% !important;} */
.appointment-status .common-table .table .column-sticky {position: sticky;z-index: 2;}
.appointment-status .common-table .table tr td.column-sticky{background-color: #fff;}
.appointment-status .common-table .table tr:hover td.column-sticky,
.appointment-status .common-table .table tr.row-highlight td.column-sticky{ background-color: #F0F6FD;}
.appointment-status .common-table .table .column-sticky:nth-child(1) {left: 0;width: 278px;min-width: 278px;}
.appointment-status .common-table .table .column-sticky:nth-child(2) {left: 278px;width: 113px;min-width: 113px;}
.appointment-status .common-table .table .column-sticky.column-sticky-200:nth-child(1) {left: 0;width: 228px;min-width: 228px;}
.appointment-status .common-table .table th.state-column{font-size: 13px;min-width: 50px;}
.appointment-status .common-table .table .fixed-left-field::after {
    background: #efefef; content: "";top: 0;right: 0;width: 1px;height: -webkit-fill-available;opacity: 1;position: absolute;}

.dropdown-100 .ng-dropdown-panel.ng-select-bottom{width: 100%;max-width: unset;}
.z-index-1 .ng-dropdown-panel, .z-index-1 .ng-select.ng-select-opened .ng-select-container{z-index : 1 !important}


/* Resizable Grid CSS */
/* General CSS */
.resizable-table {  border-collapse: collapse;  width: 100%;  table-layout: fixed;}
.resizable-table th.resizable-column, 
.resizable-table td.resizable-column { overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap; position: relative;}
.resizable-table th.resizable-column.overflow-visible, 
.resizable-table td.resizable-column.overflow-visible { overflow: visible !important;}
.resizable-table th.resizable-column { user-select: none;}
.resizable-table th.resizable-column .theder-label{ cursor: move;}

/* Resizer CSS */
.resizable-table .resizer {height: 22px; margin: 4px 0; background: linear-gradient(to right, #f7f7f7 0, #f7f7f7 80%, #e0e0e0 85%, #e0e0e0 90%, #f7f7f7 90%, #f7f7f7 100%);  position: absolute;  right: 0;  top: 0;  width: 18px; cursor: ew-resize !important;  z-index: 1;}
/* .resizable-table .resizer {position: absolute;  right: 0;  top: 0;  width: 18px; height: 100%; cursor: ew-resize !important;  z-index: 1;} */
/* height: 100%; margin: 0;  */
.resizable-table .resizer:hover, 
.resizable-table .resizer.hover-effect{height: 100%; margin: 0; background: linear-gradient(to right, #f7f7f7 0, #f7f7f7 70%, #8CB7E4 70%, #8CB7E4 90%, #f7f7f7 90%, #f7f7f7 100%);}

/* Drag over visual */
.resizable-table th.resizable-column .custom-control {display: inline-block !important;}
.resizable-table th.resizable-column.drag-over {  outline: 2px dashed #0068d8;}

/* Dropdown for column toggle */
.toolbar.toolbar-tab { position: absolute; top: -46.5px; right: 0;}
.toolbar .dropdown {  position: relative;  display: inline-block;}
.toolbar.toolbar-tab .dropdown-column {right: 0;}
.toolbar .dropdown-column {  display: none;  position: absolute;  background-color: white;width: max-content;  min-width: 150px;  border: 1px solid #e0e0e0;border-radius: 8px;  z-index: 2; box-shadow: 0px 2px 8px 0px #00000033;}
.toolbar .dropdown:hover .dropdown-column {  display: block;}
.toolbar .dropdown-column .dropdown-column-list{max-height: calc(100vh - 205px); overflow: auto;}
/* .toolbar .dropdown-column .dropdown-column-list label:first-child, .toolbar .dropdown-column label:first-child{margin-top: 12px;} */
.toolbar .dropdown-column label {padding: 6px 12px; display: flex; align-items: center;gap: 6px;font-size: 12px;line-height: 14px;color: #212121;}
.toolbar .dropdown-column input[type="checkbox"]{width: 14px;height: 14px; accent-color: #0068d8;}
.toolbar .dropdown-column p{font-size: 12px;line-height: 14px;color: #757575;padding: 10px 14px;}
.toolbar .dropdown-column .reset-btn{display: flex;align-items: center;gap: 8px;font-size: 12px;line-height: 14px;font-weight: 500;color: #212121;padding: 6px 16px 6px 10px;margin: 6px 0; cursor: pointer;}
.toolbar .dropdown-column .reset-btn:hover{background-color: #eeeeee;}
/*  */
.resizable-table .selected-row-position{position: relative; z-index: 2;}
/* Sticky column */
.resizable-table .sticky-column{  position: sticky; background-color: #ffffff; z-index: 1;}
.resizable-table tr:hover td.sticky-column{ background-color: #F0F6FD;}
.resizable-table .rs-0{right: 0px;}
.resizable-table .rs-50{right: 50px;}
.resizable-table .rs-100{right: 100px;}
.resizable-table .rs-150{right: 150px;}
.pl-108px{padding-left: 108px !important;}
/* Resizable Grid End */

.tooltip-icon .text-tooltip.bottom-right{top: 30px;left: unset;right: -100%;}
.tooltip-icon .text-tooltip.bottom-right:before{top: -14px;right: 26px;transform: rotate(90deg);}
.tooltip-icon .text-tooltip.bottom-right:after{top: -13px;right: 26.5px;transform: rotate(90deg);}

.progress-bar-block{border-bottom: 1px solid #e0e0e0;padding: 12px 24px;}
.progress-bar-block .title { font-size: 22px; color: #101010; font-weight: 600; }
.reactivate-contact-modal.task-list-data .heading-dialog .list-header{padding: 16px 20px;}
.reactivate-contact-modal .common-table{overflow: auto;max-height: calc(100vh - 235px);}
.reactivate-contact-modal .common-table .table tr td:first-child, .reactivate-contact-modal .common-table .table tr th:first-child {padding-left: 20px;}
.reactivate-contact-modal .list-header .list-sub-title{font-size: 14px;line-height: 20px;color: #424242;font-weight: 400;padding-left: 14px;display: inline-block;vertical-align: middle;}
.reactivate-contact-modal .eligible-name.green{color: #4CAF50 !important; width: 100px; display: flex; justify-content: space-between; padding-right: 10px;}
.reactivate-contact-modal .eligible-name.orange{color: #F58300 !important; width: 100px; display: flex; justify-content: space-between; padding-right: 10px;}
.reactivate-contact-modal .eligibility-icon svg{width: 22px;height: 22px;}