@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');

* {margin:0; padding:0; outline:0; -webkit-box-sizing:border-box; box-sizing:border-box; list-style:none;}
body {font-size:15px; line-height:normal; color: #000; font-family: 'Ubuntu', sans-serif; background-color: #ebeff2;}
a {outline:none; text-decoration:none; color:#282828; cursor: pointer; -webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s;}
a:hover {text-decoration:none;}
input, textarea, select {font-size:14px; color:#282828; vertical-align:middle; font-family: 'Ubuntu', sans-serif;outline:none;}
input[type="button"], input[type="submit"], button {-webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s; -moz-appearance:none; -webkit-appearance:none; appearance:none; border: none; cursor: pointer;}
select {appearance: none; -ms-appearance: none; -webkit-appearance: none;}
select::-ms-expand {display: none;}
.transition {-webkit-transition:ease-in-out .5s; -moz-transition:ease-in-out .5s; -ms-transition:ease-in-out .5s; -o-transition:ease-in-out .5s; transition:ease-in-out .5s;}
img {border:none; vertical-align:top; max-width:100%;}
.tac {text-align:center;}
.tar {text-align:right;}
.vAlign {vertical-align:middle;}
.mainCon {width:100%; position:relative; min-height:100vh; padding: 60px 0 0 0;}
.container {max-width:100%; width: 100%; margin:auto; padding:0 25px;}
.flexBox {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}
.menu-flexBox {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;}

.flexBox.nowrap {flex-wrap: nowrap;}
.itemCenter {-webkit-align-items: center; -ms-align-items: center; align-items: center;}
.spacebetween {justify-content: space-between; -webkit-justify-content: space-between;}
.material-icons {font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';}

.kpiBox-header {background: #fff; padding: 15px 20px; margin-top: 20px; align-items: center;}
/* width */
::-webkit-scrollbar {width: 5px;}
::-webkit-scrollbar-track {background: #eee;}
::-webkit-scrollbar-thumb {background: #ccc;}
::-webkit-scrollbar-thumb:hover {background: rgba(0,0,0,.4); }

.loginBg {background-size: cover !important;}
.loginOuter {min-height: 100vh; padding: 15px; width: 100%; justify-content: center;}
.loginInner {width: 100%;}
.loginLogo {padding-bottom: 30px;}
.loginBox {max-width: 600px; width: 100%; margin: auto; background: rgba(0,0,0,.8); border-radius: 8px; overflow: hidden; padding: 35px;}
.loginHd {color: #fff; font-size: 32px; font-weight: 700; padding-bottom: 20px;}
.fieldBox {margin-bottom: 20px;}
.formField {font-size: 15px; color: #fff; font-weight: 400; display: block; padding-bottom: 8px;}
.formInput {width: 100%; border: 1px solid #c3c3c3; border-radius: 6px; padding:13px 15px; font-size: 14px; font-weight: 500;}
.formInput:focus {border: 1px solid #258dde;}
.formSelect {width: 100%; background: #fff url(../images/select_arrow.png) no-repeat right 10px center; border: 1px solid #c3c3c3; border-radius: 6px; padding:13px 40px 13px 15px; font-size: 14px; font-weight: 500;}
.formSelectSorting {background: #fff url(../images/select_arrow.png) no-repeat right 10px center; border: 1px solid #c3c3c3; border-radius: 6px; padding:5px 30px 5px 5px; font-size: 12px; font-weight: 500;}
.formSelect:focus {border: 1px solid #258dde;}
.loginBox .formInput {padding: 15px;}
.rem {color: #fff; font-size: 13px; font-weight: 500;}
a.fp {color: #fff; font-size: 13px; font-weight: 500;}
a.fp:hover {text-decoration: underline;}
.checkWrapper {position:relative; width:24px; height:24px; display:inline-block; vertical-align:middle; margin:0 5px 4px 0;}
.checkInpt {opacity:0; height:24px; width:24px; position:absolute; top:0; left:0; z-index:2; margin:0;}
.checkInpt + .bg {height:24px; width:24px; display:inline-block; position:absolute; top:0; left:0; z-index:1; border:2px solid #dcdcdc; background:#fff; border-radius: 6px;}
.checkInpt:checked + .bg {background:#1c4d7e url(../images/check_icon.png) no-repeat center; border: 2px solid #1c4d7e;}
.formBtn {margin-top: 10px; font-size: 18px; color: #fff; font-weight: 500; background: #0069be; border-radius: 6px; padding: 12px 35px;}
.formBtn:hover {opacity: .8;}
.formBtn.large {height: 50px;}
.formBtn.full {width: 100%;}
.formBtn:disabled {background: #ccc !important; color: #999 !important; cursor: not-allowed;}
.formBtn:disabled:hover {opacity: 1;}

.header {background: #0e213c; width: 100%; height: 60px; position: fixed; left: 0; top: 0; z-index: 101;}
.logo {padding: 0 20px; width: 160px;}
.logo img {width: 120px;}
.headRight {width: calc(100% - 160px);}
a.showMobMenu {display: none;}
.menu ul li {font-size: 16px; margin-left: 30px;}
.menu ul li a {color: #fff;}
.menu ul li a:hover, .menu ul li a.active {color: #ff6b06;}
.menu ul li a .count {min-width: 18px; padding:0 4px; height: 18px; background: #ff6b06; border-radius: 100%; display: inline-block; font-size: 10px; text-align: center; line-height: 20px; vertical-align: top; color: #fff !important;}

a.notificationLink {display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.4); width: 60px; height: 60px; position: relative;}
a.notificationLink .icon {font-size: 28px; width: 28px; height: 28px; color: #fff;}
a.notificationLink .count {width: 22px; height: 22px; background: #ec4673; border-radius: 100%; color: #fff; font-size: 11px; text-align: center; line-height: 22px; position: absolute; right: 0; top: 3px;}
a.notificationLink:hover .icon {color: #ff6b06;}

.accountBox {position: relative; border-left: 1px solid rgba(255,255,255,.3); background: rgba(0,0,0,.4); }
a.accountLink {display: flex; height: 100%; padding: 0 15px; align-items: center; color: #fff; font-size: 14px;}
a.accountLink:hover {color: #ff6b06;}
.accountList {width: 280px; position: absolute; right: 0; top: 100%; background: #0e213c; border-radius: 0 0 4px 4px; overflow: hidden; box-shadow: 0 0 10px rgba(0,0,0,.4); display: none;}
.accountList ul {background: rgba(0,0,0,.4);}
.accountList ul li {border-bottom: 1px solid rgba(255,255,255,.1);}
.accountList ul li:last-child {border-bottom: none;}
.accountList ul li.mail {border-bottom: 1px dashed rgba(255,255,255,.3); color: rgba(255,255,255,.3); font-size: 13px; padding: 15px;}
.accountList ul li a {display: block; padding: 15px; color: rgba(255,255,255,.3);}
.accountList ul li a:hover {background: #ff6b06; color: #fff;}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropbtn {
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #0e213c;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.midCon {padding: 20px;}
.leadLeft {width: calc(50% - 10px);}
.saerchBox {width: 65%; padding-right: 100px; position: relative;}
.searchInput  {width: 100%; border: 1px solid #eee; border-right: none; padding: 12px; border-radius: 6px 0 0 6px;}
.searchInput:focus {border: 1px solid #258dde; border-right: none;}
.searchBtn  {position: absolute; right: 0; top: 0; color: #fff; width: 100px; height: 100%; background: #258dde; border: none;}
.searchBtn:hover {opacity: .9;}
.addBtn {border: 1px solid #e3e3e3; border-radius: 6px; padding: 13px 15px; font-size: 14px; color: #0069be; background: rgb(237,241,242); background: -moz-linear-gradient(top,  rgba(237,241,242,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top,  rgba(237,241,242,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom,  rgba(237,241,242,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf1f2', endColorstr='#ffffff',GradientType=0 );}
.addBtn:hover {opacity: .8;}
.mb20 {margin-bottom: 20px;}

.tableBox {overflow: hidden; width: 100%; border: 1px solid #e3e3e3; overflow-y: scroll;}
.tableBox table {width: 100%; border-spacing: 0;table-layout:fixed}
.tableBox thead th {background: #f1f3f5; font-weight: 500; font-size: 16px; padding:12px 10px; text-align: left;}
.tableBox tbody td {border-top: 1px solid #e3e3e3; background: #f8f9fa; padding: 15px 10px; font-size: 15px;}
.casesTableBox thead th {background: #f1f3f5; font-weight: 500; font-size: 12px; text-align: left;}
.casesTableBox tbody td {border-top: 1px solid #e3e3e3; background: #f8f9fa; padding: 15px 3px; font-size: 12px;}
.litigationTableBox thead th {background: #f1f3f5; font-weight: 500; font-size: 12px; padding:12px 10px; text-align: left;}
.litigationTableBox tbody td {border-top: 1px solid #e3e3e3; background: #f8f9fa; padding: 15px 10px; font-size: 12px;}
.tableBox tbody tr:nth-child(odd) td {background: #fff;}
.tableBox tbody tr:hover td, .tableBox tbody tr.active td {background: #fffaf7;}
.tableBox tbody td .mobHd {display: none;}
.tableBox tbody .nowrap {white-space: nowrap;}
.showData {cursor: pointer;}
.tableBox tbody .clickOnClient .nowrap {cursor: pointer;}

.paging {display: flex;}
.paging ul { border-radius: 6px; display: flex;}
.paging ul li a {display: block; padding: 8px 12px; border: 1px solid #d3d3d3; margin-left: -1px;}
.paging ul li:first-child a {border-radius: 4px 0 0 4px;}
.paging ul li:last-child a {border-radius: 0 4px 4px 0;}
.paging ul li a:hover {background: #eee; color: #333;}
.paging ul li.active a {background: #0069be; border: 1px solid #0069be; color: #fff;}

.leadRight {width: calc(50% - 10px);}
.whtBox {background: #fff; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,.1);}

.sticky-file-close-banner,
.sticky-active-litigation-banner,
.sticky-header {
    position: sticky;
    z-index: 100; 
}
.sticky-file-close-banner {position: sticky; background-color: red; top: 63px;}
.sticky-active-litigation-banner {position: sticky; background-color: green; top: 149px;}

.lvdetailOut {height: 100%; display: flex; align-items: center; justify-content: center;}
.lvdetail {text-align: center; padding: 25px; font-size: 24px; line-height: 36px; font-weight: 700; color: rgba(0,0,0,.2);}
.lvdetail .icon {font-size: 80px; width: 80px; height: 80px; display: block; margin: 0 auto 10px auto;}
.grayBg {background: #f8f8f8;}
.leadDetTop {padding: 10px 15px;}
.leadDetTop .name {font-size: 16px; font-weight: 700;}
.leadDetTop .name span {font-size: 13px; color: #999; font-weight: 400;}

.toggle-icon {position: absolute; left: 711px; top: 50%; cursor: pointer; font-size: 25px; transition: none; margin-top: -10px; width: 22px; height: 19px; background-color: #6c757d82; color: #ffffff; text-align: center; line-height: 8px; font-weight: 600;}
.toggle-container {position: relative; padding-right: 24px;}
.category-section {display: none;}
.toggle-icon.rotated {transform: rotate(180deg);}

.deleteBtn {border: 1px solid #e3e3e3; display: flex; align-items: center; border-radius: 3px; height: 28px; padding: 0 10px; font-size: 13px; color: #0069be; background: rgb(237,241,242); background: -moz-linear-gradient(top,  rgba(237,241,242,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top,  rgba(237,241,242,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom,  rgba(237,241,242,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf1f2', endColorstr='#ffffff',GradientType=0 );}
.deleteBtn:hover {opacity: .8;}
.deleteBtn .icon {vertical-align: middle; margin: 0 5px 0 0; font-size: 18px; width: 18px; height: 18px;}
.convertBtn {margin-left: 10px; display: flex; align-items: center; border-radius: 3px; height: 28px; padding: 0 10px; font-size: 13px; color: #fff; background: rgb(255,147,76); background: -moz-radial-gradient(center, ellipse cover,  rgba(255,147,76,1) 0%, rgba(255,107,6,1) 100%); background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,147,76,1) 0%,rgba(255,107,6,1) 100%); background: radial-gradient(ellipse at center,  rgba(255,147,76,1) 0%,rgba(255,107,6,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff934c', endColorstr='#ff6b06',GradientType=1 );}
.convertBtn:hover {opacity: .8;}
.addNote-button {
    margin-left: auto;
}
.leadDetBot {padding:15px;}
.leadForm {margin: -7px;}
.leadForm li {width: 50%; padding: 7px;}
.leadForm li.full {width: 100%;}
.leadForm li .formField { color: #000; font-weight: 500;}
.leadForm li .formInput {padding: 12px;}
.optionBox {margin: -5px; padding-top: 5px; width: 100%;}
.optionBox .option {padding: 5px; width: 33.33%; font-size: 14px; color: #333;}
.radioWrapper {position:relative; width:20px; height:20px; display:inline-block; vertical-align:middle; margin:0 5px 3px 0;}
.radioInpt {opacity:0; height:20px; width:20px; position:absolute; top:0; left:0; z-index:2; margin:0;}
.radioInpt + .bg {height:20px; width:20px; display:inline-block; position:absolute; top:0; left:0; z-index:1; border:2px solid #dcdcdc; background:#fff; border-radius: 100%;}
.radioInpt:checked + .bg {background:#1c4d7e; border: 2px solid #1c4d7e;}
.radioInpt:checked + .bg:after {content: ''; width: 10px; height: 10px; background: #fff; position: absolute; left: 3px; top: 3px; border-radius: 100%;}


.historyBox {border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.hostoryHd {font-weight: 500; font-size: 16px; padding: 10px 0 10px 24px; position: relative; cursor: pointer;}
.hostoryHd .count {display: inline-block; width: 20px; height: 20px; background: #ff6b06; color: #fff; font-size: 13px; border-radius: 100%; vertical-align: top; text-align: center; line-height: 20px;}
.hostoryHd .arrow {position: absolute; left: 0; top: 8px;}
.hostoryHd.active .arrow {transform: rotate(90deg);}
.historyList li {padding-bottom: 10px; font-weight: 700;}
.historyList li .hd {background: #ff6b06; display: inline-block; border-radius: 4px; padding: 6px 10px; color: #fff; font-size: 12px; margin-right: 10px; font-weight: 400;}
.historyList li .text {display: block; color: #666; padding-top: 5px; font-size: 13px; font-weight: 400;}
.historyList li .time {color: #999; white-space: nowrap; padding-left: 10px; font-weight: 500;}
.formBtn.logBtn {padding: 8px 15px; margin-top: 0; font-size: 14px; color: #fff; background: rgb(255,147,76); background: -moz-radial-gradient(center, ellipse cover,  rgba(255,147,76,1) 0%, rgba(255,107,6,1) 100%); background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,147,76,1) 0%,rgba(255,107,6,1) 100%); background: radial-gradient(ellipse at center,  rgba(255,147,76,1) 0%,rgba(255,107,6,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff934c', endColorstr='#ff6b06',GradientType=1 );}

.overlay {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.8); z-index: 101; overflow: auto; display: none;}
.popupInner {display: flex; align-items: center; width: 100%; padding: 15px; min-height: 100%;}
.popupBox {width: 100%; position: relative; max-width: 800px; border-radius: 6px; margin: auto; background: #fff;}
.close {position: absolute; right: 17px; top: 17px; cursor: pointer; color: #ccc;}
.close span {font-size: 32px;}
.popupBox .popupHd {background: #0e213c; padding: 20px; border-radius: 6px 6px 0 0; color: #fff; font-size: 22px; font-weight: 700;}
.popupBtn {border-top: 1px solid #eee; padding: 20px;}


.summaryFormItem {
    margin-bottom: 20px;
}

.flexRow {
    display: flex;
    justify-content: space-between;
}

.halfWidth {
    width: 48%;
    padding: 20px;
}

.fullWidth{
    padding: 20px;
}

.formGroup {
    display: flow;
    margin-bottom: -14px;
}

.formLabel {
    display: block;
    margin-bottom: 5px;
}

.input-spacing {
    margin-bottom: 10px;
}

.input-wrapper {
    position: relative;
    width: 100%;
}

.formInput {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
}

textarea.formInput {
    height: 80px;
}


.popupBtn {
    margin-top: 20px;
}

.halfBtnn {
    width: 48%;
}

.summaryFormBtn {
    padding: 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.summaryFormInput {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    margin-bottom: 15px;
}

.summaryPopupBtn .summaryMaybeLaterBtn,
.summaryPopupBtn .summarySendSummaryBtn {
    width: 48%;
    padding: 10px;
    border-radius: 4px;
    font-size: 1em;
}

.summaryMaybeLaterBtn {
    background-color: #ccc;
    color: #333;
}

.summarySendSummaryBtn {
    background-color: #007bff;
    color: #fff;
}

.flexContainer {
    display: flex;
    gap: 15px;
}

.half {
    flex: 1;
}
input.formInput[readonly] {
    background-color: #d3d3d3;
    cursor: not-allowed;
}

.form {margin: -10px; padding: 20px;}
.pad0 {padding: 0 !important;}
.form li {width: 50%; padding: 10px;}
.form li.oneThird {width: 33.33%;}
.form li.full {width: 100%;}
.form li .formField { color: #000; font-weight: 500;}
.mt0 {margin-top: 0 !important;}

.stepSidebar {width: 300px; position: fixed; top: 60px; left: 0; height: calc(100% - 60px); border-right: 2px solid rgba(0,0,0,.2); padding: 20px; overflow: auto;}
.stepList li {background: #fff; margin-bottom: 10px; position:relative;}
.stepList li a {padding: 20px 20px 20px 60px; font-size: 14px; display: block; font-weight: 500; position: relative;}
.stepList li a span {display: block; text-transform: uppercase; padding-bottom: 2px; font-weight: 400;}
.stepList li a .count {color: #ccc; line-height: 26px; background: #fafafa; border: 2px solid #d4dae1; width: 30px; height: 30px; border-radius: 100%; text-align: center; position: absolute; left: 15px; top: 50%; margin-top: -15px;}
.stepList li a.active .count {background: #4ba32e; border-color: #4ba32e; color: #fff;}
.stepList li a.active1 .count {background: #ff0000; border-color: #ff0000; color: #fff;}
.showScript {background: #fff; padding: 20px; font-weight: 700; margin-top: 20px;}

.stepList li.dishable:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.1); cursor:not-allowed;}

.stepDet {width: 100%; padding: 0 0 0 280px;}
.stepTop .name {font-size: 20px; font-weight: 700;}
.stickyHeader .inner-wrapper-sticky {z-index: 100;}

.mt20 {margin-top: 20px;}
.mt10 {margin-top: 10px;}
.pr {position: relative;}
.stepHd {padding: 15px; font-size: 18px; line-height: 20px; font-weight: 700; background: #f7f7f7; border-left: 3px solid #333; text-transform: uppercase;}
.stepSubHd {font-size: 16px; line-height: 20px; padding: 10px 0; font-weight: 800; border-bottom: 1px solid #e3e3e3; margin-bottom: 15px;}
.contentBox p {font-size: 14px; line-height: 24px; margin-bottom: 15px;}
.contentBox p strong {font-weight: 700;}
.require {color: red; font-style: normal;}
.require.small {font-size: 11px;}
.dateIcon {position: absolute; right: 10px; top: 10px; color: #999;}
.checkIcon {position: absolute; right: 0; top: 0; border-left: 1px solid #c3c3c3; width: 40px; height: 100%; display: flex; align-items: center; justify-content: center; color: #999;}
.checkIcon span {font-size: 16px; width: 16px; height: 16px;}
.currentAddress {background: #f8f8f8;}
.addressHd {border-bottom: 1px solid #ccc; padding: 15px 20px;}
.addressHd .hd {font-size:18px; font-weight: 700; text-transform: uppercase;}

.dateRangeBox {border: 1px solid #c3c3c3; overflow: hidden; background: #fff; height: 44px; border-radius: 6px; position: relative;}
.dateRangeBox .icon {width: 45px; min-width: 45px; border-right: 1px solid #c3c3c3; display: flex; align-items: center; justify-content: center;}
.dateRangeBox .dateInput {width: 100%; border: none; height: 44px; padding: 0 10px; background: none;}
.dateRangeBox .to {width: 45px; min-width: 45px; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; display: flex; align-items: center; justify-content: center; color: #999;}
.dateInput:read-only {background: #e4e4e4; color: #666;}

.addressCon .currentAddress:nth-child(1) .remove {display: none;}
.addressCon .currentAddress .add {display: none;}
.addressCon .currentAddress:last-child .add {display: block;}
.addressCon .currentAddress:nth-child(1) .presentDate {display: block;}
.addressCon .currentAddress .presentDate {display: none;}
.addressCon .currentAddress:nth-child(1) .oldDate {display: none;}

.halfthirdBtn {width: calc(33% - 10px);}
.halfBtn {width: calc(50% - 10px);}
.formBtn.back {background: #999;}
.optionBoxSmll {margin: 0 -20px; padding-top: 5px; width: 100%;}
.optionBoxSmll .optionSmll {padding: 5px 20px; font-size: 14px; color: #333;}
.optionBoxSmll .optionSmll label {display: flex; align-items: center;}
.optionBoxSmll .optionSmll label .radioWrapper {margin: 0 6px 0 0;}

.stepTab {background: #f8f8f8; padding: 5px;}
.stepTab li {width: 16.66%; text-align: center; padding:10px 5px; position: relative;}
.stepTab li:before {content: ''; width: 50%; height: 2px; background: #d9d9d9; position: absolute; top: 24px; left: 0;}
.stepTab li:after {content: ''; width: 50%; height: 2px; background: #d9d9d9; position: absolute; top: 24px; right: 0;}
.stepTab li:first-child:before {display: none;}
.stepTab li:last-child:after {display: none;}
.stepTab li a {display: block; font-size: 13px;}
.stepTab li a span {display: block; margin:0 auto 10px auto; border: 2px solid #d9d9d9; width: 32px; height: 32px; border-radius: 100%; background: #FFF; line-height: 28px; font-weight: 500; color: #999; position: relative; z-index: 10;}
.stepTab li a.active span {background: #4ba32e; border-color: #4ba32e; color: #fff;}
.exTextbox {padding: 5px 0 0 0; font-size: 13px; color: #999;}
.exTextbox a {color: #0069be;}
.blueBox {background: #f3f9fe; border: 1px dashed #0069be; padding:15px 20px; border-radius: 4px;}
.blueBox li {position: relative; color: #0069be; padding: 5px 0 5px 15px;}
.blueBox li:before {content: ''; width: 6px; height: 6px; background: #0069be; border-radius: 100%; position: absolute; left: 0; top: 11px;}

:disabled {cursor:not-allowed;}
.priceInputBox {border: 1px solid #eee; display: flex; background: #fff;}
.priceInputBox span {width: 30px; border-right: 1px solid #eee; text-align: center; padding: 8px;}
.priceInputBox input {width: 100%; min-width: 120px; border: 1px solid #fff; padding: 5px 10px;}
.priceInputBox input:focus {border: 1px solid #0069be;}

.priceTable {overflow: auto; width: 100%;}
.priceTable table {width: 100%; border-spacing: 1px; background: #e3e3e3;}
.priceTable thead th {background: #f1f3f5; font-weight: 500; font-size: 16px; padding:12px 10px; text-align: left;}
.priceTable tbody td {background: #fff; padding:10px; font-size: 15px; color: #333;}
.priceTable tbody tr:hover td, .tableBox tbody tr.active td {background: #fffaf7;}
.otherInput {width: 180px; padding: 10px; border: 1px solid #eee; margin-left: 5px;}
.totalPrice {background: #f8f8f8; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 15px 10px;}

.blueTextBox {background: #f3f9fe; border: 1px dashed #0069be; padding:10px 20px; margin-bottom: 20px !important; border-radius: 4px;}
.mt5 {margin-top: 5px;}

.form.maritalStatusForm {flex-wrap: nowrap;}
.form.maritalStatusForm li {width: 100%;}
.list {padding-bottom: 20px;}
.list li {position: relative; padding: 5px 0 5px 15px;}
.list li:before {content: ''; width: 6px; height: 6px; background: #333; border-radius: 100%; position: absolute; left: 0; top: 11px;}

.optionBox.column4 .option { width: 25%;}
.blueBtn {margin-left: 10px; display: flex; align-items: center; border-radius: 3px; height: 28px; padding: 0 10px; font-size: 13px; color: #fff; background: #258dde; white-space: nowrap;}
.blueBtn:hover {opacity: .8;}

.infoList {margin: -10px;}
.infoList li {padding: 10px; width: 33.33%;}
.infoList li span {display: block; color: #8994a3; padding-bottom: 5px;}
.infoList li a {color: #0069be;}
.noResult {text-align: center; padding: 15px; font-size: 18px; line-height: 32px; font-weight: 700; color: rgba(0,0,0,.2);}
.noResult .icon {font-size: 60px; width: 60px; height: 60px; display: block; margin: 0 auto 5px auto;}
.popupBox.smallPopup {max-width: 400px;}
.infoIcon {text-align: center; padding: 10px;}
.infoIcon span {font-size: 62px; width: 62px; height: 62px; font-weight: 300; color: #0069be;}
.ml10 {margin-left: 10px;}
.pad20 {padding: 20px;}
.ml0 {margin-left: 0 !important;}
.statusList {background: #f8f8f8; border: 1px solid #d9d9d9; padding: 15px;}
.statusList li {width: 33.33%; padding: 5px; color: #ec4673;}
.statusList li strong {font-weight: 700; color: #000; margin-right: 5px;}
.showAttachement { position: relative; cursor: pointer; padding-left: 24px;}
.showAttachement .arrow {position: absolute; left: 0; top: 8px;}
.showAttachement.active .arrow {transform: rotate(90deg);}
.attachmentHd {border-bottom: 1px solid #d9d9d9; font-size: 22px; font-weight: 700;}
.saerchBox.full {width: 100%;}
.rcHd {font-weight: 700; padding-bottom: 10px; font-size: 16px; color: #0069be;}

.material-icons {
  position: relative;
  left: 10px;
}


.cardBox {background: #f8f8f8; padding: 15px 0;}
.cardBox li {width: 33.33%; padding: 0 10px; font-size: 14px; color: #8994a3; border-right: 1px solid #e3e3e3; text-align: center;}
.cardBox li:last-child {border: none;}
.cardBox li strong {display: block; font-size: 16px; color: #000; padding-bottom: 5px;}
.paymentLeft {width: 34%; padding-right: 20px;}
.paymentRight {width: 66%;}
.blueBtn .pluseIcon {font-size: 18px; width: 18px; height: 18px; margin-right: 5px;}
a.blueLink {color: #0069be;}
a.blueLink:hover {opacity: .7;}
.sep {border-bottom: 1px dashed #eee; padding-bottom: 20px;}
.clientAddress {font-size: 13px; color: #258dde;}
.pb0 {padding-bottom: 0 !important;}
.blueClr {color: #258dde;}

.addBtn .icon {font-size:20px; margin-right: 5px; vertical-align: middle;}
.manageBox {margin-right: 10px; position: relative;}
.manageMenu {position: absolute; z-index: 101; display: none; right: 0; top: 100%; margin: -4px 0 0 0; width: 180px; background: #fff; border: 1px solid #e3e3e3;}
.manageMenu li {border-bottom: 1px solid #e3e3e3;}
.manageMenu li:last-child {border-bottom: none;}
.manageMenu li a {display: block; padding: 10px 20px; font-size: 14px;}
.manageMenu li a:hover {background: #eee;}
.grayClr {color: #999;}
.checklistIcon {color: #ccc; vertical-align: middle;}
.warningBox {border: 1px dashed #ff534c; position: relative; color: #ff534c; background: rgba(255,83,76,.05); padding: 15px 50px 15px 15px; border-radius: 4px;}
.closeWarning {position: absolute; right: 10px; top:10px; font-size: 18px; color: #999; cursor: pointer;}
.formField .small {font-size: 12px; color: #999;}
.totalBox {font-size: 18px; padding: 15px 0; font-weight: 800; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; margin-bottom: 15px;}

.addFilter {position: relative;}
.addFilter .addBtn {border: 1px dashed #ccc;}
.addFilter .addBtn:hover {border-color: #258dde;}

.filterInner {margin: -5px; padding-right: 10px;}
.filterInner .filterTag {background: #eee; margin: 5px; border: 1px solid #eee; border-radius: 4px; padding: 12px 15px; margin-right: 10px;}
.filterInner .filterTag .icon {font-size: 20px; margin-left: 5px; color: #999; cursor: pointer;}

.filterMenu {position: absolute; display: none; left: 0; top: 100%; margin: -4px 0 0 0; width: 180px; background: #fff; border: 1px solid #e3e3e3;}
.filterMenu li {border-bottom: 1px solid #e3e3e3;}
.filterMenu li:last-child {border-bottom: none;}
.filterMenu li a {display: flex; align-items: center; padding: 10px 15px; font-size: 14px;}
.filterMenu li a:hover {background: #eee;}
.filterMenu li a .icon {font-size: 20px; color: #666; margin-right: 5px;}

.paymentPoup {position: absolute; left: 0; top: 0; display: none; background: #fff; border-radius: 4px; overflow: hidden; width: 380px; box-shadow: 0 0 10px rgba(0,0,0,.2);}
.paymentPoup .popupHd {background: #0e213c; padding: 12px; color: #fff; font-size: 19px; font-weight: 700;}
.paymentPoup .close {right: 12px; top: 12px;}
.paymentPoup .close span {font-size: 24px;}
.paymentPoup .formBtn {font-size: 16px;}
.paidInfo .left {width: 45%; padding-right: 15px;}
.paidInfo .right {width: 55%; position: relative; padding-right: 60px;}
.paidInfo .right .type {position: absolute; right: 0; top: 0; width: 70px; border-radius: 0 6px 6px 0;}

.assetsSap {border-bottom: 1px dashed #ccc;}
.assetsSubHd {font-size: 18px; font-weight: 600; padding-bottom: 15px;}
.defaultAddress {font-size: 13px; margin: -4px 0 0 0;}
.form li.oneThirdHalf {width: 16.66%;}
.checkLink a {color: #258dde; margin: 0 5px;}
.addBtn.full {width: 100%; text-align: center;}
.form li.oneFourth {width: 25%;}

/* Side Nav Style */

.click-ClientName {cursor: pointer;}
.sidernav {width: 160px; height: calc(100% - 60px); padding: 30px 0 40px; background: #182f4f; overflow: auto; position: fixed; top: 60px; left: -100%; z-index: 1; transition: all 0.3s;}
.sidernav.open-sidernav {left: 0px;}
.sidernav ul {padding: 0;}
.sidernav ul li a {position: relative; display: block; padding: 10px 15px; width: 100%; color: #fff; line-height: 25px; opacity: .5;}
.sidernav ul li.active a,
.sidernav ul li:hover a {background: #ff6b06; opacity: 1;}
.midCon.padding-left-180 {padding-left: 180px;}
.midCon.padding-left-50 {padding-left: 50px;}

/* Communication page style  */

.div-clear:after,
.div-clear:before {content: " "; display: table; clear: both;}
.communication-page {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.communication-row {margin-left: -10px; margin-right: -10px; display: flex; flex-wrap: wrap;}
.communication-leftBox {width: 33.33333333%; padding-right: 10px; padding-left: 10px;}
.margin-b20 {margin-bottom: 20px;}
.box-white {position: relative; background: #fff;}
.box-white .box-title {position: relative; padding: 14.5px 20px; line-height: 30px; font-size: 16px; color: #142947; font-weight: 700; border-bottom: 1px solid #e3e3e3;}
.inline-block {display: inline-block;}
.box-white .box-content {position: relative; padding: 20px;}
.display-table {display: table; width: 100%; table-layout: fixed;}
.table-row {display: table-row;}
.table-cell {position: relative; display: table-cell; vertical-align: top;}
.communication-client .table-cell {padding: 10px 0; border-bottom: 1px dashed #e3e3e3; word-wrap: break-word; word-break: break-all; vertical-align: middle;}
.communication-client .table-cell.title {width: 80px;}
.text-gray, .text-gray-light {color: #8994a3;}
.table-cell a {color: #188ae2;}
.communication-client .table-cell.operation {width: 100px; text-align: right;}
.btn-group {position: relative; display: inline-block; vertical-align: middle;}
.vertical-top {vertical-align: top;}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0; border-bottom-right-radius: 0;}
.btn-icon {width: 30px; height: 30px; line-height: 28px; background: #fff; border: 1px solid #e3e3e3; background-image: linear-gradient(180deg,#fefefe 0,#eee); background-repeat: repeat-x; color: #333; position: relative;}
.btn-icon span {font-size: 14px; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%);}
.emailBtn {padding: 0px !important;}
.emailBtn a {display: block; width: 100%; height: 100%; color: #333;}

.communication-rightBox {width: 66.66666667%; padding-right: 10px; padding-left: 10px;}
.margin-r10 {margin-right: 10px;}
.flex-end {justify-content: flex-end;}
.btn-default {background: #fff; border: 1px solid #e3e3e3; background-image: linear-gradient(180deg,#fefefe 0,#eee);}
.btn-xs {padding: 5px; height: 30px; font-size: 12px; border-radius: 2px; line-height: 18px; padding-left: 10px; padding-right: 10px;}
.btn-info, a.btn-info {color: #fff; border-color: #188ae2; background: #188ae2; background-image: linear-gradient(180deg,#3d9ae2 0,#1c89dd); background-repeat: repeat-x;}

.tab-content>.tab-pane {display: none;}
.tab-content>.active {display: contents;}
.list-time-line {position: relative;}
.list-time-line .time-line-item {position: relative; z-index: 3; padding-left: 20px;}
.list-time-line .time-line-item:first-child {overflow: hidden;}
.list-time-line.list-item-pb20 .time-line-item {padding-bottom: 20px;}
.list-time-line.padding-left-sm .time-line-item {padding-left: 40px;}
.list-time-line.list-item-pb20 .time-line-item:last-child {padding-bottom: 0;}

.vertical-line {width: 2px;}
.list-time-line .vertical-line {height: 100%;}
.list-time-line .time-line-item:first-child .vertical-line {top: 20px;}
.list-time-line.padding-left-sm .time-line-item .transverse-line,
.list-time-line.padding-left-sm .time-line-item .vertical-line {left: 12px;}
.transverse-line, .vertical-line {position: absolute; top: 0; left: 0; background: #dcdee0; z-index: 1;}
.transverse-line {height: 2px;}
.list-time-line .transverse-line {width: 50px;}
.list-time-line.padding-left-sm .time-line-item .transverse-line {top: 12px; width: 28px;}
.list-time-line .time-line-date,
.list-time-line .time-line-icon,
.list-time-line .time-line-pointer {position: absolute; top: 0; left: 0;}
.list-time-line .time-line-content,
.list-time-line .time-line-icon,
.list-time-line .time-line-pointer {z-index: 3;}
.tag {display: inline-block; width: 30px; height: 30px; color: #fff; text-align: center; border-radius: 50%; background: #4ba32e; position: relative;}
.time-line-icon .tag span.icon {font-size: 15px; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%);}

.list-bg-border .list-bg-item, .list-bg .list-bg-item {position: relative; background: #fff;}
.list-bg-border .list-bg-item {border: 1px solid #e3e3e3; margin-top: -1px;}
.list-bg-item.border-radius {border-radius: 4px;}
.content-padding {position: relative; padding: 15px;}
.margin-b10 {margin-bottom: 10px;}
.input-group {position: relative; display: table; border-collapse: separate;}
.input-group-addon {width: 1%; white-space: nowrap; vertical-align: middle; padding: 6px 12px; font-size: 14px; font-weight: 400; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; display: table-cell;}
.input-group .input-group-addon {background: #fff; border-color: #e3e3e3; color: #8994a3; border-left: none; border-right: none; min-width: 30px;}
.input-group-addon:first-child {border-top-right-radius: 0; border-bottom-right-radius: 0; border-left: 1px solid #e3e3e3;}
.input-group .form-control {position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; border: 1px solid #e3e3e3;
    padding: 10px; height: 40px; font-size: 14px; line-height: 18px; border-radius: 4px;}
.input-group .form-control:last-child {border-top-left-radius: 0; border-bottom-left-radius: 0;}
.form-control[readonly] {background-color: #f5f5f5; color: #8994a3!important;}

.form-control {position: relative; width: 100%; color: #333; border: 1px solid #e3e3e3; padding: 10px; height: 40px; font-size: 14px; line-height: 18px; border-radius: 4px; }
.textarea-limit {border: 1px solid #e3e3e3; border-radius: 2px;}
textarea.form-control {height: auto; min-height: 60px; resize: none;}
.textarea-limit textarea.form-control {border: none; background: transparent;}
.textarea-limit .num {width: 100%; padding: 5px 10px; font-size: 12px; line-height: 13px; color: #ccc; text-align: right;}
.checkbox {display: inline-block; position: relative; margin: 0; padding: 10px 0 10px 30px; font-weight: 400; cursor: pointer; vertical-align: top; }
.checkbox.control-sm {padding: 5px 0 5px 30px;}
.checkbox input[type=checkbox] {opacity: 0; position: absolute; width: 100%; height: 100%; top: -5px; left: 20px; z-index: 10; }
.checkbox .control-icon {position: absolute; top: 0; left: 0; width: 20px; height: 20px; text-align: center; border-radius: 4px; display: block; top: 50%; margin-top: -10px; border: 1px solid #d4dae1; }
.checkbox input[type=checkbox]:checked+.control-icon {background: #4ba32e; border-color: #4ba32e; }
.checkbox .control-text {display: inline-block; float: left; line-height: 20px;}
.control-icon:after {content: ''; height: 12px; width: 5px; border-bottom: 2px solid #ffffff; border-right: 2px solid #ffffff; transform: rotate(45deg); display: none; }
.checkbox input[type=checkbox]:checked+.control-icon:after {display: inline-block;}

.list-inline.list-inline-sm .inline-item {padding-left: 5px; padding-right: 5px; position: relative; display: inline-block; float: left;}
.edit-date {width: 100%; clear: both;}
.edit-date .select-date, .edit-date .select-time {width: 50%; display: inline-block; float: left;}
.edit-date .select-date, .edit-date .select-date input.form-control {padding-right: 10px;}
select.form-control.no-arrow {background: #fff;}
.input-group .form-control:first-child {border-top-right-radius: 0; border-bottom-right-radius: 0;}
.select-time .input-group .input-group-addon {border-radius: 0px;}
.edit-date .select-date {display: flex;}
.select-date .icon {background: #fff; border-color: #e3e3e3; color: #8994a3; border-top-right-radius: 0; border-bottom-right-radius: 0; border: 1px solid #e3e3e3; border-right: 0px; width: 30px; position: relative; }
.select-date .icon span {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); font-size: 20px; }
.select-date .dateInput.datepicker {width: calc(100% - 30px) !important; padding: 5px; height: 30px; font-size: 12px; line-height: 18px; border-radius: 2px; border: 1px solid #e3e3e3; }
select.form-control.no-arrow {background: #fff; padding: 2px 10px; height: 30px; font-size: 14px; line-height: 14px; border-radius: 0px; }

.padding-lr15 {padding-left: 15px!important; padding-right: 15px!important;}
.padding-tb15 {padding-top: 15px!important; padding-bottom: 15px!important;}
.div-clear:after,
.div-clear:before {content: " "; display: table; clear: both;}
.div-left {float: left; display: inline-block;}
.margin-b5 {margin-bottom: 5px;}
.h6 {font-size: 12px; margin-top: 0; margin-bottom: 0; line-height: 1.25;}
.bottom-dotted {border-bottom: 1px dotted #999;}
.tag-warning {background: #ff6b06;}
.tag.tag-warning.tag-icon-cricle {position: relative;}
.tag.tag-warning.tag-icon-cricle img {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%);}
.header-bar {
    position: absolute;
    top: -90px;
    right: 0;
    padding: 20px;
    width: 100%;
    line-height: 40px;
    background: #fff;
    box-sizing: border-box;
    border-radius: 2px;
}
/**/
.searchInputBox {position: relative;}
.closeSearch {position: absolute; right: 0; top: 0px; width: 30px; height: 40px; color: #bbb; cursor: pointer;  text-align: center; line-height: 40px;}
.addBtn .icon {left: auto;}
.manageBox ul.drop-list {display: none; position: absolute; top: 48px; right: 0; z-index: 5; width: 130px; background: #fff;
border: 1px solid #e3e3e3; box-shadow: 0 1px 2px rgb(0 0 0 / 10%);}
.manageBox:hover ul.drop-list {display: block;}
.manageBox ul.drop-list li a {display: block; padding: 10px 15px; font-size: 12px; font-weight: 400; color: #8994a3;
line-height: 19px; border-bottom: 1px solid #e3e3e3;}
.manageBox ul.drop-list li a:hover {color: #188ae2; background: rgba(24,138,226,.03);}
.clientTopRight .addBtn .material-icons.icon {left: auto;}
.clientTopRight .addBtn .material-icons.icon.moveVert {margin-right: 0px !important;}

/* Popup style */
.popupBox-title {margin-bottom: 15px; padding: 20px; font-size: 16px; font-weight: 700; border-bottom: 1px solid #e3e3e3;}
.uppercase {text-transform: uppercase;}
.margin-r5 {margin-right: 5px; display: inline-block;}
.text-gray-lighter {color: #ccc;}
.manageColumns-popup .form li {width: 33.333%;}
.manageColumns-popup .form li .checkbox input[type="checkbox"] {width: 100%; height: 100%; top: -5px; left: 20px; z-index: 10;}

.total-client {padding: 10px 0px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; font-size: 16px;}
.pd-20 {padding: 20px;}
.font-bold {font-weight: 700;}
.pull-right {float: right!important;}
.downloadContact-popup .dc-inputFiled li {width: 50%; padding: 10px;}
.downloadContact-popup .dc-inputFiled li .form-label {display: inline-block; margin-bottom: 5px; font-weight: 600; color: #333; line-height: 20px;}
.font-normal {font-weight: 400;}

/* Client profile page style */

.p-0 {padding: 0px !important;}
.addNote-HD {line-height: 30px; font-size: 18px; font-weight: 700;}
.Chapter-HD {line-height: 30px; font-size: 18px; font-weight: 700; color: #ccc; position: relative; margin-left: 25px;}
.Chapter-HD:before {content: ''; position: absolute; left: -13px; top: 8px; width: 2px; height: 17px; background: #ccc;}

.deleteContact-popupBox {position: relative; padding: 50px 30px; background: #fff;}
.warning-IconBox {display: block; background: #ff6b06; margin: 0 auto 20px; width: 100px; height: 100px; text-align: center; border-radius: 50%;}
.warning-IconBox span.material-icons {font-size: 42px; line-height: 100px; color: #fff;}
.dc-popup-HD {font-size: 24px; line-height: 30px; font-weight: 700; margin-bottom: 15px;}
.justifyCenter {justify-content: center; -webkit-justify-content: center;}
.more_vertBtn {padding: 2px 5px; border-radius: 4px; text-align: center;}
.more_vertBtn .icon {direction: unset; margin-right: 0px; margin-top: 2px;}
.manageBox ul.drop-list {top: auto !important;}

.btn {min-width: 40px; color: #188ae2; background: #fff; background-image: linear-gradient(180deg,#fefefe 0,#eee); border: 1px solid #e3e3e3; display: inline-block; padding: 10px; height: 40px; border-radius: 4px; line-height: 18px; padding-left: 20px; padding-right: 20px; text-align: center; cursor: pointer; white-space: nowrap;}
.btn.convertBtn {color: #fff; background: rgb(255,147,76); background: -moz-radial-gradient(center, ellipse cover, rgba(255,147,76,1) 0%, rgba(255,107,6,1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(255,147,76,1) 0%,rgba(255,107,6,1) 100%); background: radial-gradient(ellipse at center, rgba(255,147,76,1) 0%,rgba(255,107,6,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff934c', endColorstr='#ff6b06',GradientType=1 );}

.clientInfo-topSec {position: relative; padding: 14.5px 20px; line-height: 30px; font-size: 16px; color: #142947; font-weight: 700; border-bottom: 1px solid #e3e3e3;}
.clientInfo-section {padding: 0px 20px;}

.content-info .cell-avatar {position: relative; max-width: 33.33%; padding-right: 90px; text-align: center; display: table-cell;}
.content-info .cell-avatar:before {content: " "; position: absolute; top: 0; right: 90px; width: 1px; height: 100%; background: #e3e3e3; }
.cellAvatar-In {display: flex; align-items: center; height: 100%; flex-wrap: wrap; padding: 15px 20px;}
.userImage {position: relative; display: inline-block; text-align: center; width: 120px; height: 120px; vertical-align: middle; margin-bottom: 10px; }
.userName {font-size: 20px; line-height: 25px; font-weight: 700; color: #188ae2; vertical-align: middle; display: flex; align-items: center;}
.userName a {font-size: 20px; line-height: 25px; font-weight: 700; color: #188ae2;}
.userName span {display: inline-block; margin-left: 5px;}
.clinetList-info {flex: 0 0 66.666%; -ms-flex: 0 0 66.666%; max-width: 66.666%;}
.clinetList-info {padding: 30px 20px 10px;}
.clinetList-info-profile {flex: 0 0 100%; -ms-flex: 0 0 66.666%; max-width: 100%;}
.clinetList-info-profile {padding: 30px 20px 10px;}
.cp-label {color: #8994a3; font-size: 14px; font-weight: 400; line-height: 15px;}
.cp-fieldText {font-size: 20px; color: #333; padding: 5px 0; width: 100%; height: 30px; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; clear: both;}
.cp-fieldText a {color: #188ae2;}
.text-gray {color: #8994a3 !important;}
.width-75 {width: 75% !important;}
.width-25 {width: 25% !important;}
.getAddressDate-btnBox .btn {position: relative; padding-top: 12px; padding-bottom: 12px; height: auto;}

.paymentEvent-wrapper {margin-left: -10px; margin-right: -10px;}
.cp-paymentOverviewSec {max-width: 58.33333333%; flex: 0 0 58.33333333%; -ms-flex: 0 0 58.33333333%; padding-left: 10px; padding-right: 10px;}
.cp-eventLogSec {max-width: 41.66666667%; flex: 0 0 41.66666667%; -ms-flex: 0 0 41.66666667%; padding-left: 10px; padding-right: 10px;}

.border-solid-top {border-top: 1px solid #e3e3e3;}
.paymentEvent-boxCont {}
.paymentEvent-boxFooter ul {display: flex; flex-wrap: wrap;}
.paymentEvent-boxFooter ul li {flex: 0 0 33.333%; -ms-flex: 0 0 33.333%; max-width: 33.333%; padding: 20px; text-align: center; position: relative;}
.paymentEvent-boxFooter ul li:after {content: " "; width: 1px; height: 40px; position: absolute; top: 50%; right: 0; margin-top: -20px; background: #e3e3e3;}
.paymentEvent-boxFooter ul li:last-child:after {content: none;}
.paymentEvent-boxFooter ul li h6 {font-size: 14px; font-weight: 400; line-height: 15px;}
.paymentEvent-boxFooter ul li h2 {font-size: 24px; line-height: 30px; margin-top: 5px; font-weight: 600;}

.eventLog-boxCont {max-height: 370px; overflow-y: auto;}
.eventLog-listWrap ul li {border-bottom: 1px solid #e3e3e3; padding-bottom: 20px; margin-bottom: 20px;}
.eventLog-listWrap ul li:last-chil{border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px;}
.eventLog-leftBox {padding-right: 15px; width: 65px; text-align: center;}
.eventLogImg-text {width: 40px; height: 40px; background: #f5d245; border-radius: 50px; font-size: 20px; line-height: 40px; text-align: center; color: #fff;}
.eventLog-userProfile {font-size: 12px; line-height: 15px; border-radius: 2px; background: rgba(24,184,242,.15); text-align: center; padding: 2px 5px 3px; margin-top: 5px;}

.eventLog-rightBox {flex: 0 0 calc(100% - 65px); max-width: calc(100% - 65px);}
.eventLog-rightBox-in {color: #333; justify-content: space-between;}
.eventLog-messageBox b {margin-bottom: 8px; display: block;}
.eventLog-dateTimeBox {color: #ccc; padding-left: 10px;}

/* Case info page style */

.flex-fw {flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%;}
.caseInfo-section .clinetList-info {flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%;}
.caseInfo-section .clinetList-info {padding: 0px;}
.accordion-contianer {margin-top: 20px;}
.accordion {border-bottom: 1px solid #eee; background: #fff; width: 100%;}
.accordion-btn {padding: 14.5px 20px; line-height: 30px; font-size: 16px; color: #142947; font-weight: 700; background: #fff; cursor: pointer; width: 100%; text-align: left; outline: none; transition: 0.4s; position: relative;}
.accordion-btn:after {content: ""; font-size: 13px; color: #777; float: right; margin-left: 10px; background: url('../images/select_arrow.png'); position: absolute; width: 16px; height: 9px; background-repeat: no-repeat !important; top: 25px; transform: rotate(0deg);}
.active:after {transform: rotate(180deg);}

.accordion-btnWrapper .accordion-btn {width: 100%; max-width: calc(100% - 160px);}
.accordion-btnWrapper .accordion-popupBtn {position: relative; right: 20px; top: 10px;}
.panel {background-color: #fff; display: none; /*overflow: hidden;*/}
.caseInfo-section .cp-fieldText select {font-size: 20px; color: #333; width: 100%; height: 30px; line-height: 20px; clear: both; border: 0px;}
.panel-tableWrapper {padding: 20px 20px 0px;}

.assetsCart-wrapper {padding: 20px;}
.ac-list {margin-left: -10px; margin-right: -10px;}
.ac-list .ac-listBox {padding-left: 10px; padding-right: 10px; margin-top: 20px; position: relative; flex: 0 0 50%; max-width: 50%;}
.ac-list .ac-listBox:first-child,
.ac-list .ac-listBox:nth-child(2) {margin-top: 0px;}

.card-title {position: relative; padding: 20px 50px 20px 15px; font-size: 14px; font-weight: 400; color: #333;}
.card-tag {color: #188ae2; background: rgba(24,136,233,.15); display: inline-block; padding: 0 10px; line-height: 20px; text-align: center; border-radius: 4px;}
.font-bold {font-weight: 700 !important;}


/* Summary page style */
.pt-0 {padding-top: 0px !important;}
.plr-0 {padding-left: 0px !important; padding-right: 0px !important;}
.box-white.summary-boxsWrapper .box-content {border-bottom: 1px solid #e3e3e3;}
.box-white.summary-boxsWrapper .box-content:last-child {border-bottom: 0px solid #e3e3e3;}
.summary-feesSection .paymentEvent-boxFooter ul li {text-align: left; display: flex; flex-wrap: wrap;}
.summary-feesSection .paymentEvent-boxFooter ul li .dollar-groupIcon {flex: 0 0 45px; max-width: 45px;}
.summary-feesSection .paymentEvent-boxFooter ul li .fees-boxIn {flex: 0 0 calc(100% - 45px); max-width: calc(100% - 45px); padding-left: 25px;}

/* Payment plan page style */
.noInput {border-color: transparent !important; pointer-events: none;}
.planInfo-topSection ul {display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px;}
.planInfo-topSection ul li {flex: 0 0 16.666%; max-width: 16.666%; padding-left: 10px; padding-right: 10px; margin-top: 20px;}
.planInfo-topSection ul li .planInfo-topBox {position: relative; background: #ffffff; padding: 10px; height: 80%;}
.planInfo-iconBox {flex: 0 0 30px; max-width: 30px; padding-right: 10px;}
.planInfo-cont {flex: 0 0 calc(100% - 30px); max-width: calc(100% - 30px);}
.planInfo-topBoxIn .planInfo-cont h3 {font-size: 20px; line-height: 25px; margin-bottom: 5px;}
.planInfo-cont p {color: #8994a3; font-size: 12px;}
.planInfo-cont-value {color: #000000; font-size: 15px;}
.mt-15 { margin-top: -15px; }
.mt-12 { margin-top: -12px; }

/* Filing case Chapter13 */
.planInfo-topBoxIn-ch13 .planInfo-cont h3 {font-size: 20px; line-height: 25px; margin-bottom: 5px;}
.planInfo-topSection ul li .planInfo-topBox-ch13 {position: relative; background: #ffffff; padding: 10px; height: 80%; width: 95%;}
.planInfo-topSection ul li .planInfo-topBox-litigation {position: relative; background: #ffffff; padding: 10px; height: 80%; width: 95%;}
.filing-case-ch13 ul li {flex: 0 0 25%; max-width: 20%; padding-left: 10px; padding-right: 10px; margin-top: 20px;}

.planInfo-topSection ul li .planInfo-topBox-litigation {
                    position: relative; 
                    background: #ffffff; 
                    padding: 10px; 
                    height: 80%; 
                    width: 95%;
                }

.litigation ul li {
                flex: 0 0 33%; 
                max-width: 100%; 
                padding-left: 10px; 
                padding-right: 10px; 
                margin-top: 20px;
                }

.client-profile-document ul li {flex: 0 0 25%; max-width: 25%; padding-left: 10px; padding-right: 10px; margin-top: 20px;}

.ScheduledPayment-sec {flex: 0 0 30%; max-width: 30%; padding-left: 10px; padding-right: 10px;}
.ScheduledPayment-checkBox {background: #f8f8f8; padding: 10px 20px;}
.ScheduledPayment-checkBox .checkbox .control-icon {left: auto; right: 0px;}
.ScheduledPayment-formSec .form {padding: 0px;}
.ScheduledPayment-formSec {background: #f8f8f8; padding: 10px 20px;}
.ScheduledPayment-checkBox .checkbox .control-icon {left: auto; right: 0px;}
select.formSelect:disabled {background: transparent url(../images/select_arrow.png) no-repeat right 10px center;}
.ScheduledPayment-formSec input[readonly] {background: transparent; cursor: not-allowed;}
.startOn-date {margin-bottom: 10px;}
.monthlyDay-popupTitl a {color: #188ae2;}
.ScheduledPayment-formSec button.btn {width: 100%; margin-left: 0px;}
.report-optionBox {padding: 10px 0px !important;}
.full-width {width: 100% !important;}

.paymentPlanCheckInpt {opacity:0; height:24px; width:24px; position:absolute; top:0; left:0; z-index:2; margin:0;}
.paymentPlanCheckInpt + .bg {height:24px; width:24px; display:inline-block; position:absolute; top:0; left:0; z-index:1; border:2px solid #dcdcdc; background:#fff; border-radius: 6px;}
.paymentPlanCheckInpt:checked + .bg {background:#1c4d7e url(../images/check_icon.png) no-repeat center; border: 2px solid #1c4d7e;}

.ScheduledPayment-historySec {flex: 0 0 70%; max-width: 70%; padding-left: 10px; padding-right: 10px;}
.mlr--10 {margin-left: -10px; margin-right: -10pxl;}
.btn.btn-primary {background: #0069be; color: #fff;}
.btn.btn-primary:hover {opacity: 0.8;}
.SPH-rightBox .more_vertBtn {padding: 6.5px 10px;}

.btn-tag {display: inline-block; margin-bottom: 6px; padding: 4.5px 10px 6px; margin-right: 4px; text-align: center; border-radius: 4px; font-size: 12px; color: #333;}
.btn-tag:last-child {margin-right: 0px;}
.bg-successLight {background: rgba(75,163,46,.15);}
.bg-purpleLight {background: rgba(153,91,214,.15);}
.bg-gray {background: #ebedf0;}
.ScheduledPayment-historySec .tableBox tbody .nowrap {white-space: unset;}

.billingAddress-label {padding: 15px 10px 0px !important; margin-left: 0px !important; margin-right: 0px !important; margin-bottom: 10px; border-top: 1px dashed #e3e3e3; border-bottom: 1px dashed #e3e3e3;}
.billingAddress-label .checkbox {padding: 0px 0px 0px 25px;}
.billingAddress-label .checkbox .control-icon {top: 10px;}
.setDefaultPayment-box {padding: 0px 20px;}
.setDefaultPayment-box {padding-left: 20px; padding-right: 20px; margin-bottom: 10px;}

.popupBox .SB-popupHeader .popupHd {padding: 0px; border-radius: 0px;}
.popupBox .SB-popupHeader {background: #0e213c; padding: 10px 20px; border-radius: 6px 6px 0 0;}
.SB-popupBtnBox .btn {margin-left: 15px;}
.btn:disabled {color: #333 !important; background: #ebedf0 !important; opacity: 0.8;}
.SB-popupBody {padding: 20px; background: #ffffff;}
.operate-btnBox a {color: #188ae2 !important;}

.form-notInput {border-color: transparent !important; background: transparent !important;}
input.form-notInput[type=number]::-webkit-inner-spin-button,
input.form-notInput[type=number]::-webkit-outer-spin-button {-webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; }
.notInput-calenderBox {border-color: transparent; background: transparent; pointer-events: none;}
.notInput-calenderBox .icon {display: none;}
.swal2-modal .swal2-content {font-size: 14px !important;}

.payment_status_image {
    width: 100%;
    max-width: 40px;
    display: inline-block;
    margin-right: 5px;
    vertical-align: middle;
}

/* Case info page style */

.flex-fw {flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%;}
.caseInfo-section .clinetList-info {flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%;}
.caseInfo-section .clinetList-info {padding: 0px;}
.accordion-contianer {margin-top: 20px;}
.accordion {border-bottom: 1px solid #eee; background: #fff; width: 100%;}
.accordion-btn {padding: 14.5px 20px; line-height: 30px; font-size: 16px; color: #142947; font-weight: 700; background: #fff; cursor: pointer; width: 100%; text-align: left; outline: none; transition: 0.4s; position: relative;}
.accordion-btn:after {content: ""; font-size: 13px; color: #777; float: right; margin-left: 10px; background: url('../images/select_arrow.png'); position: absolute; width: 16px; height: 9px; background-repeat: no-repeat !important; top: 25px; transform: rotate(-90deg);}
.active:after {transform: rotate(0deg);}

.accordion-btnWrapper .accordion-btn {width: 100%; max-width: calc(100% - 160px);}
.accordion-btnWrapper .accordion-popupBtn {position: relative; right: 20px; top: 10px;}
.panel {background-color: #fff; display: none; /*overflow: hidden;*/}
.caseInfo-section .cp-fieldText select {font-size: 20px; color: #333; width: 100%; height: 30px; line-height: 20px; clear: both; border: 0px;}
.panel-tableWrapper {padding: 20px 20px 0px;}

.assetsCart-wrapper {padding: 20px;}
.ac-list {margin-left: -10px; margin-right: -10px;}
.ac-list .ac-listBox {padding-left: 10px; padding-right: 10px; margin-top: 20px; position: relative; flex: 0 0 50%; max-width: 50%;}
.ac-list .ac-listBox:first-child,
.ac-list .ac-listBox:nth-child(2) {margin-top: 0px;}

.card-title {position: relative; padding: 20px 50px 20px 15px; font-size: 14px; font-weight: 400; color: #333;}
.card-tag {color: #188ae2; background: rgba(24,136,233,.15); display: inline-block; padding: 0 10px; line-height: 20px; text-align: center; border-radius: 4px;}
.font-bold {font-weight: 700 !important;}

.ac-listBox .manageBox {position: absolute; top: 15px; right: 15px; margin-right: 0px;}
.ac-listBox .manageBox .more_vertBtn {border-radius: 0px;}

.ac-innerList {margin-left: -10px; margin-right: -10px; display: flex; flex-wrap: wrap;}
.ac-innerList li {flex: 0 0 50%; max-width: 50%; padding-left: 10px; padding-right: 10px; margin-top: 10px;}
.ac-innerList li:first-child,
.ac-innerList li:nth-child(2) {margin-top: 0px;}
.bg-gray-lighter {background: #f8f8f8;}
.tag-warning-light {color: #ff6b06; background: rgba(255,133,51,.15);}
.select-disabled {background: #f5f5f5 url(../images/select_arrow.png) no-repeat right 10px center;}
.btn-danger,
a.btn-danger {color: #fff; background: #ff534c; background-image: linear-gradient(180deg,#ff6c66 0,#ff534c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFF6C66",endColorstr="#FFFF534C",GradientType=0); }
.btn-danger:hover,
a.btn-danger:hover {opacity: 0.8;}
.alert-info {color: #188ae2; border-color: #188ae2; background: rgba(24,136,233,.05);}

/* Contarct page style */
.btn.btn-primary {background: #0069be;}
.form-group {margin-bottom: 15px;}
.contractBox-header {background: #fff; padding: 15px 20px; border-bottom: 1px solid #e3e3e3; align-items: center;}
.contractBox-header ul li {margin-right: 10px;}
.contractBox-header .tag {width: auto; height: auto; border-radius: 4px; padding: 5px 10px 7px; font-size: 12px; line-height: 12px;}
.CP-section-HD {font-size: 18px;}
.CP-recipientConfi-box {border-top: 1px dashed #eee; border-bottom: 1px dashed #e3e3e3;}
.contractInfo-box {max-width: calc(100% - 45px); padding-left: 15px;}
.contractInfo-tableBox.tableBox table {min-width: 1025px;}
.contractInfo-tableBox.tableBox thead th:first-child {width: 550px;}
.contractInfo-tableBox.tableBox thead tr th,
.contractInfo-tableBox.tableBox tbody tr td {border-left: 1px solid #e3e3e3;}
.contractInfo-tableBox.tableBox thead tr th:first-child {border-left: 0px solid #e3e3e3;}
.contractHistory.tableBox table {min-width: 1025px;}
.contractHistory.tableBox thead th,
.contractHistory.tableBox tbody td {font-size: 13px; line-height: 20px; padding: 8px 10px;}
.download-Icon {width: 25px; margin: auto; display: block;}
.download-link {display: block; text-align: center;}
.download-link .icon {color: #0069be;}

/* Document page style */
.overflow-scroll {
    position: relative;
    height: 100%;
    overflow: auto;
}
.bg-warning {background: #ff6b06;}
.bg-yellow {background: #f5d245;}
.bg-info {background: #188ae2;}
.bg-success {background: #4ba32e; color: #fff;}
.bg-danger {background: #ff534c;}
.no-record {display: none;}
.contractBox-header .manageBox ul li {margin-right: 0px;}
.empty-resultBox .box-assist {text-align: center; padding: 40px; line-height: normal;}
.empty-resultBox .box-assist .icon {display: block; color: #ccc; font-size: 64px;}
.empty-resultBox .box-assist .text-empty {color: #ccc; font-size: 32px; margin-top: 5px;}
.document-typeList ul {display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px;}
.document-typeList ul li {flex: 0 0 20%; max-width: 20%; padding-left: 10px; padding-right: 10px;}
.document-typeBox {padding: 20px; border: 1px solid #e3e3e3; position: relative; background: #fff; margin-bottom: 20px; border-radius: 8px; min-height: 101px;}
.dt-contBox .h6 {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.dt-iconBox {display: flex; width: 45px; height: 45px; font-size: 24px; color: #fff; justify-content: center; align-items: center;}
.dt-contBox {flex: 0 0 calc(100% - 45px); max-width: calc(100% - 45px); padding-left: 15px;}
.addDocumentPopup-info .control-icon {top: 45%;}
.document-statusCell {position: relative;}
table tbody tr td .tag {width: auto; height: auto; border-radius: 2px; padding: 0px 5px 2px;}
.form.addDocumentPopup-info li {position: relative;}
.form.addDocumentPopup-info li .documentList-boxWrapper {position: absolute; width: 100%; background: #fff; z-index: 1; max-height: 250px; overflow-y: auto;}
a.uploaded_doc_lines {color: #188ae2 !important;}
a.uploaded_doc_lines .icon {top: 6px;position: relative;}
.addDocumentPopup-info .control-icon {top: 45%;}

.document-statusCell {position: relative;}
.document_delete_btn {position: absolute; right: 0; top: 70%; width: 50px; height: 0px; opacity: 0; text-align: center; background: rgba(0,0,0,.7); transition: top .3s ease 0s; -o-transition: top .3s ease 0s; -moz-transition: top .3s ease 0s; -webkit-transition: top .3s ease 0s; }
.document_delete_btn span.icon {position: absolute; top: 50%; left: 0; width: 100%; margin-top: -10px; font-size: 18px; line-height: 20px; color: #fff; }
.contractHistory  table tbody tr:hover .document_delete_btn {top: 0; height: 100%; opacity: 1;}
.tag-yellow-light {background: rgba(245,210,69,.15) !important;}
.tag-gray {background: #ebedf0 !important; color: #000 !important;}
.tag-info-light {background: rgba(24,136,233,.15) !important;}

.uploadDocumentFileModel .popupInner {padding: 0px;}
.uploadDocumentFileModel .popupInner .popupBox {max-width: 100%; border-radius: 0px; min-height: 100vh; height: 100%;}
.todo-box {position: relative; width: 100%; background: #fff; height: 100%; min-height: 100vh;}
.todo-box .box-title {position: relative; padding: 20px; font-size: 16px; line-height: 20px; border-bottom: 1px solid #e3e3e3; cursor: pointer; min-height: 60px; z-index: 5; background: #fff; width: 100%; padding-left: 170px; padding-right: 260px; }
.absolute-left {position: absolute; display: inline-block; left: 40px; font-size: 16px; top: 20px;}
.todo-box .absolute-left .icon {position: absolute; left: -25px; top: -1px;}
.relative {position: relative;}
.text-center {text-align: center;}
.todo-box .tag {display: inline-block; padding: 0 10px; color: #fff; line-height: 20px; text-align: center; border-radius: 4px; font-size: 12px; width: auto; height: auto;}
.margin-r5 {margin-right: 5px; display: inline-block;}
.todo-dropDownBox {position: relative;}
.todo-dropDownBox .icon-arrowdown {position: absolute; right: -20px;}
.link {color: #188ae2; text-decoration: none;}
.todo-box .dropdown-menu {position: absolute; z-index: 1000; float: left; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.15); border-radius: 4px; box-shadow: 0 6px 12px rgb(0 0 0 / 18%); top: 38px; min-width: 450px; left: 50%; margin-left: -225px;}
.todo-box .center-content {position: relative; padding-right: 260px; height: 100%; z-index: 1; padding-bottom: 70px; padding-left: 0;}
.todo-box .thumbnails-box {position: absolute; top: 0; left: 0; background: #fff; z-index: 2; width: 170px; height: 100%; padding: 0 0 62px; text-align: center; min-height: calc(100vh - 70px); border-right: 1px solid #e3e3e3; }
.overflow-scroll {position: relative; height: 100%; overflow: auto;}
.todobox .thumbnails-box .overflow-scroll {padding: 20px 20px 0;}
.todo-box .img-box {position: relative; display: inline-block; text-align: center; vertical-align: middle; width: 120px; height: 120px; background: #eee; cursor: pointer;}
.todo-box .img-box .display-table {height: 100%;}
.todo-box .thumbnails-box .img-box .icon {font-size: 24px; line-height: 30px; color: #ccc; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%);}
.img-box .display-table .table-cell {height: 100%; text-align: center; vertical-align: middle;}
.todo-box .opacity-input {position: absolute; top: 0; opacity: 0; width: 100%; height: 100%; display: block;}
.todo-box .thumbnails-box .img-box .display-table .table-cell img {width: auto; height: auto; max-width: 100%; max-height: 116px; margin-left: auto; margin-right: auto;}
.todo-box .thumbnails-box .img-box .img-delete {display: none; position: absolute; text-align: center; border-radius: 50%; background: #142947; top: -10px; right: -10px; width: 20px; height: 20px; line-height: 19px;}
.todo-box .thumbnails-box .img-box:hover .img-delete {display: block;}
.todo-box .thumbnails-box .img-box .img-delete .icon {display: inline-block; color: #fff; font-size: 14px;}
.todo-box .center-content {position: relative; padding-right: 260px; height: 100%; z-index: 1; padding-bottom: 70px; padding-left: 170px;}
.box-midContentInner {padding: 10px; min-height: calc(100vh - 183px); max-height: calc(100vh - 183px);}
.todo-box .edit-box {background: #fff; padding: 10px 15px; border-top: 1px solid #e3e3e3; line-height: 17px; font-size: 12px;}
.list-inline .inline-item {position: relative; display: inline-block; float: left; padding-left: 10px; padding-right: 10px;}
.todo-box .edit-box .icon {vertical-align: middle; margin-right: 5px;}
.absolute-bottom {position: absolute; top: auto; left: 0; bottom: 0; width: 100%; z-index: 5; padding: 15px; text-align: center; border-top: 1px solid #e3e3e3; background: #fff;}
.todo-box .sider-right {position: absolute; top: 0; height: 100%; left: auto; right: 0; width: 260px; border-right: 0; border-left: 1px solid #e3e3e3; padding-top: 60px; padding-bottom: 70px; z-index: 2;}
.todo-box .sider-right-box {position: absolute; width: 100%; top: 0; height: 50%; padding-top: 65px; background: #fff;}
.sider-right-HD {font-weight: bold; padding: 15px 20px; font-size: 16px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
.sider-right-box:first-child .box-content .sider-right-HD {border-top: 0px;}
.todobox .sider-right-box .box-content {padding-top: 0px; padding-bottom: 30px;}
.todobox .sider-right-box .overflow-scroll {margin-right: 0; padding-right: 20px; position: relative; height: 100%; overflow: hidden; max-height: calc(40vh - 50px); overflow-y: auto; background: #fff;}
.todobox .sider-right-box + .sider-right-box .overflow-scroll {max-height: calc(40vh - 65px);}
.todo-box .sider-right-box+.sider-right-box {top: 50%;}
.todo-box .sider-right-box+.sider-right-box {top: 50%; padding-top: 0; padding-bottom: 70px;}
.todobox .sider-right-box+.sider-right-box .box-content {padding-top: 0; padding-bottom: 0px;}
.sider-right-box .time-line {position: relative;}
.sider-right-box .time-line .cell-icon {position: relative; width: 40px; text-align: center;}
.sider-right-box .time-line .cell-icon .vertical-line {position: absolute; display: inline-block; top: 0; left: 8px;}
.sider-right-box .time-line .cell-icon .vertical-line {width: 2px; height: 100%; background: rgba(255,133,51,.15); z-index: 1;}
.sider-right-box .time-line .list-item:first-child .vertical-line {clip-path: inset(5px 0 0 0);}
.sider-right-box .time-line .list-item:last-child .vertical-line {height: 15px;}
.sider-right-box .circle {position: relative; display: inline-block; text-align: center; border-radius: 50%;}
.sider-right-box .circle-hollow {background: #fff; border: 2px solid #ff6b06;}
.sider-right-box .border-warning {border-color: #ff6b06;}
.sider-right-box .circle-xs {width: 12px; height: 12px; line-height: 12px;}
.sider-right-box .time-line .cell-icon .circle-xs {top: 18px; left: 3px; z-index: 2; box-shadow: 0 0 5px 0 #fff; position: absolute; display: inline-block;}
.sider-right-box .time-line .list-item:first-child .circle-xs {top: 5px;}
.todobox .sider-right-box .overflow-scroll .time-line .list-item .cell-content {padding-bottom: 10px;}
.btn-success {color: #FFFFFF;background-color: #28a745;border-color: #28a745;}
.reject_doc {margin-right: 15px;}
/* Document file upload popup end */


/* Payment method page style */
.card-box {position: relative; display: inline-block; width: 100%; max-width: 350px; margin-bottom: 20px; border: 1px solid #e3e3e3; border-radius: 4px;}
.card-box.add-card {display: flex; align-items: center; padding: 50px 25px; color: #e3e3e3; font-size: 26px; font-weight: 700; text-transform: uppercase;}
.card-box.add-card .icon{display: inline-block; margin-right: 15px; width: 58px; height: 58px; color: #e3e3e3; font-size: 24px; font-weight: 400; line-height: 54px; text-align: center; border: 2px solid #e3e3e3; border-radius: 50%;}

.default-card {text-align: center;}
.default-card .card-box {margin-left: auto; margin-right: auto; width: 100%; max-width: 500px; padding: 25px 30px; color: #fff; text-align: left; border-radius: 15px; overflow: hidden;}
.default-card .card-box.master-c
.margin-b10 {margin-bottom: 10px;}
.default-card .card-box .title {display: block; margin-bottom: 5px; opacity: .65;}
.card-box .card-num {margin-left: -6px; margin-riard {background: #188ae2 url('/bridgelegal_crm/static/src/images/card_bg.png') 100% 100% no-repeat;}
.card-box .title-name {position: relative; font-size: 24px; font-weight: 700; line-height: 30px; padding: 0 50px 0 0;}
.card-box .title-name.small {font-size: 18px; line-height: 25px;}
.card-box .card-img {height: 40px; width: auto;}ght: -6px;}
.card-box .card-num span {margin: 0 6px; font-size: 22px; line-height: 30px; font-weight: 700;}
.default-card .card-num>span {font-size: 40px; line-height: 50px; text-shadow: 1px 2px 2px rgb(0 0 0 / 10%);}
.default-card .default {display: inline-block; width: 68px; height: 69px; background: url('/bridgelegal_crm/static/src/images/default.png') no-repeat; position: absolute; top: 0; right: 0; pointer-events: none;}
.cardBottom-row {display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px;}
.cardBottom-leftBox,
.cardBottom-rightBox {flex: 0 0 50%; max-width: 50%; padding-left: 10px; padding-right: 10px;}
.default-card .card-box .title {display: block; margin-bottom: 5px; opacity: .65;}
.default-card .card-box .text {font-size: 18px; font-weight: 700; text-shadow: 1px 2px 2px rgb(0 0 0 / 10%); opacity: .9;}
.refund-card-img {width: 30px;}
.alertPopup-icon {font-size: 60px; line-height: 80px; text-align: center; width: 80px; height: 80px; border: 4px solid transparent; border-radius: 50%; margin: 20px auto 30px; padding: 0; position: relative; box-sizing: content-box; cursor: default; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.alertPopup-icon.warning-alert {color: #f8bb86; border-color: #facea8;}

.document-statusCell {position: relative;}
.document_delete_btn {position: absolute; right: 0; top: 70%; width: 50px; height: 0px; opacity: 0; text-align: center; background: rgba(0,0,0,.7); transition: top .3s ease 0s; -o-transition: top .3s ease 0s; -moz-transition: top .3s ease 0s; -webkit-transition: top .3s ease 0s; }
.document_delete_btn span.icon {position: absolute; top: 50%; left: 0; width: 100%; margin-top: -10px; font-size: 18px; line-height: 20px; color: #fff; }
.contractHistory  table tbody tr:hover .document_delete_btn {top: 0; height: 100%; opacity: 1;}
.tag-yellow-light {background: rgba(245,210,69,.15) !important;}
.tag-gray {background: #ebedf0 !important; color: #000 !important;}
.tag-info-light {background: rgba(24,136,233,.15) !important;}


/*More card */
.moreCard-row {display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px;}
.moreCard-col {flex: 0 0 33.333%; max-width: 33.333%; padding-left: 10px; padding-right: 10px;}
.moreCard-list .card-box {max-width: 100%;}
.card-box .content {padding: 20px; min-height: 70px;}
.card-box .cell-sm {width: 80px;}
.FW-500 {font-weight: 500;}
.text-gray-dark {color: #333;}
.text-right {text-align: right;}
.over-ellipsis {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical}
.card-box .title-name .over-ellipsis {-webkit-line-clamp: 2;}
.uppercase {text-transform: uppercase;}
.card-box .title-name .manageBox {position: absolute; top: 0px; right: -10px; font-weight: 400;}
.card-box .bottom-info {padding: 10px 20px; font-size: 12px; color: #ccc; background: #fafafa; border-top: 1px solid #e3e3e3; border-radius: 0 0 4px 4px;}

/* Notes and Activity page style */
.contractBox-header.notes-activity-tabsWrap {padding-top: 0px; padding-bottom: 0px;}
.tab-menu ul li {display: inline-block;}
.tab-menu ul li.tabNav-Item a {padding: 20px 0px; font-size: 16px; line-height: 19px; color: #8994a3; font-weight: 700; margin-right: 20px; text-transform: uppercase; display: block; border: none; text-align: center;}
.tab-menu ul li.tabNav-Item a.active,
.tab-menu ul li.tabNav-Item a:focus,
.tab-menu ul li.tabNav-Item a:hover {color: #142947; box-shadow: inset 0 -2px 0 #ff6b06, 0 1px 0 #ff6b06;}
.tab-box { display:none;}

.notes-activity-tabBox .list-time-line .time-line-item {padding-left: 200px;} 
.notes-activity-tabBox .list-time-line .time-line-item .time-line-date.date-left {top: 12px; width: 120px; color: #ff6b06; font-size: 18px; font-weight: 700; text-align: right;}
.notes-activity-tabBox .list-time-line .time-line-content {font-size: 14px; line-height: 1.42857143; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #e3e3e3;}
.notes-activity-tabBox .tag {width: auto; height: auto; font-size: 12px; border-radius: 4px; padding: 2px 15px; line-height: 20px; margin-bottom: 10px;}
.notes-activity-tabBox .list-inline.list-inline-lg {position: relative; margin-left: -15px; margin-right: -15px;}
.notes-activity-tabBox .info-list {color: #8994a3; font-size: 13px; line-height: 25px;}
.notes-activity-tabBox .list-inline.list-inline-lg .inline-item {padding-left: 15px; padding-right: 15px; position: relative; display: inline-block;}
.notes-activity-tabBox .list-inline.list-inline-lg .inline-item .icon {font-size: 20px; margin-right: 5px; vertical-align: middle;}
.no-more {color: #ccc; border-bottom: none!important; text-transform: uppercase;}
.notes-activity-tabBox .list-time-line .vertical-line {left: 150px; background: rgba(255,133,51,.05);}
.notes-activity-tabBox .list-time-line .time-line-pointer {width: 12px; height: 12px; background: #fff; border: 2px solid #ff6b06; border-radius: 50%; top: 20px; left: 145px;}

.p-relative {position: relative;}
.absolute-right {left: auto; right: 0; margin-top: -4px; position: absolute; display: inline-block;}

.list-border .list-dashed-item.padding-sm, 
.list-border .list-solid-item.padding-sm {padding-top: 10px; padding-bottom: 10px;}
.list-border .list-dashed-item:first-child, 
.list-border .list-solid-item:first-child {padding-top: 0;}
.list-border .list-dashed-item:last-child, 
.list-border .list-solid-item:last-child {padding-bottom: 0;}
.list-border .list-dashed-item+.list-dashed-item {border-top: 1px dashed #e3e3e3;}

.tag-info {background: #188ae2;}
.tag-purple {background: #995bea;}
.tag-success {background: #4ba32e;}
.tag-info-light {background: rgba(24,136,233,.15); color: #000;}
.tag-success-light {color: #4ba32e; background: rgba(75,163,46,.15);}
.margin-t10 {margin-top: 10px;}
.notes-actionBtn a {color: #188ae2; text-decoration: none;}

/* Alert page style */
.alertTop-tagBox {display: flex; align-items: center; padding-left: 5px; padding-right: 5px;}
.alertTop-tagBox .tag {width: auto; height: auto; border-radius: 4px; padding: 5px 15px; font-size: 14px;}
.alert-boxList {margin-left: -10px; margin-right: -10px;}
.alert-box {flex: 0 0 50%; max-width: 50%; padding-left: 10px; padding-right: 10px;}
.alert-box .card-box {max-width: 100%; border-top: 3px solid #e3e3e3;}
.alert-box .card-box.border-warning {border-top-color: #ff6b06;}
.alert-box .card-box .icon {font-size: 16px; vertical-align: middle;}
.alert-box .bottom-info .cardBottom-row {align-items: center;}


/* tooltip anchor section */
.tootltip-anchor {margin-right: 5px; position: relative; display: inline-block;}
.infoIcon-box {width: 22px; height: 15px;}
.tootltip-contentBox {border-radius: 3px; display: inline-block; font-size: 13px; left: -999em ; opacity: 0; padding: 8px 21px; position: absolute; pointer-events: none; transition: opacity 0.3s ease-out; visibility: hidden; width: 160px; z-index: 1031!important; color: #fff; background-color: #337AB7; top: -55px; left: -70px;}
.tootltip-anchor:hover .tootltip-contentBox {opacity: 0.9; visibility: visible; position: relative;}

.tootltip-contentBox:before,
.tootltip-contentBox:after {content: ""; width: 0; height: 0; position: absolute;}
.tootltip-contentBox:before {border-left: 10px solid transparent; border-right: 10px solid transparent; bottom: -8px; left: 50%; margin-left: -10px;}
.tootltip-contentBox:after {border-left: 8px solid transparent; border-right: 8px solid transparent; bottom: -6px; left: 50%; margin-left: -8px;}
.tootltip-contentBox:after {border-top-color: #337AB7; border-top-style: solid; border-top-width: 6px;}




.ac-listBox .manageBox {position: absolute; top: 15px; right: 15px; margin-right: 0px;}
.ac-listBox .manageBox .more_vertBtn {border-radius: 0px;}

.ac-innerList {margin-left: -10px; margin-right: -10px; display: flex; flex-wrap: wrap;}
.ac-innerList li {flex: 0 0 50%; max-width: 50%; padding-left: 10px; padding-right: 10px; margin-top: 10px;}
.ac-innerList li:first-child,
.ac-innerList li:nth-child(2) {margin-top: 0px;}
.bg-gray-lighter {background: #f8f8f8;}
.tag-warning-light {color: #ff6b06; background: rgba(255,133,51,.15);}
.select-disabled {background: #f5f5f5 url(../images/select_arrow.png) no-repeat right 10px center;}
.btn-danger,
a.btn-danger {color: #fff; background: #ff534c; background-image: linear-gradient(180deg,#ff6c66 0,#ff534c); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFFF6C66",endColorstr="#FFFF534C",GradientType=0); }
.btn-danger:hover,
a.btn-danger:hover {opacity: 0.8;}
.alert-info {color: #188ae2; border-color: #188ae2; background: rgba(24,136,233,.05);}
* Report page style  */
.reportSearch-box .saerchBox {width: 50%;}
.reportSearch-box .saerchBox .searchBtn {background: #ff6b06; color: #fff; border-color: #ff6b06; background-image: linear-gradient(180deg,#ff812b 0,#ff6b06);}
.searchInputBox {position: relative;}
.closeSearch {position: absolute; right: 0; top: 0px; width: 30px; height: 40px; color: #bbb; text-align: center; line-height: 40px; cursor: pointer;}
.new-report-btnBox .addBtn {display: flex; height: 42px;}
.tag-purple-light {color: #995bea; background: rgba(153,91,214,.15);}
table tbody tr td .tag {width: auto; height: auto; border-radius: 2px; padding: 0px 5px 2px;}

/* Report nav section */
.popupBox-sm {max-width: 500px !important;}
.pull-right {float: right!important;}
.none {display: none!important;}
.padding-l20 {padding-left: 20px;}
.report-sidernav {position: fixed; top: 0; left: 0; width: 160px; height: 100%; padding: 90px 0 40px; background: #182f4f; overflow: auto; z-index: 1;}
.report-sidernav .nav-box {font-size: 12px; background: hsla(0,0%,100%,.05); border-top: 1px solid #405471; border-bottom: 1px solid #405471;}
.report-sidernav .nav-box .nav-title {position: relative; display: block; padding: 15px; color: #8994a3; line-height: 15px;}
.report-sidernav .nav-box .nav-title .icon {position: absolute; top: 12px; right: 10px; transform: rotate(-90deg);}
.report-sidernav .nav-box .add-box {border-top: 1px solid #405471; padding: 15px;}
.report-sidernav .nav-box .btn-add {display: block; font-size: 12px; color: #fff; border-radius: 2px; background: hsla(0,0%,100%,.08); border: 1px solid hsla(0,0%,100%,.15); text-transform: capitalize;}
.report-sidernav .nav-box ul {width: 100%; margin-top: -5px; padding: 0 15px; text-transform: lowercase; /*max-height: 300px; overflow-y: auto;*/}
.report-sidernav .nav-box ul li a {display: block; padding: 8px 0; height: 30px; color: #fff; line-height: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; opacity: 1;}
.report-sidernav .nav-box ul li.active a, .report-sidernav .nav-box ul li:hover a {background: transparent; color: #ff6b06;}
.report-container-fluid {padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; margin-top: 50px;}
.report-row {margin-left: -10px; margin-right: -10px; display: flex; flex-wrap: wrap;}
.report-col-left {flex: 0 0 75%; max-width: 75%; padding-left: 10px; padding-right: 10px;}
.report-col-right {flex: 0 0 25%; max-width: 25%; padding-left: 10px; padding-right: 10px;}
.report-col-right ul li.TFI-fieldList {border-top: 1px solid #e3e3e3; padding-top: 10px; padding-bottom: 10px;}
.report-col-right ul li.TFI-fieldList:first-child {padding-top: 0; border-top: 0px solid #e3e3e3;}
.TFI-title-HD {display: flex; align-items: center; cursor: pointer;}
.TFI-title-HD .icon {position: relative; transition: all 0.3s;}
.TFI-title-HD.active .icon {transform: rotate(-180deg);}
.TFI-fieldBox {margin-top: 10px; padding-left: 20px;}
.TFI-fieldBox .formSelect {padding: 10px 40px 10px 15px;}
.TF-paymentAmount {display: flex; flex-wrap: wrap;}
.TF-paymentAmount li {flex: 0 0 50%; max-width: 50%;}
.TF-paymentAmount li select.formSelect {height: auto; padding: 10px 30px 10px 10px; font-size: 12px; line-height: 13px; border-radius: 8px 0px 0px 8px;}
.TF-paymentAmount li .formInput {height: auto; padding: 10px 10px; font-size: 12px; line-height: 13px; border-left: 0px; border-radius: 0px 8px 8px 0px;}
.dateBoxWrap {align-items: center; border: 1px solid #c3c3c3; border-radius: 8px; margin-top: 10px;}
.dateBox {flex: 0 0 calc(50% - 20px); max-width: calc(50% - 20px);}
.to-text {flex: 0 0 40px; max-width: 40px; text-align: center;}
.dateBox .dateRangeBox .dateInput {height: auto; padding: 9px 10px; font-size: 12px;}
.dateBox .dateRangeBox {border: 0px; border-radius: 0px; height: auto; overflow: unset; background: transparent;}
.dateBox.from-date {border-right: 1px solid #c3c3c3;}
.dateBox.to-date {border-left: 1px solid #c3c3c3;}
.report-filterBox {padding: 15px; margin-bottom: 20px; border: 1px solid #e3e3e3;}
.report-filterActionBox .btn {height: auto; padding: 8px 10px; font-size: 14px; line-height: 14px; font-weight: normal;}
.border-solid-bottom {border-bottom: 1px solid #e3e3e3;}
.padding-b10 {padding-bottom: 10px!important;}
.padding-t15 {padding-top: 15px;}
.popupBox .info-box {padding: 50px 30px;}
.popupBox .info-box .info-title {font-size: 24px; line-height: 30px; text-align: center;}
.reportStatistics-cont {padding: 20px; justify-content: center;}
.reportStatistics-cont li {position: relative; width: 50%; text-align: center; border-right: 1px solid #eee;}
.reportStatistics-cont li:last-child {border-right: 0px solid #eee;}
.rs-boxIn .h2 {font-size: 24px; line-height: 30px;}

.modal {display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4);}
.modal-content {position: relative; margin: 15% auto; padding: 20px; width: 617px; background-color: #fff; text-align: center; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); height: 375px; font-weight: bold;}
.modal-icon {font-size: 50px; color: #fb7f2b; margin-bottom: 20px;}
.warning-icon {font-size: 48px; font-weight: bold; background-color: #fb7f2b; color: #fff; border-radius: 50%; padding: 10px 15px;}
.modal-body p {font-size: 27px; color: #333; margin-bottom: 20px;}
.modal-buttons {display: flex; justify-content: center; gap: 10px;}
.modal-button {padding: 10px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 16px; margin-bottom: 16px;}
.modal-cancel {background-color: #c3bebe; color: white;}
.modal-confirm {background: #fb7f2b; color: #ffffff; transition: background-color 0.3s;}
.modal-confirm:hover {background: #e65a00;}

.reportTableBox.tableBox {min-height: 300px;}
.reportTableBox table thead tr th:first-child {min-width: 150px;}
.reportTableBox table thead tr th {min-width: 100px;}
.reportTableBox table thead tr th:last-child {min-width: 50px;}
.reportTableBox table thead tr th,
.reportTableBox table tbody tr td {font-size: 14px;}
.reportTableBox table tbody tr td .tag {padding: 5px 10px; border-radius: 4px;}
.reportTableBox table tbody tr td .icon {color: #0069be;}
.tag-danger-light {background: rgba(255,83,76,.15) !important;}

.CC-drop-modalWrap .more_vertBtn {position: relative; opacity: 1;}
.CC-drop-modalWrap {position: relative;}
.CC-drop-modal { display: none; position: absolute; top: 30px; right: 0px; z-index: 5; width: 100%; background: #fff; border: 1px solid #e3e3e3; box-shadow: 0 1px 2px 0 rgb(0 0 0 / 10%); width: 280px;}
.CC-drop-modal.show {display: block;}
.drop-header {position: relative; padding: 12px 15px; color: #333; line-height: 25px; text-align: left; border-bottom: 1px solid #e3e3e3;}
.CC-drop-modal .drop-header .close {top: 10px; right: 5px;}
.CC-drop-modal .drop-content {max-height: 170px; overflow-x: hidden; overflow-y: auto;}
.drop-content li {padding-left: 15px;}
.drop-content li label {width: 100%;}
.drop-content li.disabled {opacity: 0.5; pointer-events: none;}





/*.oneThird.error small {
	color: #e74c3c;
	position: absolute;
	bottom: 0;
	left: 0;
	visibility: visible;
}
*/

/* Dashboard section style */

.graph_valaue_list {margin-bottom: 25px;}
.graph_valaue_list .inline-item {padding-left: 30px; padding-right: 30px;}
.graph_valaue_list .inline-item + .inline-item {border-left: 1px solid #e3e3e3;}
.graph_valaue_list .inline-item span {display: block;}
.graph_valaue_list .inline-item span.graph_value {font-size: 28px;}
.bg-gray-light {background: #f1f3f5;}
.total-display.paidAmount-graph {position: relative; min-height: 65px;}
.paidAmount-graph .total-amount {text-align: center; position: absolute; top: 10px; left: 0; width: 100%;}
.graph_valaue_list .inline-item.recoverylaw-valueBox span {display: inline-block; vertical-align: middle; margin-right: 5px;}
.div-right {float: right;}
.div-clear:after,
.div-clear:before {content: " ";display: table; clear: both;}
.margin-b15 {margin-bottom: 15px;}
.img-circle {border-radius: 50%;} 
.dashboard-tabMenu-wrapper .dashboard-tab-menu ul {border-bottom: 1px solid #e3e3e3;}
.dashboard-tabContect {margin-top: 20px;}
.portalActivity-row {display: flex; flex-wrap: wrap; justify-content: space-between;}
.portalActivity-colBox {flex: 0 0 calc(25% - 15px); max-width: calc(25% - 15px); border: 1px solid #e3e3e3; border-radius: 10px; padding: 35px 15px;}

.dashboard-tab-menu {margin-top: 40px;}
.dashboard-tab-menu ul li {display: inline-block;}
.dashboard-tab-menu ul li.tabNav-Item a {padding: 20px 0px; font-size: 16px; line-height: 19px; color: #8994a3; font-weight: 700; margin-right: 20px; text-transform: uppercase; display: block; border: none; text-align: center;}
.dashboard-tab-menu ul li.tabNav-Item a.active,
.dashboard-tab-menu ul li.tabNav-Item a:focus,
.dashboard-tab-menu ul li.tabNav-Item a:hover {color: #142947; box-shadow: inset 0 -2px 0 #ff6b06, 0 1px 0 #ff6b06;}
.usage_class {font-size: 17px; margin-bottom: 5px; margin-top: 5px;}

/* Payment Tab content */
.margin-b20 {margin-bottom: 20px;}
.h1 {font-size: 36px;}
.staticGraph-box {display: table; width: 100%; text-align: center; height: 221px;}
.histogram-green {background: #fff url('../images/dashboard/histogram-green.png') repeat-x 0 bottom;}
.staticGraph-boxInner {position: relative; height: 100%; display: table-cell; vertical-align: middle;}
.histogram-red {background: #fff url('../images/dashboard/histogram-red.png') repeat-x 0 bottom;}

.dt-iconBox.canvas-circle {border: 2px solid #1888df; border-radius: 50%;}
.subTab-wrapper .tab-menu ul {border-bottom: 1px solid #dcdee0; margin-bottom: 20px;}
.subTab-wrapper .tab-menu ul li.tabNav-Item a {display: block; padding: 10px 25px; margin-bottom: -1px; border-radius: 4px 4px 0 0;}
.subTab-wrapper .tab-menu ul li.tabNav-Item a:hover {box-shadow: none !important;}
.subTab-wrapper .tab-menu ul li.tabNav-Item a.subTab-active {background-color: #fff; border: 1px solid #dcdee0; border-bottom-color: transparent; box-shadow: none !important;}
.subTab-row {display: flex; flex-wrap: wrap; justify-content: space-between; margin-left: -10px; margin-right: -10px;}
.subTab-col-3 {flex: 0 0 25%; max-width: 25%; padding-left: 10px; padding-right: 10px;}
.subTab-col-4 {flex: 0 0 33.33333333%; max-width: 33.33333333%; padding-left: 10px; padding-right: 10px;}
.subTab-col-6 {flex: 0 0 50%; max-width: 50%; padding-left: 10px; padding-right: 10px;}
.subTab-col-8 {flex: 0 0 66.66666667%; max-width: 66.66666667%; padding-left: 10px; padding-right: 10px;}
.subTab-col-9 {flex: 0 0 75%; max-width: 75%; padding-left: 10px; padding-right: 10px;}
.grap-pointerList {justify-content: center; -webkit-justify-content: center; margin-bottom: 20px;}
.grap-pointerList li {font-weight: 700; margin-right: 20px;}
.grap-pointerList li .pointer-circle {width: 14px; height: 14px; margin-right: 5px; display: inline-block; border-radius: 50%; vertical-align: middle;}

.dashboard-tabContect .addNote-HD {flex: 0 0 calc(100% - 362px); max-width: calc(100% - 362px); padding-right: 15px; font-size: 18px; line-height: 20px;}
.dashboard-tabContect .select-dateBox {flex: 0 0 362px; max-width: 362px; min-width: 362px; border: 1px solid #e3e3e3;}
.select-dateBox li {display: flex; margin-right: 0px !important;}
.select-dateBox li .input-group-addon {width: 40px; padding: 0px; height: auto; border-radius: 0px; border: 0px; position: relative;}
.select-dateBox li .input-group-addon .icon {position: relative; top: 5px; font-size: 18px;}
.select-dateBox li input.form-control {width: 100px; border-radius: 0px; border-top: 0px; border-bottom: 0px; padding: 7px 10px; height: auto; font-size: 14px; line-height: 14px;}
.select-dateBox li.to-text {align-items: center; justify-content: center; width: 100%; flex: 0 0 40px; max-width: 40px;}
.select-dateBox li.go-btnBox {flex: 0 0 40px; max-width: 40px;}
.select-dateBox li.go-btnBox .btn {padding: 0px; border: 0px; border-radius: 0px; width: 100%; height: auto;}

.dm-row {display: flex; flex-wrap: wrap; justify-content: space-between;}
.dm-colBox {flex: 0 0 calc(33.333% - 10px); max-width: calc(33.333% - 10px); background: #fff; margin-top: 15px;}
.dashboard-tabContect .box-assist {padding: 40px; text-align: center; line-height: normal;}
.dashboard-tabContect .box-assist .img-box {position: relative; display: inline-block; text-align: center; width: 100px; height: 100px; vertical-align: middle;}
.dashboard-tabContect .h2 {font-size: 24px; line-height: 30px;}
.dashboard-tabContect .list-equal {position: relative; display: flex; flex-wrap: wrap;}
.dashboard-tabContect .list-equal .list-item {position: relative; padding: 20px; text-align: center;}
.dashboard-tabContect .list-equal.two-bisection .list-item {flex: 0 0 50%; max-width: 50%; border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3;}
.dashboard-tabContect .list-equal.two-bisection .list-item:nth-child(2n) {border-right: 0px solid #e3e3e3;}
.dashboard-tabContect .list-equal.two-bisection .list-item:nth-last-child(1),
.dashboard-tabContect .list-equal.two-bisection .list-item:nth-last-child(2) {border-bottom: 0px;}


/* Insights page style */

.contract-title {font-size: 14px; line-height: 17px;}
.tableBox.insightsTable table tbody td {min-width: 175px; max-width: 250px; white-space: unset;}
.tableBox.insightsTable table tbody td:nth-last-child(2) {min-width: 100px; max-width: 100px;}
.tableBox.insightsTable table tbody td:last-child {min-width: 75px; max-width: 75px;}
.insightsTable table td a .icon {color: #0069be;}
.pointer {display: inline-block; width: 8px; height: 8px; border-radius: 50%;}
.bg-danger-dark {background: #a3362e;}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
}
.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    transition: width .6s ease;
}
.progress, .progress-bar {
    border-radius: 0;
    box-shadow: none;
    background: #ff6b06;
    z-index: 1;
}
.progress {
	width: 100%;
    background: #e3e3e3;
}
.progress-bar:not(:first-child) {
    box-shadow: -2px 0 0 #fff;
}
.progress-bar.bg-yellow {
    background: #f5d245;
}
.progress-bar.bg-danger {
    background: #ff534c;
}
.progress-bar.bg-danger-dark {
    background: #a3362e;
}
.progress-arrow-line {
    position: relative;
    margin-bottom: 20px;
    padding-top: 10px;
    width: 100%;
    border-bottom: 2px solid #ccc;
}
.progress-arrow-line .arrow-gray,
.progress-arrow-line .arrow-white {
    position: absolute;
    bottom: -2px;
    width: 0;
    height: 0;
}
.progress-arrow-line .arrow-gray {
    border: 10px solid transparent;
    border-bottom: 10px solid #ccc;
}
.progress-arrow-line .arrow-white {
    border: 7px solid transparent;
    border-bottom: 7px solid #fff;
    margin-left: 3px;
}
.graph img {width: 100%;}
.partyGraphLeft {width: 40%; padding-right: 10px;}
.partyGraphRight {width: 60%; padding-left: 10px;}
.graphSelectBox {padding-bottom: 10px;}
.graphSelect {width: 120px; border: 1px solid #e4e4e4; border-radius: 4px; padding: 10px 30px 10px 10px; background: #fff url(../images/select_arrow.png) no-repeat right 10px center; font-weight: 600;}

.alert-danger {color: #ff534c; border-color: #ff534c; background: rgba(255,83,76,.05)}
alert {border-style: dashed; border-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px;}
.searchInputBox {position: relative;}
.closeSearch {position: absolute; right: 0; top: 0px; width: 30px; height: 40px; color: #bbb; cursor: pointer;  text-align: center; line-height: 40px;}
.addBtn .icon {left: auto;}
.manageBox ul.drop-list {display: none; position: absolute; top: 48px; right: 0; z-index: 5; width: 130px; background: #fff;
border: 1px solid #e3e3e3; box-shadow: 0 1px 2px rgb(0 0 0 / 10%);}
.manageBox:hover ul.drop-list {display: block;}
.manageBox ul.drop-list li a {display: block; padding: 10px 15px; font-size: 12px; font-weight: 400; color: #8994a3;
line-height: 19px; border-bottom: 1px solid #e3e3e3;}
.manageBox ul.drop-list li a:hover {color: #188ae2; background: rgba(24,138,226,.03);}
.clientTopRight .addBtn .material-icons.icon {left: auto;}
.clientTopRight .addBtn .material-icons.icon.moveVert {margin-right: 0px !important;}

/* Popup style */
.popupBox-title {margin-bottom: 15px; padding: 20px; font-size: 16px; font-weight: 700; border-bottom: 1px solid #e3e3e3;}
.uppercase {text-transform: uppercase;}
.margin-r5 {margin-right: 5px; display: inline-block;}
.text-gray-lighter {color: #ccc;}
.manageColumns-popup .form li {width: 33.333%;}
.manageColumns-popup .form li .checkbox input[type="checkbox"] {width: 100%; height: 100%; top: -5px; left: 20px; z-index: 10;}

.total-client {padding: 10px 0px; border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; font-size: 16px;}
.pd-20 {padding: 20px;}
.font-bold {font-weight: 700;}
.pull-right {float: right!important;}
.downloadContact-popup .dc-inputFiled li {width: 100%; padding: 10px;}
.downloadContact-popup .dc-inputFiled li .form-label {display: inline-block; margin-bottom: 5px; font-weight: 600; color: #333; line-height: 20px;}
.font-normal {font-weight: 400;}

.graph-tabBtn .btn-group {clear: both;}
.graph-tabBtn .btn {width: 40px; height: 35px; padding: 0px; font-size: 14px; position: relative; float: left;}
.graph-tabBtn .btn .icon {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); font-size: 20px;}
.graph-tabBtn .btn.active {color: #ccc; background: #ebedf0; border: 1px solid #dcdee0;}
.graph-tabBtn .btn:last-child {border-radius: 0px 4px 4px 0px; border-left: 0px;}

.border_validation {border-color: #ff0000;}
.test_validation {color: #ff0000;}
.plr-10 {padding-left: 10px; padding-right: 10px;}
.pl-20 {padding-left: 20px;}
.pr-20 {padding-right: 20px;}

/* step 4 */

.content-padding.padding-md {
    padding: 20px;
}
.border-radius {
    border-radius: 4px;
}
.border-solid {
    border: 1px solid #e3e3e3;
}
.download-box .table-cell {
    padding: 0 20px;
}
.download-box .cell-img {
    padding: 0;
    width: 80px;
}
.download-box .cell-img a {
    display: inline-block;
    width: 80px;
    height: 80px;
    padding: 18px 0 0 17px;
    background: #f8f8f8;
    border-radius: 6px;
}

.download-box .list-inline {
    margin-left: -10px;
    margin-right: -10px;
}
.download-box .h4, .download-box h4 {
    font-size: 16px;
        line-height: 1.25;
}
.download-box .h6, .download-box h6 {
    font-size: 12px;
        line-height: 1.25;
}
.download-box .margin-b10 {
    margin-bottom: 10px;
}


.download-box .cell-icon {
    width: 100px;
    border-left: 1px solid #e3e3e3;
    padding: 0;
    padding-left: 15px;
    vertical-align: middle;
}
.download-box .cell-icon a {
    display: block;
    width: 100%;
    color: #e3e3e3;
}
.download-box .cell-icon a .iconfont {
    font-size: 20px;
}

/* Marge document popup style */

.todo-box .center-content.margeDocument-view {padding-left: 25px; padding-right: 25px;}
.file-switch {display: -ms-flexbox; display: flex; font-size: 16px;}
.file-switch .list-item {cursor: pointer;}
.file-switch .list-item+.list-item {margin-left: 20px; color: #333;}
.file-switch .list-item.active {color: #ccc; cursor: default;}
.file-switch .list-item .icon {margin-right: 2px; vertical-align: middle; font-size: 21px; font-style: normal;}

.margeDocument-fileWrapper {padding-left: 15px; padding-right: 15px;}
.list-edit-view {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.cursor-move {cursor: move;}
.list-edit-view .list-item {width: 200px; height: 280px; margin: 5px; padding: 10px 10px 20px; text-align: center; background: #fff;}
.list-edit-view .list-item:hover {background: #f8f8f8;}
.list-edit-view .list-item.select {background: rgba(28,137,221,.1);}
.list-edit-view .list-item .img-box {position: relative; width: 100%; background: #fff; height: auto; max-height: 200px; overflow-y: hidden;}
.list-edit-view .list-item .img-box img {width: 100%; height: 100%;}
.list-edit-view .list-item .img-box .operate-box {position: absolute; top: 0; right: 0; display: none;}
.list-edit-view .list-item:hover .img-box .operate-box {display: -ms-inline-flexbox; display: inline-flex;}
.list-edit-view .list-item .img-box .operate-box .operate-item {width: 30px; height: 30px; background: rgba(20,41,71,.6); color: #fff; -ms-flex-pack: center; justify-content: center; line-height: 30px; margin-left: 1px; }
.list-edit-view .list-item .img-box .operate-box .operate-item .icon {font-size: 12px;}
.list-edit-view .list-item.select .operate-item.plusIcon,
.list-edit-view .list-item .operate-item.minusIcon {display: none;}
.list-edit-view .list-item .operate-item.plusIcon,
.list-edit-view .list-item.select .operate-item.minusIcon {display: inline-block;}
.list-edit-view .list-item .num {display: -ms-inline-flexbox; display: inline-flex; margin-top: 12px; -ms-flex-pack: center; justify-content: center; padding: 5px 10px; border-radius: 2px;}

.step_submit_disabled:disabled {background: #ccc !important; color: #999 !important; cursor: not-allowed;}
.step_submit_disabled:disabled:hover {opacity: 1;}


/* Inbox page style */
.list-inbox .list-bg-item:hover {background: #fff6f6; border-left-color: #ff6b06; box-shadow: -1px 0 0 #ff6b06; cursor: pointer;}
.list-inbox .list-bg-item.activeRow:hover {background: #fff; border-left-color: #e3e3e3; box-shadow: -1px 0 0 #e3e3e3;}
.list-inbox .list-bg-item .display-table > .table-cell {padding: 9px 5px; line-height: 30px; vertical-align: middle;}
.list-inbox .list-bg-item .cell-check, 
.list-inbox .list-bg-item .cell-icon {width: 45px;}
.list-inbox .list-bg-item .table-cell:first-child {padding-left: 10px;}
.list-inbox .list-bg-item .cell-icon .icon {font-size: 14px; position: relative; top: 2px;}
.list-inbox .list-bg-item .cell-date {width: 150px; text-align: right; padding-right: 10px;}
.padding-15 {padding: 15px;}
.list-inbox .list-bg-item .display-table > .table-cell.icon-recivedBox {line-height: normal; position: relative;}
.list-inbox .list-bg-item .display-table > .table-cell.icon-recivedBox .icon {position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%);}
.cell-xs {width: 40px;} 
.text-info {color: #188ae2;}
.text-success {color: #4ba32e;}
.btn-success, a.btn-success {color: #fff; border-color: #4ba32e; background: #4ba32e;}
.list-inbox .list-bg-item .table-cell:last-child.text-left {text-align: left;}
.inbox-detail .cell-content,
.inbox-detail .cell-date {display: none;}
.inbox-detail .absolute-left, 
.inbox-detail .absolute-right {line-height: 30px; top: 10px; right: 15px;}
.listInbox-topInner .absolute-right {display: none;}
.listInbox-topInner.inbox-detail .absolute-right {display: inline-block;}
.inbox-detailBox {display: none;}
.activeRow .inbox-detailBox {display: block;}

.div-right {float: right; display: inline-block;}


/* Inbox page style end */



/* ToDo page style */
.todo-pageWrapper .todo-box {min-height: calc(100vh - 205px);}
.todo-pageWrapper .box-midContentInner {min-height: calc(100vh - 232px); max-height: calc(100vh - 232px);}
.todo-pageWrapper .todo-box .sider-left {position: absolute; top: 0; height: 100%; left: 0; width: 260px; border-right: 0; border-right: 1px solid #e3e3e3; z-index: 11; background: #fff;}
.todo-pageWrapper .document-view {padding-left: 260px; padding-right: 260px;}
.todo-pageWrapper .sider-left .box-title {padding: 16px 20px;}
.todo-pageWrapper .sider-left .box-content {position: absolute; top: 0; height: 100%; z-index: 1; width: 100%; padding-top: 130px; }
.todo-pageWrapper .todo-box .thumbnails-box {position: absolute; top: 0; left: 260px; width: 80px; padding: 80px 0 110px; height: 100%; z-index: 2; text-align: left; min-height: calc(100vh - 225px);}
.todo-pageWrapper .todo-box .thumbnails-box .img-box {width: 40px; height: 40px;}
.todo-pageWrapper .todo-box .thumbnails-box .overflow-scroll {padding: 0px 20px; overflow-x: hidden;}
.todo-pageWrapper .todo-box .thumbnails-box.active,
.todo-pageWrapper .todo-box .thumbnails-box .img-box:hover {border: 2px solid #188ae2; cursor: pointer;}
.todo-pageWrapper .todo-box .center-content .box-title {padding: 20px;}
.todo-pageWrapper .todo-box .sider-left .list-border .list-solid-item {position: relative; padding: 20px; cursor: pointer;}
.todo-pageWrapper .todo-box .sider-left .list-border .list-solid-item.active {background: rgba(28,137,221,.05);}
.todo-pageWrapper .todo-box .sider-left .list-border-tb .list-solid-item+.list-solid-item,
.todo-pageWrapper .todo-box .sider-left .list-border .list-solid-item+.list-solid-item {border-top: 1px solid #e3e3e3;}
.todo-pageWrapper .todo-box .sider-right {z-index: 11;}
.todo-pageWrapper .todo-box .sider-right .sider-right-box {padding-top: 0px;}
.todo-pageWrapper .sider-right-box .box-content .sider-right-HD {padding-top: 18.5px; padding-bottom: 18.5px; cursor: pointer;}
.todo-pageWrapper .todobox .sider-right-box:first-child .overflow-scroll {max-height: calc(48vh - 90px);}
.todo-pageWrapper .time-line .list-item:first-child .cell-content {padding-top: 0;}
.todo-pageWrapper .time-line .cell-content {padding: 15px 0; border-bottom: 1px solid #e3e3e3;}
.todo-pageWrapper .absolute-bottom {padding: 0px 260px 15px; border-top: 0px;}
.todo-pageWrapper .sider-right-box .circle-solid {width: 20px; height: 20px; line-height: 20px; background: #333; color: #fff;}
.todo-pageWrapper .sider-right-box .circle-solid .icon {font-size: 20px;}
.todo-pageWrapper .todo-box .edit-box {border-bottom: 1px solid #e3e3e3; margin-bottom: 15px;}
.todo-pageWrapper .todo-box .dropdown-menu {margin-left: -80px;}
.todo-pageWrapper .todo-box .dropdown-menu .content-padding {display: block !important;}
.todo-pageWrapper .todo-box.collapse-left .sider-left,
.todo-pageWrapper .todo-box.collapse-right .sider-right {width: 60px;}
.todo-pageWrapper .todo-box.collapse-left .center-content,
.todo-pageWrapper .todo-box.collapse-left .center-content .absolute-bottom,
.todo-pageWrapper .todo-box.collapse-left .center-content .box-content,
.todo-pageWrapper .todo-box.collapse-left .absolute-bottom {padding-left: 60px;}
.todo-pageWrapper .todo-box.collapse-left .sider-left .box-content {padding-top: 60px;}
.todo-pageWrapper .todo-box.collapse-left .thumbnails-box {left: 60px;}
.todo-pageWrapper .todo-box.collapse-left .sider-left .sider-search-box {display: none !important;}
.todo-pageWrapper .todo-box.collapse-right .center-content,
.todo-pageWrapper .todo-box.collapse-right .center-content .absolute-bottom
.todo-pageWrapper .todo-box.collapse-right .center-content .box-content,
.todo-pageWrapper .todo-box.collapse-right .absolute-bottom {padding-right: 60px;}
.todo-pageWrapper .todo-box.collapse-right .sider-right-box + .sider-right-box,
.todo-pageWrapper .todo-box.collapse-right .content-padding {display: none;}
/* ToDo page style End */


/* Filing Case Start */
.closeCaseFilingSearch {position: absolute; right: 0; top: 0px; width: 30px; height: 40px; color: #bbb; cursor: pointer;  text-align: center; line-height: 40px;}
.tableBox tbody .clickOnClientCase .nowrap {cursor: pointer;}
.removeinputborder {border: 0px; pointer-events: none;}
.inputbordercss {border: 1px solid grey; padding: 10px; width:100%;}
/*  Filing Case End */

.addborder {border:1px solid #c3c3c3 !important;}


/* Note attachment start */
.uploadFile {display: flex; align-items: center; width: 30%; margin-top: 15px; background-color: #f5f6f8; color: grey; font-size: 16px; line-height: 23px; overflow: hidden; padding: 10px 10px 4px 10px; position: relative; resize: none;}
.uploadFile input[type="file"] {cursor: pointer !important; display: block; filter: alpha(opacity=0); min-height: 100%; min-width: 100%; opacity: 0; position: absolute; right: 0px; text-align: right; top: 0px; z-index: 1;}

.kwt-file__choose-file {flex-shrink: 0; background-color: #182f4f; border-radius: 100%; margin-right: 10px; color: #ffffff; width: 38px; height: 38px; display: flex; align-items: center; justify-content: center;}
.kwt-file__choose-file svg {width: 18px; height: 18px; display: block;}
.filename {flex: 0 0 calc(100% - 55px); max-width: calc(100% - 55px); word-wrap: break-word; font-size: 14px; line-height: 16px;}

.thumImageList ul {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; position: relative; list-style-type: none; padding-left: 0px; margin-bottom: 0px;}
.thumImageBox {position: relative; height: 150px; overflow: hidden;}
.thumImageBox img {max-width: 100%; object-fit: contain; width: 100%; height: 100%;}
.thumImageBox:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border : 1px solid #ccc;}
.thumImage-btnBox {opacity: 0; visibility: hidden; position: absolute; top: 0; right: 0px; padding-right: 10px; padding-top: 10px; z-index: 1;}
.thumImageBox:hover .thumImage-btnBox {opacity: 1; visibility: visible;}
.thumImage-btnBox a {background: #fff; padding: 5px; text-align: center; cursor: pointer; border-radius: 4px;}
.thumImage-btnBox a span.icon {
    position: relative;
    top: 5px;
    font-size: 22px !important;
}

.noteFullImagepopup .popupBox {max-width: calc(100% - 30px);}
.noteFullImage {text-align: center;}
/* Note Attachment End */

/* Report start */
.tableBox tbody .clickOnReports .nowrap {cursor: pointer;}
/* Report End */

.endCon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 999;
    /* Adjust z-index as needed */
}

/* Styling for the tableBox div */
/* .endBox {
    background-color: #f0f0f0;
    padding: 10px;
    border-radius: 5px;
} */

.endCon .endBox #hiddenDiv {
    background-color: rgb(255, 255, 255);
    border: 2px solid #d3d3d3;
    width: 350px;
    padding: 20px;
    margin-bottom: 10px;
    height: auto;
    overflow-y: scroll;
}

.endCon .endBox #hiddenDiv td a {
    font-size:12px;
    font-family: 'Ubuntu';  
    margin-left: 10px;
    color: #282828;
    
}

.endCon .endBox #hiddenDiv table tbody tr td {
    padding: 7px;
}

.endCon .endBox #hiddenDiv td img {
    width: 20px;
}

.endCon .endBox #hiddenDiv .items-heading img {
    width: 22px;
}

.endCon .endBox #hiddenDiv .items-heading {
    /* display: flex; */
    justify-content: space-between;
    margin-bottom: 10px;
    align-items: center;
    /* font-weight: bold; */
    font-size: 16px;
}
.recent_clients{
    display: flex; 
    justify-content: space-between;
    align-items: center;
}
.recent_items{
    font-weight: bold; 
    margin-bottom: 0;
}
#item-icon {
    cursor: pointer;
}
/* Style for the nameButton span */
.nameButton {
    cursor: pointer;
    /* Change cursor to indicate interactivity */
    display: inline-block;
    /* Make the span behave like a block-level element */
    background-color: #e0e0e0;

    padding: 8px 12px;
    /* Adjust padding as needed */
    border-radius: 5px;
}

/* Pager Size Css */
.paging .page-size-selector {padding:5px;}
.paging .page-size-selector .custom-page-size-selector {display: inline;border-radius: 6px;width: 35px;height: 30px;padding-left: 4px;border-color: #3aadaa;}

/* 06-02-2024 */

.recent_table_div {
    max-height: calc(100vh - 120px);
    overflow-y: auto;
}

.document_new_style {
    display: grid;
}

.hamburgerIcon-forSideBar {display: none !important;}
@media(max-width: 999px) {
    .hamburgerIcon-forSideBar {display: inline-block !important; padding-left: 20px;}
    .hamburgerIcon-forSideBar .icon {color: #fff; font-size: 28px;}
    .sidernav.open-sidernav {left: -100%;}
    .sidernav.open-sidernav.openMobileView,
    .sidernav.openMobileView {left: 0px; z-index: 100;}
}

tr.customheader
    {
        cursor:pointer;
    }
    .customheader .sign:after{
      content:"+";
      display:inline-block;
    }
    .customheader.expand .sign:after{
      content:"-";
     }
.customTBL thead th {background: #f1f3f5; font-weight: 500; font-size: 16px; padding:5px 5px; text-align: left;}
.customTBL tbody td {border-top: 1px solid #e3e3e3; background: #f8f9fa; padding: 5px 5px; font-size: 15px;}


.sign-tab-menu {margin-top: 40px;}
.sign-tab-menu ul li {display: inline-block;}
.sign-tab-menu ul li.tabNav-Item a {padding: 20px 0px; font-size: 16px; line-height: 19px; color: #8994a3; font-weight: 700; margin-right: 20px; text-transform: uppercase; display: block; border: none; text-align: center;}
.sign-tab-menu ul li.tabNav-Item a.active,
.sign-tab-menu ul li.tabNav-Item a:focus,
.sign-tab-menu ul li.tabNav-Item a:hover {color: #142947; box-shadow: inset 0 -2px 0 #ff6b06, 0 1px 0 #ff6b06;}


.popupTest {
                  display: none;
                  position: fixed;
                  padding: 10px;
                  width: 100%;
                  max-width: 800px;
                  left: 33%;
                  margin-left: -150px;
                  height: 380px;
                  top: 33%;
                  margin-top: -100px;
                  background: #FFF;
                  border: 3px solid #F04A49;
                  z-index: 20;
                }
                buttonPop {
    margin-top: 50px;
    background-color: rgba(255,255,255,0.3);
    border: 3px solid #F04A49;
    color: #F04A49;
    font-size: 25px;
    padding: 10px 20px;

}
.formSelect2 {width: 100%; background: #fff url(../images/select_arrow.png) no-repeat right 10px center; border: 1px solid #c3c3c3; border-radius: 6px; padding:4px 40px 4px 15px; font-size: 14px; font-weight: 500;}
.formSelect2:focus {border: 1px solid #258dde;}
.formInput2 {width: 100%; border: 1px solid #c3c3c3; border-radius: 6px; padding:4px 15px; font-size: 14px; font-weight: 500;}
.formInput2:focus {border: 1px solid #258dde;}
#stars .star {
    font-size: 30px;
    cursor: pointer;
    color: #ccc;
    margin-right: 5px;
    display: inline-block;
}
#stars .star.selected {
    color: #ffc107;
}

.docWrapper {
        padding:50px 200px 50px 200px;
    }
.responsive-video {
    max-width: 420px;
}
.responsive-popup {
  width: 90%;
  max-width: 560px;
  margin: 0 auto;
  background: #000;
  border-radius: 8px;
  box-sizing: border-box;
}

.video-container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: none;
}

.doc-popupHeader {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 100;
}

.doc-popupBox {
  position: relative;
}