:root {
  --primary: #0a2540;
  --black: #000;
  --dark-black: #1b1b1b;
  --sub-black: #131314;
  --sub-black-2: #cdd4de;
  --sub-black-3: #98a0ac;
  --blue: #0052d4;
  --sub-blue-2: #bdbccd;
  --sub-blue-3: #9da4b0;
  --sub-blue-4: #3b5998;
  --sub-blue-5: #55acee;
  --sub-blue-6: #007bb5;
  --sub-blue-7: #0152d4;
  --sub-blue-8: #2c97de;
  --sub-blue-9: #1c324a;
  --sub-blue-10: #5e687d;
  --sub-red: #f23e49;
  --sub-gray-1: #c9d1dd;
  --sub-gray-2: #d0cfcf;
  --sub-gray-3: #ccc;
  --sub-gray-4: #5d5d5d;
  --sub-gray-5: #868b91;
  --sub-gray-6: #afb8c5;
  --sub-gray-7: #aaaaaa;
  --sub-gray-8: #7f838a;
  --sub-gray-9: #dfe3e9;
  --sub-gray-10: #dedede;
  --sub-gray-11: #c7ccd5;
  --sub-green: #c9d1dd;
  --sub-green-2: #168d32;
  --sub-white-2: #f3f3f3;
  --sub-white-3: #f6f6f6;
  --sub-white-4: #e8ecf2;
  --sub-white-5: #f7f9fc;
  --sub-white-6: #f5f6f8;
  --sub-pink-2: #bb3354;
  --sub-pink-3: #7e3b8a;
  --sub-pink-4: #f8e3fc;
  --sub-pink-5: #f9e1e1;
  --sub-sea-blue: #00be9d;
  --yellow: #edb407;
  --sub-yellow: #ee9902;
  --sub-yellow-2: #7e3b8a;
  --sub-yellow-3: #f9f9df;
  --sub-yellow-4: #fffc00;
  --sub-orange-2: #ff642e;
  --sub-orange-3: #f7e5c9;
  --sub-red-2: #f21923;
  --link-color: #0553d6;
  --dark-gray: #888888;
  --very-light-brown-color: #cdc9db;
}

::-webkit-calendar-picker-indicator{ display: none;}
/*::-webkit-scrollbar{ width: 5px;}
::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 8px var(--sub-gray-5); box-shadow: inset 0 0 8px var(--sub-gray-5); -moz-box-shadow: inset 0 0 8px var(--sub-gray-5); border-radius:10px;}
::-webkit-scrollbar-thumb{ border-radius:10px; -webkit-box-shadow: inset 0 0 8px var(--sub-gray-5); box-shadow: inset 0 0 8px var(--sub-gray-5); -moz-box-shadow: inset 0 0 8px var(--sub-gray-5);}
.horizontalscroll-bar::-webkit-scrollbar{ height: 5px;}*/

body{ color: var(--primary); font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: normal; background-color: #fff;}
input[type="date"]::-webkit-calendar-picker-indicator{ -webkit-appearance: none; appearance: none;}
input:focus{ outline: none;}
p{ margin: 0; line-height: 25px; font-size: 1.143em;}
p + p{ margin-top: 15px;}
img { max-width: 100%; }
ul, li, ol{ margin: 0; padding: 0; list-style: none;}
a, a:hover,a:focus, button, button:hover, button:focus{ transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease; text-decoration: none; outline: none; color: inherit;}
/*a, a:hover,a:focus{ color: #10d3c5;}*/
h1, h2, h3, h4, h5, h6{ font-weight: 600; font-family: 'Montserrat', sans-serif;}
h1{ font-size: 2em;}
.table-wrap { display: table; table-layout: fixed; width: 100%; }
.table-wrap aside{ display: table-cell; vertical-align: middle; float: none; }
::-moz-placeholder{ color: var(--primary); opacity: 1;}
:-ms-input-placeholder{ color: var(--primary); opacity: 1;}
::placeholder{ color: var(--primary); opacity: 1;}
:-ms-input-placeholder{ color: var(--primary);}
::-ms-input-placeholder{ color: var(--primary);}
.btn, .btn:active, .btn:focus, .btn:hover{ opacity: 1; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none;}
button:focus{ outline: none;}
.dropdown button.dropdown-toggle:after{ display: none;}
.no-padding{ padding: 0 !important;}
.no-margin{ margin: 0 !important;}
.container{ max-width: 1589px;}
.bold{ font-weight: 700;}
.sentence-cap{ text-transform: capitalize;}
.cur-point{ cursor: pointer;}

figure{ margin: 0;}
.form-custom-row{ margin: 0 0 24px;}
.form-field{ border-radius: 6px; border: 1px solid var(--sub-blue-2); padding: 0 12px; height: 46px; display: block; width: 100%;}
textarea.form-field{ height: 100px; resize: none; padding: 6px 12px;}
input:focus, textarea:focus, select:focus{ outline: none;}
select{ background: url(/images/select-icon.png?9415c50f9c6518b422507fe3a002539e) no-repeat right 9px center; -webkit-appearance: none; appearance: none; -moz-appearance: none; padding-right: 30px !important;}
.blue-grad-circle-btn,
.custom-file-input-btn:before{ border-radius: 35px; display: inline-block; padding: 0 40px; line-height: 45px; font-weight: 700;}
.blue-grad-circle-btn,
.new-project-sec .btn-rad-group span:hover,
.new-project-sec .btn-rad-group span.checked,
.lawyer-bid-slide-range.ui-slider .ui-slider-handle:before,
.custom-file-input-btn:before,
.green-grad-btn:hover{ background: #0353d6; background: linear-gradient(to right,  #0353d6 0%,#3f63f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0353d6', endColorstr='#3f63f5',GradientType=1 ); border: none; color: var(--white);}
.blue-grad-circle-btn{ border: 2px solid transparent; border-radius: 35px;}
.blue-grad-circle-btn:hover{ border: 2px solid var(--blue); background: none; color: var(--blue);}

/*.blue-grad-circle-btn:hover,
.blue-grad-circle-btn:focus{ color: var(--white);}*/
/* .blue-grad-circle-btn{border: 2px solid transparent;} */
/* .blue-grad-circle-btn:hover{ background: none; border: 2px solid var(--blue); color: var(--blue); font-weight: 700;} */
.radio-btn label{ padding: 0 0 0 8px;}
.switch { position: relative; display: inline-block; width: 38px; height: 14px;}
.switch input { opacity: 0; width: 0; height: 0; }
.slider{ position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: var(--sub-black-3); transition: .4s; }
.slider:before { position: absolute; content: ""; height: 20px; width: 20px; left: 0; bottom: -3px; background-color: var(--sub-black-2); transition: .4s; border: 1px solid #98a0ac;}
input:checked + .slider { background-color: var(--blue);}
input:focus + .slider { box-shadow: 0 0 1px var(--sub-black-3);}
input:checked + .slider:before { transform: translateX(18px); }
/* Rounded sliders */
.slider.round { border-radius: 34px; }
.slider.round:before { border-radius: 50%; }
.text-link, .text-link:focus, #pending-modal .modal-body p a{ color: var(--blue); text-decoration: underline;}
.angle-list li{ position: relative; padding: 0 0 0 12px; margin: 0 0 4px;}
.angle-list li:before{ content: "\f105"; font-family: "Font Awesome 5 pro"; display: block; position: absolute; left: 0; top: 2px;}
.half-list{ display: flex; flex-wrap: wrap;}
.half-list li{ width: 50%; padding-right: 15px;}
.tooltip-btn{ background: none; border: none; padding: 0; margin-left: 2px;}
.alert-txt{ color: var(--sub-pink-2); font-weight: 700;}
.modal .modal-content{ border: none;}
.blue-brdr-rad-btn{ border: 2px solid var(--blue); color: var(--blue); border-radius: 35px; padding: 0 34px; display: inline-block; line-height: 41px; font-weight: 600;}
.blue-btn{ background: var(--blue); color: var(--white);  border-radius: 5px; border: none; padding: 6px 15px; width: -webkit-max-content; width: -moz-max-content; width: max-content;}
.blue-btn:hover, .blue-btn:focus, .blue-brdr-rad-btn:hover{ color: var(--white); background: var(--sub-blue-7);}
.red-btn{ background: var(--sub-red-2);}
.red-btn:hover{ background: var(--sub-red);}
.txt-link-btn{ background: none; border: none; color: var(--blue); text-decoration: underline; font-size: 0.9em;}
.blue-brdr-btn{border: 2px solid var(--blue); color: var(--blue); background: none;}
.pink-grad-btn:hover, .green-grad-btn{ background: #00b58f; background: linear-gradient(to right,  #00b58f 0%,#00c7ab 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b58f', endColorstr='#00c7ab',GradientType=1 );}
.pink-grad-btn{ background: #6d337a; background: linear-gradient(to right,  #6d337a 0%,#90439b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d337a', endColorstr='#90439b',GradientType=1 );}
.blue-brdr-btn:hover{ background: var(--blue); color: var(--white);}
.header-right .blue-grad-circle-btn{ border: none;}
.header-right .blue-grad-circle-btn:hover{ background: var(--white); color: var(--black); border: none;}
tr.bold td{ font-weight: 700;}
.checkbox-def{ position: relative; padding: 0 0 0 17px;}
.checkbox-def input[type="checkbox"]{ position: absolute; left: 0; top: 5px;}
.status span{ color: var(--white); min-width: 150px; display: block;}
.status.pending, .status.pending span{ background: var(--sub-yellow);}
.status.paid-progress, .status.paid-progress span{ background: var(--sub-sea-blue);}
.status.in-progress, .status.in-progress span{ background: var(--sub-sea-blue);}
.status.moreinfo-req, .status.moreinfo-req span{ background: var(--sub-yellow-4); color: var(--black);}
.status.auction-expired, .status.auction-expired span{ background: var(--sub-pink-2);}
.status.conf-completion, .status.conf-completion span, .status.conf-lawyer-completed, .status.conf-lawyer-completed span{ background: var(--sub-orange-2);}
.status.send-payment, .status.send-payment span{ background: var(--sub-pink-3);}
.status.auction-running, .status.auction-running span{ background: var(--sub-blue-8);}
.status.completed, .status.completed span{ background: var(--sub-gray-7);}

.projects-list-table tr.moreinfo-req td{ background: var(--sub-yellow-3);}
.projects-list-table tr.moreinfo-req td.heading:after,
.projects-list-table tr.moreinfo-req .status.moreinfo-req{ background: var(--sub-yellow-4); color: var(--black);}

.projects-list-table tr.auction-expired td{ background: var(--sub-pink-5);}
.projects-list-table tr.auction-expired .status.auction-expired,
.projects-list-table tr.auction-expired td.heading:after{ background: var(--sub-pink-2);}

.projects-list-table tr.conf-completion td{ background: var(--sub-orange-3);}
.projects-list-table tr.conf-completion .status.conf-completion,
.projects-list-table tr.conf-completion td.heading:after{ background: var(--sub-orange-2);}

.projects-list-table tr.send-payment td{ background: var(--sub-pink-4);}
.projects-list-table tr.send-payment .status.send-payment,
.projects-list-table tr.send-payment td.heading:after{ background: var(--sub-pink-3);}

.main-header{ background: var(--sub-black); padding: 14px 0; color: var(--white); position: fixed; width: 100%; top: 0; left: 0; z-index: 99;}
.main-header + section, .main-header + div{ margin-top: 76px;} 
.main-header .row{ align-items: center;}
.main-header figure img { max-width: 419px;}
.header-right{ text-align: right; display: flex; justify-content: flex-end; align-items: center;}
.header-right aside a{ color: var(--white);}
.header-right aside ul li{ display: inline-block;}
.header-right aside ul li ul li{ display: block;}
.header-right aside ul li a{ font-size: 1.125em;}
.header-right .blue-grad-circle-btn i{ margin-left: 5px;}
.header-right .blue-grad-circle-btn:hover,
.header-right ul li .blue-grad-circle-btn:focus,
.header-right ul li .blue-grad-circle-btn:hover{ color: var(--black);}
.header-right li.notify-link{ padding: 0 20px;}
.header-right li.notify-link i{ font-size: 1.1em;}
.header-right .notify-link a{ position: relative;}
.header-right .notify-link .dropdown-toggle:after{ display: none;}
em.notify-count, em.msg-count{ background: var(--sub-red); text-align: center; width: 15px; height: 15px; border-radius: 50%; display: block; font-size: 0.571em; font-style: normal; position: absolute; top: -10px; right: -9px; line-height: 14px; color: var(--white); line-height: 15px; font-weight: normal;}
.new-project-btn a{ line-height: 41px; padding: 0 30px; font-weight: 600; display: inline-block; font-weight: 600; border-radius: 35px;}
.header-right .user-dropdown{ padding: 0 0 0 15px;}
.header-right .user-dropdown button{ background: none; border: none; padding: 0;}
.dropdown-menu{ min-width: 180px;}
.header-right aside ul.dropdown-menu li{ display: block;}
.dropdown-menu li a{ padding: 4px 15px; font-size: 1em; display: block; color: var(--primary); border-top: 1px solid var(--sub-gray-1);}
.dropdown-menu li:first-child a{ border: none;}
.header-right ul li a:hover{ color: var(--blue);}

.sidebar-nav{ padding: 25px 10px 25px 15px; background: var(--sub-white-5); border-right: 1px solid var(--sub-green); min-height: 100vh;}
.mid-body h2{ font-size: 1.125em; margin: 0 0 15px;}
.sidebar-nav ul li{ margin: 0 0 10px;}
.sidebar-nav ul li a{ position: relative;}
.sidebar-nav ul li a:hover{ color: var(--blue);}
.sidebar-nav ul li a.active,
.sidebar-nav ul li a.active i{ font-weight: 700; color: var(--blue);}
.sidebar-nav ul li a em.msg-count{ top: -6px; right: -20px;}
.sidebar-nav ul li i{ margin-right: 2px;}
.content-body{ padding-top: 20px; padding-bottom: 25px; /*padding-right: 0;*/}
.mid-body{ position: relative;}
.mid-body:before{ content: ""; display: block; background: var(--sub-white-5); width: 20%; height: 100%; position: absolute; left: 0; top: 0;}
.content-body h1{ font-size: 1.875em; margin: 0 0 24px; text-transform: capitalize;}
.content-body h1 span{ display: block; font-size: 0.6em; font-weight: normal; margin-top: 3px;}
.new-project-sec{ max-width: 900px;}

.tab{ display: none;}
.tab-steps-nav{ justify-content: space-around; position: relative; margin: 0;}
.tab-steps-nav:before{ content: ""; display: block; width: 100%; height: 3px; background: var(--sub-blue-2); position: absolute; top: 50%; margin-top: -33px;}
.tab-steps-nav:after{ content: ""; display: block; width: 100%; height: 20px; background: var(--sub-white-2); border-radius: 4px; margin: 18px 0 0; border-radius: 4px; box-shadow: inset 0px 1px 0px 0px var(--sub-gray-3);}
.tab-steps-nav aside.step.finish:after{ content: ""; display: block; width: 100%; height: 20px; position: absolute; left: 0; margin-top: 18px; background: #0353d6;}
.tab-steps-nav aside.step.finish:first-child:after{ border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.tab-steps-nav aside.step.finish:last-child:after{ border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.tab-steps-nav aside{ position: relative; width: 14.2857%; text-align: center; padding: 0 15px;}
.tab-steps-nav aside span{ font-size: 0.875em; color: var(--sub-blue-2);}
.tab-steps-nav aside span strong { font-weight: normal;}
.tab-steps-nav aside span em{ display: block; width: 40px; height: 40px; background: var(--sub-blue-2); margin: auto; border-radius: 50%; text-align: center; line-height: 40px; font-size: 1.25em; color: var(--white);}

.tab-steps-nav aside.active span,
.tab-steps-nav aside.finish span{ color: var(--blue);}
.tab-steps-nav aside.active span em,
.tab-steps-nav aside.finish span em{ background: #0353d6; background: linear-gradient(to right,  #0353d6 0%,#3f63f5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0353d6', endColorstr='#3f63f5',GradientType=1 );}
.tab-steps-cont{ padding: 28px 0 0;}
.new-project-sec form label{ margin: 0 0 10px;}
.new-project-sec .btn-rad-group{ margin: 0 -5px;/* width: 100%;*/}
.new-project-sec .btn-rad-group li{ padding: 12px 5px 0;}
.new-project-sec .btn-rad-group span{ background: var(--sub-white-2); border: none; height: 62px; padding: 0 28px 0 18px; border-radius: 6px; border: 1px solid var(--sub-gray-2); display: block; width: 100%; text-align: left; position: relative; display: flex; align-items: center; transition: 0.3s all ease; -webkit-transition: 0.3s all ease; -moz-transition: 0.3s all ease;}
.new-project-sec .btn-rad-group span.checked:after{ content: "\f058"; font-family: "Font Awesome 5 Pro"; position: absolute; right: 17px;}
.new-project-sec .btn-rad-group span input[type="radio"]{ width: 100%; height: 100%; opacity: 0; position: absolute; left: 0; z-index: 2; cursor: pointer;}
.new-project-sec #nextBtn{ background: transparent; border: 2px solid var(--blue); color: var(--blue); border-radius: 35px; padding: 0 34px; display: inline-block; line-height: 41px; font-weight: 600;background-color: #fff;}
.new-project-sec #nextBtn:hover{ background: var(--blue); color: var(--white);}
.header-right aside ul.notifications li{ padding: 0 15px;}
.msf-sub-btns{ padding-top: 20px;}
.new-project-sec .pc-select{ max-width: 234px;}
.area-of-law span label i{ margin-left: 6px;}
.area-of-law .idontknow-rbtn{ margin-left: 120px;}
.area-of-law span label{ margin: 0; padding: 0 0 0 8px;}
.upload-sec p a{ color: var(--blue); text-decoration: underline;}
.upload-sec .form-custom-row{ padding: 15px 0 0;}
.desc-del textarea{ margin: 17px 0; height: 174px;}
.deadline-rbts{ padding: 19px 0 0;}
.deadline-rbts .deadline-rbts-radio{ width: auto; min-width: 120px; display: inline-block; vertical-align: top;}
.deadline-sec .dline-date{ max-width: 270px; display: block; width: auto;}
.deadline-rbts div.budget-input{ max-width: 130px; width: auto; display: block; position: relative;}
.budget-input span{ position: absolute; margin-top: 8px;}
.budget-input .form-field{ margin-left: 20px;}
.new-project-sec #nextBtn.blue-grad-circle-btn{ color: var(--white); border: none;}
button#prevBtn{ background: none; border: none; color: var(--blue); font-weight: 600; margin-right: 15px;}
.select-area-sec-main span.form-field{ max-width: 242px; display: block; text-align: left; position: relative; cursor: pointer; line-height: 31px;}
.select-area-sec-main span.form-field i{ position: absolute; right: 9px; top: 8px;}
.select-area-sec-main .select-area-sec{ background: var(--sub-white-2); position: absolute; display: none; padding: 20px;}
.select-area-sec ul li{ margin-bottom: 5px;}
.select-area-sec ul li label{ margin: 0; padding: 0 0 0 10px;}
.state-select-dropdown{ display: none;}
.modal-backdrop.show{ opacity: 1; background-color: rgba(0,0,0,0.5); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px);}
.agree-delivers-popup .modal-dialog{ max-width: 882px;}
.agree-delivers-popup ol li{ margin: 0 0 22px;}
.agree-delivers-popup .modal-content{ border: 1px solid var(--sub-blue-3); border-radius: 6px;}
.agree-delivers-popup h3{ font-size: 1em;}
.agree-delivers-popup .modal-body{ padding: 18px 20px 28px;}
.agree-delivers-tooltip, .def-tooltip{ position: absolute; display: none;}
.desc-del p{ display: inline;}
.tooltip-btn:hover + .agree-delivers-tooltip,
.agree-delivers-tooltip:hover,
.tooltip-btn:hover + .def-tooltip{ display: block;}
.agree-delivers-tooltip, .def-tooltip{ position: absolute; display: none; z-index: 99; background: var(--gray-dark); border-radius: 6px; padding: 20px 30px 8px; color: var(--white);}
.def-tooltip{ padding: 20px 30px 20px; z-index: 999; font-size: 1em;}
.def-tooltip p {font-size: 1em;}
.agree-delivers-tooltip ol li{ margin: 0 0 22px;}
.mobile-nav{ display: none;}
.min-max-val-sec{ display: flex; justify-content: space-between; padding-top: 15px; margin: 0 -15px;}
.min-max-val-sec .min-max-val{ padding: 0 15px;}
.min-max-val label{ font-size: 0.75em; margin: 0 0 0 10px; color: var(--sub-gray-4); display: block;}
.min-max-val .min-max-input{ position: relative; color: var(--sub-gray-5); padding: 0 12px 0 18px; background: var(--white); height: auto;}
.min-max-val .min-max-input:before{ content: "$"; display: block; position: absolute; top: 5px; left: 6px;}
.min-max-input input{ width: 100%; border:none;  color: var(--sub-gray-5); text-align: right; display: block; padding: 0; height: 32px;}
.min-max-input ::-moz-placeholder{ color: var(--sub-gray-5); opacity: 1;}
.min-max-input :-ms-input-placeholder{ color: var(--sub-gray-5); opacity: 1;}
.min-max-input ::placeholder{ color: var(--sub-gray-5); opacity: 1;}
.min-max-input :-ms-input-placeholder{ color: var(--sub-gray-5);}
.min-max-input ::-ms-input-placeholder{ color: var(--sub-gray-5);}
.bids-sidebar .bs-list-sec{ padding: 15px 0;}
.bids-sidebar .bs-list-sec + .bs-list-sec{ border-top: 1px solid var(--sub-black-2); padding-top: 15px;}
.switch-with-txt{ position: relative; padding: 0 0 0 50px;}
.switch-with-txt p{ font-size: 1em; display: inline; line-height: 22px;}
.switch-with-txt p i{ margin-left: 5px;}
.switch-with-txt .switch{ position: absolute; margin: 0; top: 6px; left: 0;}
.check-field{ margin: 0; display: block; position: relative; padding-left: 19px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.bs-list-sec .check-field + .check-field{ margin-top: 12px;}
.check-field input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
.checkmark{ position: absolute; top: 3px; left: 0; height: 14px; width: 14px; border: 1px solid var(--sub-black-3);}
/*.check-field:hover input ~ .checkmark { background-color: #ccc; }*/
.check-field input:checked ~ .checkmark { background-color: var(--white); }
.checkmark:after { content: ""; position: absolute; display: none; }
.check-field input:checked ~ .checkmark:after { display: block; }
.check-field .checkmark:after { content: "\f00c"; font-family: "Font Awesome 5 Pro"; top: -4px; left: -1px;}
.title-with-right-cont{ align-items: center; padding: 0 0 35px;}
.title-with-right-cont h1{ margin: 0;}
.title-with-right-cont .title-right{ text-align: right;}
.title-right select{ display: inline-block; width: auto; min-width: 235px;}
.bids-list ul{ margin: 0 -10px;}
.bids-list ul li{ padding: 0 10px; margin: 0 0 21px;}
.bids-list-item{ padding: 13px 20px 18px; border: 1px solid var(--sub-blue-2); border-radius: 8px; text-align: center; height: 100%;}
.bids-list-item span.lawyer-id{ font-size: 0.875em; text-align: right; color: var(--sub-gray-5); display: block; margin: 0 0 8px;}
.bids-list-item .lawyer-img img{ max-width: 149px; border-radius: 50%; margin: auto; display: block;}
.bids-list-item h2{ margin: 21px 0 10px;}
.bids-list-item .price{ color: var(--sub-green-2); font-size: 1.875em; font-weight: 700; line-height: normal;}
.bids-list-item .blue-grad-circle-btn{ margin: 20px 0; min-width: 192px;}
button.text-link{ border: none; background: none;}
.bids-list-item .lawyer-info-btn{ text-align: right;}
.lawyer-info-popup .modal-dialog{ max-width: 821px; }
.lawyer-info-popup .modal-content{ border: none; border-radius: 8px;}
.lawyer-info-popup .modal-body{ padding: 0;}
.lawyer-pop-top{ padding: 35px 42px 0 50px;}
.lawyer-pop-top .lawyer-pop-top-cont{ padding-left: 35px;}
.lawyer-pop-top img{ border-radius: 50%;}
.lawyer-pop-top h2{ font-size: 1.5em; margin: 0;}
.lawyer-pop-top span{ display: block; margin: 4px 0 0;}
.social-icons{ padding: 15px 0 10px;}
.social-icons a{ width: 46px; height: 46px; line-height: 46px; border-radius: 50%; text-align: center; margin: 0 14px 0 0; display: inline-block; font-size: 1.5em; color: var(--white);}
.social-icons a.fb-icon{ background: var(--sub-blue-4);}
.social-icons a.link-icon{ background: var(--sub-blue-5);}
.social-icons a.twit-icon{ background: var(--sub-blue-6);}
.bar-data table{ width: 100%;}
.bar-data table thead th{ border-bottom: 1px solid var(--sub-blue-2);}
.bar-data table tbody tr + tr td{ border-top: 1px solid var(--sub-white-4);}
.bar-data table thead th,
.bar-data table tbody td{ padding: 5px;}
.lawyer-cont-sec{ padding: 30px 40px;}
.lawyer-cont-sec:nth-child(2n){ background: var(--sub-white-3);}
.lawyer-cont-sec a.text-link{ text-decoration: underline; }
.lawyer-cont-sec h2{ margin-bottom: 5px;}
.lawyer-cont-sec ul li{ font-size: 1.143em;}
.lawyer-info-popup .close{ font-size: 1.5em; position: absolute; top: 16px; right: 19px; color: var(--sub-gray-6);}
.lawyer-bid-slide-range.ui-slider{ border: none; height: 5px; background: var(--sub-black-2);}
.lawyer-bid-slide-range.ui-slider .ui-widget-header{ background: var(--blue);}
.lawyer-bid-slide-range.ui-slider .ui-slider-handle{ width: 25px; height: 25px; border-radius: 50%; background: var(--white); top: -10px;}
.lawyer-bid-slide-range.ui-slider .ui-slider-handle:focus{ outline: none;}
.lawyer-bid-slide-range.ui-slider .ui-slider-handle:before{ content: ""; width: 17px; height: 17px; border-radius: 50%; display: block; right: 0; margin: auto; margin-top: 3px;}
.rate-slider{ padding: 5px 0 0 10px; margin-right: 10px;}
.state-tooltip{ padding: 10px 15px;}
.sort-filter-btns,
.filter-mobile-top,
.sort-mobile{ display: none;}
.projects-main-wrapper{ width: 100%; overflow-x: auto; /*height: calc(100vh - 450px);*/ min-height: 380px;}
.projects-main-wrapper.browse-proj-wrapper{ height: calc(100vh - 450px); min-height: 500px;}
.projects-list-table tr th.sticky, .projects-list-table tr td.sticky{ position: sticky;}
.projects-list-main{ position: relative; margin-bottom: 52px; border-bottom: solid 4px #f6f6f6; min-height: 95px;}
.projects-list-main .projects-list-main {border-bottom: none;}
.projects-list-main .projects-list{ max-width: 100%; /*overflow-x: auto;*/ padding-bottom: 10px; padding-left: 0;}
.projects-list .projects-list-table{ width: 1600px; font-size: 0.875em; text-align: center; /*display: block; width: 1150px;*/ overflow-x: auto; -webkit-overflow-scrolling: touch;}
.projects-list-table tr th{ font-weight: normal; padding-bottom: 15px;}
.projects-list-table th.heading{ width: 430px;}
.projects-list-table th.heading span.heading-in{ display: inline-block; font-size: 1.25em; color: var(--primary); font-weight: 700; width: 300px; padding-left: 0; font-family: 'Montserrat', sans-serif; background: var(--white);}
.projects-list-table th.heading span.action-txt{ display: inline-block;}
.projects-list-table tr td{ background: var(--sub-white-6); border-bottom: 3px solid var(--white); border-left: 1px solid var(--white);}
.projects-list-table tr th,
.projects-list-table tr td{ padding: 7px 15px; line-height: normal;}
.projects-list-table th.heading{ background: var(--white);}
.projects-list-table th.heading,
.projects-list-table td.heading{ text-align: left; position: sticky; width: 360px; left: 0; white-space: nowrap; /*overflow: hidden;*/ text-overflow: ellipsis; padding-left: 0;}
.projects-list-table td.heading span.heading-in{ width: 275px; display: inline-block}
.projects-list-table td.heading{ /*position: relative;*/ padding-left: 22px;}
.projects-list-table td.heading:after{ content: ""; width: 9px; height: 100%; position: absolute; top: 0; left: 0; background: var(--sub-blue-7);}
.projects-list-table td.heading a{ color: var(--sub-blue-7); text-decoration: underline; text-transform: capitalize;}
/*.projects-list-table tr td{ margin: 0 9px 0 0;}*/
.projects-list-table tr td.ac-end-time i{ margin: 0 9px 0 0;}
.projects-list-table td.actions a{ color: var(--sub-blue-7); margin-left: 8px;}
.projects-list + .projects-list{ margin-top: 45px;}
.projects-list-table td .fa-exclamation-triangle{ color: var(--sub-pink-2);}
.projects-list-table tr td{ text-transform: capitalize;}
.projects-list-table td.heading span.action-txt a{ margin-right: 8px; margin-left: 8px;}
.projects-list-table td.heading span.action-txt a:first-child{margin-left: 0;}
.my-project-pop-up .modal-dialog{ max-width: /*570px*/ 620px;}
.my-project-pop-up .modal-content{ border-radius: 8px; padding: 20px 35px 35px; font-size: 0.875em;}
.my-project-pop-up .modal-header, .my-project-pop-up .modal-body{ padding: 0;}
.my-project-pop-up .modal-header{ border-bottom: 1px solid var(--sub-gray-6); padding-bottom: 8px; margin: 0 0 11px}
.my-project-pop-up .modal-header h2{ font-size: 1.7em; margin: 0; text-transform: capitalize;}
.my-project-pop-up .modal-header h2 span{ display: block; color: var(--sub-gray-5); font-size: 0.6em; margin: 0 0 10px; font-weight: normal;}
.my-project-pop-up .modal-header .close{ color: var(--sub-gray-6); opacity: 1; font-size: 1.714em;}
.my-project-pop-up a.text-link{ text-decoration: underline;}

.pop-status-sec{ padding: 0 0 15px; align-items: center;}
.pop-status-sec aside + aside{ text-align: right;}
.pop-status-sec aside span{ display: block; text-align: center; padding: 4px 0;}
.my-project-pop-top table { width: 100%; margin-bottom: 20px;}
.my-project-pop-top table td{ border-bottom: 1px solid var(--sub-blue-3); border-left: 1px solid var(--sub-blue-3); padding: 3px 10px; text-transform: capitalize;}
.my-project-pop-top table tr:first-child td{ border-top: 1px solid var(--sub-blue-3);}
.my-project-pop-top table tr td + td{ border-right: 1px solid var(--sub-blue-3);}
.my-project-pop-top table tr:nth-child(2n) td{ background: var(--sub-white-3);}
.my-project-pop-up .modal-content h3{ font-size: 1.143em;}
.my-project-pop-up .my-project-pop-sec{ margin: 20px 0 0;}
.my-project-pop-sec p{ font-size: 1em; line-height: 21px;}
.my-project-pop-sec a.text-link{ margin-right: 25px;}
.my-project-pop-sec .repost-sec{ margin-right: 14px;}
.my-project-pop-sec input[type="number"]{ width: 45px; height: 25px; padding: 0 5px; border-radius: 5px; border: 1px solid var(--sub-blue-2);}
/*.my-project-pop-sec button.blue-grad-circle-btn{ font-weight: normal;}
.my-project-pop-sec button.blue-grad-circle-btn:hover{ color: var(--white);}*/
.my-project-pop-btns button{ padding: 8px 20px; border-radius: 35px; margin-right: 10px; margin-bottom: 15px;}
.my-project-pop-btns button.green-grad-btn,
.my-project-pop-btns button.pink-grad-btn{ border: 1px solid transparent; color: #fff;}
.pop-status-sec aside span.status{ color: var(--white);}
.pop-status-sec aside span.status.moreinfo-req{ color: var(--black);}
.incomplete-form-sec{ display: none; padding: 25px 0 0;}
.incomplete-form-sec input[type="text"]{ border: 1px solid var(--sub-blue-2); width: 100%; height: 35px; padding: 0 10px; border-radius: 6px; margin: 0 0 15px;}
.incomplete-form-sec input[type="submit"]{ font-weight: normal;}
.messages-list .message-top-img{ width: 40px; height: 40px; line-height: 34px; display: inline-block; background: var(--sub-gray-4); border: 1px solid var(--sub-gray-7); border-radius: 50px; text-align: center; color: var(--white); margin-right: 10px;}
.message-top-img img{ border-radius: 50px;}
.message-top{ align-items: center; padding-bottom: 23px;}
.message-top-left{ display: flex; align-items: center;}
.message-top-left h2{ font-size: 1em; display: inline-block; margin: 0;}
.message-top .message-top-right{ text-align: right;}
.message-top-right span{ color: var(--sub-gray-7);}
.messages-wrapper{ max-width: 660px;}
.messages-list article{ border-radius: 8px; border: 1px solid var(--sub-blue-2); padding: 15px 15px 20px; margin-top: 15px;}
.mobi-messages-table{ display: none;}
table.messages-table{ width: 100%; font-size: 0.875em;}
table.messages-table tr th{ text-transform: uppercase;}
table.messages-table tr th,
table.messages-table tr td{ padding: 6px 15px;}
table.messages-table tr td{ border-bottom: 1px solid var(--sub-blue-3);}
table.messages-table tr:nth-child(2n+1) td{ background: var(--sub-white-6);}
.billing-form-wrapper{ max-width: 611px; border: 1px solid var(--sub-blue-3); background: var(--sub-white-5);}
.billing-form-top{ margin: 0; align-items: center; padding: 11px 0; border-bottom: 1px solid var(--sub-blue-3);}
.billing-form-top aside{ padding: 0 60px 0 30px;}
.billing-form-top .billing-form-top-left{ display: flex; align-items: center; border-right: 1px solid var(--sub-blue-3);}
.billing-form-top-left img{ width: 90px; height: 90px; border-radius: 50%; margin: 0 16px 0 0;}
.billing-form-top aside h2{ margin: 0;}
.billing-form-wrapper h3{ font-size: 1em;}
.billing-form-sec{ padding: 14px 12px 42px;}
.billing-form-sec .row{ margin: 0 -10px 8px;}
.billing-form-sec aside{ padding: 0 10px;}
.billing-form-sec label{ margin: 0;}
.billing-form-sec input.form-field{ display: block; width: 100%; height: 46px; border-radius: 5px; border: 1px solid var(--sub-blue-3);}
.cc-field{ position: relative;}
.cc-field span{ position: absolute; right: 8px;  color: var(--sub-gray-8); top: 1px;  height: 96%; width: 50px; line-height: 42px; padding: 0 0 0 20px; background: var(--sub-white-5); border-left: 1px solid var(--sub-blue-3);}
.billing-form-payment{ padding: 10px 0 0;}
.billing-form-payment-top{ padding: 0 0 20px;}
.billing-form-payment-top span{ color: var(--sub-sea-blue); font-size: 1.5em; font-weight: 700;}
.billing-form-btn{ padding-top: 23px;}
.billing-form-btn button{ padding: 0 48px; border-radius: 35px; line-height: 39px; border: none; color: var(--white);}
.projects-list h2.mobi-title{ display: none;}
.no-payments{ text-align: center;}
.no-payments img{ max-width: 174px; margin: 0 0 26px;}
.escrow-projects-list-main .projects-list{ padding-left: 400px;}
.escrow-projects-list-main th.heading, .escrow-projects-list-main td.heading{ width: 400px;}
.escrow-projects-list-main .projects-list-table{ width: auto;}
.my-project-pop-payment{ border-top: 1px solid var(--sub-gray-6); margin: 20px 0 0; padding: 10px 0 0;}
.my-project-pop-payment span{ font-size: 1.5em; font-weight: 700; color: var(--sub-gray-8);}
.account-form-wrapper .billing-form-btn button{ padding: 0 31px;}

/* Lawyer Account */

.lawyer-account-sec{ max-width: 760px;}
.lawyer-account-sec .tab-steps-nav aside{ width: 16.6666666%;}
/*.lawyer-account-sec .form-field{ height: 46px;}*/
.lawyer-account-sec textarea.form-field{ height: 173px; padding-top: 20px;}
.lawyer-account-sec .form-custom-row{ margin: 0;}
.lawyer-account-sec .form-custom-row .form-field{ margin: 0 0 10px;}
.lawyer-account-sec .row{ margin-left: -5px; margin-right: -5px; align-items: center;}
.lawyer-account-sec .row aside{ padding: 0 5px;}
.upload-file-img{ width: 154px; height: 154px; border-radius: 50%; border: 1px solid var(--sub-gray-7); display: flex; align-items: center; justify-content: center; overflow: hidden;}
.upload-file-img img{ border-radius: 50%;}
.lawyer-account-sec aside.upload-file-field-right{ padding-left: 25px;}

.upload-file-field{ padding: 0 0 20px;}
.upload-file-field ol{ margin: 0 0 12px;}
.custom-file-input-btn { color: transparent; font-size: 0.875em; position: relative;}
.custom-file-input-btn::-webkit-file-upload-button { visibility: hidden;}
.custom-file-input-btn:after{content: '\f574'; font-family: "Font Awesome 5 Pro"; position: absolute; left: 16px; color: #fff; top: 3px;}
.custom-file-input-btn:before { content: "Upload Photo"; display: inline-block; outline: none; white-space: nowrap; -webkit-user-select: none; cursor: pointer; font-weight: normal; padding: 0 16px 0 30px; line-height: 26px;}
.custom-file-input-btn:hover:before{ border-color: black;}
.custom-file-input-btn:active { outline: 0;}
.multi-btns button{ border: none; background: none; font-size: 1.125em; color: var(--sub-blue-2);}
.add-another-btn{ padding: 10px 0 15px;}
.add-another-btn span{ color: var(--blue); border-bottom: 1px solid var(--blue); display: inline-block; line-height: 15px; cursor: pointer;}
.edu-honor-btns div{ width: 19%;}
.lawyer-account-sec .row.check-list{ margin: 0 -15px;}
.legal-skills-sec p{ font-size: 1em; padding-bottom: 30px;}
.new-project-sec .checkbox-def label{ margin: 0 0 8px 4px; line-height: normal;}
.pa-tab p{ font-size: 1em; margin: 0 0 10px;}
.lawyer-account-sec .row aside.multi-btns{ padding-bottom: 10px;}
.tooltip-pop{ border: 1px solid var(--sub-blue-2); padding: 11px 10px; border-radius: 6px; background: var(--white); min-width: 186px;}
.redo-cont button{ display: block; width: 100%;}
.redo-cont .my-project-pop-sec .repost-sec{ margin: 0 0 13px; display: block; font-weight: normal; background: none; color: var(--primary);}
.tooltip-pop{ display: none; position: absolute; right: 0; z-index: 5; margin: 13px 70px 0 0;}
.tooltip-pop:before, .redo-cont.tooltip-pop.msg-tooltip-pop:before{ content: ""; background-image: url(/images/tooltip-icon.png?927d7ca9f224455c7472694d3b022e02); background-repeat: no-repeat; background-position: 0 0; width: 9px; height: 9px; display: block; position: absolute; top: -9px; right: 10px;}
.bid-form.my-project-pop-btns{ display: flex; align-items: center; padding-top: 15px; margin-top: 15px;}
.bid-form input[type="text"]{ width: 150px; margin-right: 10px; height: 38px; padding-left: 25px;}
.bid-form.my-project-pop-btns button{ padding: 8px 38px;}
.bid-form.my-project-pop-btns button.incomplete-btn{ padding-left: 20px; padding-right: 20px;}
.input-div{ position: relative;}
.input-div:before{ content: "\f155"; font-family: "Font Awesome 5 Pro"; position: absolute; font-weight: 700; left: 13px; top: 7px;}
.bid-form.my-project-pop-btns button{ margin-right: 6px; margin-bottom: 0;}
.client-sidebar .min-max-text{ font-size: 12px; line-height: normal; margin: 8px 0 0;}
.bids-sidebar{ font-size: 0.875em;}
.bs-list-sec-in{ display: flex; flex-wrap: wrap; margin: 0 -2px;}
.bs-list-sec-in aside{ flex: 0 0 50%; max-width: 50%; padding: 0 2px; margin: 0 0 12px;}
.profile-img .profile-img-in{ width: 154px; height: 154px; max-width: 154px; max-height: 154px; margin: auto; position: relative; border-radius: 50%; overflow: hidden;}
.profile-img .profile-img-in img{ border-radius: 50%;}
.profile-wrapper-right{ padding-left: 0;}
.profile-wrapper-grid{ border-radius: 6px; background: var(--sub-white-5); border: 1px solid var(--sub-blue-3); padding: 12px 16px 30px; /*margin: 0 0 15px;*/}
.profile-img{ text-align: center;}
.profile-img h2{ margin: 15px 0 0;}
.profile-wrapper-grid .social-icons{ text-align: center;}
.profile-details{ background: var(--sub-gray-9); margin: 15px -16px 25px; padding: 18px 25px;}
.profile-details table{ padding: 18px 25px; display: table; width: 100%; table-layout: fixed;}
.profile-details table + table{ margin-top: 28px;}

.profile-btn{ text-align: center;}
.profile-btn button{ border-radius: 35px; line-height: 46px; padding: 0 35px; font-weight: 600;}
.profile-wrapper p{ font-size: 1em; word-break: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; max-height: 175px; -webkit-line-clamp: 7; -webkit-box-orient: vertical;}
.heading-with-edit span{ color: var(--sub-blue-2);}
.caret-list li{ position: relative; padding: 0 14px;}
.caret-list li:before{ content: "\f0da"; font-family: "Font Awesome 5 Pro"; display: block; position: absolute; left: 0; top: 0; font-weight: 700;}
.profile-wrapper-right aside{ padding-left: 0;}
.profile-wrapper-right .about-edu,
.profile-wrapper-right .prac-skills{ margin-left: 0;}
.profile-wrapper-left .profile-wrapper-grid,
.about-edu .profile-wrapper-grid,
.profile-pa .profile-wrapper-grid{ height: 100%;}
.skill-awards .profile-wrapper-grid{ min-height: 150px;}
.about-edu .profile-wrapper-grid{ min-height: 250px;}
.profile-wrapper-right .prac-skills{ padding-top: 15px; }
.skill-awards .profile-wrapper-grid + .profile-wrapper-grid{ margin-top: 15px;}
.msg-tooltip-pop textarea.form-field{ min-width: 418px; border: none; padding: 0;}
.msg-tooltip-pop button{ display: inline-block; width: auto; float: right;}
.msg-tooltip-pop:before{ right: 20px;}
/*.lawyer-project-list .projects-list .projects-list-table{ width: 980px;}*/
.adjust-bid-form{ display: flex; align-items: center;}
.adjust-bid-form button{ border: none; background: none; color: var(--blue); border-bottom: 1px solid var(--blue); padding: 0; line-height: 16px;}
.bid-form .adjust-bid-form .input-div{ margin: 0;}
.bid-form .adjust-bid-form input[type="text"]{ width: 150px;}
.my-project-pop-btns{ border-top: 1px solid var(--sub-gray-6); padding: 15px 0 0;}

.mid-body.full-width-body{ background: var(--sub-white-5); padding: 0 15px; min-height: 100vh;}

.center-form{ max-width: 550px; margin: auto; border-radius: 6px; border: 1px solid var(--sub-gray-3); padding: 38px 27px 16px; background: var(--white)}
.center-form h1{ text-align: center; margin: 0 0 20px;}
.reg-btns{ display: flex; flex-wrap: wrap; margin: 0 0 38px;}
.reg-btns button{ background: var(--sub-white-2); border: 1px solid var(--sub-gray-10); flex: 0 0 50%; max-width: 50%; line-height: 44px; padding: 0 15px; text-align: center;}
.reg-btns button:hover,
.reg-btns button.active{ background: var(--blue); font-weight: 600; color: var(--white);}
.reg-btns button:first-child{ border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.reg-btns button:last-child{ border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.input-with-icon{ margin: 0 0 10px; position: relative; border: 1px solid var(--sub-blue-2); border-radius: 6px;}
.input-with-icon:before{ content: ""; font-family: "Font Awesome 5 Pro"; position: absolute; top: 11px; left: 18px; font-weight: 700;}
.input-with-icon.user:before{ content: "\f007";}
.input-with-icon.envelope:before{ content: "\f0e0";}
.input-with-icon.lock:before{ content: "\f023";}
.input-with-icon.phone:before{ content: "\f879";}
.input-with-icon .form-field{ border: none; padding-left: 67px;}
.reg-checkbox{ margin-top: 12px;}
.reg-form-btn{ margin: 18px 0 32px;}
.reg-form-btn button{ display: block; font-weight: 600; width: 100%; line-height: 53px; padding: 0; border-radius: 35px;}
.center-form .form-btm-text{ text-align: center; border-top: 1px solid var(--sub-gray-3); padding-top: 14px;}
.center-form .text-link{ text-decoration: underline;}
.reg-form-wrapper{ padding: 100px 0;}
.lawyer-reg-form{ display: none;}
.verify-mail-wrapper{ max-width: 652px; margin: auto; border: 1px solid var(--sub-blue-2); border-radius: 8px; text-align: center; padding: 34px 53px 40px;}
.verify-mail-wrapper h1{ margin: 0 0 10px;}
.verify-mail-wrapper .verify-mail-btm{ padding: 50px 0 0;}
.verify-mail-btm form button{ text-decoration: underline; color: var(--blue); background: none; border: none; padding: 0; font-size: 1.143em;}
.sidebar-scroll-sec{ max-height: 340px; overflow: auto;}
.add-another-license span{ cursor: pointer; color: var(--blue); text-decoration: underline;}
.save-cancel-btns{ padding-top: 20px;}
.save-cancel-btns button{ min-width: 160px;}
.save-cancel-btns .txt-btn{ background: none; border: none; color: var(--sub-gray-8); font-weight: 600; min-width: auto; margin-left: 20px;}
.edit-pad{ padding-top: 50px;}
.edit-skills p, .edit-accolades p{ margin: 0 0 20px;}
.lawyer-account-sec .edit-about textarea.form-field{ height: 300px;}
.bid-form.my-project-pop-btns form{ display: flex;}
.attach-file-sec input[type="file"] { position: absolute; left: 0; opacity: 0; top: 0; bottom: 0; width: 100%;}
.attach-file-sec div{ position: absolute; top: 0; bottom: 0; width: 100%;}
.attach-file-sec label{display: inline-block; position: relative; width: 150px; color: var(--blue); cursor: pointer;}
.msg-box-top{ font-size: 0.75em; font-weight: 700; padding-bottom: 15px;}
.msg-box-top aside{ text-transform: uppercase; font-size: 1.1em; margin-bottom: 5px;}
.msg-box-top aside + aside,
.msg-box .row aside + aside{ text-align: right;}
.msg-box textarea{ border-radius: 8px; border: 1px solid var(--sub-blue-2); padding: 10px 15px 20px; resize: none; width: 100%; margin: 10px 0 0;}
.msg-box-sec{ padding-bottom: 20px;}
p#filename{ display: inline-block; font-size: 1em; position: relative; top: 11px; color: var(--blue);}
.bids-btn{ padding: 15px 0;}
.reviews-heading{ padding: 7px 0 0;}
.reviews-heading img{ width: 36px; height: 36px; border-radius: 50%; margin: 0 12px 0 0;}
.review-title-sec{ display: flex; justify-content: space-between;}
.heading-with-edit .reviews-icon{ color: var(--yellow); line-height: normal; font-size: 1.125em; display: block;}
.review-title-sec-right{ padding: 0 0 0 5px; text-align: right;}
.reviews-sec .reviews-icon{ padding: 6px 0 8px; display: block; color: var(--yellow);}
.reviews-pop h2{ font-size: 1.5em; font-weight: 700;}
.reviews-pop .reviews-icon{ margin: 0 0 15px; display: block; color: var(--yellow);}
.rev-form-btns{ display: flex; justify-content: flex-end; padding: 15px 0 0; align-items: center;}
.reviews-pop.my-project-pop-up .modal-header{ border-bottom: none; padding-bottom: 0; margin: 0;}
.reviews-pop.my-project-pop-up .modal-content h3{ margin: 0 0 5px;}
.review-title-sec-right a.text-link{ font-size: 0.75em;}
.add-another-license{ margin: 0 0 25px;}
.lawyer-account-sec .form-custom-row .budget-input .form-field{ margin-left: 20px;}
.deadline-rbts div.lic-budget-input{ max-width: 180px;}
span.action-txt{ min-width: 110px; display: inline-block; text-align: center; vertical-align: top;}

.individual-msg-box{ border: 1px solid var(--sub-blue-2); width: 935px; max-width: 100%; border-radius: 6px; padding: 18px 26px 50px; margin-bottom: 20px; background: var(--sub-white-5);}
.individual-msg-box .individual-msg-box-top{ display: flex; align-items: center; justify-content: space-between; margin: 0 0 20px; padding: 0 0 15px; border-bottom: 1px solid var(--sub-blue-3);}
.individual-msg-box-top img{ max-width: 40px; margin: 0 10px 0 0; float: left;}
.individual-msg-box-top h2{ font-size: 1.3em; margin: 0; display: flex; align-items: center; text-transform: capitalize;}
.individual-msg-box span{ padding-left: 15px; color: var(--sub-gray-6);}
.pc-table.projects-list .projects-list-table{ width: 100%; text-align: left;}
.acc-table-wrapper{ margin-bottom: 0; padding-top: 30px;}
.review-title-sec-left span { color: var(--primary); padding: 0; text-align: left;}
.individual-msg-box.admin-msg-box{ max-width: 820px; padding: 18px 0;}
.admin-msg-box.individual-msg-box .individual-msg-box-top{ padding: 0 40px;}
.admin-msg-box .lawyer-cont-sec.my-project-pop-sec{ padding: 25px 20px 0;}
.modal-body.verify-mail-btm{ padding: 35px 25px 40px;}
.cancel-sub { max-width: 611px; text-align: right; margin-top: 8px;}
.redo-cont.tooltip-pop.pend-conf-check-tool{ right: auto; left: 18px; /*margin-top: 70px;*/}
.payment-form.form-group{ padding: 0 10px;}
#card-element{ padding: 15px 10px; border: 1px solid var(--sub-blue-3); border-radius: 5px;}
div#card-errors{ color: #ff0000; font-size: 0.9em;}
.can-bid-sec{ display: inline-flex;}
.bid-form.my-project-pop-btns button.txt-link-btn{ margin-bottom: 0; padding-left: 10px;}
.my-project-pop-sec.my-project-pop-btns.three-btns button{ margin-bottom: 0;}
.individual-msg-box h2, .individual-msg-box p{ color: var(--sub-blue-9);}
.individual-msg-box p a{ text-decoration: underline; color: var(--blue);}
.tox.tox-tinymce{ margin-bottom: 15px; border-radius: 10px; height: 180px !important}
/*.tox .tox-tbtn--select{ display: none !important;}*/
.tox .tox-statusbar{ display: none !important;}
table.messages-table tr td{ text-transform: capitalize;}
.messages-list .att-btn{ font-size: 0.75em;}
.form-contact-client{ padding-top: 24px;}
.form-contact-client h2{ font-weight: 700; font-size: 1.2em;}
.form-contact-client form textarea.form-control{ height: 80px; resize: none;}
.pagination{ padding-top: 15px;}
.redo-cont.tooltip-pop.delete-project-tool{ right: inherit; margin: 20px 0 0 -270px; text-align: left;}
.redo-cont.tooltip-pop .tooltip-div p{ text-align: left; margin: 0 0 10px;}
.tooltip-pop:before{ display: none !important;}
.prac-skills .profile-pa .caret-list{ max-height: 235px; overflow-y: auto;}
.no-bids-sec{ text-align: center; padding: 80px 20px 30px;}
.no-bids-sec h2{ margin: 26px 0 10px;}
.no-bids-sec .blue-brdr-btn { line-height: 45px; display: inline-block; padding: 0 40px; font-weight: 600; border-radius: 35px; margin-top: 15px;}
.priv-policy-modal .modal-dialog{ max-width: 951px;}
.priv-policy-modal .modal-dialog .modal-body{ padding: 10px 15px 15px;}
.priv-policy-modal button.btn-close{ background: none; border: none; color: #aeaeae; margin-right: 10px;}
.priv-policy-modal .modal-header h2{ margin: 0;}
.pri-pol-sec{ border: 1px solid #ccc; padding: 0 15px 15px 15px;}
.pri-pol-sec h2{ margin: 15px 0 6px;}
.pri-pol-sec a{ color: var(--blue); text-decoration: underline;}
.priv-policy-modal .modal-header{ padding: 20px 18px 0; border-bottom: none;}
ul.circle-list{ margin: 15px 0 20px;}
ul.circle-list li{ position: relative; padding-left: 28px; font-size: 0.889em; margin: 0 0 10px;}
ul.circle-list li:before{ content: "\f058"; font-family: "Font Awesome 5 Pro"; display: block; position: absolute; left: 0; top: 0; color: var(--blue);}
.pri-pol-sec p { font-size: 0.889em;}
.pc-accordion h2,
.pc-accordion h2 button{ padding: 0; background: none; border: none; font-weight: 700; position: relative; width: 100%; text-align: left; margin: 0;}
.pc-accordion h2 button{ padding: 15px 20px 15px 0;}
.pc-accordion h2 button[aria-expanded="true"] i:before{ content: "\f106";}
.pc-accordion h2 button i{ position: absolute; right: 5px; top: 16px; font-size: 1.125em;}
.pc-accordion .pc-accordion-sec{ border-top: 1px solid var(--sub-black-2); padding: 0;}
.bs-list-sec .area-law-default{ /*max-height: 260px;*/ overflow: auto;}
.rate-slider-sec p{ font-size: 0.75em; line-height: normal; padding-top: 10px;}
.edu-accordion{ border-bottom: 1px solid var(--sub-black-2);}
.edu-accordion h2, .edu-accordion h2 button{ font-size: 1em;}
.redo-cont.tooltip-pop.cancel-bid-tool{ right: inherit; margin: 20px 0 0 -270px; text-align: left;}
.sidebar-nav-mobile.bids-sidebar-acc.lawyer-sidebar-nav{ padding-top: 15px; border-top: 1px solid var(--sub-black-2); margin-top: 20px;}
.proj-title{ text-transform: capitalize;}
html label.border-danger{ left: auto; right: 10px; top: 2px; color: var(--red); text-align: right;}
html #licensing label.border-danger{ top: -25px;}
/*html label.border-danger{position: relative;margin: 0 !important;left: 0; top: -14px;color: var(--red);}*/
#alert-required strong{ font-weight: normal;}
.tox-edit-area{ padding-left: 10px !important;}
.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {background-color: transparent !important;}
.title-flex{ display: flex; justify-content: space-between; align-items: center; max-width: 660px; padding-bottom: 15px;}
.title-flex a{ color: var(--blue); text-decoration: underline; font-size: 0.8em; min-width: 110px;}
.title-flex a i{ margin-right: 8px;}
.content-body .title-flex h1{ margin: 0; padding-right: 15px;}
.project-top-title{ padding: 15px 0 0; border-top: 1px solid var(--sub-blue-3);}
.project-main-wrapper{ max-width: 660px;}
.project-main-wrapper .title-flex{ max-width: 100%; border-bottom: 1px solid var(--sub-black-2);  margin-bottom: 15px;}
/* .my-project-pop-sec{ padding-top: 20px;} */
.my-project-pop-sec h3{ font-size: 1em;}
.project-lawyer-sel-sec{ padding: 40px 0 30px;}
.project-lawyer-sel-sec > h2{ font-size: 1.5em; border-bottom: 1px solid var(--sub-blue-3); padding: 0 0 14px;}
.project-lawyer-sel-sec .lawyer-pop-top{ padding: 0;}
.project-lawyer-sel-sec .lawyer-pop-top p{ font-size: 1em;}
.project-lawyer-sel-sec .lawyer-cont-sec{ padding: 30px 0;}
.project-lawyer-sel-sec .lawyer-cont-sec h3{ font-size: 1.125em;}
.project-lawyer-sel-sec .blue-grad-circle-btn{ font-weight: 600;}
.proj-sel-lawyer-btns a + a{ margin-left: 5px;}
.small-brdr-rad{ border-radius: 5px !important;}
.project-main-wrapper .title-flex h1{ margin: 0;}
.project-main-wrapper .title-flex a{ min-width: 142px;}
.pc-accordion.prac-area-accrodian h2 button i{top: 24px;}
.prac-area-accrodian .form-custom-row{ padding-bottom: 15px;}
.prac-area-accrodian .card-header button span{ width: 50px; display: inline-block;}
.prac-area-accrodian .card-header button img{ max-height: 35px; max-width: 35px;}

.pc-acc-cont{ padding: 20px 0; border-top: 1px solid var(--sub-black-2);}
.set-notify-box{ border: 1px solid var(--sub-gray-3); background: var(--sub-white-3); padding: 20px 12px 10px; border-radius: 5px; height: 100%;}
.set-notify-box h3{ font-size: 1em;}
.set-notify-box .form-custom-row{ margin: 20px 0 0;}
.cust-textarea{ background: var(--white); height: auto; padding-top: 10px; padding-bottom: 10px; min-height: 150px;}
.form-custom-submit{ text-align: right;}
.form-custom-submit input{ padding: 4px 24px;}
.email-not-acc-cont .row{ margin: 0 -8px;}
.email-not-acc-cont aside{ padding: 0 8px; margin-bottom: 16px;}
.title-with-form{ display: flex; justify-content: flex-end;}
.title-with-form form{ min-width: 508px; display: flex; border: 1px solid var(--sub-gray-3); border-radius: 6px;}
.title-with-form form input{ border: none; height: 38px; padding: 0 15px; width: calc( 100% - 64px ); border-radius: 6px 0 0 6px;}
.title-with-form form button{ border: none; width: 64px; height: 38px; border-top-left-radius: 0; border-bottom-left-radius: 0;}
.title-with-form-sec{ align-items: center;}
.title-with-form-sec h1{ margin: 0;}
.account-proj-main-wrapper{ margin-top: 30px;}
.account-proj-main-wrapper .projects-list-table th.heading, .projects-list-table td.heading{ width: 220px;}
ul.pagination li a, ul.pagination li span { padding: 0; width: 35px; height: 38px; text-align: center; line-height: 38px; color: var(--primary);}
.page-item.active .page-link{ background-color: var(--blue); border-color: var(--blue);}
.page-item.disabled .page-link, .page-item:last-child .page-link{ font-size: 2em; line-height: 30px; color: var(--primary);}
ul.pagination li a.page-link{ border: 1px solid var(--sub-blue-3);}
.page-item.disabled .page-link{ border-color: var(--sub-blue-3);}
.adm-pagination{ text-align: right; padding-top: 15px;}
.adm-pagination .pagination{ justify-content: flex-end;}
.account-proj-main-wrapper.projects-main-wrapper{ height: calc(100vh - 450px); min-height: 500px;}
.lawyer-cont-sec.reviews-sec{ padding: 30px 15px 0;}
.reviews-icon .rev-count{ color: var(--primary); font-size: 0.875em;}
.reviews-heading{ color: var(--dark-gray);}
.no-reviews, .review-content{ padding: 23px 0;}
.review-content + .review-content{border-top: 1px solid var(--sub-blue-3);}
.review-content-wrapper{ padding: 0 25px; border: 1px solid var(--sub-blue-3); border-radius: 6px;}
.title-flex-full{ max-width: 100%;}
.title-flex-full div{ text-align: right;}
.welcome-text{ background: #0022ca url(/images/welcome-bg.png?0fb84d081442aa35702082e06a4f7edf) no-repeat 0 0; background-size: cover; padding: 30px 25px 20px; border-radius: 5px;}
.welcome-text h2{ font-size: 1.5em;}
.welcome-text p{ max-width: 396px; font-size: 1em;}
.dashboard-leads{ padding: 38px 0;}
.dashboard-leads aside{ padding: 0 55px; margin: 0 0 40px;}
.dashboard-leads aside img{ border-radius: 5px; width: 100%;}
.dashboard-leads aside h3{ font-size: 1em; margin: 20px 0 10px;}
.dashboard-leads aside p{ font-size: 1em; text-align: justify;}
.db-lead-btn{ text-align: center;}
.db-projects-sec .projects-main-wrapper{ margin-top: 0; height: auto; max-height: 290px; min-height: 290px; border-left: 10px solid var(--white); background: var(--white); /*padding: 0 10px;*/}
.db-projects-sec .projects-list-table th.heading span.heading-in{ font-size: 0.875em;}
.db-projects-sec .set-notify-box{ padding: 20px 15px;}
.db-projects-sec table.messages-table tr th,
.db-projects-sec table.messages-table tr td{ text-align: left; vertical-align: top;}
.db-proj-box-sec{ border: 1px solid var(--sub-gray-3); padding: 0 10px 0 0; background: var(--white);}
.projects-list-main{ margin-bottom: 10px;}
.projects-list-table tr.bold th{ font-weight: 700;}
.welcome-text{ margin: 0 0 15px;}
.db-projects-sec aside{ margin-bottom: 20px;}

.db-projects-sec .projects-list-table th.heading,
.db-projects-sec .projects-list-table td.heading,
.db-projects-sec .projects-list-table th.heading span.heading-in{ width: 190px /*250px*/;}
.db-projects-sec .projects-list-table td.heading span.heading-in{ width: 171px; text-overflow: ellipsis; overflow: hidden;}
.search-cleat-btn{ float: right; text-align: right;}
.show-per-page-sec{ padding: 10px 0 6px; border-top: 1px solid var(--sub-black-2); border-bottom: 1px solid var(--sub-black-2);}
.show-per-page-sec .form-field{ display: inline-block; width: auto; height: 25px; margin: 0 10px; padding: 0 26px 0 10px !important;}
.show-per-page-sec .blue-btn{ height: 25px; line-height: 13px; font-size: 0.875em;}
.show-per-page-sec label{ font-size: 0.875em;}
.subsciption-top-left .row{ margin: 0;}
.subsciption-top-left .form-check + .form-check{ padding-left: 65px;}
.subsciption-top-right{ text-align: right;}
.subsciption-top-right h3{ color: var(--sub-sea-blue);}
.billing-form-payment .billing-form-btn{ padding: 0; margin-top: 20px;}
.show-per-page-sec.show-per-page-desktop{ margin-top: 20px;}
.bids-sidebar .pc-accordion{ padding-bottom: 20px;}
.bids-sidebar a.blue-btn{ display: inline-block; float: right;}
.db-projects-sec .acc-table-wrapper .pc-table .projects-list-table{ width: 780px;}
.db-projects-sec .acc-table-wrapper{ padding-top: 0;}
.msg-accordion{ padding-top: 0; border-bottom: none;}
.msg-accordion.pc-accordion .pc-accordion-sec{ border-top: 0; border-bottom: 1px solid var(--sub-black-2);}
.msg-accordion.pc-accordion .pc-accordion-sec .card-header{ padding-bottom: 0;}
.project-lawyer-sel-sec-acc h2{ margin-bottom: 0;}
.att-btn{ border: 1px solid var(--sub-gray-11); border-radius: 25px; padding: 3px 18px; display: inline-block; margin-top: 6px; font-weight: normal; background: var(--white);}
.messages-table tr td p{ font-size: 1em; font-weight: normal;}
.bids-sidebar .bs-list-sec.rate-slider-sec,
.bids-sidebar .bs-list-sec.rate-slider-sec .min-max-val-sec{ padding-top: 0;}
.billing-form-wrapper table{margin-bottom: 0;}
.admin-set-not-sec .form-field{ height: 41px;}
.settings-accordion{ border-bottom: 1px solid var(--sub-black-2);}
.settings-accordion .pc-acc-cont{ padding-bottom: 15px;}
.email-prev-sec{ border: 1px solid var(--sub-gray-3); background: var(--sub-white-3); padding: 24px; border-radius: 5px;}
.admin-set-first-dropdown{ max-width: 201px;}
.db-projects-sec table.messages-table tr th{ font-weight: 700;}
.new-msg-layout table.messages-table tr th,
.new-msg-layout table.messages-table tr td{ text-align: left;}
.new-msg-layout .projects-list .projects-list-table{ width: 1300px; max-width: 100%;}

.admin-acc-tab .projects-main-wrapper{ height: auto;}
.admin-acc-tab .projects-list .projects-list-table{ text-align: left; width: 100%;}

.subscribe-box .trial-txt{ color: var(--sub-sea-blue); font-weight: 700;}
.subscribe-box.billing-form-wrapper{ border: none;}
.budget-no-rbtn label, .budget-yes-rbtn label {padding-left: 10px;}
.email-prev-sec iframe{ width: 100%; height: 600px; border: 1px solid var(--sub-gray-3); border-radius: 6px;}
.db-proj-box-sec .projects-list .messages-table.desk-messages-table{ width: 1300px;}
#reset-img:hover{ cursor: pointer;}
.outside-table-tooltip-main .outside-table-tooltip form{ display: block;}
.outside-table-tooltip-main .redo-cont.tooltip-pop.msg-tooltip-pop.outside-table-tooltip{ margin: 140px 0 0 270px;}
#showpass,#showpass-confirm{position: absolute; right: 10px;top: 10px;text-decoration: none;font-size: 14px;font-weight: 500;cursor:pointer}
.db-proj-box-sec .projects-list-main{ padding-top: 5px; min-height: unset; border-bottom: none;}
.db-proj-box-sec .projects-list-main + .projects-list-main{ border-top: 1px solid var(--sub-black-2);}
#mal-prac-tooltip{position: absolute; margin-top: -46px; margin-left: 205px;}
.tos-cont ul { padding: 0 0 0 20px;}
.tos-cont ul ul{ padding: 10px 0 0 15px;}
.tos-cont ul li { margin: 0 0 16px; position: relative; padding: 0 0 0 25px;}
.tos-cont ul li i { position: absolute; left: 0; font-style: normal;}
.tos-cont h2 span { font-weight: normal; display: block; margin-top: 10px; font-size: 16px; line-height: 26px; font-family: 'Open Sans', sans-serif;}
.tos-cont a { word-break: break-all;}
.billing-form-sec .text-danger {padding: 0 12px; font-size: .9em;}
#client-in{font-size: 20px;font-weight: 600;position: absolute;left: 23px;top: 3px;}
.browse-proj-wrapper .projects-list h2.mobi-title {display: none;} 
.see-more-about{display: block!important;max-height: -webkit-max-content!important;max-height: -moz-max-content!important;max-height: max-content!important;}
@media(min-width: 768px){
  .browse-projects-list-main .projects-list .projects-list-table{ width: 909px;}
  .browse-projects-list-main .projects-list-table tr th,
  .browse-projects-list-main .projects-list-table tr td{ padding: 7px 23px; min-width: 120px;}
  .sidebar-nav ul li.mob-nav-item{ display: none;}
  .admin-db-box-main .db-projects-sec .acc-table-wrapper .pc-table .projects-list-table{ width: 920px;}
}

@media(max-width: 1899px){
  .mid-body:before{ width: 12%;}
  .user-dropdown ul.dropdown-menu{ margin-top: 10px; margin-left: -130px;}
}

@media(max-width: 1599px){
  .bs-list-sec-in{ display: block;}
  .bs-list-sec-in aside { flex: 0 0 100%; max-width: 100%;}
  .dashboard-leads aside{ padding: 0 15px;}
  .new-msg-layout .projects-list .projects-list-table{ width: 1300px;}
}

@media(max-width: 1365px){
  .acc-table-wrapper.admin-acc-tab .projects-list .projects-list-table{ width: 1200px;}
}

@media(max-width: 1199px){
  .profile-wrapper-right{ padding-left: 15px; padding-top: 15px;}
  .msg-tooltip-pop:before{ right: 22%;}
  .title-with-form form{ min-width: 100%;}
}

@media(max-width: 1151px){
  .bids-list-item .blue-grad-circle-btn{ min-width: auto;}
  em.notify-count{ /*top: 8px; right: 10px;*/ color: var(--white); font-size: 0.471em;}
  .tab-steps-nav aside span strong{ display: none;}
  .tab-steps-nav:before{ margin-top: -20px; width: 90%;}
  .projects-list-table th.heading, .projects-list-table td.heading,.projects-list-table td.heading span.heading-in, .projects-list-table th.heading span.heading-in{ width: 260px;}
  .projects-list-table th.heading span.heading-in{ width: 282px;}
  /*.projects-list-main .projects-list{ padding-left: 260px;}*/
  table.messages-table tr th, table.messages-table tr td{ padding: 6px 5px;}
  .escrow-projects-list-main .projects-list-table{ width: 410px;}
  /*.projects-list .projects-list-table{ width: 1110px;}*/
  .tooltip-pop{ margin: 13px 30px 0 0;}
  .redo-cont.tooltip-pop.msg-tooltip-pop.pend-conf-check-tool:before{ right: 90px;}
}
@media(max-width: 991px){
  .title-right select{ min-width: auto; max-width: 100%;}
  .desk-messages-table{ display: none;}
  .mobi-messages-table, table.messages-table tbody{ display: block;}
  table.messages-table tr{ display: table; width: 100%;}
  table.messages-table tr td{ padding: 8px 10px;}
  table.messages-table tr td span{ display: block; line-height: normal; margin: 0 0 3px;}
  table.messages-table tr td:last-child{ text-align: right;}
  table.messages-table tr .project-title{ color: var(--sub-gray-8);}
  .profile-wrapper-right, .profile-wrapper-right .prac-skills{ padding-top: 0;}
  .profile-wrapper .profile-wrapper-grid{ margin-bottom: 15px; height: auto;}
  .projects-list-table .heading .heading-in{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  .acc-table-wrapper .projects-list.pc-table{ width: 100%; overflow-x: auto;}
  .acc-table-wrapper table.projects-list-table.resp-table{ width: 800px;}
}
@media(max-width: 899px){
  .tab-steps-nav aside{ padding: 0 10px;}
  .tab-steps-nav aside span{ font-size: 0.675em;}
  .agree-delivers-popup .modal-dialog{ max-width: 100%; margin-left: 10px; margin-right: 10px;}
  .lawyer-info-popup .modal-dialog { max-width: 96%;}
  .projects-list-table th.heading, .projects-list-table td.heading,.projects-list-table td.heading span.heading-in, .projects-list-table th.heading span.heading-in{ width: 200px;}
  .projects-list-table td.heading span.heading-in{ width: 180px;}
  .msg-tooltip-pop:before{ right: 35%;}
  .redo-cont.tooltip-pop.msg-tooltip-pop:before{ right: 13px; bottom: auto;  top: -10px;}
  .redo-cont.tooltip-pop.msg-tooltip-pop.pend-conf-check-tool:before{ right: 170px;}
  .db-projects-sec .projects-list-table th.heading,
  .db-projects-sec .projects-list-table td.heading,
  .db-projects-sec .projects-list-table th.heading span.heading-in{ width: 150px;}
  .db-projects-sec .projects-list-table td.heading span.heading-in{ width: 135px;}
  .admin-set-not-sec .form-field{font-size: .85em;}
}
@media(max-width: 767px){
  .mob-none{ display: none !important;}
  .header-right,
  .mid-body:before{ display: none;}
  .sidebar-nav{ border-right: none; min-height: auto;}
  .main-header figure{ text-align: center;}
  em.notify-count{ top: 8px; right: 10px;}
  .sidebar-nav{ min-height: auto; position: static; padding: 0;}
  .sidebar-nav-mobile,
  .bids-sidebar,
  .sort-mobile{ background: var(--sub-white-5); display: none; position: fixed; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 99; padding: 70px 20px 30px; overflow: auto; margin-bottom: 50px;}
  .mobile-nav{ position: fixed; bottom: 0; width: 100%; left: 0; z-index: 100; background: var(--white); border-top: 1px solid var(--sub-blue-3); display: block;}
  .mobile-nav ul{ display: flex; align-items: center; justify-content: space-between;}
  .mobile-nav ul li{ padding: 0 10px;}
  .mobile-nav ul li a{ font-size: 1.5em; color: var(--primary); padding: 16px 0; min-width: 56px; text-align: center; display: block; position: relative;}
  .mobile-nav ul li.active a{ color: var(--blue);}
  .mobile-nav ul li.active a:before{ content: ""; -webkit-transform: perspective(30px) rotateX(-20deg); width:55px; height: 5px; position: absolute; top: 0; left: 0; right: 0; display: block; background: var(--blue);}
  .mid-body{ padding: 0 0 60px; position: relative; min-height: 100vh;}
  .sort-filter-btns,
  .filter-mobile-top{ display: flex; padding: 0 0 12px;}
  .sort-filter-btns button{ border: 1px solid var(--sub-gray-6); border-radius: 6px; padding: 5px 14px; font-size: 0.875em; background: var(--sub-white-5);}
  .sort-filter-btns button i{ margin-right: 5px;}
  .title-with-right-cont{ padding: 0 0 20px;}
  .filter-mobile-top{ justify-content: space-between;}
  .filter-mobile-top h2{ margin: 0; font-size: 1.5em;}
  .filter-mobile-top button{ color: var(--blue); padding: 0; line-height: normal; display: block; background: none; border: none; border-bottom: 1px solid var(--blue);}
  .sort-mobile ul li{ border-bottom: 1px solid var(--sub-black-2); margin: 0; padding: 6px 0; position: relative;}
  .sort-mobile ul li.active:after { content: "\f00c"; font-family: "Font Awesome 5 Pro"; position: absolute; top: 8px; right: 0; color: var(--white); width: 22px; height: 22px; text-align: center; border-radius: 50%; background: var(--blue); font-size: .875em;}
  .projects-list-main{ margin-bottom: 10px;}
  .projects-list-main .projects-list{ padding-left: 0;}
  .projects-list .projects-list-table,
  .lawyer-project-list .projects-list .projects-list-table{ width: 100%; overflow-x: hidden;}
  .projects-list-table td.heading{ padding-left: 16px; padding-top: 13px; padding-bottom: 28px;}
  td.actions a i, span.action-txt{ font-size: 1.2em;}
  .projects-list-table th.heading, .projects-list-table td.heading{ width: auto; position: static;}
  .projects-list-table td.heading:before{ display: none;}
  /*.projects-list-table td.heading:after{ display: none;}*/
  .projects-list-table td.heading:after{ height: 9px; width: 100%;}
  .projects-list h2.mobi-title{ display: block;}
  table.resp-table thead{ border: none; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; /*position: absolute;*/ position: static; width: 1px; background: #fff;}
  table.resp-table thead th{ display: none;}
  table.resp-table tbody { display: block;}
  .projects-list-table td.heading:before{ font-weight: 700; font-size: 1.125em; width: 100%; top: 20px;}
  table.resp-table tbody tr{ padding: 0 0 20px; display: block; position: relative;}
  table.resp-table tbody tr:first-child{ padding-top: 0;}
  /*table.resp-table tbody tr,
  table.resp-table tbody tr:nth-child(2n){ border-top: 10px solid var(--blue);}*/
  table.resp-table tr td{ display: block; text-align: right;}
  table.resp-table tr td:before{ content: attr(data-value); margin-top: 0; position: absolute; left: 15px; top: 50%; margin-top: -10px; width: 192px; text-align: left;}
  table.resp-table thead tr th, table.resp-table tbody tr td{ padding: 8px 20px; border: none; font-size: 1em; /*word-break: break-all;*/}
  table.resp-table tbody tr td{ padding-left: 192px; position: relative; text-align: right; margin: 0 0 1px; min-height: 35px;}
  table.resp-table tbody tr td td{ padding-left: 230px;}
  table.resp-table tbody tr.table-data-empty td{ padding-left: 0;}
  table.resp-table tbody tr td.status{ background: var(--sub-white-6);}
  table.resp-table tbody tr td.status span{ display: inline-block; padding: 8px 20px; min-width: unset; width: 100%; text-align: center;}
  .projects-list-table tr.send-payment .status.send-payment{ background: var(--sub-pink-4);}
  .projects-list-table tr.moreinfo-req .status.moreinfo-req{ background: var(--sub-yellow-3);}
  .projects-list-table tr.auction-expired .status.auction-expired{ background: var(--sub-pink-5);}
  .projects-list-table tr.conf-completion .status.conf-completion{ background: var(--sub-orange-3);}
  .billing-form-wrapper{ max-width: 100%; margin-bottom: 30px;}
  .billing-form-top aside{ padding: 0 10px;}
  table.resp-table tbody tr td.status { padding-top: 0; padding-bottom: 0;}
  .new-project-sec .checkbox-def input[type="checkbox"]{ top: 7px;}
  .new-project-sec .checkbox-def label{ font-size: 0.8em;}
  .tooltip-pop{ margin: 13px 10px 0 0; bottom: 35px;}
  .tooltip-pop:before{ background-image: url(/images/tooltip-reverse-icon.png?aea130df838b4ea6350921def3accf41); top: auto; bottom: -9px;}
  .bid-form input[type="text"]{ width: 100px;}
  .msg-tooltip-pop:before{ right: 13px;}
  .reg-form-wrapper{ padding: 30px 0 100px;}
  .projects-main-wrapper,
  .projects-main-wrapper.browse-proj-wrapper,
  .account-proj-main-wrapper.projects-main-wrapper{ overflow: inherit; height: auto;}
  .projects-main-wrapper, .projects-main-wrapper.browse-proj-wrapper{ min-height: 500px;}
  .projects-list-table td.heading span.heading-in{ position: absolute; max-width: 46%; width: auto;}
  .projects-list-table td.heading span.action-txt{ text-align: right; width: 120px; float: right;}
  .projects-list-table th.heading, .projects-list-table td.heading{ white-space: inherit;}
  .lawyer-pop-top aside{ text-align: center;}
  .lawyer-pop-top .lawyer-pop-top-cont{ padding: 20px 0 0;}
  .review-title-sec{ display: block;}
  .review-title-sec-right{ padding: 0; text-align: center;}
  .redo-cont.tooltip-pop.pend-conf-check-tool{ /*right: 0; left: auto; margin-top: 0; margin-bottom: 75px; position: fixed;left: 30px;*/height: 165px; width: 100%; max-width: 92%; top: auto; bottom: auto; margin-top: -34px;}
  .individual-msg-box-top h2, p{ font-size: 1.1em;}
  .review-title-sec-left span{ text-align: center;}
  .redo-cont.tooltip-pop.msg-tooltip-pop.pend-conf-check-tool:before{ right: 20px;}
  .redo-cont.tooltip-pop.delete-project-tool{ right: 40px; margin: 0 0 -60px 0; text-align: left;}
  .acc-table-wrapper table.projects-list-table.resp-table,
  .db-projects-sec .acc-table-wrapper .pc-table .projects-list-table,
  .acc-table-wrapper.admin-acc-tab .projects-list .projects-list-table{ width: 100%;}
  .redo-cont.tooltip-pop.delete-project-tool.redo-mob-right{ right: 0px; margin: 0 0 -90px 0; text-align: center;}
  .redo-mob-right.msg-tooltip-pop button,
  .redo-cont.tooltip-pop.msg-tooltip-pop.cancel-bid-tool button{ float: none; margin: auto; display: block;}
  .redo-cont.tooltip-pop.msg-tooltip-pop.cancel-bid-tool{ bottom: auto; margin: -30px 0 0 0; text-align: center;}
  .sidebar-nav-mobile h2 { font-size: 1.5em;}
  .sidebar-nav ul li{ margin: 0 0 15px;}
  .sidebar-nav ul li a{ font-size: 1.1em;}
  .admin-proj-filter{ padding-top: 25px;}
  .db-projects-sec .projects-list-table th.heading,
  .db-projects-sec .projects-list-table td.heading,
  .db-projects-sec .projects-list-table th.heading span.heading-in,
  .db-projects-sec .projects-list-table td.heading span.heading-in{ width: auto;}
  .db-projects-sec .projects-main-wrapper{ overflow-y: auto;}
  .db-projects-sec .projects-list-main .projects-list{ padding-top: 15px;}
  .db-projects-sec .projects-list-main .projects-list h2{ font-size: 1.2em;}
  .show-per-page-desktop{ display: none;}
  .show-per-page-sec .form-field{ height: 35px; width: 150px;}
  .show-per-page-sec .blue-btn{ height: 35px;}
  .projects-list-table td.heading span.action-txt a{ margin-right: 12px;}
  .projects-list-table td.heading span.action-txt a:last-child{margin-right: 0;}
  table.messages-table tr td{ vertical-align: top;}
  table.messages-table.mobi-messages-table tr td span.date{ color: var(--sub-blue-10);}
  .db-proj-box-sec .projects-list.pc-table{ padding-top: 15px;}
  .admin-set-not-sec .form-field{font-size: 1em;}
  .outside-table-tooltip-main .redo-cont.tooltip-pop.msg-tooltip-pop.outside-table-tooltip{ margin: 140px 0 0 230px;}
  .db-proj-box-sec .redo-cont.tooltip-pop.msg-tooltip-pop.cancel-bid-tool{ margin: -40px 0 0 0;}
  .db-proj-box-sec .redo-cont.tooltip-pop.pend-conf-check-tool{ margin-top: -54px;}
  .tos-cont ul{ padding: 0 0 0 15px;} 
  .tos-cont ul ul{ padding: 10px 0 0 15px;}
}
@media(max-width: 574px){
  .main-header figure img{ max-width: 313px;}
  .new-project-sec .btn-rad-group{ margin: 0;}
  .new-project-sec .btn-rad-group li{ padding: 12px 0 0;}
  .bids-list-item{ padding: 13px 15px 18px;}
  .bids-list-item .lawyer-img img{ max-width: 112px;}
  .bids-list-item span.lawyer-id{ text-align: center;}
  .bids-list-item h2{ font-size: 1em;}
  .bids-list-item p{ font-size: 0.75em; line-height: normal;}
  .bids-list-item .price{ font-size: 1.375em;}
  .bids-list-item .blue-grad-circle-btn{ min-width: 117px; font-size: 0.75em; line-height: 27px; padding: 0 15px; margin: 8px 0;}
  .bids-list-item .lawyer-info-btn{ text-align: center;}
  .bids-list-item .lawyer-info-btn button{ font-size: 0.75em;}
  .content-body h1 span{ font-size: 0.53em;}
  .bids-list ul{ margin: 0 -5px;}
  .bids-list ul li{ padding: 0 5px; margin: 0 0 10px;}
  .lawyer-cont-sec{ padding: 30px 15px;}
  .lawyer-pop-top{ padding: 35px 32px 0 30px;}
  .lawyer-cont-sec .row aside + aside { margin-top: 15px;}
  .my-project-pop-up .modal-content{ padding: 20px 15px 20px;}
  .content-body h1{ margin: 0 0 15px; font-size: 1.6em;}  
  .billing-form-sec .row aside + aside{ margin-top: 8px;}
  .lawyer-account-sec aside.upload-file-field-right { padding-left: 10px; padding-top: 10px;}
  .lawyer-account-sec .upload-file-field{ display: block; text-align: center;}
  .upload-file-img{ margin: auto;}
  .custom-file-input-btn{ display: block; max-width: 160px; margin: auto;}
  .custom-file-input-btn:before{ padding: 0 22px 0 45px; line-height: 40px;}
  .custom-file-input-btn:after{ top: 9px; left: 24px;}
  .multi-btns button{ padding: 0 0 0 4px;}
  .bid-form.my-project-pop-btns button{ padding: 8px 20px;}
  .input-with-icon .form-field{ padding-left: 45px}
  .verify-mail-wrapper{ padding: 34px 15px 40px;}
  .individual-msg-box .individual-msg-box-top{ display: block;}
  .individual-msg-box span{ display: block; text-align: left; padding: 10px 0 0;}
  .individual-msg-box.admin-msg-box span{ text-align: center;}
  .admin-msg-box.individual-msg-box .individual-msg-box-top{ padding: 0 15px; margin: 0;}
  .my-project-pop-sec.my-project-pop-btns.three-btns button{ margin-bottom: 10px; display: block; width: 100%;}
  .modal{ padding-right: 0 !important;}
  .new-project-sec .pc-select{ max-width: 100%;}
  .lawyer-pop-top img{ max-width: 275px;}
  .dashboard-leads aside img{ width: 100%;}
  .show-per-page-sec{ text-align: center;}
  .billing-form-sec .subsciption-top-right{ order: 1; text-align: left; padding-bottom: 20px;}
  .billing-form-sec .subsciption-top-left{ order: 2;}
  .db-projects-sec table.resp-table tbody tr td{ padding-left: 50%;}
  .db-projects-sec table.resp-table tbody tr td.heading{ padding-left: 14px;}
  .admin-set-first-dropdown{ max-width: 100%; width: 100%;}
  .admin-set-not-sec .blue-btn{ width: 100%;}
}

@media(max-width: 479px){
  .content-body{ padding: 20px 0 25px;}
  .tab-steps-nav{ margin: 0 -10px;}
  .area-of-law .other-rbtn { margin-left: 40px;}
  table.resp-table tbody tr td{ text-align: center;}
  .billing-form-top{ display: block;}
  .billing-form-top aside{ flex: 0 0 100%; max-width: 100%;}
  .billing-form-top .billing-form-top-left{ border-right: none; justify-content: center;}
  .billing-form-top .billing-form-top-right{ text-align: center; margin-top: 15px; border-top: 1px solid var(--sub-blue-3); padding-top: 10px;}
  .bid-form.my-project-pop-btns{ display: block;}
  .bid-form input[type="text"]{ width: 100%;}
  .bid-form .input-div{ margin: 0 0 10px;}
  .two-side-btns{ display: flex; justify-content: space-between; padding-top: 15px;}
  .bid-form.my-project-pop-btns button{ margin: 0; min-width: 46%;}
  .main-row{ margin: 0;}
  .tooltip-pop{ width: 90%; left: 0; margin: auto;}
  .tooltip-pop:before{ right: 56px;}
  .msg-tooltip-pop textarea.form-field{ min-width: auto;}
  .my-project-pop-up .my-project-pop-btns{text-align: center;}
  .my-project-pop-btns button{ width: 100%; display: block;}
  .my-project-pop-btns button + button{ margin-top: 10px;}
  table.resp-table tbody tr td.status span{ padding: 8px 10px;}
  .my-project-pop-btns button{ padding: 12px 20px;}
  .bid-form.my-project-pop-btns form{ display: block;}
  .bid-form.my-project-pop-btns button{ min-width: 100%; padding: 6px 10px; margin-bottom: 15px; margin-left: 0 !important;}
  .bid-form.my-project-pop-btns .two-side-btns{ display: block;}
  .projects-list-table td.heading span.action-txt{ text-align: center; width: 50%;}
  /*.tooltip-pop-btn.ml-2{ margin-left: 0 !important;}*/
  .redo-cont.tooltip-pop.msg-tooltip-pop.pend-conf-check-tool:before{ right: 80px;}
  .redo-cont.tooltip-pop.delete-project-tool{ width: auto; right: 120px; margin: 0 0 -60px 0;}
  .proj-sel-lawyer-btns a{ display: block; text-align: center; margin: 0 0 10px;}
  .proj-sel-lawyer-btns a + a{ margin-left: 0;}
  .outside-table-tooltip-main .redo-cont.tooltip-pop.msg-tooltip-pop.outside-table-tooltip{ margin: 0; position: static;}
}

@media(max-width: 413px){
  p{ font-size: 1em;}
  .tab-steps-nav aside span em{ width: 31px; height: 31px; line-height: 31px;}
  .half-list{ display: block;}
  .half-list li{ width: 100%; padding-right: 0;}
  .pop-status-sec{ display: block;}
  .pop-status-sec aside{ flex: 0 0 100%; max-width: 100%;}
  .pop-status-sec aside + aside{ text-align: center; margin-top: 10px;}
  table.resp-table tbody tr td{ padding-left: 153px;}
  table.resp-table tr td:before{ width: 153px;}
  .my-project-pop-sec button.blue-grad-circle-btn{ margin-top: 20px;}
  .my-project-pop-btns button.green-grad-btn, .my-project-pop-btns button.pink-grad-btn{ margin-bottom: 15px;}
  .bid-form.my-project-pop-btns button{ min-width: 40%;}
  .redo-cont.tooltip-pop.delete-project-tool.redo-mob-right{ margin: 0 0 -110px 0;}
  .show-per-page-sec .form-field{ width: 130px;}
  .message-top .message-top-right{ padding-left: 0;}
  .db-projects-sec .projects-list-main .projects-list h2{ font-size: 1em;}
}

@media(max-width: 374px){
  .main-header figure img{ max-width: 100%;}
  .mobile-nav ul{ padding: 0 10px;}
  .bids-list ul li{ flex: 0 0 100%; max-width: 100%;}
  .bids-list-item .lawyer-img img{ max-width: 150px;}
  .bids-list-item h2,
  .bids-list-item p,
  .bids-list-item .lawyer-info-btn button{ font-size: 1.125em;}
  .bids-list-item .price{ font-size: 1.875em;}
  .bids-list-item .blue-grad-circle-btn { min-width: 192px; font-size: 1.143em; line-height: 43px;}
  .my-project-pop-up .modal-header h2{ font-size: 1.3em;}
  .my-project-pop-sec a.text-link{ margin-right: 0; display: block; margin-bottom: 8px;}
  table.resp-table tbody tr td.status span{ /*min-width: 143px;*/ padding: 8px 10px;}
  table.resp-table thead tr th, table.resp-table tbody tr td{ font-size: .8em;}
  .message-top .message-top-right{ padding-left: 0;}
  .new-project-sec .checkbox-def label{ margin: 0 0 4px;}
  .multi-btns button{ font-size: 0.9em;}
  .two-side-btns{ display: block;}
  .tooltip-pop:before{ right: 38px;}
  .center-form{ padding: 20px 15px 16px;}
  h1{ font-size: 1.8em;}
  .projects-list-table td.heading span.action-txt{ width: 150px;}
  .def-tooltip{ padding: 20px 15px 20px; font-size: .8em;}
  .redo-cont.tooltip-pop.msg-tooltip-pop.pend-conf-check-tool:before{ right: 80px;}
  .redo-cont.tooltip-pop.delete-project-tool{ right: 90px; margin: 0 0 -42px 0;}
}