@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&display=swap');
html{
	background-color: #fff;
}
/* Header Logo */
.header_container {	
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	line-height: 25px;
	text-align: center;
    margin: 40px 0;	
}
.header_logo{
	height: 7rem;	
	margin-bottom:6px;
}

/* Top Navigation */
.nav-pills .nav-item{
	padding: 3px;
	font-size: large;
}
.nav-item2{
	padding: 3px;
	font-size: medium;
}

.nav-pills .nav-item.col-2 {
	max-width: 19.666667%;
}
.nav-pills .nav-link, .nav-pills .nav-link.active {
	background-color: #2A88AD;
	color: #fff;
    cursor: pointer;
	border-radius: 6px;
	font-family: arial;
}

.nav-header {
	margin-bottom: 30px;
}

/* Box Design */
.draft_mod_A4 {
    width: calc(100 / 23 * 21vw) !important;
    height: calc(100 / 23 * 29.7vw) !important;
	overflow-y: auto;
}
.jumbotron{
	margin:0 5px;
	background-color: #fff;
	padding:15px 50px; 
    border-radius: 6px;
    margin-bottom: 30px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.33);
	word-wrap: break-word;
}
.jumbotron_settings_staff{
	margin: -6px -68px;
	background-color: #fff;
	padding:15px 50px; 
    border-radius: 6px;
    margin-bottom: 30px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.33);
	word-wrap: break-word;
}
.container-content{
	margin-top:20px;
}  
.paragraph-title {
	margin-bottom: 1.4rem;
	font-weight: 400;
}	
.contact-info .col-4 {
	padding: 10px;
	border: 1px solid #f8f8f8;
	text-align: center;	
}
.case-summary-head{
	margin-bottom: 30px;
	margin-top: 40px;
}


/**** Footer ****/
.footer{
	margin-top: 15px;
}
.footer-content{
	padding: 12px;
	font-family: "Times New Roman", Times, serif !important;
}
.footer-content .office-name {
	font-weight: bolder;
}
.footer-content .address-text {
	text-align: left;
	display: grid;
}
.footer-content a {
	text-decoration: underline;
}
.footer-content .address,  .footer-content .footer-text{
	display: grid;
	padding: 15px 0;
}
.footer-content .address-title {
	padding: 15px 0;
}
.page-header-text{
	font-family: "Times New Roman", Times, serif;
	font-size: 2rem;
}
.jumbotron.contact-info{
	padding: 0px;
}
.jumbotron.contact-info .row{
	margin: 0px;
}
.case-type, .employee-email-title{
	font-weight: 400;
	font-size: 1.5rem;
    margin: 20px 0;
}
.case-overview .jumbotron.row {
	min-height: 240px;
}
.video-guides li, .visa-guides li{
	list-style: none;
}

.make-payment .ini-label{
	font-family: 'Big Caslon', 'Book Antiqua', 'Palatino Linotype', Georgia, serif;
	font-size: 1.3rem;
}
.form-style-10 input[type="text"],
.form-style-10 input[type="date"],
.form-style-10 input[type="datetime"],
.form-style-10 input[type="email"],
.form-style-10 input[type="number"],
.form-style-10 input[type="search"],
.form-style-10 input[type="time"],
.form-style-10 input[type="url"],
.form-style-10 input[type="password"],
.form-style-10 textarea,
.form-style-10 select{
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	-webkit-border-radius:6px;
    -moz-border-radius:6px;
	-moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.33);
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 8px;
    border-radius: 6px;
    border: 2px solid #fff;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.33);
	/*text-transform: uppercase; */
	color: #000000;
}

.ipc-btn {
	color: #fff;
    background-color: #2A88AD;
    border: 1px solid #257C9E;
	line-height: 1;
}
.make-payment .content {
	margin-top: 20px;
	margin-bottom: 30px;
}
.form-style-10 select:focus{
	border: 2px solid #fff;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.33);
}
.make-payment .mandatory-txt{
	font-weight: 400;
	text-align: center !important;
	margin: auto;
}
.make-payment span.im{
	color: #ff0000;
}
.make-payment .payment-tbl {
	margin-top: 20px;
}
/* .table-bordered th, .table-bordered td{
	border: 1px solid #000000;
	padding: .4rem;
	text-align: center;
}
.table-bordered thead th {
	border-bottom: 1px solid #000000;
} */
.payment-tbl td .form-group{
	margin: 0;
}
.make-payment .pay-data{
	font-family: arial;
	margin-top: 50px;
}

.button1{
	font-size: 12px;
	box-shadow: 2px 2px 2px;
	border-radius: 5px;
	border: 1px solid #e2e2e2;
	color: #797777;
	background: rgb(243, 243, 243);
	margin-top: 15px;
	margin-left: 7px;
	margin-right: 7px;
	padding: 6px 15px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	-moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	-webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	background: #2A88AD;
	padding: 8px 20px 8px 20px;
	border-radius: 5px;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	font: normal 30px Arial, sans-serif;
	box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
	border: 1px solid #257C9E;
	font-size: 15px;
	display: inline-block;
}

.buttonA{
	width: 101px;
}

.buttonB{
	width: 218px;
}

.pay-data label {
	text-align: right;
}

.video-container {
	border: 2px solid #808080;
    min-height: 250px;
    text-align: center;
	margin-bottom: 25px;
}
.video-container span{
	line-height: 15;
}
.video-guides a, .visa-guides a {
	color:#000000;
}
.video-guides a:hover, .visa-guides a:hover {
	text-decoration: none;
	color:#87ceeb;
}
.video-list, .visa-list {
	margin-top: 15px;
}
.video-guides .header-text, .visa-guides .header-text {
	font-family: "Times New Roman", Times, serif;
	margin: 25px 0;
}
.video-guides .jumbotron, .visa-guides .jumbotron{
	margin-left: 21%;
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 58%;
    -ms-flex: 0 0 58%;
    flex: 0 0 58%; 
    max-width: 58%; 

}
.video-guides li, .visa-guides li {
	padding: 5px 0;
}
.video-guides .video-list h5, .visa-guides .visa-list h5 {
	margin: 10px 0;
	font-weight: bold;
	font-family: Arial;
}
.play-video h6, .visa-sub-guide h6 {
	background: #2A88AD;
	margin: auto;
	padding: 4px 10px;
	color: #fff;
}
.play-video .list-item , .visa-sub-guide .list-item{
	margin: 25px;
	font-family: Tahoma;
	font-size: .9rem;
}


.make-payment .input-group.attorney_fee {
	margin-top: 5px;
}
.WireTransIns .modal-dialog {
	max-width: 600px;	
}
.WireTransIns .modal-content {
	border-radius: 10px;	
}
.WireTransIns .modal-header {
	margin: auto;
}
.WireTransIns .modal-footer {
	margin-top: 25px;
}
/* .WireTransIns .header_logo {
height: 80px;
}
 */
 .WireTransIns .header_container {
	margin: auto;
}
.insBtn{
	margin: 0 5px;
}
.pay-data .input-group .form-control{
	background-color: #fff;
}
.make-payment .payment-container {
	margin-top: 25px;
	margin-bottom: 25px;
}
.make-payment .init .form-group {
	margin-bottom: 2rem;
}
.make-payment .init {
	min-height: 400px;
}
.make-payment .init .content {
	margin: auto;
}

.make-payment .init .form-group label{
	margin-bottom: 1rem;
}
.make-payment table .input-group-addon {
	border: none;
	background: #fff;
}
.make-payment table input[type = "text"] {
	text-align: center;
	border: none;
}
.form-control.date-picker {
    background-color: #fff;
}
.visa-guides .visa-sub-header, .visa-guides .visa-header {
	font-family: "Times New Roman", Times, serif;
	font-weight: bolder;
}
.visa-header {
	margin-bottom: 15px;
}
.visa-sub-guide .visa-sub-header {
	font-weight: bolder;
}
.visa-guide-original {
	margin: auto;
    margin-bottom: 25px;
    margin-top: 15px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bolder;
}
.visa-sub-guide{
	padding: 0;
}
.visa-sub-guide ul{
	-webkit-padding-start: 0;
}
.visa-sub-guide li {
	padding: 4px 0;
}
.visa-container li, .visa-chapter li {
	padding: 3px 0;
}
/*** Case Overview **/
.case-overview .paragraph-title.p1{
	padding-top: 3rem;
}
.case-overview .paragraph-title.p2{
	padding-top: 3rem;
}

/* 21/12 Responsive */
@media screen and (max-width: 1200px) {
    .nav-pills .nav-item, .nav-item2{
		font-size: 15px;
	}
}

/* 26/12 */
.video-tutorial, .visa-tutorial{
	margin-bottom: 10px;
}
.video-tutorial span, .visa-tutorial span {
	font-size: 1.3rem;
	font-weight: 500;
}
.list-num{
	width: 35px;
	text-align: center;
	margin-right: 10px;
	border: 1px solid #d3d3d3;
}
.list-num-advanced{
	border-radius: 3px;
    padding: .35rem .75rem;
}
.video-list ul, .visa-list ul{
	-webkit-padding-start: 0px;
	font-family: Tahoma;
	font-size: .9rem;
}
.play-video .list-item .col-2 {
	text-align: center;
}

.play-video .list-item ul {
	-webkit-padding-start: 0px;
}
.original-visa{
	font-family: Tahoma;
	font-size: .9rem;
}
.original-visa ul {
	-webkit-padding-start: 15px;
}
.original-visa li .col-2 {
	text-align: center;
}

/* 27/12 */
.play-video .list-item .col-2, .visa-sub-guide .list-item .col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 11.666667%;
    -ms-flex: 0 0 11.666667%;
    flex: 0 0 11.666667%;
    max-width: 11.666667%;
}

/* Admin */
.form-style-10 {
    
    background: #FFF;
  
}

.info-title{	
	font: normal 20px Arial, sans-serif;
    color: #2A88AD;
    margin-bottom: 5px;
    margin-left: 50px;
}

.info-subtitle {
	font: normal 19px Arial, sans-serif;
    color: #2A88AD;
    margin-bottom: 10px;
	padding-left: 15px;
}

.sub-container .col-4 .row {
	margin: 10px 0;
}
.sub-container .col-6 .row {
	margin: 10px 0;
	min-height: 2rem;
}
.sub-container {
    margin-bottom: 30px;
}
.search-header{
	margin: 15px 0;
}

/* 28 dec Balaji */
.sub-container .col-4 .row .value{
	min-height: 3rem;
}

/* 28/12 */
.prep-docs .header-text{
	font-family: "Times New Roman", Times, serif;  
    /* margin: 25px 0; */
}

.prep-docs .container-content.jumbotron {
	margin-left: 21%;
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 58%;
    -ms-flex: 0 0 58%;
    flex: 0 0 58%; 
    max-width: 58%; 

}
.prep-list ul {
    font-family: Tahoma;
	font-size: .9rem;
}
.prep-docs li {
    padding: 5px 0;
	list-style: none;
}
.prep-docs a {
    color: #000000;
	text-decoration: none;
}
.wrkDetails-header {
	font-weight: bolder;
}
.client-info .client-information {
    font-family: Tahoma;
	color: #808080;
}
.client-information .row .col-3 .row>.col-12{
	min-height: 5rem;
}
.client-information .row .col-3 .row .col-6{
	padding-right: 0;
}
.inner-addon{
	position: relative;
}
.inner-addon .left-addon {
  position: absolute;
  padding: 10px;
  pointer-events: none;
}
.inner-addon .left-addon  { left:  20px;}
.inner-addon input::-webkit-input-placeholder  { 
	color: #808080;
}



/* prep docs balaji 28 dec */
.wrkDetails .content .col-11 .wrk-des,
.wrkDetails .content .col-11 .wrk-alert,
.wrkDetails .content .col-9 .wrk-des,
.wrkDetails .content .col-9 .wrk-alert,
.wrkDetails .content .col-4 {
	border: 1px solid #d3d3d3;
	/* margin-bottom: 2rem; */	
	border-radius: 3px;
 }
 .wrkDetails .content .col-11 .wrk-des{
	padding: 15px;
 } 
 .wrkDetails .content .col-11 .wrk-alert{
	padding: 0 10px;
	border: 1px solid #d3d3d3;
 }

.btn-right{
	float:right;
	margin-right:15px;
}
.bold{
	font-weight: bold;
}

.prep-docs .client-info .client-name {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.5rem;
	font-weight: bold;
}
.prep-docs .client-info {
	padding: 10px 15px;
	text-transform: uppercase;
}
.view-prep .wrkDetails .header {
	font-weight: bold;
	padding-bottom: 10px;
}
.view-prep .wrkDetails .content .wrk-item {
	white-space: pre-line;
}
.view-prep .wrkDetails .content .wrk-status .row {
	margin: 0 auto;
}
.view-prep .wrkDetails label {
	font-weight: bold;
	margin: 0 auto;
}
.view-prep .wrkDetails .content {
	border-bottom: 1px solid #d3d3d3;
	margin-bottom: 2rem;
}

.wrk-status .offset-3.col-4 {
	border: none;
	border-radius: 5px;
}

/* 29 dec Balaji */

.jumbotron.j1{
	margin: 0px auto 40px auto;
    background: #FFF;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
	padding: 20px 5px;
	margin-bottom: 10px;
}
.jumbotron.j2{
	background-color: #f8f8f8;
	padding:15px 30px; 
    margin-bottom: 15px;
	box-shadow: none;
}
.info-subtitle h5{
	font-size: 1.1rem;
	font-weight: 600;
	color: #2A88AD;
	font-family: Ariel;
}
.client-info .info-subtitle hr {
	border-style: inset;
    border-width: 1px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}

/* 29/12 */
.wrk-progress {
	font-size: 1rem;
	color:#2f2f2f;
}
.wrk-status .red {
	background-color: #ff9999;
}
.wrk-status .green {
	background-color: #00b815;
}
.wrk-status .orange {
	background-color: #fbbb7a;
}

.prep-docs .no-data {
	min-height: 50px;
	text-align: center;
	font-family: Calibri;
}
.prep-docs .no-data h4, .prep-docs .no-data h5 {
	padding-top:10px;
}
.hide-button{	
	border: none;
    background-color: #f8f8f8;
}

/** MOdel Center **/
.modal {
  text-align: center;
  padding: 0!important;
  overflow: auto !important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
  min-width: 600px;
}
/** End **/

.modal-content{
	padding: 5px;
	border-radius: 10px;
}
.modal-title {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.3rem;
}
.modal-body {
	padding: 15px 25px;
}
.modal-body .header{
	
}
.custom-file-control:before{
  content: "Browse";
}
.custom-file-control:after{
  content: "Add files..";
}

.custom-file-control-fc:after{
  content: "Add files..";
  margin-left: 9px;
  float: left;
}
.custom-file-control-fc:before{
  content: "Browse";
	width: 114px;
}

.modal-body .row .modal-btn:first-child {
	margin-right: 8px;
}
.modal-btn {
	padding: .4rem 1rem;
	background: #2A88AD;
	color: #fff;
}
.modal-note {
    padding-top: 15px;
    font-weight: 600;
}

/* 29 Dec Admin */

.modal-content input[type="button"], 
.modal-content input[type="submit"], 
.modal-content button,
.admin-client-info input[type="button"], 
.admin-client-info input[type="submit"], 
.admin-client-info button {
	background: #2A88AD;
    padding: 8px 20px 8px 20px;
    border-radius: 5px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: normal 30px Arial, sans-serif;
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 1px solid #257C9E;
    font-size: 15px;
}
.modal-content input[type="button"]:hover, 
.modal-content input[type="submit"]:hover,
.admin-client-info input[type="button"]:hover, 
.admin-client-info input[type="submit"]:hover
{
    background: #2A6881;
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}

/* 02/01/2018 */
.client-case-name {
	font-size: 1.5rem;
}

/* 3 jan 18 Blaji*/	
.video-edit-text{
	font-size: 1.2rem;
	font-weight: 600;
}
.video-edit-case{
	margin-bottom: 10px;
}
.btn-video-add{
	float: right;
    margin-top: 2px;
}

.modal-body .col-2{
	max-width: 30%;
}
.modal-body .cfn{
	width: 25%;
}
.modal-body .confirm{
	width: 20%;
	margin-left: 2px;
	margin-right: 2px;
}
.modal-body .offset-4{
	margin-left: 25%;
}
.video-delete {
	font-size: 1.3rem;
	margin-bottom: 1rem;
}

/* 03/01/2018 */
.file-list{
	font-family: Tahoma;
	font-size: 0.9rem;
}
.file-status {
	line-height: 1.3;
	margin-bottom: 1rem !important;
	padding: 5px 15px;
	border: none !important;
}
.file-download a{
	color:#064d7f;	
}
.nav-link i {
	margin-left: 10px;
}

 /* 3 jan 18 season 2 */ 
.email-title{
	font-family: tahoma;
    font-size: 1rem;
    font-weight: 600;
    text-align: center;
}

.view-prep .video-tutorial {
	margin-bottom: 0;
}

/** 4 jan 2018 **/
.delete-modal .modal-content {
	min-height: 10rem;
}
.delete-modal .btn.button1 {
	min-width: 5rem;
}
.title-change{
	width: 91.666667%;
	padding: 0 15px;
}
.play-video .button1 {
	margin-top: 0;
}
.new-title {
	font-weight: bold;
	margin-top: auto;
	margin-bottom: 15px;
}
.item-add {
	margin: 10px 0;
}
.imp {
	color: red;
	margin-left:3px;
}

/* 4 jan 18 Balaji*/ 
.fa.fa-caret-left,
.fa.fa-caret-right{
	font-size: 2rem;
}
.email-details{
	font-family: Tahoma;
}
.email-details label{
	font-weight: 700;
	margin-right:5px;
}
.reply{
	margin-left:30%
}	
.video-guides .jumbotron, .visa-guides .jumbotron, .filed-cases .jumbotron{
	margin-left: 21%;
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 58%;
    -ms-flex: 0 0 58%;
    flex: 0 0 58%; 
    max-width: 58%; 

}
.filed-case-list li{
	list-style:none;
}
.filed-case-list .list-con .col-12 .form-control{
	height: 0px;
    min-height: 1.7rem;
	padding-top: 0;
    padding-bottom: 0;
}
.video-list ul, .visa-list ul, .filed-case-list ul{
	-webkit-padding-start: 0px;
	font-family: Tahoma;
	font-size: .9rem;
}

/* 05-01-2018 */
.admin-client {
	margin-bottom: 1.5rem;
}
.filed-cases .new-file {
	margin-bottom: 1rem;
	font-weight: bold;
}
.client-info .sub-container, .admin-client-info .sub-container {
	font: 15px  Arial, sans-serif;
	color: #888;
}
.sub-container .sub-title {
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 1rem;
}
.sub-container .legal:first-child {
	margin-top: 1rem;
}
.sub-container .legal {
	padding-right: 15px;
	padding-left: 15px;
}

/* 5 jan 18 Balaji*/ 
.video-guides .jumbotron, .visa-guides .jumbotron, .filed-cases .jumbotron, .mail-notify .jumbotron{
	margin-left: 21%;
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 58%;
    -ms-flex: 0 0 58%;
    flex: 0 0 58%; 
    max-width: 58%; 
}
.case-overview-editor label{ 
	font-weight: 600;
	font-family: Tahoma;
}
.visa-list input[type="submit"],.video-list input[type="submit"]{
	background-color: #2A88AD;
    color: #fff;
    border: none;
	border-radius:3px;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #fff; 
}


/* 08-01-2018 Ck editor Design */
.cke_chrome {
	border: none !important;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.33) !important;
}
.cke_top {
	border: none !important;
	background-image: none !important;
	background: #f8f8f8 !important;
}
.cke_bottom {
	border: none !important;
	background-image: none !important;
	background: #f8f8f8 !important;
}
.cke_reset {
    height: auto !important;
}
.case-overview .paragraph-title.p1.admin{
	padding-top: 0;
}

/* 8 jan 18 Balaji*/ 

.client-info span {
	font-size: 1.3rem;
	font-weight: 500;
}
.btn-caseinfo{
	float: right;
    margin-top: 0px;
    margin-bottom: 10px;
}
.case-information .form-check label{
	display: block
}
.btn-caseinfo.btn-sc{
	margin: 0;
	margin-right: 2px;
}
.btn-caseinfo.btn-cl{
    margin-left: 4px;
	float: left;
}
.btn-case-expiry{  
  margin-top: 1.6rem;
}
.case-info-btn{
	padding: 0;
}
.login-client-btn{
	padding-left: 0;	
}
.btn-visacl{
	margin-left: 11px;	
}
.btn-visasc{
	margin-left: 0px;	
}
.btn-visa-add{
	margin-left: 9px;	
}
.btn-visa-bk{
	margin-left: 2px;	
}
.visa-list .list-item{
	margin: 25px;
	font-family: Tahoma;
	font-size: .9rem;
}
.modal-body .offset-4 {
    margin-left: 29%;
}
.btn-visa-bkA{
	margin-left: 2.62rem;
}

/* 09/01/18 by vasanth */
.aplication_types
{
	padding-bottom: 25px;
	padding-top: 12px;
}
.attorney_fees_head
{
	padding-bottom: 15px;
}
.select_aplication_type
{
	width:40%;
}
.jumbotron_client_fees, .jumbotron_email_notify
{
	width:100%;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.33);
}
.client_fess_table
{
	margin: 0 0px;
    padding: 15px 15px;
    border-radius: 6px;
    margin-bottom: 30px;
    word-wrap: break-word;
}

/* 10-01-2018 */
.new-keydates{
padding-top: 10px;
}
 
 /* 10 jan balaji */

.prep-docs li, .petition-docs li, .client-notice li{
	list-style: none;
}
.prep-docs li, .petition-docs li, .client-notice li{
	padding: 5px 0;
	list-style: none;
}
.prep-docs ul, .petition-docs ul, .client-notice li{
	-webkit-padding-start: 0px;
	font-family: Tahoma;
	font-size: .9rem;
}
.prep-docs .jumbotron{
	/* margin-left: 21%; */
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 58%;
    -ms-flex: 0 0 58%;
    flex: 0 0 58%; 
   /*  max-width: 58%;  */

}
.prep-docs .video-list span{
	padding: 0px 0.6rem;
}
.petition-docs .video-list span{
	padding: 0px 0.38rem;
}
.text-justify{
text-align: justify!important;
}
.client-notice .new-title {
    font-weight: bold;
    margin-top: auto;
    margin-bottom: auto;
    padding: 10px 25px;
}
.client_fess_table h6 {
	background: #2A88AD;
	margin: auto;
	padding: 4px 10px;
	color: #fff;
}

/* 11-01-2018 */
.client-cases .info-title {
	margin-left: 0;
	padding-left: 50px;
}
.table-bordered th{
	padding: .4rem;
	text-align: center;
}
.program-ac{
	padding: 50px; 
}
.client-notice .jumbotron .row:first-child{
	margin-bottom: 15px;
}
.client-notice .action span{
	padding: 1px
}
.client-notice #addBut .modal-content {
	min-width: 600px;
}
.page-management #editBut .modal-content {
	min-width: 600px;
}

/* 11 jan balaji */
.titletxt {
    font: normal 20px Arial, sans-serif;
    color: #2A88AD;
    margin-bottom: 5px;
    margin-left: 15px;
}
.client_fess_table{
	font: 15px  Arial, sans-serif;
	color: #888;
	margin-bottom: 0;
	padding: 0;
}
.btn-verify{
	margin: 0px;
	min-width: 100%;
}
.titletxt3 {
    font: normal 20px Arial, sans-serif;
    color: #2A88AD;
    margin-bottom: 25px;
    margin-left: 15px;
}

/* 11-01-2018 Vasanth */
.allcase_searchbox {
	position:relative;
	left:85px;
}
.allcase_searchbox2{
	width:337px;
}
.allcase_searchbox .allcase_searchbox1
{
	position:absolute;
	padding:12px;
	text-align: left;
}
/* .allcase_searchbox .allcase_searchbox1{
	left:315px;
} */
.allcase_head
{   padding-left: 25px;
	font: normal 20px Arial, sans-serif;
	color: #2A88AD;
    margin-bottom: 5px;
}


body .container:nth-child(2){
    padding-left: 27px;
    padding-right: 27px;
}

#mainInfoTable{
	padding: 8px;
}

#mainInfoTable div:first-child{
	background-color: #f8f8f8;
   /*  padding-top: 15px; */
    border-radius: 6px;
}


#mainInfoTable div:first-child span.ng-binding.sort-indicator {
    font: 15px Arial, sans-serif;
    color: #888;
}

span.fakeInputBox {
    display: block;
    width: 100%;
    padding: .5rem .75rem;
    font-size: 1rem;
    line-height: 1.25;
    color: #464a4c;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	min-height: 36px;
}

.btn-new-client{
	margin: 0px -70px;
    float: right;
}
.page-update{
	padding-top:20px;
}

/*12-01-18 vasanth*/
.email-saveall-button
{
	float:right;
	margin:20px 0px;
}
.invoices_header_text
{
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
}

/*12-01-18 */
.mng-visa-type {
	margin: auto;
}

/*12 jan balaji */

.admin-reminders .jumbotron, .all-docs .jumbotron{
	margin-left: 21%;
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 58%;
    -ms-flex: 0 0 58%;
    flex: 0 0 58%; 
    max-width: 58%; 
}
.admin-reminders .header-text {
	font-family: "Times New Roman", Times, serif;
	margin: 25px 0;
}
.admin-reminders .video-list .offset-4 {
	margin-left: 36.333333%;
}
.admin-reminders .video-list label {
	font-weight: 500;
}
/*12-01-18 vasanth*/
.email-saveall-button
{
	float:right;
	margin:20px 12px 20px 0px;
}
.invoices_header_text
{
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
}
.notify_date_box
{
	margin-bottom:20px;
}

/* 16-01-2018 */
.client-cases a.button1:hover {
	color: #fff;
	text-decoration: none;
}

/* 16 jan Balaji */
.staff-management .j2 label{
	font: 15px Arial, sans-serif;
    color: #888;
}

.btn-restore{
	margin-top:0;
	margin-left: 3px;
}
.btn-newClint{
	margin-top:0;
	margin-right: 0;
}
.allcase_searchbox2{
	width:78%;
	margin-left:5rem;
}
.allcase_searchbox .allcase_searchbox1{
	right: 7%;
}
.btn-cn-add{
	float: right;
    margin-right: 0; 
}
.client-notice .video-list .col-4{
	padding-right: 10px;
	
}
.performance-subTitle {
    font-family: "Big Caslon","Book Antiqua","Palatino Linotype",Georgia,serif;
    text-align: center;
    width: 100%;
    margin-bottom: 10px;
    font-size: 20px;
}

/* pagination color */
.page-item.active .page-link {
    background-color: #2A88AD;
    border-color: #2A88AD;
	color: #fff !important;
}
.page-link {
    color: #2A88AD !important;
}
a {
    color: #2A88AD;
	text-decoration: none !important;
}
/* 16-01-18 vasanth */
.right-arrow, .left-arrow{	
	color: #fff;
    background-color: #2A88AD;
	cursor: pointer;
}
.right-arrow {
	float: right;
}

/* 17-01-18 vasanth*/
.note_to_staff{
	margin-left:21%;
    background-color: #fff;
    padding: 20px 20px;
    border-radius: 6px;
    margin-bottom: 30px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    word-wrap: break-word;
}
.remainders_transfer{
	margin-left:7%;
}
.transfer-btn{
	margin-left: 46%;
}
.invoice_client_textarea ,.invoice_client_table1{
	padding: 30px 0px 30px 0px;
}
.invoice_client_table2
{
	padding-bottom:30px;
}
.total_requested
{
	max-width:65%;
	margin-left:145px;
}
.total_requested_text{
	width:40%;
}
.total_requested_input{
	width:30%;
}

/* 17 jan balaji */
.text-right{
	text-align: right;
}
.currentMsg{
	margin-bottom: 2rem;
}
.client-notice .offset-2{
	margin-left: 7.5%;
}
.client-notice .offset-2.col-2 {
    margin-left: 16.67%;
}
.client-notice .col-8{
	max-width: 85.5%;
}
.msgBody{
    border: 2px solid rgba(0,0,0,.3);
	height: 250px;
    overflow: overlay;
}
.msgContent{
	padding: 0.5rem;
}
.msgTitle{
	border-bottom: 2px solid rgba(0,0,0,.3);
}
.btn-cn-add{
	float: right;
    margin-right: 0; 
	margin-top: 0;
}
.notice-body{
	margin-top: 2rem;
}
.admin-client-fess span{
	padding: 8px 6px;
}
.admin-client-fess label{
	display: block;
}
.designMap-AF{
	margin-bottom: 3.1rem;
}
.designMap-AV{
	margin-bottom: 1.5rem;
}

/*18-01-18 vasanth*/
.predoc-add-btn{
	float:right;
}
.review_notes_input{
	margin-top:25px;
	margin-bottom:15px;
}
.prepdoc-save-btn{
	margin-left: 45%;
}
.prepdocs-hr{
	border-bottom:1px solid rgba(0,0,0,.1);
	margin-bottom:15px;
}
.prepdocs_client{
	margin-left: 15px;
}

.prep-docs .video-list .wrk-status span {
    padding: 0px 0.3rem;
}
.filed_case_edit_checkbox{
	margin-left:0px;
}
.filed_case_edit{
	margin-top:12px;
}

/* 18 jan balaji */
.btn-case-expiry{  
  margin-top: 1.6rem;
  margin-left: 2px;
  margin-right: 0px; 
}
.remove-Lpad{
	padding-left: 0px;
}
.exeuctive-label{
	margin-top: 5px;	
}
.add-staff .jumbotron{
    margin-left: 21%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58%;
    -ms-flex: 0 0 58%;
    flex: 0 0 58%;
    max-width: 58%;
}
.add-staff .offset-5 {
    margin-left: 36%;
}
.add-staff .checkinput {
    margin-top: 1rem;
}

.client-fees label, .admin-client-fess label{
	display: block;
	text-align: center;
}
.client-fees .form-control, .admin-client-fess .form-control{
	text-align: center;
}
.client-fees .titletxt, .admin-client-fess .titletxt {
    font: normal 20px Arial, sans-serif;
    color: #2A88AD;
    margin-bottom: 5px;
	margin-left: 2.1rem;
}    
.verify-label{
margin-right: 25%;
}
.client-fees span, .admin-client-fess span{
	padding: 8px 6px;
}
.archive-link .col-4 {
    max-width: 30.5%
}
.enter-payment {
	margin-bottom: 10px;
}
.enter-payment a:hover{
	color:#fff;
}

/* 19-01-18 vasanth */
.video-guides-links{
	margin-right: 15px;
    border: 1px solid #d3d3d3;
	background-color:#fff;
    border-radius: 4px;
	margin-left: 18px;
}
.video-guides-jumbotron-home{
	background-color: #f8f8f8;
    padding: 15px;
	border-radius: 5px;
}
.video-guides-jumbotron-home .list-con {
	margin-bottom: 5px;
}
.video-guides-jumbotron-home .video-guides-links {
	padding: 5px 15px;
}
.video-guides-jumbotron-home .list-num {
	margin:0;
	background: #fff;
	color: #000000;
	padding: 5px 0;
	display: inline-block;
	border-radius: 3px;
}
.case-overview-title{
	margin-bottom:15px;
	font: normal 22px Arial, sans-serif;
	color: #2A88AD;
}
.form-style-10 label{
    display: block;
    font: 15px Arial, sans-serif;
    color: #888;
    margin-bottom: 15px;
}
.form-style-10-label-color label{ 
	color:#292b2c;
}
label.radio-inline {
    display: inline-block;
    margin-right: 20px;
}
.form-style-10 h1 > span{
    display: block;
    margin-top: 2px;
    font: 13px Arial, sans-serif;
}
.input-reminders{
	margin-top:8px;
}
.jumbotron .note_to_staff{
	padding: 20px;
}
.note_to_staff .cke_reset{
	box-shadow: none !important;	
}
.note_to_staff .cke_inner{
	border: 1px solid #c5c5c5 !important;
}
.note_to_staff .cke_contents{
	border-right: 1px solid #c5c5c5 !important;
}
.note_to_staff .cke_top{
	border-bottom: 1px solid #c5c5c5 !important;
	background: #fff !important;
}
.note_to_staff .cke_bottom{
	border-top: 1px solid #c5c5c5 !important;
	background: #fff !important;
}

.reminders .form-style-10 input[type="text"],
.reminders .form-style-10 input[type="date"],
.reminders .form-style-10 input[type="datetime"],
.reminders .form-style-10 input[type="email"],
.reminders .form-style-10 input[type="number"],
.reminders .form-style-10 input[type="search"],
.reminders .form-style-10 input[type="time"],
.reminders .form-style-10 input[type="url"],
.reminders .form-style-10 input[type="password"],
.reminders .form-style-10 textarea,
.reminders .form-style-10 select{
	color: #978787;
}

/* 23 Jan Balaji */
.email_header_logo{
	
	margin-bottom:6px;
}
.email_header_text{
	font-family: Big Caslon, Book Antiqua, Palatino Linotype, Georgia, serif !important;
	font-size: 1.4em;
}
.email-table .offset-1 {
    margin-left: 7%;
}
.email-table .col-9 {
    max-width: 86%;
}
.email-table .offset-3 {
    margin-left: 25%;
}
.email-table .container-content.jumbotron{
	padding: 20px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}
.email-table .container-content.jumbotron .email-lists{
	padding: 20px;
}
.email-table .email-content {
	padding-top: 15px;
}
.email-table-info table td {
	cursor: pointer;
}
.mail-notes {
	font-weight: 500;
}
.select-box {
	width: 100%;
}

/* 24-01-18 vasanth */
.loading_gif
{
	text-align:center;
	position: fixed;
	left: 0px;
	top: 30%;
	width: 100%;
	height: 100%;
	z-index: 9999;
}
@media (min-width: 992px){
.col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 19.666667%;
}
}
.make-sure {
	margin-bottom: 15px;
}
/* 24-01-18 vasanth */
.loading_gif
{
	text-align:center;
	position: fixed;
	left: 0px;
	top: 30%;
	width: 100%;
	height: 100%;
	z-index: 9999;
}
/* 25-01-18 vasanth */
.mobile_search_box{
	padding-left:35px;
}
.alert_msg_box{
	text-align:center;
	position: fixed;
	right: 0px;
	top: 5px;
	border-radius:3px;
	z-index: 9999;
	box-shadow:inset 0 0 10px #fff;
}
.mobile_search_box{
	padding-left:35px;
}
@media (min-width: 992px){
.col-lg-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 19.666667%;
}
}
@media (max-width: 576px){
	.col-xs-2 {
		max-width:50%;
} 
	.mobile_search{
		max-width: 70%;
		margin: 0 auto;
	}
}

@media (max-width: 576px) and (min-width:340px){
	.mobile_management_menu{
		max-width:50%;
	}
}

/* 29-01 */

.admin-client-fess .add-staff label{
	text-align: left;
}

/* 29-01 Vasanth */
.case_overview_box{
	max-width:60%;
	margin-left:20%;
}
.prep-list .add-btn .button1{
	margin-right: 0px;
}
.prep-list .add-btn{
	padding-right: 12px;
}
.prep-tbl-header {
	font: normal 18px Arial, sans-serif;
	color: #2A88AD;
}

/* 30-01-2018 */
.list-item.video-guides-jumbotron-home{
	margin: 25px 0px;
}
.prep-list .video-guides-jumbotron-home{
	padding: 6px 0px;
	cursor: all-scroll;
}
/* 30 Jan 2018 Balaji*/

.prep-details .button1{
	padding: 8px 16px 8px 16px;
}
.prepdocs-hr-title{
	border:1px solid rgba(0,0,0,.1);
	margin-bottom:15px;
}
.wrkDetails .col-1, .sort-docs .col-1{
	max-width: 4%;
}
.list-bg{
	background-color: #d8d8d8;
}
.docs-list{
	padding: 10px 1rem;
}
.sort-docs .file-list {
	height: 100%;
    font-family: Tahoma;
    font-size: 0.85rem;
    background-color: #fff;
	margin: 0px 1px 0px 6px;
    border-radius: 5px;
    border: 1px solid #d3d3d3;
    padding: 5px 1px;
}
.sort-docs .file-download a {
    color: #000;
	padding: 0px 15px;
}
.sort-docs .file-download-num{
	 color: #000;
	 text-align: center;
}
.prep-docs .video-list .action span {
	padding: 0px .3rem;
}/* 30-01-18 Vasanth */
.prep_docs_box{
	border: 1px solid #d3d3d3;
    background-color: #fff;
	border-radius: 4px;
	padding: 4px 0px;
	cursor: pointer;
}
.prep-docs .list-con .prep_docs_index {
	padding: 2px 14px 10px 14px;
	border: 1px solid #d3d3d3;
    background-color: #fff;
	border-radius: 4px;
	text-align: center;
}
.prep_saveorder_btn{
	width: 100%;
}
.pre_docs_title{
	font: normal 20px Arial, sans-serif;
    color: #2A88AD;
	padding-right: 0px;
}
.prep_docs_test{
	margin:0px 12px;
	padding: 6px;
}
.prep-item-box {
    background: #f8f8f8;
    margin-bottom: 10px;
    border-radius: 5px;
    padding: 15px;
}
.sort-docs .file-status{
	margin-bottom: 0px !important;
}
.docs-list .col-4{
	margin-bottom: 0px !important;
}
.wrkDetails .content .wrk-status .col-4{
	border: none;
	margin-bottom: 10px;
}
/* 30-01-18 Vasanth */
.prep-docs .video-list .fakeInputBox {
	padding: 3px !important;
}
/*31-01-2018 */
.drag-bar{
    padding: 0px 5px;
}
.prep-atitile{
	display: flex;
}
.wrk-status .new-save .button1{
	margin-top: 0px;
}
.big-checkbox {
    width:18px;
    height:18px;
    border-radius:3px;
}
.wrk-status  .status-change{
	border:none;
}
/* 31-01-18 vasanth */
.prep_page{
	margin-top:5px;
}
.col-2.prep_page{	
	padding-left: 0px;			
}
.re-pad-right{
	padding-right: 0px;
}
.prep_doc_icons{
    margin-top: 3px;
	margin-left: 5px;
}
.prep_doc_icons_add{
	margin-left: 10px;
	margin-top:6px;
}
.prep_doc_check{
	margin-top: 8px;
    margin-left: 5px;
}
.pre_outstanding {
    width: 269px;
    margin-left: 29.5%;
}
.prep_visible_client{
	margin-left: 28px;
	padding-left: 10px;
}
/* 01-02 */
.group1 {
    border: 1px solid #f8f8f8;
	padding:5px;
	height: 700px;
    overflow-y: auto;
    overflow-x: hidden;
}
/* 01-02-18 vasanth */
.prep_docs_btn{
	padding:2px;
}
.prep_btns{
	width:100%;
	color: #fff;
    background-color: #2A88AD;
    border: 1px solid #257C9E;
}
.prep_page_select{
	text-align:center;
	text-align-last: center;
}
.prep_doc_upload_icons{
	margin-top: 2px;
	margin-left: 5px;
}
.prep_status_bar{
	margin-left:10px;
}
.file-download{
	display: flex;
}
.prep_page_select{
	width:60%;	
}
.email-container {
	height: 700px;
	overflow-y: auto;
	width: 100%;
}

/* 02-02 */
.prep_page_select{
	width:100%;
}
.content_sub_line{
	width:26%;
	margin-left:11px;
}
.sun_line_icon{
	margin-left:37px;
}
.sun_line_icon_check{
	margin-top:4px;
	margin-left:18px;
}
.old_fee_btn{
	width:100%;
	margin-bottom:8px;
}

/* 02 Feb 2018 Balaji*/

.sort-docs .col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 1 0 75%;
     max-width: 85.7%;
}
.sort-docs .col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 14%;
}
.sort-docs .box-align{
	margin-left: 0px;
}
.wrkDetails .content .col-11 .wrk-alert{
	padding: 0 15px;
	border: 1px solid #d3d3d3;
 }
.docs-list{
	padding-top: 10px;
    padding-right: 0.7rem;
    padding-bottom: 10px;
    padding-left: 14px;
}
.sort-docs .col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 19%;
}
.prep_doc_check{
	margin-top: 8px;
    margin-left: 0.77rem;
}
.pre_outstanding {
    width: 269px;
    margin-left: 29.5%;
}
.prep_doc_icons {
    margin-top: 3px;
    margin-left: 1.9rem;
}
.sun_line_icon {
    margin-left: 35px;
}

.prep_doc_upload_icons {
    margin-top: 2px;
    margin-bottom: 1rem;
}
.prep_doc_upload_icons .offset-11 {
    margin-left: 92.3%;
}
.file-name.file-list{
	webkit-box-flex: 0;
    -webkit-flex: 0 0 53%;
    -ms-flex: 0 0 53%;
    flex: 1 0 53%;
    max-width: 55.3%;
}
.drag-file {
	padding: 5px 0px;
}
.fModal-header{
	background: #f8f8f8;
}
/* 05 Feb 2018 */
.case-overview .j2{
	margin-left: 4%;
    width: 92%;
}
.case_overview_box {
    max-width: 94%;
    margin-left: 3%;
}
.client-email-height{
	height: 75rem;
}
.msg-height{
	height: 70rem;
}
.pagination .page-link {
    position: relative;
    display: block;
    padding: 0.4rem .52rem;
    line-height: 1.25;
    color: #000;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pg-move{
	padding-right: 2px;
    padding-left: 2px;
}
.pg-display{
	display: inline-flex;
}
.pg-display label{
	padding-left: 4px;
    padding-right: 12px;
}
.col-2.prep_page {
    padding-left: 0px;
    padding-right: 0px;
}
.wrk-status-display{
	margin-top: 8px;
}
.sort-docs .col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 12%;
}
.prep_docs_test{
	margin-left: 12px; 
	margin-right: 0px;
	padding: 6px;
}
.drag-file {
	padding: 5px 0px;
	padding-left: 8px;
}
.pre_outstanding {
	width: 268px;
    margin-left: 30.5%;
}
.line-save {
    margin-left: 7px;
    font-size: 1.2em;
    line-height: .75em;
    vertical-align: -25%;
}
.prep_doc_upload_icons .offset-11 {
    margin-left: 88.3%;
}
.wrk-status-display {
	padding: 0px;
}
/* 05-02 */
.old-atty-fee .modal-dialog {
	min-width: 35%;
}
.worksheet-file-upload .modal-dialog {
	min-width: 45%;
}

/* 06-02- */
.pre_docs_title .modal-title{
	text-transform: none;
	font-weight: 500;
	color: #2A88AD;
}

/* 06 Feb 2018 */

.sun_line_icon {
    margin-left: 8px;
}
.sun_line_icon_check {
	margin-top: 6px;
    margin-left: 8px;
}
.sun_line_edit_icon{
	margin-left: 10px;
}
.prep_doc_icons {
    margin-top: 3px;
    margin-left: 3.1rem;
}
.prep_doc_check {
    margin-top: 8px;
    margin-left: -0.05rem;
}
.prep_doc_upload_icons .offset-11 {
    margin-left: 91%;
}
.prep-docs .video-list span {
    padding: 0px;
}
.prep_doc_cb {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 17%;
}
.pagination .page-link {
		padding: 0.4rem 0.91rem;
	}
@media (min-width: 992px) and (max-width: 1199px) {
	.content_sub_line {
		width: 24%;
		margin-left: 11px;
	}	
	.file-name.file-list{
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 41%;
		-ms-flex: 0 0 41%;
		flex: 1 0 44%;
		max-width: 53.5%;
	}
	.sort-docs .col-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		flex: 0 0 25%;
		max-width: 21%;
	}
	.prep_doc_check {
		margin-top: 9px;
		margin-left: 0rem;
	}
	.pre_outstanding {
		width: 193px;
		margin-left: 42.5%;
	}
	.pagination .page-link {
		padding: 0.4rem 0.66rem;
	}
	.prep_doc_cb{
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.666667%;
		-ms-flex: 0 0 16.666667%;
		flex: 1 0 16.666667%;
		max-width: 18%;
	}
	.prep_doc_upload_icons .offset-11 {
		margin-left: 89.3%;
	}
	/* Main Page */
	.col-md-2{
		padding-right: 6px;
		padding-left: 5px;
	}
	.prep-docs .list-con .prep_docs_index {
		padding: 2px 12px 10px 12px;
		}
	/* Decribtion */
	.sort-docs .col-2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.666667%;
		-ms-flex: 0 0 16.666667%;
		flex: 1 0 16.666667%;
		max-width: 14%;
	}
	.sort-docs .col-9 {
		flex: 1 0 75%;
		max-width: 83%;
	}
	.mainFunc {
		width: 10%;
		margin-left: 10.7%;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	
	.file-name.file-list {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 45%;
		-ms-flex: 0 0 45%;
		flex: 0 0 45%;
		max-width: 37%;
	}
	.content_sub_line {
		width: 20%;
		margin-left: 2px;
	}
	.sort-docs .col-3 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 25%;
		-ms-flex: 0 0 25%;
		flex: 1 0 25%;
		max-width: 30%;
	}
	.wrkDetails .col-1, .sort-docs .col-1 {
		max-width: 8.333333%;
	}
	.content_sub_line.form-control-sm, .input-group-sm>.form-control, 
	.input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn,
	
	.pre_outstanding.form-control-sm, .input-group-sm>.form-control, 
	.input-group-sm>.input-group-addon, .input-group-sm>.input-group-btn>.btn {
		padding: .25rem .5rem;
		font-size: .75rem;
		border-radius: .2rem;
	}
	.sort-docs .file-list {
		font-size: 0.8rem;
	}
	.pre_outstanding {
		width: 80px;
		margin-left: 16.5%;
	}
	.prep_doc_cb {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.666667%;
		-ms-flex: 0 0 16.666667%;
		flex: 1 0 16.666667%;
		max-width: 25%;
		margin-bottom: 10px;
	}
	.prep_doc_upload_icons .offset-11 {
		margin-left: 87.5%;
	}
	.prep_doc_check {
		margin-top: 10px;
		margin-left: 0rem;
	}
	.line-save {
		margin-left: 2px;
	}
	/* Decribtion */
	.sort-docs .col-9 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 75%;
		-ms-flex: 0 0 75%;
		flex: 1 0 75%;
		max-width: 71%;
	}
	.sort-docs .col-2 {
		-webkit-box-flex: 0;
		-webkit-flex: 0 0 16.666667%;
		-ms-flex: 0 0 16.666667%;
		flex: 1 0 16.666667%;
		max-width: 28%;
	}
}
/* case overview  */
.overview-panel{
	padding: 35px;
}
.paragraph-title {
    margin-bottom: 1.4rem;
    font-weight: 400;
    color: #2A88AD;
}
.mail-notify-content {
	margin-bottom: 15px;
}
.mail-notify-content .button1 {
	margin-top: 0px;
}
.prep-item-box .emp-name{
	padding: 0px 5px;
}
.emp-mail-select{
	padding: .3rem.75rem;
}


/*  07-02-2018 Balaji	*/
.clr-picker{
    border-radius: 4px;
    border: none;
    height: 85%;
    margin-top: 2px;
    text-align: center;
	font-weight: 700;
	color:#fff;
}
.status-text{
	width: 100%;
	padding: 0 15px;
	border-color: #fff;
    border: none;
}
.status-box input:focus{
	outline:0;
}
.mail-list-box .mail-box-width {
	margin-left: 1.5%;
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 97%;
    -ms-flex: 0 0 97%;
    flex: 0 0 97%; 
    max-width: 97%; 
}
.active-mail {
	color: #2A88AD;
}
/* .pagination.ng-table-pagination {
	display:table; margin:0 auto;
}
.pagination.ng-table-pagination li {
	display: inline-block;
} */
.ng-table-counts .btn{
	background-color: #fff;
    border: 1px solid #ddd;
	color: #464a4c;
}
.ng-table-counts .btn.active{
	background-color: #2A88AD;
	color: #fff;
}

/* 08-02-2018 */
.note-box-width{
	margin-left: 8.5%;
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 79.5%;
    -ms-flex: 0 0 79.5%;
    flex: 0 0 79.5%; 
    max-width: 79.5%; 
}

/*08 feb 2018 balaji  */
.filed-case-list a{
	color: #000000;
}
.filed-case-list a:hover{
	color: #2A88AD;
}
.filed-case-list .prep_docs_box span{
	padding: 0rem 0.4rem;
}
.add-case-type .dropdown-menu {
	max-height: 500px;
	overflow-y: auto;
}

/* Balaji 09-02 */
#emailTableInfo{
	padding: 8px;
}

.mail-box-width.mail-list{
	background-color: #f8f8f8;
    padding-top: 15px;
    border-radius: 6px;
}
#emailTableInfo div:first-child span.ng-binding.sort-indicator {
    font: 15px Arial, sans-serif;
    color: #888;
}
.client-fees span, .admin-client-fess span{
	padding: 8px 6px;
	font-size: 18px;
}
.email-table .ng-table-counts{
 background-color: #fff !important;
 padding-top: 0px !important;
}
.filed-case-list .prep_docs_box span {
    padding: 0rem 0.4rem;
}
.filed-case-list .sun_line_edit_icon {
    /* margin-left: 20px;
	position: relative;
	right: 18px; */
}
.mail-list-box .email-table-info .table td,.lead_info_table .table td, .lead_info_table .table th{
    padding: .4rem !important;
}
.merge-table{
    border-left: none;
    border-right: none;
}

/* 12 Feb Balaji */
.add-attorney .modal-dialog {
	min-width: 56%;
}
.add-attorney label{
	text-align:	left;
}
.settings li{
	list-style: none;
	padding: 5px 0;
}
.settings a{
	color: #000000;
}
.settings a:hover{
	color: #2A88AD;
}
.settings-menu-list {
	margin-bottom: 0;
}
.settings-list{
	margin-top: 10px;
}

/* 13-02-2018 */
.allcase_head.pop-title{
	padding-left: 0px;
    margin-bottom: 15px;
}

/* 13-02-18 Vasanth */
.merge_save_btn{
	padding-left:86px;
	padding-right:0px;
}
.clone_check_box{
	margin-left:8px;
	margin-bottom:5px;
	font-weight: bold;
}
.merg-contents .jumbotron{
	padding:15px 35px;
}
.merge_menu_icon{
	padding-top:0px;
}

/* 13-02 Balaji */
#emailTableInfo, #noteToClientTable ,#memoTable {
	padding: 0px;
	background-color: #f8f8f8;
}
.mail-box-width.mail-list{
    padding-top: 15px;
    border-radius: 6px;
}
#emailTableInfo, #noteToClientTable div:first-child span.ng-binding.sort-indicator,#memoTable {
    font: 15px Arial, sans-serif;
    color: #888;
}
.active-mail, .active-mail span.fakeInputBox, .active-mail textarea, .active-mail form-control{
	color: #2A88AD !important; 
}
.mail-box-width-adjust{
	margin-left: 9%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 77%;
    -ms-flex: 0 0 77%;
    flex: 0 0 77%;
    max-width: 79%;
}

/* 14 feb balaji */
.merge-title{
	padding-left: 0;
}
.prep_doc_upload_icons .offset-11 {
    margin-left: 89.8%;
}
.pre_outstanding {
	width: 257px;
    margin-left: 5.7%;
}
.prep_doc_icons {
    margin-top: 3px;
    margin-left: 2.5rem;
}
.prep_visible_client{
	margin-left: 3.5%
}
@media (min-width: 992px) and (max-width: 1199px) {
	.prep_doc_upload_icons .offset-11 {
		margin-left: 88.3%;
	}
	.prep_doc_icons {
		margin-top: 3px;
		margin-left: 1.3rem;
	}
}

/* 15 feb balaji */

.prep_doc_upload_icons .offset-11 {
    margin-left: 91.3%;
}
.prep_doc_icons {
    margin-top: 3px;
    margin-left: 3.1rem;
}
.sun_line_icon {
    margin-left: 12.5px;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.sun_line_icon {
		margin-left: 9px;
	}
	.list-bg .col-3{
		padding-right: 6px;
	}
	.prep_doc_icons {
		margin-left: 2.5rem;
	}
	.prep_doc_upload_icons .offset-11 {
		margin-left: 90.3%;
	}
	.pre_outstanding {
		width: 183px;
		margin-left: 14%;
	}
}
/* 16 Feb Balaji*/
.allDocs .jumbotron{
	margin-left: 10%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58%;
    -ms-flex: 0 0 58%;
    flex: 0 0 80%;
    max-width: 80%;
	padding: 50px;
}
.addTable-btn{
	padding: 8px 36px;
}
/* 19 Feb Balaji */
.merge-title {
    padding: 0;
    font-size: 1.5rem;
}
.merge_save_btn {
    padding-right: 7px;
    padding-left: 0;
}
.merge-head .offset-1 {
    margin-left: 7.1%;
}
.merge-sort-num{
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 9%;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.reply{
		margin-left:0;
	}
}
.prep_saveorder_btn{
	margin-left: 35%;
}
.topBtn{
	margin-top: 0;
    margin-bottom: 10px;
}
.botBtn{
    margin: 10px 0px;
}
.filed-cases .jumbotron{
	margin-left: 10%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58%;
    -ms-flex: 0 0 58%;
    flex: 0 0 80%;
    max-width: 80%;
	/* padding: 50px; */
}

/* 20 Feb Balaji */
.retainers .jumbotron, .invoices .jumbotron, .filling-fee .jumbotron {
	padding: 15px 0px;
}
.retainers .jumbotron #mainInfoTable div:first-child, .invoices .jumbotron #mainInfoTable div:first-child, .filling-fee .jumbotron #mainInfoTable div:first-child {
	padding-top: 0px;
}
.retainers .jumbotron .table, .invoices .jumbotron .table, .filling-fee .jumbotron .table, .visa_count .jumbotron .table {
    width: 98%;
    max-width: 100%;
    margin: .5rem;
}
.retainers .jumbotron .table td, .table th, .invoices .jumbotron .table td, .table th, .filling-fee .jumbotron .table td, .table th, .memoTbl.table td {
	padding: .75rem .3rem;
}

/* 15-02-18 Vasanth */
.temp_list{
	padding:0px;
}
.practic_dashboard{
	margin-bottom: 15px;
    padding: 5px;
}
.auto_pro_dashboard{
	margin-bottom:10px;
}
.email_check{
	margin-left:40px;
}
.client_list .jumbotron{
	padding: 15px 18px;
}

/* 21-02 */
.add-prep-button{
	max-width: 12%;
}

/* 22-02 */
.prep_doc_WD{
	padding-left: 40px;	
}
.prep_doc_WD .prep_doc_icons{
	margin-left: 0px;
}
/* 22-02 */
.prep_doc_WC{
	padding-left: 17px;	
}
.prep_doc_WC .prep_doc_icons{
	margin-left: 0em;
}

/* Media Query 22/02 Siva */
@media (max-width: 1199px){
	.wrk-status-content {
		margin-left: 24%;
		width: 22.5%;
	}
	.prep_doc_WD {
		padding-left: 35px;
		min-width: 25%;
	}
}
@media (min-width: 1200px){
	.prep_doc_WD{
		padding-left: 35px;	
	}
	.wrk-status-content {
		margin-left: 23.2%;
		width: 26.5%;
	}
}
.back-pos {
	margin-top: 0;
	margin-left: 15%;
}

/* 22-02-18 Vasanth */
.auto_list_btn{
	padding:5px;
}
.prep_add_btn{
	position: relative;
    right: 4px;
}
.prep_back_btn{
	position: relative;
    left: 5px;
}
.back_btn{
	float:right;
}

/* 22-02 */
.filed-cases .jumbotron, .previewMode .jumbotron{
	padding: 15px;
}
.filed-cases .jumbotron .edit{
    margin-left: 21%;
}

/* 23-02-18 Vasanth */
.resend-modal .modal-dialog{
	min-width:50%;
}
.resend_radio{
	padding:5px;
}
.resend_gary{
	border-radius:4px;
	background-color:#f8f8f8;
}
.resend-modal .modal-content {
	padding:20px;
}
.restore-model .modal-dialog{
	min-width:50%;
}
.restore-model .modal-content {
	padding:20px;
}

/* 26-02-2018 */
.email-table-info td:first-child,.email-table-info th:first-child{
 width: 5%;
}
.email-table-info td:nth-child(2),.email-table-info th:nth-child(2){
 width: 12%;
}
.email-table-info td:nth-child(3),.email-table-info th:nth-child(3){
 width: 11%;
}
.email-table-info td:nth-child(4),.email-table-info th:nth-child(4){
 width: 20%;
}
.email-table-info td:nth-child(5),.email-table-info th:nth-child(5){
 width: 47%;
}
.email-table-info td:nth-child(6),.email-table-info th:nth-child(6){
 width: 5%;
}
.email-table-info td:nth-child(7),.email-table-info th:nth-child(7){
 width: 5%;
}
/* Lead Memo table  */
.leadMemo-table td:first-child,.leadMemo-table th:first-child{
 width: 5%;
}
.leadMemo-table td:nth-child(2),.leadMemo-table th:nth-child(2){
 width: 13%;
}
.leadMemo-table td:nth-child(3),.leadMemo-table th:nth-child(3){
 width: 12%;
}
.leadMemo-table td:nth-child(4),.leadMemo-table th:nth-child(4){
 width: 15%;
}
.leadMemo-table td:nth-child(5),.leadMemo-table th:nth-child(5){
 width: 50%;
}
.leadMemo-table td:nth-child(6),.leadMemo-table th:nth-child(6){
 width: 5%;
}

@media (max-width: 1199px) and (min-width: 992px){
	.email-table-info td:first-child,.email-table-info th:first-child{
		width: 5%;
	}
	.email-table-info td:nth-child(2),.email-table-info th:nth-child(2){
		width: 15%;
	}
	.email-table-info td:nth-child(3),.email-table-info th:nth-child(3){
		width: 13%;
	}
	.email-table-info td:nth-child(4),.email-table-info th:nth-child(4){
		width: 20%;
	}
	.email-table-info td:nth-child(5),.email-table-info th:nth-child(5){
		width: 42%;
	}
	.email-table-info td:nth-child(6),.email-table-info th:nth-child(6){
		width: 5%;
	}
	.email-table-info td:nth-child(7),.email-table-info th:nth-child(7){
		width: 5%;
	}	
}
.email-table .search-date {
	padding-bottom: 15px;
}
/* Ledger table  */
	.ledger-table td:first-child,.ledger-table th:first-child{
	 width: 5%;
	}
	.ledger-table td:nth-child(2),.ledger-table th:nth-child(2){
	 width: 11%;
	}
	.ledger-table td:nth-child(3),.ledger-table th:nth-child(3){
	 width: 10%;
	}
	.ledger-table td:nth-child(4),.ledger-table th:nth-child(4){
	 width: 15%;
	}
	.ledger-table td:nth-child(5),.ledger-table th:nth-child(5){
	 width: 15%;
	}
	.ledger-table td:nth-child(6),.ledger-table th:nth-child(6){
	 width: 28%;
	}
	.ledger-table td:nth-child(7),.ledger-table th:nth-child(7){
	 width: 16%;
	}

@media (max-width: 1199px) and (min-width: 992px){
	.ledger-table td:first-child,.ledger-table th:first-child{
	 width: 5%;
	}
	.ledger-table td:nth-child(2),.ledger-table th:nth-child(2){
	 width: 12%;
	}
	.ledger-table td:nth-child(3),.ledger-table th:nth-child(3){
	 width: 10%;
	}
	.ledger-table td:nth-child(4),.ledger-table th:nth-child(4){
	 width: 13%;
	}
	.ledger-table td:nth-child(5),.ledger-table th:nth-child(5){
	 width: 13%;
	}
	.ledger-table td:nth-child(6),.ledger-table th:nth-child(6){
	 width: 25%!important;
	}
	.ledger-table td:nth-child(7),.ledger-table th:nth-child(7){
	 width: 16%;
	}
	.mail-list-box .email-table-info .table td {
		padding: .2rem;
	}
}

/* memo ledger */
.ledger-table td:first-child,.ledger-table th:first-child{
 width: 4%;
}
.ledger-table td:nth-child(2),.ledger-table th:nth-child(2){
 width: 9%;
}
.ledger-table td:nth-child(3),.ledger-table th:nth-child(3){
 width: 8%;
}
.ledger-table td:nth-child(4),.ledger-table th:nth-child(4){
 width: 14%;
}
.ledger-table td:nth-child(5),.ledger-table th:nth-child(5){
 width: 14%;
}
.ledger-table td:nth-child(6),.ledger-table th:nth-child(6){
 width: 16%;
}
.ledger-table td:nth-child(7),.ledger-table th:nth-child(7){
 width: 16%;
}
.ledger-table td:nth-child(8),.ledger-table th:nth-child(8){
 width: 3%;
}
.ledger-table td:nth-child(9),.ledger-table th:nth-child(9){
 width: 6%;
}
.ledger-table td:nth-child(10),.ledger-table th:nth-child(10){
 width: 4%;
}
.ledger-table td:nth-child(11),.ledger-table th:nth-child(11){
 width: 4%;
}
.ledger-table td:nth-child(11),.ledger-table th:nth-child(11){
	width: 4%;
}
@media (max-width: 1199px) and (min-width: 992px){
	.ledger-memo-table td:first-child,.ledger-table th:first-child{
	 width: 5%;
	}
	.ledger-table td:nth-child(2),.ledger-table th:nth-child(2){
	 width: 12%;
	}
	.ledger-table td:nth-child(3),.ledger-table th:nth-child(3){
	 width: 11%;
	}
	.ledger-table td:nth-child(4),.ledger-table th:nth-child(4){
	 width: 12%;
	}
	.ledger-table td:nth-child(5),.ledger-table th:nth-child(5){
	 width: 12%;
	}
	.ledger-table td:nth-child(6),.ledger-table th:nth-child(6){
	 width: 16%;
	}
	.ledger-table td:nth-child(7),.ledger-table th:nth-child(7){
	 width: 13%;
	}
	.ledger-table td:nth-child(8),.ledger-table th:nth-child(8){
	 width: 3%;
	}
	.ledger-table td:nth-child(9),.ledger-table th:nth-child(9){
	 width: 5%;
	}
	.ledger-table td:nth-child(10),.ledger-table th:nth-child(10){
	 width: 12%;
	}
}


/* 
---------------------------------------------------------------
Client Emails Tab -- (Email TabD esign Backup)
--------------------------------------------------------------- */
/* .email-table td:first-child,.email-table th:first-child{
 width: 15%;
}
.email-table td:nth-child(2),.email-table th:nth-child(2){
 width: 15%;
}
.email-table td:nth-child(3),.email-table th:nth-child(3){
 width: 55%;
}
.email-table td:nth-child(4),.email-table th:nth-child(4){
 width: 10%;
}
.email-table td:nth-child(5),.email-table th:nth-child(5){
 width: 5%;
}   */
/*
----------------------------------------------------------------  */
/* Siva 26/02/2018 */
.email-search {
	margin-left: 18%;
    height: 13%;
    top: 15px;
}
.email-filter {
	max-width: 14.2%;
    /* left: 1.5%; */
}
/* 26-02-18 vasanth */
/* Check Box */
.onoff {
  margin-left: -27px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  position: relative;
  cursor: pointer;
  width: 55px;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.onoff label {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: #FFF;
  border-radius: 5px;
  font-weight: bold;
  color: #000;
  -webkit-transition: background 0.3s, text-indent 0.3s;
  -moz-transition: background 0.3s, text-indent 0.3s;
  -o-transition: background 0.3s, text-indent 0.3s;
  transition: background 0.3s, text-indent 0.3s;
  text-indent: 27px;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4) inset;
}
.onoff label:after {
  content: 'NO';
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  font-size: 12px;
  color: #591717;
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.35);
  z-index: 1;
}
.onoff label:before {
  content: '';
  width: 15px;
  height: 24px;
  border-radius: 3px;
  background: #f8f8f8;
  position: absolute;
  z-index: 2;
  top: 3px;
  left: 3px;
  display: block;
  -webkit-transition: left 0.3s;
  -moz-transition: left 0.3s;
  -o-transition: left 0.3s;
  transition: left 0.3s;
  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}
.onoff input:checked + label {
  background:#2A88AD;
  text-indent: 8px;
}
.onoff input:checked + label:after {
  content: 'YES';
  color: #FFF;
}
.onoff input:checked + label:before {
  left: 37px;
}
.clientList_checkbox{
	position: relative;
    left: 17px;
}
.selection_checkbox{
	padding-bottom:6px;
}
/* Siva 27/02/2018 */
.marginleft1 {
	margin-left: 1%;
}
.table {
	margin: 1rem 0;
}
/* Media Query */
@media (max-width: 1199px) and (min-width: 992px){
	.list-name {
		margin: 0 1%;
		flex: 0 0 53%;
		min-width: 53%;
	}
	
}
@media (min-width: 1200px){
	.list-name {
		margin: 0 2% 0 0;
		flex: 0 0 53%;
		min-width: 53%;
	}
}
.client-status {
	padding-right: 0;
	margin-top: 5px;
	text-align: right;
	font: normal 20px Arial, sans-serif;
}
/* 2-27-18 */
.UploadIcon{
	/* margin-left: 87.3%; */
	margin-right: 10px;
}

/* Siva 28/02/2018 */
.paddingright0 {
	padding-right: 0px;
}
.margintop20 {
	margin-top: 20px;
}
.marginleft2 {
	margin-left: 2%;
} 
.marginleft13 {
	margin-left: 13%;
} 
.select-width {
	width: 88%;
}
.marginright0 {
	margin-right: 0;
}
.marginleft0 {
	margin-left: 0;
}
@media (max-width: 1199px){
	.filed-case-list .sun_line_edit_icon {
		position: relative;
		right: 7px;
	}
	
}
@media (min-width: 1200px){
	.filed-case-list .sun_line_edit_icon {
		position: relative;
		right: 18px;
	}
}
.resend-cancel {
	padding: 2% 3%;
}
.marginleft5 {
	margin-left: 5%;
}

/* Siva 02/03/2018 */

.padding0 {
	padding: 0 !important;	
}
.paddingleft0 {
	padding-left: 0;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.row .offset-10.col-1.prep_add_btn {
		right: 10px;
	}
	.row .col-1.prep_back_btn {
		left: 10px;
	}
	.row .offset-1.col-1.prep_add_btn {
		right: 12px;
	}
	.col-1.file-list {
		max-width: 5%;
	}
	input#mail_date {
		font-size: 13px;
	}
}

/* 01-03-18 Vasanth */
.yesno_check{
	margin-left:40%;
}
.selection-modal .selection_gary{
	background-color:#f8f8f8;
}
.automated_list .jumbotron{
	margin-left:8%;
}
/* 06-03-2018 Siva */
.auto_width {
	width: -webkit-fill-available;
}
.client_status {
	margin-left: 3.7%;
}
/* 07-03-18 Vasanth */
.clientList_table td{
	padding:5px;
}
.clientList_table span.fakeTextArea{
	padding: .45rem .5rem;
}
.auto_list .jumbotron{
	padding: 15px 18px;
}
.temp_list .title-change{
	margin-top:5px;
}
.client_list .resend_radio{
	padding:3px;
}
.select-modallist .modal-dialog {
	min-width: 30%;
}

/* 08-03 */
.minheight2{
	min-height: 2rem;
}

/* 09-03-18 vasanth */
.success_msg{
 background-color:#f8f8f8;
 color:#2A88AD;
 text-align:center;
 width:20%;
 height:auto;
 box-shadow: 3px 3px 5px 6px #f8f8f8;
 top:40%;
 left:40%;
}
.update_popup{
 margin-left: 90px;
}
.update_popup_btn{
 margin-left: 120px !important;
}

.notAfter::after{
	display: none;
}
.marginBottom5{
	margin-bottom: 5px !important;
}
/* 12-03-18 vasanth */
.amy_headings{
	font-size:22px;
	font-family: arial;
	line-height: 1.4;
}
.amy_links{
	border: 1px solid #d3d3d3;
	background-color:#fff;
    border-radius: 4px;
	margin-left: 10px;
}
.amy_dashboard_headings{
	margin-left: 10px;
    padding: 0;
    text-align: center;
}
.ipc_nav_padding{
	padding:3px;
}
/* Amy client list */
#mainInfoTable .client_list_tbl .width5,.ccr_tbl .width5{
	width:5%;
}
#mainInfoTable .client_list_tbl .width12{
	width:12%;
}
#mainInfoTable .client_list_tbl .width15,.ccr_tbl .width15{
	width:15%;
}
#mainInfoTable .client_list_tbl .width20{
	width:20%;
}
#mainInfoTable .client_list_tbl .width1{
	width:1%;
}
#mainInfoTable .client_list_tbl .width23{
	width:23%;
}
#mainInfoTable .client_list_tbl .width9{
	width:9%;
}
#mainInfoTable .client_list_tbl .width10,.ccr_tbl .width10{
	width:10%;
}
#mainInfoTable .client_list_tbl .width25,.ccr_tbl .width25{
	width:25%;
}
#mainInfoTable .ccr_tbl .width20{
	width:20%;
}
#mainInfoTable .ccr_tbl .width14{
	width:14%;
}
#mainInfoTable .ccr_tbl .width18{
	width:18%;
}
#mainInfoTable .ccr_tbl .width7{
	width:7%;
}
#mainInfoTable .ccr_tbl .width25{
	width:25%;
}
.file_mail_tbl td,th{
	cursor:default !important;
	font-family: arial!important;
}
.file_mail_tbl td:first-child,.file_mail_tbl th:first-child{
	width: 5%;
}
.file_mail_tbl td:nth-child(2),.file_mail_tbl th:nth-child(2){
	width: 15%;
}
.file_mail_tbl td:nth-child(3),.file_mail_tbl th:nth-child(3){
	width: 15%;
}
.file_mail_tbl td:nth-child(4),.file_mail_tbl th:nth-child(4){
	width: 17%;
}
.file_mail_tbl td:nth-child(5),.file_mail_tbl th:nth-child(5){
	width: 20%;
}
.file_mail_tbl td:nth-child(6),.file_mail_tbl th:nth-child(6){
	width: 20%;
}
.file_mail_tbl td:nth-child(7),.file_mail_tbl th:nth-child(7){
	width: 8%;
	cursor: pointer !important;
}
.client_personal_tbl td:first-child,.client_personal_tbl th:first-child{
	width: 5%;
}
.client_personal_tbl td{
	 padding: .5rem .4rem;
}
.client_personal_tbl td:nth-child(2),.client_personal_tbl th:nth-child(2){
	width: 20%;
}
.client_personal_tbl td:nth-child(3),.client_personal_tbl th:nth-child(3){
	width: 20%;
}
.client_personal_tbl td:nth-child(4),.client_personal_tbl th:nth-child(4){
	width: 49%;
}
.client_personal_tbl td:nth-child(5),.client_personal_tbl th:nth-child(5){
	width: 6%;
}
.client_personal_tbl span.fakeInputBox{
	padding: .4rem .5rem;
}
/* 12-03-2018 Siva */
.padding1 {
	padding: 0.1rem;
}
.fees_text {
	padding: .5rem .1rem;
	font-size: 1rem;
}
.fees_box {
	width: 10%;
}
.img-size {
	padding: 0.3rem 0;
}
.fa-lg {
	vertical-align: -25%;
}

@media (min-width: 992px) and (max-width: 1199px) {
	.client-fees span, .admin-client-fess span, .fees_box {
		font-size: 13px;
	}
	.prep_visible_client{
		font-size: 14px;
	}
	.font_size {
		font-size: 1em;
	}
	.fees_text, .client_fees_box {
		font-size: .87rem;
	}
	.jumbotron.settings-page{
		padding:15px;
	}
}

/* 13/03/2018 Siva */
.client-fees span, .admin-client-fess span {
	padding: 8px 2px;
}
@media (min-width: 1200px) {
	.client-fees span, .admin-client-fess span {
		font-size: 15px;
	}
}
a .form-control, a:hover .form-control{
	color: #2A88AD;
	cursor: pointer;
}

.fees_date_box {
	width: 12%;
}
.client_fees_box {
	width: 11%;
}
.prep-docs .video-list .wrk-status span .padding0{
	padding: 0px;
}
.btn-spacing {
	margin-left: 37.2%;
}
.marginleft8 {
	margin-left: 8px;
}

/* 13-03-18 vasanth */
.checkbox_text{
	color:#888;
}
.onoff_txt{
	position:relative;
	left:24px;
}
.onoff_check{
	position:relative;
	left:11px;
	top: 7px;
}

.img-size {
    padding: 0.4rem 0;
}
.margintop30{
	margin-top: 30px;
}
.fakeInputBox a{
	color: #2A88AD;
}

/* 16-03-2018 Balaji Prevaj */
.remove-pad-right{
	padding-right: 5px;
	max-width: 85.666667%;
}
.remove-icon{
	padding: 3px 0;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    margin-bottom: 7px;
    background: #fff;
    color: #464a4c;
	cursor: pointer;
}
.remove-r{
 font-weight: bolder;
    padding: 4px;
}
.active-mail:focus {
    outline: 2px solid #2A88AD;
}
.prep_docs_btn a {
	color: #fff;
}
/* 19-03-18 Vasanth */
.memos-modal .modal-dialog{
	min-width:60%;
}
.memo_exempt{
	margin:0px;
}
.modal-body .testEmail .offset-4{
	margin-left: 33%;
}
.amy_headings1{
	font-size:22px;
	padding:0;
}
.fade.in {
  opacity: 1;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-backdrop.in {
  opacity: 0.5;
}
/* 20-03 */
.confirm-yes-btn{
	margin-left: 7.25rem;
}
.confirm-no-btn{
	margin-left: 1rem;
}
.modal-border{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.33);
}
.maxWidth20{
	max-width: 20%;
}
/*21-03*/
.success_alert{
	position:relative;
	top:3px;
}
.client-cases .jumbotron {
	padding: 15px 0px;
}
.title_description {
	position:relative;
	top:6px;
}
.dispaly_data{
	max-width: 75%;
	margin-left: 14%;
	margin-top:20px;
}
.nextMail{
 margin: 0;
    text-align: center;
}

/* settings */
.clientInfoForm .width50{
	width:50%;
}
.clientInfoForm .width25{
	width:25%;
}
.clientInfoForm .width30{
	width:30%;
}
.clientInfoForm .width40{
	width:40%;
}
.clientInfoForm .width35{
	width:35%;
}
#clientInfoForm .table thead th{    
	font-family: sans-serif, arial;
    color: #2D88AD;
	font-weight: 500;
}
#clientInfoForm .ng-table th.sortable .sort-indicator:before{
	border-top: 4px solid #2D88AD;
}
#clientInfoForm .ng-table th.sortable .sort-indicator:after, .ng-table th.sortable .sort-indicator:before{
	border-color: #2D88AD transparent;
}

/*22 Mar By balaji */
.cc-report .container:nth-child(2){
    padding-left: 0px;
    padding-right: 0px;
}
.merge-line-item{
	background-color: #2a88ad;
    padding: 15px;
    border-radius: 2px;
}
.merge-line-icon{
	color: #fff;
    font-size: 18px;
}
.maxWidth80{
	max-width: 20%;
}
.minHeight60{
	min-height: 60px;
}
.memo_list_tbl .width10{
	width: 10%;
}
.memo_list_tbl .width70{
	width: 70%;
}
.memo_list_tbl .width68{
	width: 68%;
}
.memo_list_tbl .width67{
	width: 67%;
}
.memo_list_tbl .width13{
	width: 13%;
}
.memo_list_tbl .width12{
	width: 12%;
}
.memo_list_tbl .width5{
	width: 5%;
}
.oldFile{
	color: #ff0000!important;
}
/* 26-03-18 vasanth */
.client-information .info-title{
	margin:0px 0px 15px 0px;
	padding-left: 15px;
}
.amySearch_list{
	margin-top:15px;
}					
/* 27-03-18 vasanth */
.client-cases-btn{
	width:181px;
	color: #fff;
	
}
a .client-cases-btn{
	width:181px;
	color: #fff !important;
}
.btn-spacing1{
	margin-left:37%;
}
.marginleft4{
	margin-left:13px;
}
.amy-jumwidth{
	margin-left: 17.5%;
	flex: 0 0 65% !important;
	max-width:65%;
}
.cust-date{
	position:relative;
	color: #2A88AD;
	width: 33px;
	height: 30px;
	cursor:pointer;
    border: 1px solid #ccc;
}
.cust-date.checked{
	color:#fff;
	background-color:#2A88AD;
}
.cust-date label{
	cursor:pointer;	
}
.cust-date input[type="checkbox"] {
    opacity: 0;
	position:absolute;
}	
/* 28-03-18 vasanth */
.prep-tbl-header .auto_pro_dashboard .select_center{
	text-align: center;
    text-align-last: center;
}
/* 29 Mar 2018 */ 
.memo_design.modal-content.mce-menubtn button,.memo_design .modal-content.mce-menubtn button, .action_plan.modal-content.mce-menubtn button {
    color: #595959;
}
.memo_design button, .action_plan button {
    padding: 4px 6px ;
    font-size: 14px ;
    line-height: 20px ;
    cursor: pointer;
    color: #595959;
    text-align: center;
    overflow: visible;
    -webkit-appearance: none;
	background:none;
	border-radius: 0;
	border:none;
}
.skip_memo_design button {   
	background: #2A88AD;
    padding: 8px 20px 8px 20px;
    border-radius: 5px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: normal 30px Arial, sans-serif;
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 1px solid #257C9E;
    font-size: 15px;
}
.memo_design.mce-tooltip,.memo_design .mce-tooltip, .action_plan.mce-tooltip {
    position: none !important;
}
/*02 Apr  */
.sort-docs .prep_peti {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.666667%;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 12%;
}
.sort-docs.col-11 {
    flex: 1 0 91.666667%;
    max-width: 95.666667%;
}
.margin0{
 margin: 0;
}
.lineFunc{
	/* width: 60.8% */
	/* width: 22%; */
	/* width: 24%; */
	width: 19%;
}
.mainFunc{
 width: 10%;
 margin-left: 1.5%;
}
.visible_client {
    margin-left: 4.5%;
}
/* 06 Apr */
.lineItemSort{
	max-width: 8.33% !important;
    padding-left: 15px;
    padding-right: 0;
}
.listNum{
	width: 66%;
    margin-right: 0;
}
.re_psb{
	margin-left: 7px;
}
.reorder{
	margin-left: 28px;
    margin-top: 10px;
}
.reorderNum{
	width: 2.8em;
}
/* 09 Apr start */
.petiList{
	padding-left: 3px;
	padding-right: 12px;
}
.widthItemTte{
	width: 8%;
}
.widthIcon{
	width: 3%;
}
.widthItem{
	width: 5%;
}
.widthTOC{
	width: 54%;
}
.widthTOC-new{
	width: 68%;
}
.widthTOC2{
	width: 46%;
}
.widthChaser{
	width: 8%;
}
.widthCV{
	width: 14%;
}
.widthPub{
	width: 10%;
}
.widthAction{
	width: 14%;
}
.pg-padding{
	padding: .75rem 1.4rem!important;
}
@media (min-width: 992px) and (max-width: 1199px) {
 .mainFunc {
  width: 10%;
  margin-left: 3.3%;
 }
 .prep_page_select{
  padding-left: 20px;
 }
	.width52{
		width: 62.5%;
	}
	.visible_client {
		margin-left: 5.5%;
	}
	/* 06 Apr */
	.reorderNum {
		width: 2.22em;
	}

	.widthItemTte{
		width: 9%;
	}
	.widthIcon{
		width: 3.5%;
	}
	.widthItem{
		width: 5.5%;
	}
	.widthTOC{
		width: 46%;
	}
	.widthTOC-new{
		width: 64%;
	}
	.widthTOC2{
		width: 39%;
	}
	.widthChaser{
		width: 7%;
	}
	.widthCV{
		width: 18%;
	}
	.widthPub{
		width: 12%;
	}
	.widthAction{
		width: 15%;
	}
	.pg-padding{
		padding: .75rem !important;
	}
}
.prepInfo_table{
 padding: 15px 3px !important;
}
.width10{
 width: 10%;
}
.width15{
 width: 15%;
}
.width14{
 width: 14%;
}
.width8{
 width: 8%;
}
.width60{
 width: 60%;
}
#mainInfoTable .table thead th {
    vertical-align: middle;
}
/*  */
.prepList{
 padding-right: 3px;
    padding-left: 3px;
}
.drag-bar2 {
	padding-right: 3px;
	padding-left: 12px;
}
#mainInfoTable .table td, .table th {
    vertical-align: middle;
}
.padding-label {
	padding: .5rem 0;
}
.label-color {
	color: #292b2c !important;
}
.margintop5 {
	margin-top: 5px;
}
/*  */
.popup_link a{
	color: #2A88AD !important;
}
.prepInfo_table a:hover{
	color: #2A88AD !important;
	text-decoration: underline;
}
.bgNone{
	background: none;
}
.prep-docs #mainInfoTable div:first-child {
    background-color: #fff;
}
/*  */
.prepMenu_btn{
	width: 10%;
    margin-left: 1px;
    margin-right: 1px;
}
#mainInfoTable .client_list_tbl .width11{
	width:11%;
}
#mainInfoTable .client_list_tbl .width14{
	width:14%;
}
#mainInfoTable .client_list_tbl .width10{
	width:10%;
}
#mainInfoTable .client_list_tbl .width13{
	width:13%;
}
#mainInfoTable .client_list_tbl .width16{
	width:16%;
}

.perpTblModal .modal-dialog, .file-modal-width .modal-dialog{
    width: 500px;
}
.file-modal-width .modal-dialog{
	max-width: 900px;
    width: 900px;
}
.file-modal-width2 .modal-dialog{
	max-width: 550px;
    width: 550px;
}
.padding2 {
	padding: 2px !important;
}
.adminItem{
	border-bottom: 7px solid #2D88AD;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.exp-pad{
	padding: .75rem 1.6rem!important;
}
.ipc-blue {
	color: #2A88AD !important;
}
.itemAlign{
	margin-bottom: 0;
    margin-top: 3px;
}
/* 11-04-18 vasanth */
.prep_docs_test label{
	margin:6px 0px;
}
.client_pre_outstanding{
	width: 293px;
    margin: 2% 1% 2% 61%;
    border-radius: 4px;
    text-align: center;
    padding: 3px;
}
.client_uploadicon{
	 margin: 3% 0% 2%;
}
.tt_icon{
	max-width: 11%;
    padding-right: 0;
}
.tt-num{
	border-radius: 3px;
    padding: 4px 0;
}
.stg-drag{
	margin-left: 10px !important; 
}
@media (min-width: 992px) and (max-width: 1199px) {
	.client_pre_outstanding{
		width: 245px;
		margin-left: 61.2%;
	}
	.tt_icon{
		max-width: 13% !important;
		padding-right: 0;
	}
	.tt-title{
		max-width: 71%;
	}
	.tt-title2{
		max-width: 63%;
	}
	.tt-title3{
		max-width: 70%;
	}
	.tt-title4{
		max-width: 58%;
	}
	.emailStg-menu{
		padding: 10px;
	}
	.stg-drag{
		margin-left: 0px !important;
	}
	.btn-MenuChge{
		width: 41px !important;
		padding: 1px 4px;
	}
}
.centered {
	margin:0px auto;
}
/* 17-04-18 vasanth */
.buttonWidth{
	max-width:109.72px;
}
.offset4{
	margin-left:29.333333%;
}
.expTitle{
	padding: .75rem .15rem !important;
}
.btn-Margin1{
	margin-left: 1px;
    margin-right: 1px;
}
.btn-MenuChge{
	background-color: #2d88ad;
    color: #fff;
    border: none;
    border-radius: 3px;
    width: 80px;
    height: 33px;
}
.editInput input{
	border: none;
	outline: none;	
}
.editIndication{
	border: #2D88AD;
}
.box-center-three {
	margin-left: 21%;
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 58%;
    -ms-flex: 0 0 58%;
    flex: 0 0 58%; 
    max-width: 58%; 
	background-color: #f8f8f8;
}
/* 19-04-2018 */
.margintop0{
	margin-top: 0px;
}
.col-btn {
	display:inline;
}
input[type=file] {
	font-size:12px;
}
.highlight-Staff, .highlight-Client {
	font-size:12px;
	color:#2A88AD;
	font-weight:bold;
}
/*Balaji */
.indication{
	color: #2D88AD;
}
.underReview .modal-dialog {
    max-width: 700px;
	width: 700px;
}
.mail-header{
	font-family: tahoma,arial,sans-serif;
	font-size: 10pt;
}
.mail-header span{
	display: block;
}
.padding20{
	padding: 20px;
}
.badge {
	background: #f8f8f8;
    display: inline-block;
    padding: .25em .4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #2d88ad;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .8rem;
    position: absolute;


    top: 5px;
}
.badge-ipc {
	background-color: #2A88AD !important;
	color: #fff;
}
/** 30-04 Balaji **/
.padding35{
	padding: 35px;
}
.padding15{
	padding: 15px;
}
.tt_icon{
	max-width: 11%;
    padding-right: 0;
}
.memo_list_tbl .ng-table-counts{
	margin-bottom: 10px;
}
.memo_list_tbl .ng-table-pager{
	text-align: center;
    background-color: #fff;
    padding: 1rem 0;
}
.memo_list_tbl .ng-table-counts{
	/* margin-bottom: 10px; 
	float: none !important; */
}
.float-none {
	float: none !important;
}
/* .memos-modal .screen-fit{
    overflow-y: scroll;
	max-height: 650px;
} */
.margin-auto{
	margin: auto !important;
}
/* 
04 May @ PURPLEologist */
.upload_history{
	
}
.upload_history .ng-table-counts{
	margin: 25px 0px;
}
.margin15{
	margin: 15px;
}
.historyTbl{
	box-shadow: none;
	margin: 5px;
}
.enabler{
	background-color: #f8f8f8;
    border-radius: 3px;
}
.margin10{
	margin: 10px;
}
.attach-badge{
	top: 8.5rem;
	left: 13.3rem;
}
.bdr-rad3{
	border-radius: 3px;
}
.padRight5{
	padding-right: 5px;
}
.marginPad0{
	margin: 0;
	padding: 0;
}
.view-plan{
	text-align: justify;
    max-height: 250px;
    overflow-y: auto;
}
.mailedList .pagination{
	padding-bottom: 10px;
    padding-top: 5px;
}
.padHalfrem{
	padding: .5rem;
}
.tab3_width{
	margin-left: 20.5%;
    flex: 0 0 59%;
    max-width: 59%;
}
.tab4_width{
	flex: 0 0 100%;
    max-width: 100%;
}
.center-select{
	text-align: center;
    text-align-last: center;
}
.centSe{
	max-width:19.666667%;
}
.composeMenu a:hover{
	color: #fff;
}
.ipc-disabled{
	cursor: not-allowed !important;
   /*  opacity: .65;
 */
 }
.ipc-disabled-cursor{
	cursor: not-allowed !important;
}
.addMemberForm .fakeInputBox a {
    color: #464a4c;
}
.addMemberForm .fakeInputBox a:hover,.fakeInputBox hover{
    color: #2d88ad;
}
.ng-table th.sortable.sort-asc, .ng-table th.sortable.sort-desc{
	background-color:  rgb(248, 248, 248) !important;
}
.timeKeepFont{
	font-family: "Times New Roman", Times, serif;
    font-size: 1.5rem;
}
.timeKeepFont a {
    color: #000;
	text-decoration:none;
}
.nav-item a:hover, .nav-lead a:hover, .nav-item2 a:hover,{
	color: #fff;
}
.email-lists .nav-item a:hover{
	color: #2d88ad;
}
.zoom-span {
	padding: 5px;
	cursor: pointer;
}
.zoom-div {
	margin-top: 10px;
	margin-right: 10px;	
}
.modal-btn-new {
	padding: 8px 0 !important;
	text-align: center;
}
.email-subnav {
	max-width: 13.2%;
   /* left: 1.5%; */
    margin-left: 0;
    margin-right: 0;
}
.marginLeft20{
	margin-left: 20%;
}
.marginlr0 {
	margin-left: 0;
    margin-right: 0;
}
.width10 {
	width: 10%;
}
.margintop1{
	margin: 0;
	margin-top: 1rem;
}
.paddinglr5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.email-date-search {
	display: inline;
	/* left: 1.5% */
}
.screen-fit{
	overflow-y: auto;
	max-height: -webkit-fill-available;
}
#msg_panel a{
	color: #2D88AD;
	text-decoration: underline !important;
}
.addCase .modal-dialog{
	width:500px;
}
.info_msg{
	padding: 25px 10px;
	background-color: #fff;
	color: #000;
	border-radius:10px;
	border: 1px solid rgba(0,0,0,.2);
	height: auto;
	max-height: -webkit-fill-available;
	width: 40%;
    left: 30%;
	font-size: 1.3rem;
}
.personal, .personal span,.personal a, .personal a:hover {
	color: #993300;
}
.lead-color span,.lead-color a, .lead-color a:hover {
	color: #2A88AD;
}
.client-color span,.client-color a, .client-color a:hover {
	color: #464a4c;
}
.email-nav {
	max-width: 18.2%;
    margin-left: 0;
    margin-right: 0;
    margin-top: 5px;
	font-size: 17px;
}
.co-panal{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	margin: 0;
	padding: 15px;
	height:365px;
	max-height:365px;
	overflow-y: auto;
}
.co-panal.edited{
	height:375px;
	max-height:750px;
}
.update-panal{
	max-height: 350px;	
	overflow-y: auto;
}
.overview-panel  .button1{
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}
.file-btn .col-2{
	max-width: 24%;
}
.personal-save{
	padding: .5rem .2rem !important;
}
.lead-outline{
	height: 300px;
    overflow-y: auto;
}
.lead-memo-panal{
	max-width: 96%;
    margin-left: 2%;
}
.lite-shadow{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
.label-font{
	font: 15px Arial, sans-serif;
    color: #888;
}
.select_month{
	text-align:center;
}
.select_month select{
	text-align-last: center;
}
.form-control.viewDate{
	padding:0.5rem 0;
}
.memo-outline{
	height: 700px;
    overflow-y: auto;
}
.fakeTextArea{
	resize: vertical;
	overflow: auto;
	height: 36px;
	padding: .45rem .75rem !important;
}
.form-control.removepadding{
 padding:0px;
}

/* Width CSS */
.width40{
	width: 40%;
}
.width60{
	width: 60%;
}
.lead-info-table td:first-child{
	width:40% !important;
}
.lead-info-table td:nth-child(2){
	width:60% !important;
}
.ledger-table span.fakeInputBox{
	padding :.5rem 0;
}
.lead-info-panel{
	margin-left: 1.3%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 97%;
    -ms-flex: 0 0 97%;
    flex: 0 0 97.4%;
    max-width: 98%;
}
.nav-lead{
	width: 15%;
	font-size: medium !important;
}
.fakeInputFont{
	font-family: sans-serif;
}
.extend-panel{
	margin-right: -120px;
    margin-left: -120px;
}
.retainer-note{
	font-family: Arial;
	color: #808080;
	text-align: justify;
	font-size:1rem;
	margin: 15px;
	padding: 15px;
	margin-bottom: 15px;
}
.padding8{
	padding: 8px !important;
}

.deleted-cases td:first-child,.deleted-cases th:first-child{
 width: 5%;
} 
.deleted-cases td:nth-child(2),.deleted-cases th:nth-child(2){
 width: 12%;
}
.deleted-cases td:nth-child(3),.deleted-cases th:nth-child(3){
 width: 12%;
}
.deleted-cases td:nth-child(4),.deleted-cases th:nth-child(4){
 width: 12%;
}
.deleted-cases td:nth-child(5),.deleted-cases th:nth-child(5){
 width: 28%;
}
.deleted-cases td:nth-child(6),.deleted-cases th:nth-child(6){
 width: 12%;
}
.deleted-cases td:nth-child(7),.deleted-cases th:nth-child(7){
 width: 15%;
}
.deleted-cases td:nth-child(8),.deleted-cases th:nth-child(8){
 width: 4%;
}

.consult_table td:first-child,.consult_table th:first-child{
 width: 3%;
}
.consult_table td:nth-child(2),.consult_table th:nth-child(2){
 width: 10%;
}
.consult_table td:nth-child(3),.consult_table th:nth-child(3){
 width: 8%;
}
.consult_table td:nth-child(4),.consult_table th:nth-child(4){
 width: 12%;
}
.consult_table td:nth-child(5),.consult_table th:nth-child(5){
 width: 12%;
}
.consult_table td:nth-child(6),.consult_table th:nth-child(6){
 width: 18%;
}
.consult_table td:nth-child(7),.consult_table th:nth-child(7){
 width: 10%;
}
.consult_table td:nth-child(8),.consult_table th:nth-child(8){
 width: 13%;
}
.consult_table td:nth-child(9),.consult_table th:nth-child(9){
 width: 13%;
}
.consult_table td:nth-child(10),.consult_table th:nth-child(10){
 width: 2%;
}
/*.consult_table td:nth-child(10),.consult_table th:nth-child(10){
 width: 3%;
}
.consult_table td:nth-child(11),.consult_table th:nth-child(11){
 width: 11%;
}
.consult_table td:nth-child(12),.consult_table th:nth-child(12){
 width: 4%;
} */
.consult_table .table td,.consult_table .table th {
    padding: .45rem;
}
.consult_table span.fakeInputBox {
     padding: .5rem.3rem;
}
.filter-nav{
	width: 20%;
	max-width: 20%;
    padding: 3px;
}
span.hyperStyle a:hover{
	text-decoration: underline !important;
}

#viewReminder .form-control:disabled, .auto_width{
	cursor: default !important;
}
.reminder-table td:first-child,.reminder-table th:first-child{
	width: 5%;
}
.reminder-table td:nth-child(2),.reminder-table th:nth-child(2){
	width: 13%;
}
.reminder-table td:nth-child(3),.reminder-table th:nth-child(3){
	width: 13%;
}
.reminder-table td:nth-child(4),.reminder-table th:nth-child(4){
	width: 17%;
}
.reminder-table td:nth-child(5),.reminder-table th:nth-child(5){
	width: 15%;
}
.reminder-table td:nth-child(6),.reminder-table th:nth-child(6){
	width: 16%;
}
.reminder-table td:nth-child(7),.reminder-table th:nth-child(7){
	width: 16%;
}
.reminder-table td:nth-child(8),.reminder-table th:nth-child(8){
	width: 5%;
}
.addChange button{
	background: #fff;
	border: none;
}
.removeChange button{
	background: #2A88AD;
	border: 1px solid #257C9E;
}
.invoices {
	width: 1400px;
}
.invoices-inner {
	width: 1335px;
}
.invoices .jumbotron .table{
	width: 100%;
    max-width: 100%;
    margin: 1rem 5px;
}
.invoices .jumbotron .table td, .table th{
	padding: .4rem .3rem
}
.invoices-table td:first-child,.invoices-table th:first-child{
	width: 3%;
}
.invoices-table td:nth-child(2),.invoices-table th:nth-child(2){
	width: 8%;
}
.invoices-table td:nth-child(3),.invoices-table th:nth-child(3){
	width: 10%;
}.invoices-table td:nth-child(4),.invoices-table th:nth-child(4){
	width: 10%;
}.invoices-table td:nth-child(5),.invoices-table th:nth-child(5){
	width: 23%;
}.invoices-table td:nth-child(6),.invoices-table th:nth-child(6){
	width: 9%;
}.invoices-table td:nth-child(7),.invoices-table th:nth-child(7){
	width: 12%;
}.invoices-table td:nth-child(8),.invoices-table th:nth-child(8){
	width: 9%;
}.invoices-table td:nth-child(9),.invoices-table th:nth-child(9){
	width: 8%;
}.invoices-table td:nth-child(10),.invoices-table th:nth-child(10){
	width: 3%;
}.invoices-table td:nth-child(11),.invoices-table th:nth-child(11){
	width: 4%;
}
.invoices-table span.fakeInputBox {
    padding: .45rem .5rem;
}
.custom-form-control{
	padding: .5rem .25rem;
}
.extend-panel-sytle2 {
    margin-right: -130px;
    margin-left: -130px;
}
.perform-table td:first-child,.perform-table th:first-child{
 width: 3%;
}
.perform-table td:nth-child(2),.perform-table th:nth-child(2){
 width: 10%;
}
.perform-table td:nth-child(3),.perform-table th:nth-child(3){
 width: 12%;
}
.perform-table td:nth-child(4),.perform-table th:nth-child(4){
 width: 12%;
}
.perform-table td:nth-child(5),.perform-table th:nth-child(5){
 width: 28%;
}
.perform-table td:nth-child(6),.perform-table th:nth-child(6){
 width: 12%;
}
.perform-table td:nth-child(7),.perform-table th:nth-child(7){
 width: 15%;
}
.perform-table td:nth-child(8),.perform-table th:nth-child(8){
 width: 4%;
}
.perform-table td:nth-child(9),.perform-table th:nth-child(9){
 width: 4%;
}
.hide-link a{
	color: #464a4c;
	text-decoration : none;
}
.hide-link a:hover{
	color: #2D88AD;
	text-decoration : underline !important;
}
.expand-email-panel{
	/* margin-right: -55px;
    margin-left: -55px; */
	margin-right: -100px;
    margin-left: -100px;
}
.ipc-urgent{
	color: red;
}
.ipc-action, .ipc-action span.fakeInputBox, .ipc-action span.fakeInputBox a{
	color: rgb(255, 153, 0)  !important;
}
.table-pad .table thead th,.table-pad .table td{
	padding : .5rem;
}
select.form-control-style2.form-control:not([size]):not([multiple]) {
    height: calc(2.5rem + 2px);
}
.client-case-outer{
	width: 1300px;
}
.client-case-inner{
	width: 1270px;
}
.marLeft13{
	margin-left: 13px;
}
.caseload{
	width: 1125px;
}
.caseload-table.table td, .caseload-table.table th, .jobInfo .table td, .jobInfo .table th{
	padding: .5rem;
}
.fs-1{
	font-size: 1rem !important; 
}
.prep-frq{

	width: 10rem;
    margin-left: 14rem;
}
@media (max-width: 1199px) and (min-width: 992px){
	.prep-frq{
		width: 10rem;
		margin-left: 9.3rem;
	}
	.lineFunc {
		width: 21.2%;
	}
}
.shell_uploadicon {
    margin: 0.5% 0% 3%;
}
.add-fee-tbl td{
	border: none;
	padding: 1px;
}
.pad-bot2{
   padding-bottom: 2px;
}
.burgundy-clr, .burgundy-clr span.fakeInputBox, .burgundy-clr textarea{
	color: #993300 !important;
}
.weekAdd{
	padding: 8px 10px;
}
.mw-24{
	max-width: 24% !important;
}
.mw-20{
	max-width: 20% !important;
}
.py-10{
	padding-top: 10px;
	padding-bottom: 10px;
}
.c-b{
	color: #000 !important;
}
.quickSend .modal-dialog{

	min-width: 700px !important;;
}
.width13{
	width: 13%;
}	
.button1 a, .button1 a:hover {
	color:#fff;
	text-decoration : none !important;
}
.pl-c2{
	padding-left: .4rem!important;
}
.dreport-panal {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    margin: 0;
    padding: 15px;
    height: 535px;
    max-height: 600px;
    overflow-y: auto;
}
.Q-link a, .Q-link a:hover{
	color: #292b2c;
}
.bn {
	border: none !important;
}
.w-5{
	width: 5% !important
}
.w-10{
	width: 10% !important
}
.w-85{
	width: 85% !important
}
.hide-pager .ng-table-pager{
	display: none;
}
.mw-15{
	max-width: 15% !important;
}
.selectTodoClient .modal-dialog{
	min-width: 1310px !important;
	max-width: 1310px !important;
	width: 90% !important;
}
.c-w{
	color: #fff !important;
}
.save_but .btn-center{
	width: 8.2%
}
.save_but.continue .btn-center{
	width: 9.1%
}
.Q-nav{
	width: 19.5%;
    max-width: 19.5%;
    margin: 0;
}
.signOff .modal-dialog{
	min-width: 700px;
	max-width: 700px;
}
.toDOList .col-3{
	max-width: 20% !important;
}
.posted_by{
	width:32.5%
}
.signOff-nav{
	width: 18.5%;
    max-width: 18.5%;
    margin: 0;
}
.pl-15{
	padding-left: 15px !important;
}
.vvs-container{
	/* width: 34%; */
	/* width: 32%; */
	width: 43%;
	text-align: right;
	padding-right: 2px !important;
	padding-left: 0px !important;
}
.vvs-btn{
	/* width: 30%; */
	width: 24%;
	font-family: arial;
    padding: 6px 10px;
	color: #fff;
	background: #c1c1c1;
	outline: 0 !important;
	box-shadow: inset 0px 2px 2px 0px rgba(169,169,169, 0.17)!important;
}
.ml-58{
	margin-left:58px !important;
}
.pl-9{
	padding-left:.9rem !important;
}
/* Custom IPC Check Box design 1 */
 /* Start */
/* The checkbox */
.ipc-checkbox {
    display: block;
    position: relative;
    padding-left: 27px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.ipc-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #c1c1c1;
    border-radius:4px;
}


/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.ipc-checkbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.ipc-checkbox .checkmark:after {
    left: 7px;
    top: 2px;
    width: 4px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Input Format : 
<div class="container">
	<label>IPC <input type="checkbox" ><span class="checkmark"></span></label>
</div> */

/* end of ipc-checkbox 1 */
.prep-checkbox {
    display: inline-block;
    position: relative;
    padding-left: 13px;
    margin-bottom: 14px;
}
.prep-checkbox .checkmark:after {
    width: 7px;
    height: 13px;
}
.supervisor-title{
	font: normal 19px Arial, sans-serif;
    color: #2A88AD;
}
.w-48and5{
	width: 48.5%!important;
}
.w-49and5{
	width: 49.5%!important;
}
.toDo_outstanding {
	width: 316px;
    margin-left: 6%;
}
.toDo_doc_icons {
    margin-top: 3px;
    margin-left: 3.3rem;
}
@media (max-width: 1199px) and (min-width: 992px){
	.toDo_doc_icons {
		margin-top: 3px;
		margin-left: 1.6rem;
	}
	.toDo_outstanding {
		width: 196px;
		margin-left: 3%;
	}
	.vvs-btn{
		font-size: 14px;
		padding: 7px 10px;
	}
}
.signReport-nav{
	width: 15.7%;
    max-width: 15.7%;
    margin: 0;
}
.Qus-nav {
    width: 14.7%;
    max-width: 14.7%;
    margin: 0;
}
.nav-btn a:hover,.nav-btn a{
	color: #fff !important;
}
.layout-badge {
    top: 0;
    right: -2%;
    width: 30px;
    height: 20px;
}
.opacity1{
	opacity: 1 !important;
}	
.w-26 {
	width: 26% !important;
}
.separater{
	border-top: 5px solid #2A88AD
}
.summary-inner{
	width: 1200px;
}
.summary-outer{
	width: 1245px;
}
.qs-heading{
	font-family: arial;
    font-size: 1.5rem;
}
.qs-headingDate{
	font-family: arial;
    font-size: 1.2rem;
}
.caseload-panal{
	width : 1300px;
	margin-left:auto;
	margin-right:auto;
}
.caseload-panal{
	width: 1345px;
}
.caseload-num{
	font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    padding: 4px 6px;
    background-color:#fff;
}
.intake-check{
	width: 28px;
}
.intake-active{
	padding: .5rem .75rem .35rem .75rem;
}
.fc-black{
	color: #000;
}
.urjent-action span.fakeInputBox, .urjent-action .form-control{
	color: red !important;
}
.select-font{
	font-family: arial;
	font-size: 18px;
}
.h-6{
	height: 6rem;
}
.addAppointment .modal-dialog{
	min-width: 70%;
}
.setAvail .modal-dialog{
	width: 300px;
    min-width: 400px;
	position: fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;	
}
.md-dialog-container {
	z-index:1100;
	overflow-x: hidden;
    overflow-y: auto;
	top:5;
}
.md-icon-button{
	background: none !important;
	border: none !important;
}
.custum-col-2{
	flex: 0 0 20%;
	max-width: 20%
}
.custum-col-1{
	flex: 0 0 20%;
	max-width: 14%;
}
.subline-item{
    font-family: Tahoma;
    font-size: 0.85rem;
    background-color: #fff;
	color: #000;
    margin: 0px 1px 0px 6px;
    padding: 5px 1px;
	border-radius: 5px;
    display: block;
    width: 100%;
    background-color: #fff;
    background-image: none;
    background-clip: padding-box;
	resize: vertical; 
	overflow: auto;
	height: 32px;
}
.subline-item a, .subline-item a:hover{
	color: #000;
}
.ipc-gray{
	color: #888 !important;
}
.lineitem-status{
	-webkit-box-flex: 0;
    -webkit-flex: 0 0 33.333333%;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 28.3%;
    max-width: 28.3%;
}
.subline{
	margin: 0 2% 0 0;
    flex: 0 0 53%;
    min-width: 58%;
}
.content_sub_line select.form-control-sm:not([size]):not([multiple]),.pre_outstanding select.form-control-sm:not([size]):not([multiple]){
    height: 2rem;
}
.subline-admin{
	margin: 0 2% 0 0;
    flex: 0 0 53%;
    min-width: 55.5%;
}
.subline-admin-mToc{
	margin: 0 2% 0 0;
    flex: 0 0 46%;
    min-width: 46.5%;
}
.view_dailyreport .modal-dialog {
	max-width: 1000px;	
}
.mergePopup .modal-dialog{
	max-width: 1000px;	
	min-width: 1320px;
}
.h-auto{
	height: auto !important;
}
.toDo-lineItem{
	margin-left: 43.5%;
}
.send-feedback{
	font-size: 1.15em;
    vertical-align: -23% !important;
    color: gray;
    outline: none;
}
.video-batch{
	position: absolute !important;
    top: -12px !important;
    background-color: #c1c1c1 !important;
    color: #fff;
    left: 16.7rem;
    width: 30px;
    height: 20px;
    padding: .25em .4em !important;
}
.font-times{
	font-family: "Times New Roman", Times, serif;
}
.select_view form-control{
    height: calc(2.60rem + 2px) !important;
}
.select_view select.form-control:not([size]):not([multiple]) {
    height: calc(2.60rem + 2px);
}
.hide-disable.btn.disabled, .btn:disabled,.hide-disable .btn.disabled, .btn:disabled,.hide-disable  .btn.disabled, .btn:disabled {
    /* cursor: not-allowed; */
    opacity: 1;
}
.option-box{
	text-align:center;
	background: #f8f8f8;
    border-radius: 5px;
    padding: 10px;
	max-width: 13.85%;
	display: inline-block;
    /* margin-left: 2px;
    margin-right: 2px; */
}
.option-box label{
	line-height: 1.7;
	margin-bottom: 0;
}
.option-box label.radio-inline {
    margin-right: 10px;
}
.px-1px{
	padding-left: 1px !important;
	padding-right: 1px !important;
}
.wid14point7{
	width: 14.7%;
}
.template-option-box {	
	max-width: 23.85%;
    display: inline-block;
}

.setAvail .form-control, .addAppointment .form-control{
	color:  #464a4c !important;
}
/* .setAvail input[type="text"], .addAppointment input[type="text"]{
	color:  #464a4c !important;
} */
.addAppointment .modal-dialog.selectActivity, .addAppointment .modal-dialog .selectActivity{
	min-width: 35% !important; 
}
.addAppointment .modal-dialog.activity{
	min-width: 70% !important;
	height: 800px;	
}
.SetDefault .modal-dialog{
	width: 900px;
    min-width: 900px;
}
/* .loginMsgEditor img[Attributes Style], .loginMsgEditor  img[Attributes Style] {
	margin-right: auto;
    margin-left: auto;
    display: block;
}
.loginMsgEditor .container  img, .loginMsgEditor  .container  img{
	margin-right: auto;
    margin-left: auto;
    display: block;
}
.mce-content-body img[data-mce-selected]{
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important;
} */
.box-shadow-none{
	box-shadow: none;
}	
.mce-content-body *[data-mce-selected="inline-boundary"] {
    /* background: #bfe6ff; */
    margin-left: auto;
    margin-right: auto;
    display: table;
    text-decoration: none;
    color: #2d88ad;
    font-size: 18px;
    padding: 8px 0;
}
/* .loginMsgEditor a, .loginMsgEditor  a.loginMsgEdito span a, .loginMsgEditor  span a{
	display: block;
    padding: 5px 0;
    font-size: 21px;
} */
.loginMsgOption{
	max-width: 19.8%;
    margin: 0px 1px;
}
.font-size-2{
	font-size: 2rem !important;
}
.form-control.hyper_link { 
  color: #2d88ad !important;
}
.alert-item, .alert-item span.fakeInputBox, .alert-item span.fakeInputBox a,.alert-item textarea{
	color: #ff6961 !important;
}
.Clan-nav {
    width: 13.5%;
    max-width: 13.5%;
    margin: 0;
}
.clr-indicator-box{	
	width: 20%; /* 10% */
    padding: 2px 10px;
	color:#888;
	display: inline-block !important;
	text-align:center;
}
.clr-indicator{
	padding: 15px;
    margin: 2px 15px;
}
#mergeInfoTable div:first-child span.ng-binding.sort-indicator {
    font: 15px Arial, sans-serif;
    color: #888;
}
.lead-ledger-filter {
   max-width: 17.25%;							   
}	
.tempMsgOption {
    max-width: 19.5%;
    margin: 2px 2px;
}	
.appoint-confirm{
	width: 30%;
    margin-left: 36%;	
}	
.mergePopup input[type="text"]{
	color: #464a4c !important;
}
.lead-base-info body{
	font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #292b2c;
    margin: 0 !important;
}
#myFrame, #myFrame body{
	font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #292b2c;
    margin: 0 !important;
}
.email-container body,.email-container  body{
	font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #292b2c;
    margin: 0 !important;
}
.merge_th{
	font-weight: 400 !important;
    color: #888 !important;
}
.merge_body{
	padding: 15px 0px !important;
}	
.nav-caseload{
	padding: .375rem .1rem;
    border-radius: 5px !important;
    font-size: medium;
}
.priority_level {
    width: 20%;
}
.project_title {
    width: 30%;
}
.todo_delivery_date{
	 width: 25%;
}
.sales_select{
	width:140% !important;
}
.todo-badge {
    top: 0;
    left: 10rem;
    width: 30px;
    height: 20px;
}
.ticket-num { width : 50px }
.feedback-panel{
	border-radius: 5px !important;
    padding: 1rem !important;
    max-height: 500px;
    height: 500px;
    overflow-y: auto;
}
.fb-list.table-pad .table td {
    padding: .3rem;
}
.custom-sort{
	font-size: small !important;
	outline: none;
}
.leads-count-panal{
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
	margin: 0;
	padding: 15px;
	overflow-y: auto;
}
.leads-count-panal table tr{
	color: #464a4c;
}
.leads-count-panal table tr th{
	color: #888 !important;
}
.salesRatioPanel{
    margin-right: -108px;
    margin-left: -108px;
}
.ipc-table .table td,.ipc-table .table th,.ipc-table  .table td,.ipc-table  .table th {
    padding: .35rem;
}
.unReplied-mail, .unReplied-mail span.fakeInputBox, .unReplied-mail textarea, .unReplied-mail form-control{
	color: #0026fb  !important; 
}
.small-titletxt {
    font: normal 17px Arial, sans-serif;
    color: #2A88AD;
    margin-bottom: 5px;
    margin-left: 15px;
}
.ipc-hyperlink{
	color: #2d88ad !important;
}
.leadTempOption {
    max-width: 19.25%;
    margin: 2px 2px;
}
.w-25{
	width:25% !important;
}
.table-separater{
	border-bottom: 1px solid #eceeef;
}
.distribution-panel {
    margin-right: -100px;
    margin-left: -100px;
}
.ref_link {
    webkit-box-flex: 0;
    -webkit-flex: 0 0 53%;
    -ms-flex: 0 0 53%;
    flex: 1 0 100% !important;
    max-width: 91.5% !important;
}
.programming .form-control {
    padding: .5rem .25rem;
}
.programming label{
	padding-left: .5rem;
	padding-right: .5rem;
}
.projectList .table td, .table th {
    padding: .5rem .35rem;
}
.staffBox {
	width : 14%;
    max-width: 14% !important;
}
.staffBox2 {
	width : 15%;
    max-width: 15% !important;
}
.hide-disable-cursor.form-control:disabled {
    cursor: auto;
}
.programming-icons{
	outline: none;
    color: #888;
}
.mw-13{
	max-width: 13% !important;
}
.prgmTopNav {
    max-width: 9.37% !important;
}
.leadAnalysis-tab {
	width: 100% !important;
	padding-top: .6rem !important;
	padding-bottom: .6rem !important;
	margin-left: 2px;
	margin-right: 2px;
}
 /* div timeout style */
.timeout_div { animation: css 0s 10s forwards; }
@keyframes css { to { visibility: hidden;display:none;} 
}
   
 /* ******************* */
.lead-option-box{
	text-align:center;
	background: #f8f8f8;
    border-radius: 5px;
    padding: 10px;
	max-width: 14.85%;
	display: inline-block;
    /* margin-left: 2px;
    margin-right: 2px; */
}
.lead-option-box label{
	line-height: 1.7;
	margin-bottom: 0;
}
.lead-option-box label.radio-inline {
    margin-right: 10px;
}
.lead-compose{
	box-shadow: none !important;
	padding: 0 !important;
}
.lead-appoint-panal {
    width: 1270px;
    margin-left: -85px;
}
.caseload-alert .modal-dialog {
    min-width: 1100px !important;
    max-width: 1100px !important;
    width: 100% !important;
}
.option-box-wid {
    max-width: 24.6% !important;
}
.match-width-alert .modal-dialog{
	width: 40%;
	left: 25%;
	min-width: unset !important;
	max-width: unset !important;
}
.retainerAgreement.jumbotron {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}
.perf-arrow {
  width: 85px;
  height: 38px;
}
.compose-popup {
	padding-left: 120px;
	padding-right: 120px;
}

.resize-v{
    overflow: auto;
    resize: vertical;
}
.compose-modal {
	width: 650px !important;
	left: 50% !important;
	margin-left: -325px;
}
.leadAnalysis-tab-new {
	width: 100% !important;
	padding-top: .5rem !important;
	padding-bottom: .5rem !important;
	margin-left: 2px;
	margin-right: 2px;
}
.leadAnalysis-nav {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 25%;
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 24%;
}
.new-caseload-panal{
	width: 1400px;
}
.expandAdjust{
	margin-top: 1.75rem;
}
.temp-nav {
    width: 19.2%;
    max-width: 20%;
    margin-left: 0;
    margin-right: 0;
	padding: 0.6em 1em;
    font-size: large;		
}
.nomenclature .modal-dialog {
    min-width: 1100px !important;
    max-width: 1145px !important;
    width: 100% !important;
}
.ptp-guide-container {
    width: 70%;
    text-align: right;
    padding-right: 2px !important;
    padding-left: 0px !important;
}
.ptp-guide-btn {
    /* width: 30%; */
    width: 16%;
    font-family: arial;
    padding: 6px 10px;
    color: #fff;
    background: #c1c1c1;
    outline: 0 !important;
    box-shadow: inset 0px 2px 2px 0px rgba(169,169,169, 0.17)!important;
}
.ipc-toggleon,.ipc-toggleon.active, .ipc-toggleon:active, .show>.ipc-toggleon.dropdown-toggle,.ipc-toggleon:hover {
    background-color: #2888ad !important;
    border-color: #2888ad !important;
	color: #fff;
}
#chatNotiSoundStat > div{
	width: 80px !important;
    height: 30px !important;
}
.ipc-toggleoff,.ipc-toggleoff.active, .ipc-toggleoff:active, .show>.ipc-toggleoff.dropdown-toggle,.ipc-toggleoff:hover {
    background-color: #888 !important;
    border-color: #888 !important;
	color: #fff;
}
.toggle-handle {
    background-color: #fff;
    color: #fff;
}

.KD-container {
    padding-top: 0px !important;
    padding-bottom: 0px;
}
.KD-table{
    margin-top: 6px;
    margin-bottom: 6px;
}

.KD-dialog{
    min-width: 1000px !important; 
}

 .KD-dialog .mce-container button {
    background-color: rgba(255,255,255,0.1);
    border-radius: 0px;
    border: none;
}
.new-header-text{
	font-family: arial;
	font-size: 1.75rem;
}

.makeSpacious .form-control {
    padding: .5rem .15rem;
}


.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 16%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
.col-xs-6ths,
.col-sm-6ths,
.col-md-6ths,
.col-lg-6ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 0px;
}

.col-xs-6ths {
    width: 16%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-6ths {
        width: 16%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-6ths {
        width: 14%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-6ths {
        width: 16%;
        float: left;
    }
}
.todo-width {
	width: 258px;
}
.linemodal .modal-dialog{
	min-width: 900px !important;
}
/* .curr_retainer, #mainInfoTable .leadSummary_table.table tr:first-child td { */
	/* color:#808000; */
/* } */
/* .prev_retainer, #mainInfoTable .leadSummary_table.table tr:nth-child(2) td { */
	/* color:#1370b8; */
/* } */
/* .prev_retainer1, #mainInfoTable .leadSummary_table.table tr:nth-child(3) td { */
	/* color:#fdca4e; */
/* } */
/* .prev_retainer2, #mainInfoTable .leadSummary_table.table tr:nth-child(4) td { */
	/* color:#9575cd; */
/* } */
/* .prev_retainer3, #mainInfoTable .leadSummary_table.table tr:nth-child(5) td { */
	/* color:#06b0f2; */
/* } */
.hide_visible{
	visibility:hidden;
}
/* .mce-menu {position:fixed !important} */
.client_filter{
	max-width: 11.2%;
}
.ptp-center-select{
	text-align: center;
    text-align-last: center;
	color:#2A88AD;
	/* font-weight: bold; */
}				  
.myMsgBox{
	list-style-type: NONE;
    background: #888;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    text-align: right;
}
.otherMsgBox{
	list-style-type: NONE;
    background: #f8f8f8;
    padding: 5px 10px;
    border-radius: 5px;
    color: #222;
    text-align: left;
}
.recent-msg-box{
	background: #f8f8f8;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
	
}
/* .mce-menu {position:absolute !important;} */
.hide{
	visibility:hidden;
}
.prep-docs .video-list .aprvd_action span {
	padding: 0px .1rem;
}
.ipc-alert-msg, .ipc-alert-msg span.fakeInputBox, .ipc-alert-msg span.fakeInputBox a{
	color: red !important;
}
.ipc-danger, .ipc-danger span.fakeInputBox, .ipc-danger span.fakeInputBox a{
	color: red !important;
}
.ipc-danger-msg, .ipc-danger-msg span.fakeInputBox, .ipc-danger-msg span.fakeInputBox a{
	color: red !important;
}
.ipc-safe-bg{
	background-color: #6aa84f96 !important;
}
.ipc-safe-msg, .ipc-safe-msg span.fakeInputBox, .ipc-safe-msg span.fakeInputBox a, .ipc-safe-msg textarea{
	color: #6aa84f !important;
}
.not-viable{
	background-color:#ccc !important;
}
.alt-col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 15.666667%;
    -ms-flex: 0 0 15.666667%;
    flex: 0 0 15.666667%;
    max-width: 15.666667%;
}
.calendar-upload {
	padding: 4px 10px;
    background: #ffffff;
    display: table;
    border-radius: 5px;
    color: #2a88ad;
    border: 1px solid #e6e6e6;
}
.uploadFilePos{
	margin:0 auto;
}
.addAppointment .modal-dialog.activity.cwCalender{
	min-width: 70% !important;
}
.selectMemoClient .modal-dialog {
    min-width: 1050px !important;
    max-width: 1050px !important;
    width: 100% !important;
}
.alt-col-row {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20.666667%;
    -ms-flex: 0 0 20.666667%;
    flex: 0 0 20.666667%;
    max-width: 24.666667%;
}

/*KPI-arguments page */
.kpi_clientsdata {
    display: flex;
    width: 100%;
    flex-flow: column;
    margin-top: 30px;
}
.visitedSetting {
	color:#2A88AD !important;
}
.custom-file-input.clientFiles{
	min-width: 16rem;
}
.txt-pad{
	padding-left:23px;
	padding-right:23px;
}
.makeSpacious .form-control {
    padding: .5rem .75rem;
    font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
.arg-table{
border-collapse: collapse;
background-color: transparent;
}
.arg-table td{
	padding-top:5px;
	padding-bottom:5px;
	padding-left:3px;
	padding-right:3px;
}
.arg-table th:nth-child(2), .arg-table th:nth-child(3){
	padding-left: 10px;
}
.dhx_cal_date {
	padding: 4rem 0 !important;
	font-size: 20px !important;
	color: #2a88ad !important;
}
.dhx_cal_data {
    top: 162px !important;
}
.dhx_cal_container.dhx_scheduler_day {
	height:1132px!important;
}
.dhx_cal_container.dhx_scheduler_week {
	height:1132px!important;
}
.dhx_cal_container.dhx_scheduler_month {
	height:1158px!important;
}
.call-list-table.prep-item-box {
	box-shadow: 0px 0px 10px rgb(0 0 0 / 13%);
}
.call-list-table>div {
transform: rotateX(180deg);
overflow-x:scroll;
}
.call-list-table>div>table {
transform: rotateX(180deg);
}
.call-list-table>div::-webkit-scrollbar {
  width: 20px;
}
/* Track */
.call-list-table>div::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
/* Handle */
.call-list-table>div::-webkit-scrollbar-thumb {
  background: #57accd; 
  border-radius: 10px;
}
.custom-btn-width.btn {
	width:110px!important;
}
.kpi_arguments span.fakeInputBox {
	padding:7px!important;
}
.leadLegalPanelFieldWid{
	width: 13%;
    float: left;
}
.custom-file-control {
	overflow:hidden;
}
label span.required:after {
	content: "*";
	/*position: absolute;
	color: red;
    padding-left: 3px;
    font-size: 18px;
    font-weight: bold;*/
	width: 10px;
    float: left;
    height: 100%;
}
div.employment_data {
	margin-bottom:20px;
}
.form-check-custom {
	margin-top: 0.1rem!important;
}
.purple-clr, .purple-clr span.fakeInputBox, .purple-clr textarea{
	color: #7c5594 !important;
}
.curr_year_color{
	color: rgb(128, 128, 0);
}

.prev_year_color{
	color: rgb(19, 112, 184);
}

.befprev_year_color{
	color: rgb(253, 202, 78);
}
.tooltip_leads {
	position: relative;
	
	border-bottom: 1px dotted black;
  }
  
  .tooltip_leads .tooltiptext {
	visibility: hidden;
	width: 120px;
	background-color: #f8f8f8;
	box-shadow: 0px 0px 10px rgb(0 0 0 / 13%);
	text-align: center;
	font: 15px Arial, sans-serif;
	  color: #888;
	border-radius: 6px;
	padding: 9px;
  
	/* Position the tooltip */
	position: absolute;
	right: 63px;
    top: -13px;
	z-index: 1;
  }
  
  .tooltip_leads:hover .tooltiptext {
	visibility: visible;
  }	
	.staff-left, .staff-left span.fakeInputBox, .staff-left textarea{
		color: #eeb0b0 !important;
	}
	.lead-reassigned, .lead-reassigned span.fakeInputBox, .lead-reassigned textarea{
		color: #b9d9ab !important;
	}
	.clients_change, .clients_change span.fakeInputBox, .clients_change textarea{
		color: rgb(132, 60, 11);
	}
#mceu_130{
	z-index: 99999999999;
}
.cwpair-table th, td {
  padding: 6px;
  font-family: arial!important;
}
.cwpair-table td:nth-child(1),.cwpair-table th:nth-child(1){
 width: 4%;
}
.cwpair-table td:nth-child(2),.cwpair-table th:nth-child(2){
 width: 13%;
}
.cwpair-table td:nth-child(3),.cwpair-table th:nth-child(3){
 width: 12%;
}
.cwpair-table td:nth-child(4),.cwpair-table th:nth-child(4){
 width: 3%;
}
.cwpair-table td:nth-child(5),.cwpair-table th:nth-child(5){
 width: 4%;
}
.cwpair-table td:nth-child(6),.cwpair-table th:nth-child(6){
 width: 5%;
}
.cwpair-table td:nth-child(7),.cwpair-table th:nth-child(7){
 width: 13%;
}
.cwpair-table td:nth-child(8),.cwpair-table th:nth-child(8){
 width: 12%;
}
.cwpair-table td:nth-child(9),.cwpair-table th:nth-child(9){
 width: 3%;
}
.cwpair-table td:nth-child(10),.cwpair-table th:nth-child(10){
 width: 6%;
}
.cwpair-table td:nth-child(11),.cwpair-table th:nth-child(11){
 width: 4%;
}
.cwpair-table td:nth-child(12),.cwpair-table th:nth-child(12){
 width: 5%;
}
.cwpair-table td:nth-child(13),.cwpair-table th:nth-child(13){
 width: 4%;
}.cwpair-table td:nth-child(13),.cwpair-table th:nth-child(13){
 width: 4%;
}
.checklist-table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.checklist-table td, .checklist-table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.checklist-table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  color: white;
}
.uber_table td:nth-child(1) {
	position: sticky;
	left: 0;
	width: 150px;
	background:#f7f7f7;
	min-width: 28px;
}
.filterCounts{
	background-color: #5cb1d2;
    color: white;
    border-radius: 10%;
    height: 25px;
    width: 40px;
    float: right;
    padding-top: 2px;
}
.emils_filteredit{
	border-radius: 10%;
    height: 25px;
    width: 40px;
    float: left;
    padding-top: 6px;
}
.lead-summary-table.prep-item-box {
	box-shadow: 0px 0px 10px rgb(0 0 0 / 13%);
}
.lead-summary-table>div {
transform: rotateX(180deg);
overflow-x:scroll;
}
.lead-summary-table>div>table {
transform: rotateX(180deg);
}
.lead-summary-table>div::-webkit-scrollbar {
  width: 20px;
}
/* Track */
.lead-summary-table>div::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
/* Handle */
.lead-summary-table>div::-webkit-scrollbar-thumb {
	background: #cbcbcb;
    border-radius: 10px;
    border: 2px black;
}
.custom-list {
	width: 100%;
  }
.vp-title-ht {
   margin-top: 9px ;
}
.vp-icon-flex {
	display: flex;
	align-items: center;
}
.vp-position-down {
	position: relative; 
	top: 2px; 
	left: 50%; 
	transform: translateX(-50%);
	text-align: center;
}
.wires-tl-width{
	width: 150px;
}
.wires-allignlt{
	margin-left: 1.25rem;
}
.search-allignlts{
	margin:auto;
	width: 95%;
}
.wires-tls-width{
	width: 122px;
}
.wires-tls-wt {
    margin-left: -10px;
}
.wires-mls{
	margin-left: 30px;
}
.model-newwire {
	width: 70%;
	margin: auto;
}
.search-allignlt{
	margin:auto;
	width: 60%;
}
.modal-fontsm{
	font-size: 12.5px;
}
.ipc-yellow{
	color: rgb(255, 153, 0) !important;
}
.ipc-green{
	color: #6aa84f !important;
}
.ipc-green1{
	color: #6aa84f !important;
}
.academy-idx{
	color: black !important;
    width: 48px !important;
    margin: auto;
}
.circle-image {
    width: 150px;  
    height: 150px; 
    overflow: hidden;
    border-radius: 50%;
}
.chat-btn {
	border: 1px solid #1166A7;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s, background-color 0.2s;
	font-size: 12px;
	box-shadow: 2px 2px 2px;
	border: 1px solid #e2e2e2;
	color: #797777;
	background: rgb(243, 243, 243);
	padding: 6px 15px;
	width: 220px !important;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px; 
	background: #2A88AD;
	padding: 8px 20px 8px 20px;
	border-radius: 16px;
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
	font: normal 30px Arial, sans-serif;
	font-size: 15px;
	display: inline-block;
}
.chat-btn:hover:before {
opacity: 1;
}
.chat-btn::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(to right, #2A88AD, #1166A7);
z-index: -1;
border-radius: 16px;
transition: opacity 0.2s;
opacity: 0; 
}
.chat-btn:hover {
	background-color: #1166A7;
    transform: translateY(-4px);
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);
}
.chat-close {
	display: inline-block;
    position: relative;
    bottom: 68px;
    left: 200px;
    color: #2A88AD;
}
.chatPic-upload {
	position: relative;
    left: 58px;
    bottom: 18px 
}
.modal-box-shadow {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.33);
	border-radius: 10px;
}
.pic-mar-left{
	margin-left: 4rem !important;
}
/* CSS for image preview container */
.image-preview-container {
    margin-bottom: 20px;
}

/* CSS for Cropper.js container */
.cropper-container {
    width: 100%;
    max-width: 500px;
    height: 300px; /* Set height as per your requirement */
    overflow: hidden;
}
.page {
	margin: 1em auto;
	max-width: 768px;
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	height: 100%;
}

.box {
	padding: 0.5em;
	width: 100%;
	margin:0.5em;
}

.box-2 {
	padding: 0.5em;
	/* width: calc(100%/2 - 1em); */
}

.options label,
.options input{
	width:4em;
	padding:0.5em 1em;
}
.btn-crop{
	background:white;
	color:black;
	border:1px solid black;
	padding: 0.5em 1em;
	text-decoration:none;
	margin:0.8em 0.3em;
	display:inline-block;
	cursor:pointer;
}

.hide {
	display: none;
}

img {
	max-width: 100%;
}
.chat-pad{
	padding-right: 0.45rem!important;
    padding-left: 0.45rem!important;
    padding-top: 0!important;
    padding-bottom: 0!important;
}
.bio-update{
	margin-left: 35px !important;
    margin-right: -35px !important;
}
.circle-bio-image {
    width: 25%;  
    height: 25%; 
    overflow: hidden;
    border-radius: 50%;
}
.circle-bio-panel {
    width: 55px!important;
    height: 55px;
    overflow: hidden;
    border-radius: 50%;
    margin: 7px 0px;
    object-fit: cover;
}
.chat-msg-count {
	border: 1px solid gray;
	border-radius: 50%;
	height: 27px; 
	width: 27px; 
	text-align: center;
	color: white;
	background-color: #2A88Ad;
	margin-bottom: 0px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
.chat-grid {
    width: 19.2%!important;
    max-width: 100%!important;
    flex: unset!important;
    height: auto;
	padding: 0px;
}
.chat-grid-wrap {
	width: 100%;
    flex-flow: row wrap;
    display: flex;
    column-gap: 10px;
    padding: 0px;
}
.chat-grid > div {
    border: 0px;
}
.chat-grid .grid-item  div.chat-grid-text {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
}
.chat-grid .grid-item > .chat-grid-text > span:first-child {
	width: calc(100% - 27px);
	text-align: center!important;
}
:is(.chat-grid-wrap.chat-grp1,.chat-grid-wrap.Attorneys,.chat-grid-wrap.Legal) .chat-grid {
	width: 22%!important;
}
.btn-wid13 {
	width: 13% !important;
    margin-left: 1px;
    margin-right: 1px 
}
.vimeo-check-prog {
	height: 200px;
    background-color: #292b2c;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}
.btn-wid14 {
	width: 14% !important;
    margin-left: 1px;
    margin-right: 1px 
}
.btn-wid20 {
	width: 20% !important;
    margin-left: 1px;
    margin-right: 1px 
}
.ipc-border-line {
	width: 100%;
    text-align: left;
    margin-left: 0;
    border-color: #2A88AD;
    border-width: 1.5px;
}
.ticket-panel {
	margin-left: -100px;
    width: 1290px;
}
.ticket-report-panel {
	padding: 8px;
    border-radius: 6px;
    border: 2px solid #fff;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.33);
    color: #000000;
}

.tooltip_eye {
	margin-left: 8px;
	position: relative;
	display: inline-block;
	cursor: pointer;
}

.tooltip_eye .tooltiptext {
	line-height: 1.5;
	padding: 15px;
    /* visibility: hidden; */
	display: none;
    font-size: 14px;
    width: 620px;
    background-color: #555;
    color: #fff;
    text-align: justify;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: -251px;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
}

.tooltip_eye .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%; /* At the bottom of the tooltip */
	left: 50%;
	margin-left: 5px;
	border-width: 5px;
	border-style: solid;
	border-color: #555 transparent transparent transparent;
}

.tooltip_eye .tooltiptext.visible {
	visibility: visible;
	opacity: 1;
}

.tracker_row {
	background: #fff;
    text-align: center;
    font: normal 18px Arial, sans-serif;
    padding: 8px 55px;
}
.status_active {
	color: orange;
}
.status_completed {
	color: green;
}
.status_onhold {
	color: #888;
}
.status_disapproved {
	color: red;
}
.status_started {
	color: #d5d828;
}
/* Chrome, Safari, Edge, Opera */
.arrow_hide::-webkit-outer-spin-button,
.arrow_hide::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.arrow_hide[type=number] {
  -moz-appearance: textfield;
}
.arrow_hide {
	color: #464a4c;
    width: 75%!important;
    text-align: center!important;
    outline: none!important;
    box-shadow: none!important;
    border: none!important;
    position: relative!important;
    background: none!important;
    z-index: 2!important;
}
.days_est {
	margin-left: -50px!important;
    position: relative!important;
    z-index: 1!important;
}
.hide_days {
	display: none!important;
}
/* .visible_days {
	display: block!important;
} */
.ipc-alert-msg .arrow_hide {
    color: red!important;
}
#tooltip_sty .tooltiptext {
	left: -253px!important;
}
.pag_client a {
	color: #2A88AD;  
	padding: 4px 9px;
	margin: 2px;
	border-radius: 50% !important;
	text-decoration: none;
  }
  
  .pag_client a.active {
	background-color: #def0f9;
    color: #2a88ad;
    border-radius: 50%;
  }
  
  .pag_client a:hover:not(.active) {
	background-color: #ddd;
	border-radius: 5px;
  }
  .hide_field {
	display: none!important;
  }
  .profile-container {
    left: 75px;
    position: relative;
    width: 230px;
    height: 230px;
    margin-bottom: -100px;
    border-radius: 50%;
    background-image: linear-gradient(to bottom right, #2a88ad, hsl(197.23deg 62.73% 31.57%));
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #333;
	flex-wrap: wrap;
    flex-direction: column;
	border: 2px solid #fff;
}
.initials {
    font-size: 80px !important;
    color: #fff;
    font-family: arial;
	margin-top: -35px;
}
.profile_pic {
    display: none;
}
.upload_plus{
	border-style: dotted;
    border-radius: 50%;
    padding: 0px 4px;
    font-size: 18px;
    background: #2A88AC66;
}
.profile_back {
	background-image: url(https://test.ingramesq.tech/images/test_image.jpeg); 
	background-color: #f8f8f8; 
	margin-bottom: 4rem; 
	background-position: center; 
	background-repeat: no-repeat; 
	background-size: cover;
	border-radius: 6px;
}
.crop_img {
	display: flex; 
	flex-wrap: wrap; 
	align-content: stretch; 
	justify-content: space-evenly;
}
#croppedImage {
	width: 500px!important; 
	max-width:500px!important;
	height: 500px!important; 
	max-height:500px!important;
}
  
  a.client_nav:hover {
    color: #2A88AD!important;
}
.w-80{
	width: 80% !important;
}
.home_navtab{
	flex: 1 0 20%;
	max-width: 20% !important;
}
.w-95{
	width: 95% !important;
}
.activetab_text{
	font-weight: 400;
	font-size: 28px;
    color: #2A88AD !important;
	line-height: 32.5px;
	font-family: arial;
 }
.pagi_top {
	justify-content: space-between;
    background: #fff;
    padding: 10px 0px;
    border-radius: 8px;
}
.exp_section {
	border-bottom: 1px solid #888888;
    padding: 20px 10px;
    margin-bottom: 1rem !important;
}
.save_butt {
	background: none;
    cursor: pointer;
    border-radius: 5px;
    color: #2a88ad;
    font: normal 30px Arial, sans-serif;
    border: none;
    font-size: 20px;
	padding: 0px;
    text-shadow: none;
    box-shadow: none;
}
.content_client {
	max-height: 570px; /* Initial max height */
	overflow: hidden;
	transition: max-height 0.3s ease;
}
.content_client.expanded {
	max-height: none; /* Remove max height when expanded */
	overflow: visible;
}
.scrollable {
	overflow-y: scroll;
	height: 570px;
	padding-right: 20px;
}
.content_video {
	/* width: 400px;
	height: 400px;  */
	overflow: hidden;
	transition: height 0.3s ease;
}

.content_video.collapsed_video {
	height: 162px; 
	
}

.toggle-button {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
}
/* width */

#custom_scroll::-webkit-scrollbar {
	width: 10px;
  }
  
  /* Track */
  #custom_scroll::-webkit-scrollbar-track {
  background: #dddddd;
	/* box-shadow: inset 0 0 5px grey;  */
	border-radius: 10px;
  }
   
  /* Handle */
  #custom_scroll::-webkit-scrollbar-thumb {
	background: #2A88AC; 
	border-radius: 10px;
  }
  
  /* Handle on hover */
  #custom_scroll::-webkit-scrollbar-thumb:hover {
	background: #c1c1c1; 
  }

  #sample_scroll::-webkit-scrollbar {
	width: 4px;
    height: 4px;
  }
  
  /* Track */
  #sample_scroll::-webkit-scrollbar-track {
  background: #dddddd;
	/* box-shadow: inset 0 0 5px grey;  */
	border-radius: 10px;
  }
   
  /* Handle */
  #sample_scroll::-webkit-scrollbar-thumb {
	background: #2A88AC; 
	border-radius: 10px;
  }
  
  /* Handle on hover */
  #sample_scroll::-webkit-scrollbar-thumb:hover {
	background: #c1c1c1; 
  }

  /* client registration font */
  .q-font {
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 18px !important;
	font-weight: 400 !important;
	color : #464A4C !important;
	line-height: 20.7px !important;
}
.dis {
    color: #2a88ac6e !important;
}
.w-1130 {
	width: 1130px;
}
.w-1098 {
	width: 1098px;
}
.w-1050 {
	width: 1050px;
}
.video-info {
	background-color: rgb(42 136 172 / 82%);
    cursor: pointer;
	height: 45px;
	color: #fff;
	border-radius: 0px 0px 8px 8px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px ;
	font-weight: 400;
	text-align: right;
	align-content: center;
	position: relative;
	top: -480px;
}
.crq_label {
	margin-left: 0.75rem;
	margin-right: 0.75rem;
}
.arial-16 {
	font: normal 16px Arial, sans-serif!important;
	line-height: 1.3;
}
.hem .form-control-feedback.bs-invalid-msg {
    display: none;
}

 .tic_report-mail, .tic_report-mail span.fakeInputBox, .tic_report-mail textarea, .tic_report-mail form-control{
	color: red !important;
}
.remove_resi{
	display: flex; 
	justify-content: space-between;
	cursor: pointer;
}
 .ai_pagination {
	list-style: none;
	padding: 0;
	margin: 0;
  }
  .ai_pagination li {
	display: inline-block;
	padding: 6px 18px;
	/* margin-right: 5px; */
	cursor: pointer;
	font-size: 15px;
	background-color: #fff; /* Default background color */
	color: #292b2c; /* Default text color */
	border: 1px solid #ddd;
	/* border-radius: 4px; */
  }
  .ai_pagination li.active {
	background-color: #2A88AD; 
	color: #fff; 
  }
  .ai_pagination li.disabled {
	color: #ccc; /* Disabled text color */
	cursor: not-allowed; /* Disabled cursor */
  }
  .ai_case_panel {
	width: 1400px;
    margin-left: -40px;
  }
 .tic_report-mail, .tic_report-mail span.fakeInputBox, .tic_report-mail textarea, .tic_report-mail form-control{
	color: red !important;
}
.dropdown-menu::-webkit-scrollbar-thumb {
	background: #2A88AC!important;
	border-radius: 10px!important;
}
.dropdown-menu::-webkit-scrollbar-track {
	background: #dddddd!important;
	/* box-shadow: inset 0 0 5px grey; */
	border-radius: 10px!important;
}
.red-border {
    border: 2px solid red;
}
.upload_input {
	width: 70%;
	border: 1px solid #e6e6e6;
    border-radius: 3px;
    padding: 3px 5px;
}
.count_attach {
	margin-left: 35px;
    margin-right: 12px;
    border-bottom: 2px solid #f4f4f4;
}
.preview_trsh {
	border-radius: 50%;
    background: #585858;
    color: #fff;
    padding: 5px 7px;
    font-size: 14px;
}
.noti_popup {
	display: flex;
    justify-content: space-between;
    align-items: center;
}

.green_back {
    background: #f0fdd4;
    border-radius: 5px;
    border: 2px solid #fff;
    box-shadow: 1px 3px 10px rgba(0, 0, 0, 0.13);
}

.inside_green {
    border-left: 3px solid #808080;
    border-radius: 5px;
}
.green_back:hover {
    background: #ccdf9d;
}
.top_nav {
	background: #585858;
	padding: 10px 20px;
	justify-content: space-between;
	color: #fff;
	border-radius: 5px 5px 0px 0px;
}

 /* Tab navigation styles */
 .tabs_invoice {
	display: flex;
	cursor: pointer;
	background-color: #f1f1f1;
	border-radius: 6px;
	margin-right: 14px;
  }
 
  .tab_invoice {
    padding: 5px 10px;
	border-right: 1px solid #d7d7d7;
	transition: 0.3s;
	font-size: 14px;
	text-align: center;
  }

  .tab_invoice.active {
	background-color: #d7d7d7;
	border: 1px solid #ddd;
	border-bottom: none;
	border-radius: 6px;
  }

  /* Tab content */ 
  .tab-content {
	padding: 20px;
	border: 1px solid #ddd;
	margin-top: -1px;
  }
  .invoice_table th {
    background: #e6f4f9;
    font-size: 16px !important;
}
.invoice_table .table-bordered td, .invoice_table .table-bordered th {
    border: 3px solid #fff;
}
.invoice_table .table-bordered td {
    padding: 0px 8px !important;
    background: #f9f9f9 !important;
    line-height: 2 !important;
	font-size: 14px;
}
.invoice_table .table-bordered input {
	background-color: #f9f9f9 !important;
	border: none !important;
	padding: 5px 5px;
    text-align: left !important;
	font-size: 14px;
	font-family: arial !important;
}
.table_pencil {
	float: right;
    margin-top: 8px;
    width: 10%;
    margin-right: 5px;
	color: #464a4c !important;
}
.sidebar_tit_font {
	font-weight: bold;
    font-size: 18px;
}
.bord_rad {
	border-radius: 6px;
}
.video_invoice {
    color: #fff;
    background: #cdcdcd;
    padding: 15px 15px 15px 22px;
    font-size: 40px;
    border-radius: 50%;
}
.menu_invoice {
	background: #f8f8f8;
    border-radius: 5px;
}
.mobile_search .form-control-feedback.bs-invalid-msg {
    width: 250px !important;
}
.email_mssg p {
	font-family: arial;
    font-size: 16px;
}
.dol_butt {
	display: flex;
    align-items: center;
	border: 2px solid #d8d9d9 !important;
}
.doc_but {
	background: none!important;
    color: #2a88ad!important;
    text-shadow: none!important;
    border: none!important;
}
.vid_crq {
	border: none !important;
    padding: 5px;
    width: 39px!important;
    height: 39px!important;
	line-height: 1.5 !important;    
}
.sample_popTitle
{
	color: #4B4B4BCC;
    font-size: 25px;
    font-family: arial;
	width: 90%;
    text-align: center;
    margin-left: 30px;
}
.progress-container {
    width: 96%;
    background-color: #fff;
    height: 10px;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.progress-bar {
      height: 11px;
      background-color: #2a88ac;
      width: 100%;
      transform: scaleX(0);
      transform-origin: left;
      transition: transform 0.2s ease-in-out;
    }
	.sample_head {
		background: #f8f8f8;
		align-items: center;
		height: 69px;
		border-radius: 8px 8px 0px 0px; 
		justify-content: space-between; 
		border: none!important;
	}
	.close_samp {
		font-size:22px;
		width: 24px;
		height: 22px; 
		color: #4B4B4BCC !important;
	}
	.samp_body {
		background: #f2f2f2; 
		border: 2px solid #fff; 
		border-radius: 0px 0px 10px 10px;
	}
	.font-inter {
		font-family: Inter!important;
	}
	#ai_search_inp::placeholder {
		font-family: Arial!important;
		font-size: 14px!important;
		font-weight: 400;
		color: #D8D8D8!important;
	}