/* CSS Document */
body{ font-weight:normal; color:#000; font-weight:normal; line-height:none; font-size:12px; /*font-family: 'robotoregular';*/  font-family:verdana, sans-serif;}
h1, h2, h3, h4, h5, h6{ /*font-weight:100;*/}
h5{ margin-bottom:1rem; /*font-family: 'robotobold';*/}
a{cursor: pointer;}
a:hover{ text-decoration:none;}
b, strong {
    /*font-weight:100;*/
	/*font-family: 'robotobold';*/
}
.text-break {
word-break: break-all;
}
.min-height-25{
	min-height: 25px;
}
.min-height-35{
	min-height: 35px;
}
sup{ color:#dc3545;}


ul{ margin:0px; padding:0px; list-style-type:none;}

/* button focus css */
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
	box-shadow: none;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
	box-shadow:none;
}

.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
	box-shadow:none;
}
.btn-danger:focus, .btn-danger.focus {
	box-shadow:none;
}




/*tooltip*/
.tooltip.bs-tooltip-left .arrow:before {
    border-left-color: #fcfdfe !important;
}

.tooltip.bs-tooltip-right .arrow:before {
	border-right-color: #fcfdfe !important;

}

.tooltip.bs-tooltip-top .arrow:before {
    border-top-color: #fcfdfe !important;
}
.tooltip.bs-tooltip-bottom .arrow:before {
    border-bottom-color: #fcfdfe !important;
}
.tooltip-inner{

	padding:10px !important;
	text-align:left;
	color:#000 !important;
	font-size:0.8rem !important;
	background:#fcfdfe;
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.3);
}
.tooltip-inner .icon{ position: relative; top:2px; font-size:1rem; font-weight:400 ; color:#1faee6 !important; display: inline-block; }
.tooltip-inner .tooltip-message{display: inline-block;}
.tooltip.show {
    opacity: 1;
}
.tooltip.bs-tooltip-bottom .arrow:before {margin-left: 5px;}
.tooltip.bs-tooltip-top .arrow:before { margin-left: 5px;}

.tooltip.left   { margin-left: -10px; margin-right: -10px; }

.tooltip-hidden { visibility: hidden; }

/* tooltip-error */

.tooltip-error {
    display:inline-block;
    position:relative;
    text-align:left;
}

.tooltip-error .top {
    min-width:100px;
    top:-20px;
    left:50%;
    transform:translate(-50%, -100%);
    padding:5px;
    color:#FFFFFF;
    background-color:#990000;
    font-weight:normal;
    font-size:11px;
    border-radius:8px;
    position:absolute;
    z-index:100;
    box-sizing:border-box;
    border:1px solid #990033;box-shadow:0 1px 8px transparent;
    display:none;
}

.tooltip-error:hover .top {
    display:block;
}

.tooltip-error .top i {
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.tooltip-error .top i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    background-color:#990000;
    border:1px solid #990033;box-shadow:0 1px 8px transparent;
}

.tooltip-error .right {
    min-width:100px;
    top:50%;
    left:100%;
    margin-left:10px;
    transform:translate(0, -50%);
    padding:5px;
    color:#FFFFFF;
    background-color:#990000;
    font-weight:normal;
    font-size:11px;
    border-radius:8px;
    position:absolute;
    z-index:100;
    box-sizing:border-box;
    border:1px solid #990033;box-shadow:0 1px 8px transparent;
    display:none;
}

.tooltip-error:hover .right {
    display:block;
}

.tooltip-error .right i {
    position:absolute;
    top:50%;
    right:100%;
    margin-top:-12px;
    width:12px;
    height:24px;
    overflow:hidden;
}

.tooltip-error .right i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:0;
    top:50%;
    transform:translate(50%,-50%) rotate(-45deg);
    background-color:#990000;
    border:1px solid #990033;box-shadow:0 1px 8px transparent;
}

.tooltip-error .bottom {
    min-width:100px;
    top:40px;
    left:50%;
    transform:translate(-50%, 0);
    padding:5px;
    color:#FFFFFF;
    background-color:#990000;
    font-weight:normal;
    font-size:11px;
    border-radius:8px;
    position:absolute;
    z-index:100;
    box-sizing:border-box;
    border:1px solid #990033;box-shadow:0 1px 8px transparent;
    display:none;
}

.tooltip-error:hover .bottom {
    display:block;
}

.tooltip-error .bottom i {
    position:absolute;
    bottom:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.tooltip-error .bottom i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,50%) rotate(45deg);
    background-color:#990000;
    border:1px solid #990033;box-shadow:0 1px 8px transparent;
}

.tooltip-error .left {
    min-width:100px;
    top:50%;
    right:100%;
    margin-right:10px;
    transform:translate(0, -50%);
    padding:5px;
    color:#FFFFFF;
    background-color:#990000;
    font-weight:normal;
    font-size:11px;
    border-radius:8px;
    position:absolute;
    z-index:100;
    box-sizing:border-box;
    border:1px solid #990033;box-shadow:0 1px 8px transparent;
    display:none;
}

.tooltip-error:hover .left {
    display:block;
}

.tooltip-error .left i {
    position:absolute;
    top:50%;
    left:100%;
    margin-top:-12px;
    width:12px;
    height:24px;
    overflow:hidden;
}

.tooltip-error .left i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:0;
    top:50%;
    transform:translate(-50%,-50%) rotate(-45deg);
    background-color:#990000;
    border:1px solid #990033;box-shadow:0 1px 8px transparent;
}

#custom-list{ background:#fff; border:1px solid #ccc; padding:5px; position:absolute; z-index:5;}
#custom-list ul{ padding:0px; margin:0px;}
#custom-list ul li{ line-height:20px; text-align:left;}


/*Overwrite css for Bootstrip :- start---------*/
.container-fluid {
    padding-right: 5px;
    padding-left: 5px;

}
.row {
    margin-right: -5px;
    margin-left: -5px;
}

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  padding-right:5px;
  padding-left:5px;
}

/*Overwrite css for Bootstrip :- end--------*/



.btn:focus, .btn.focus {
    outline: 0;
	box-shadow:none;
	border-color:#2e71a1;
}
.btn-light:not(:disabled):not(.disabled):active:focus{box-shadow:none;}

button:focus{
    outline: 0px auto -webkit-focus-ring-color;
	outline: 0px;
}
button:hover{ cursor:pointer;}

.btn-link{ color:#1faee6;}

.btn-primary.disabled, .btn-primary.disabled hover{
	color: #fff;
	background-color:#9dafb8;
	border-color: #9dafb8;

}
.btn-primary.disabled:focus{
	border-color:#2196F3;
}

.btn.disabled, .btn:disabled {
    opacity: 1;
}


.btn-light.disabled, .btn-light:disabled {
  color: #fff;
	background-color:#9dafb8 !important;
	border-color: #9dafb8 !important;
}


.font-11{ font-size:11px;}

.width-25{ width:25px;}
.width-30{ width:30px;}
.width-40{ width:40px;}
.width-45{ width:45px;}
.width-50{ width:50px;}
.width-51{width:51px;}
.width-55{ width:55px;}
.width-57{width:57px;}
.width-60{ width:60px;}
.width-62{ width:62px;}
.width-64{ width:64px;}
.width-66{ width:66px;}
.width-67{width:67px;}
.width-70{ width:70px;}
.width-73{ width:73px;}
.width-74{ width:74px;}
.width-75{ width:75px;}
.width-76{ width:76px;}
.width-78{width:78px !important;}
.width-80{ width:80px;}
.width-81{ width:81px !important;}
.width-83{ width:83px;}
.width-84{ width:84px;}
.width-85{ width:85px;}
.width-87{ width:87px !important;}
.width-90{width:90px;}
.width-95{width:95px;}
.width-96{width:96px;}
.width-100{ width:100px;}
.width-107{ width:107px;}
.width-110{ width:110px;}
.width-112{ width:112px;}
.width-115{ width:115px;}
.width-117{ width:117px;}
.width-119{ width:119px;}
.width-120{ width:120px;}
.width-122{ width:122px;}
.width-126{ width:126px;}
.width-131{ width:131px;}
.width-135{ width:135px;}
.width-140{ width:140px;}
.width-144{ width:144px;}
.width-148{ width:148px;}
.width-152{ width:152px;}
.width-162{ width:162px;}
.width-170{ width:170px;}
.width-174{ width:174px;}
.width-177{ width:177px;}
.width-180{ width:180px;}
.width-185{ width:185px;}
.width-204{ width:204px;}
.width-204{ width:204px;}
.width-210{ width:210px;}
.width-250{ width:250px;}
.width-270{ width:270px;}
.width-280{ width:280px;}
.width-300{ width:300px;}
.width-314{ width:314px;}
.width-315{ width:315px;}
.width-320{ width:320px;}
.width-330{ width:330px;}
.width-332{ width:332px;}
.width-340{ width:340px;}
.width-350{ width:350px;}
.width-400{ width:400px;}
.width-415{ width:415px;}
.width-429{ width:429px;}
.width-447{ width:447px;}
.width-500{ width:500px;}
.width-610{ width:610px;}
.width-640{ width:640px;}
.width-700{ width:700px;}
.width-800{ width:800px; max-width:800px;}



.pt-15{ padding-top:15px;}
.pt-17{ padding-top:17px;}
.pt-18{ padding-top:18px;}
.pt-20{ padding-top:20px;}


.p-left-5{ padding-left:5px;}
.pr-17{ padding-right:17px !important;}
.pr-40{ padding-right:40px !important;}
.pr-45{ padding-right:45px !important;}
.pr-50{ padding-right:50px !important;}

.pl-80{padding-left:80px;}
.pl-104{padding-left:104px;}
.pl-150{padding-left:150px;}

.mtop-5{ margin-top:5px;}

.mbottom-8{ margin-bottom:8px;}
.mbottom-10{ margin-bottom:10px;}
.mleft-5{ margin-left:5px;}
.ml-90{ margin-left:90px;}

.padding-5{ padding:5px;}

.tooltip-inner {text-align: left; color: #fff; line-height: 14px; max-width:500px;}
.tooltip-inner .icon{ margin-right:5px; color: #fff; float: left; font-size: 13px; font-family: Arial, Helvetica, sans-serif;}

/* table Css */
.table {
	width: 100%;
	text-align: left;
	margin-bottom: 0px;
	background: #ececec;
}

.table th,
.table td {
	vertical-align: top;
	border-top: 0px;
	border-right: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
}

.table th:last-child,
.table td:last-child {
	border-right: 0px;
}


.table th {
	padding: 0px;
	background: #ececec;
	border-bottom: 1px solid #c9caca;
}


.table td {
	padding: 5px;

}

.table tbody {
	display: block;
	overflow-y: scroll;
	background:#fff;
}

.table thead,
.table tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.table thead {
	width: calc(100% - 17px);
}

.table tbody tr:hover {
	background: #eaf9ff !important;
}
.table tbody tr.active {
	background: #d3f2fe !important;
}
.table tbody tr.hasGreenBg {
	background: #e6f6e5 !important;
}

.table th button {
	padding:5px;
	border: 0px;
	background: none;
	font-weight: bold;
	text-align:left;
	width:100%;
}

.table thead th button:hover {
	background: rgba(255, 255, 255, 1);
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(225, 236, 242, 1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(225, 236, 242, 1)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(225, 236, 242, 1) 100%);
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(225, 236, 242, 1) 100%);
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(225, 236, 242, 1) 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(225, 236, 242, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e1ecf2', GradientType=0);

}

.table thead th button i {
	display: inline-block;
}

.table thead th button .icon-shorting {
	font-size: 9px;
	color: #000;
}

.table tbody tr:nth-child(odd) {background:#edf1f4;}

.table tfoot th {
	padding: 5px;
}

/* table Css:- end */






.ellipsis {
    position: relative;
}
.ellipsis:before {
    /*content: ' ';
    visibility: hidden;*/
	content: '';
    display: inline-block;
}
.ellipsis span {
    position: absolute;
    left: 0px;
    right: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


/*----------------------- form Css---------------- */
.form-row>.col, .form-row>[class*=col-] {padding-right: 5px;  padding-left: 5px;}
.form-group{ margin-bottom:5px;}
/*.form-control{font-size:12px; border-color:#b7b7b7;}*/
.form-control:focus{ outline: none; box-shadow:none;}

.form-control-sm, .input-group-sm > .form-control{padding:0.12rem 0.25rem; font-size: 12px; height:24px; }
.input-group-append a {line-height: 8px;}

.btn-sm{font-size: 12px;}
.col-form-label{ padding:0px; line-height:24px; font-size:12px;}
 select.form-control-sm:not([size]):not([multiple]){ /*height: calc(1.90rem - 6px); padding-top:2px;*/  height:24px; padding-left:0px;}
.input-group-sm > select.form-control:not([size]):not([multiple]){/*height: calc(1.90rem - 6px); padding-top:2px;*/ height:24px; padding-left:0px;}
.input-group-sm > .input-group-append > .input-group-text{font-size:12px; }
.input-group-sm > .form-control{font-size:12px;}
.icon-close{ font-size:0.5rem;}

.form-check-input {
    /* position:relative; */
	margin-top:0px; top:3px;
}
textarea.form-control-sm{ resize: none; height:auto; }

.icon{ color:#1faee6;}
.btn-sm{ font-weight:400;}
.btn-primary {background-color:#1faee6; 	border-color:#1faee6;	/*font-family: 'robotomedium';*/}
.btn-primary:hover,
.btn-active-clients{ color: #fff;    background-color: #2e71a1;    border-color: #2e71a1;}
.btn-active-email-clients{ color: #fff;    background-color: #1faee6;    border-color: #1faee6;}

.btn-primary:focus, .btn-primary.focus .btn-secondary:focus, .btn-secondary.focus { box-shadow:none;}

.btn-active-users{color: #fff;    background-color: #2e71a1; border-color: #1faee6;}
.btn-inactive-users{ color: #000; background-color:#d5d8e0; border-color:#d5d8e0;}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #2e71a1;    border-color: #2e71a1;
}

/* The switch - tongule */

.switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 20px;
  float:right;

}
.switch input {display:none;}
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #818181;
  -webkit-transition: .4s;
  transition: .4s;
}
.slider:before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}
input.default:checked + .slider {
  background-color: #444;
}
input.primary:checked + .slider {
  background-color: #1faee6;
}
input.success:checked + .slider {
  background-color: #8bc34a;
}
input.info:checked + .slider {
  background-color: #3de0f5;
}
input.warning:checked + .slider {
  background-color: #FFC107;
}
input.danger:checked + .slider {
  background-color: #f44336;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  transform: translateX(15px);
}
/*end of switch*/

/*-- form Css: end---------------- */


/*-- Card Css: START---------------- */
.card{ border:0px; border:1px solid #849aad;}
.card-header{ padding:2px 5px; line-height:20px; color:#fff; font-size:13px; /*  background:#37526d;  border-radius:0px;*/}
.card-header:first-child{border-radius:0px;}
.card-header span{ float:right;}
.card-header .form-control-sm{ border:0px;}
.card-header .form-check-input{ position:relative;}
.card-header span .icon-add{font-size:9px; margin-right:5px; color:#1faee6;}
.card-header span .icon-delete{ font-size:10px; color:#ff5b5b;}
/*.card-header .form-check-input{ }*/


.card-body{background:#f3f5f9; }

.border{border:1px solid #849aad !important;}



/*-- Message Css: START---------------- */
.help-mgs{
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,236,242,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(225,236,242,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,236,242,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,236,242,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(225,236,242,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(225,236,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1ecf2', GradientType=0 );

	padding:5px;
	border:1px solid #cad8e0;
	margin-bottom:0.5rem;
	border-radius:0.25rem;
}
.help-mgs p{ margin:0px;}
.help-mgs img{ width:16px;}






/*------------------ Color Css */
.bg-gradient{
background: rgba(76,110,143,1);
background: -moz-linear-gradient(top, rgba(76,110,143,1) 0%, rgba(48,72,96,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,110,143,1)), color-stop(100%, rgba(48,72,96,1)));
background: -webkit-linear-gradient(top, rgba(76,110,143,1) 0%, rgba(48,72,96,1) 100%);
background: -o-linear-gradient(top, rgba(76,110,143,1) 0%, rgba(48,72,96,1) 100%);
background: -ms-linear-gradient(top, rgba(76,110,143,1) 0%, rgba(48,72,96,1) 100%);
background: linear-gradient(to bottom, rgba(76,110,143,1) 0%, rgba(48,72,96,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c6e8f', endColorstr='#304860', GradientType=0 );
}

.color-fees{ background:#678ec0;}
.color-fees-gradient{
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(52,106,177,1) 46%, rgba(52,106,177,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(46%, rgba(52,106,177,1)), color-stop(100%, rgba(52,106,177,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(52,106,177,1) 46%, rgba(52,106,177,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(52,106,177,1) 46%, rgba(52,106,177,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(52,106,177,1) 46%, rgba(52,106,177,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(52,106,177,1) 46%, rgba(52,106,177,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#346ab1', GradientType=0 );
}

.color-cost{ background:#af6abb;}
.color-cost-gradient{
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(157,72,180,1) 40%, rgba(157,72,180,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(40%, rgba(157,72,180,1)), color-stop(100%, rgba(157,72,180,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(157,72,180,1) 40%, rgba(157,72,180,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(157,72,180,1) 40%, rgba(157,72,180,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(157,72,180,1) 40%, rgba(157,72,180,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(157,72,180,1) 40%, rgba(157,72,180,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9d48b4', GradientType=0 );
}

.color-payment{ background:#0aa20d;}
.color-payment-gradient{
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(10,162,13,1) 40%, rgba(10,162,13,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(40%, rgba(10,162,13,1)), color-stop(100%, rgba(10,162,13,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(10,162,13,1) 40%, rgba(10,162,13,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(10,162,13,1) 40%, rgba(10,162,13,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(10,162,13,1) 40%, rgba(10,162,13,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(10,162,13,1) 40%, rgba(10,162,13,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0aa20d', GradientType=0 );
}

.color-trust{ background:#fcdb24;}
.color-trust-gradient{
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,1,1) 40%, rgba(254,254,1,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(40%, rgba(254,254,1,1)), color-stop(100%, rgba(254,254,1,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,1,1) 40%, rgba(254,254,1,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,1,1) 40%, rgba(254,254,1,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(254,254,1,1) 40%, rgba(254,254,1,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(254,254,1,1) 40%, rgba(254,254,1,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fefe01', GradientType=0 );
}
.color-retainer{ background:#fb7c0f;}
.color-retainer-gradient{
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,120,4,1) 40%, rgba(253,120,4,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(40%, rgba(253,120,4,1)), color-stop(100%, rgba(253,120,4,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,120,4,1) 40%, rgba(253,120,4,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,120,4,1) 40%, rgba(253,120,4,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(253,120,4,1) 40%, rgba(253,120,4,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(253,120,4,1) 40%, rgba(253,120,4,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fd7804', GradientType=0 );
}

.color-lateCharge{ background:#d14040;}
.color-lateCharge-gradient{
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(209,64,64,1) 40%, rgba(209,64,64,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(40%, rgba(209,64,64,1)), color-stop(100%, rgba(209,64,64,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(209,64,64,1) 40%, rgba(209,64,64,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(209,64,64,1) 40%, rgba(209,64,64,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(209,64,64,1) 40%, rgba(209,64,64,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(209,64,64,1) 40%, rgba(209,64,64,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d14040', GradientType=0 );
}

.color-calender{ background:#554edd;}
.color-calender-gradient{
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(85, 78, 221, 1) 40%, rgba(85, 78, 221, 1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(40%, rgba(85, 78, 221, 1)), color-stop(100%, rgba(85, 78, 221, 1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(85, 78, 221, 1) 40%, rgba(85, 78, 221, 1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(85, 78, 221, 1) 40%, rgba(85, 78, 221, 1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(85, 78, 221, 1) 40%, rgba(85, 78, 221, 1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(85, 78, 221, 1) 40%, rgba(85, 78, 221, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d14040', GradientType=0 );
}

.color-codes{ background:#9c27b0;}
.color-codes-gradient{
	background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(135,31,153,1) 40%, rgba(135,31,153,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(40%, rgba(135,31,153,1)), color-stop(100%, rgba(135,31,153,1)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(135,31,153,1) 40%, rgba(135,31,153,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(135,31,153,1) 40%, rgba(135,31,153,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(135,31,153,1) 40%, rgba(135,31,153,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(135,31,153,1) 40%, rgba(135,31,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#871f99', GradientType=0 );
}

.color-logsearch-gradient{
background: rgba(217,231,246,1);
background: -moz-linear-gradient(top, rgba(217,231,246,1) 0%, rgba(180,193,207,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(217,231,246,1)), color-stop(100%, rgba(180,193,207,1)));
background: -webkit-linear-gradient(top, rgba(217,231,246,1) 0%, rgba(180,193,207,1) 100%);
background: -o-linear-gradient(top, rgba(217,231,246,1) 0%, rgba(180,193,207,1) 100%);
background: -ms-linear-gradient(top, rgba(217,231,246,1) 0%, rgba(180,193,207,1) 100%);
background: linear-gradient(to bottom, rgba(217,231,246,1) 0%, rgba(180,193,207,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9e7f6', endColorstr='#b4c1cf', GradientType=0 );
}


.color-white{ color:#fff;}

/* end Css */





/*------Page tabs css : Start-------*/
.page-tab ul{ padding-left:5px; background:#d7dce1; margin-left:3px; margin-right:4px;}
.page-tab ul li a{ color:#000; font-size:13px;}
.page-tab .nav-link{ padding:2px 8px; background:#d5d8e0; margin-right:3px; border-color: #bec3cb #bec3cb #ebeef3; border-bottom:1px solid #bec3cb;}
.page-tab .nav-link:hover{ background:#ebeef3; border-color: #bec3cb #bec3cb #ebeef3; border-bottom:1px solid #bec3cb;}
.page-tab .nav-tabs { border-bottom: 1px solid #bec3cb;}
.page-tab .nav-tabs .nav-link.active, .page-tab .nav-tabs .nav-item.show .nav-link{background:#ebeef3;  color:#1faee6; border-color: #bec3cb #bec3cb #ebeef3;}
.page-tab .tab-content {
			overflow-y: auto;
			overflow-x: hidden;
			background: #ebeef3;
			border-radius: 0.25rem;
			border: 1px solid #bec3cb;
			border-top: 0px;
}
/*------Page tabs css : Start-------*/




.header-sec{ background:#f0f5ff; padding:6px 0px;}

.top-menu{font-size:13px;}
.top-menu ul{ float:right; margin-top:3px;}
.top-menu ul li:first-child{ padding-right:10px;}
.top-menu ul li:last-child a{ padding-right:0px;}
.top-menu a{ color:#00c9fb !important; cursor:pointer;}
.top-menu a:hover{ color:#2e71a1 !important;}
.top-menu .nav-link{ padding:0px 10px; border-left:1px solid #cfd4de; line-height:14px;}
.top-menu .nav-link .icon{ position:relative; top:2px;}


.navigation-sec .navbar-expand-lg .navbar-nav .nav-link{padding-left:1rem; padding-right:1rem;}
.navigation-sec .navbar-expand-lg .navbar-nav li:last-child .nav-link{ padding-right:0px;}

.navigation-sec .navbar-brand{ padding:0px;}

.navigation-sec .navbar{ padding:0px;}
.navigation-sec .icon{ position:relative; top:0.5px;}
.navigation-sec .icon-timer{ font-size:16px; color:#1faee6;}
.navigation-sec .icon-notification{font-size:15px; color:#fff;}
.navigation-sec .icon-menu{ color:#fff;}
.navigation-sec button{ padding:0px;}
.navbar-light .navbar-toggler{ border-color:transparent;}
.notification-num{ position:relative;}
.notification-num span{ width:16px; height:16px; line-height:16px; border-radius:50%; background:#1faee6; color:#fff; font-size:9px; display:inline-block; text-align:center; vertical-align:middle; position:absolute; top:7px; left:18px;}
.navbar-light .navbar-nav .nav-link{ color:#fff; font-size:13px; /*font-family: 'robotomedium';*/}
.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active{ color:#1faee6;}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus{color:#1faee6;}




/*--Timerand notification Slider Css -----*/
.slider-sec{ background:#203242; width:400px; height: calc( 100vh - 101px );	position: absolute;   top: 69px;    left: 0px;    z-index: 1;}
.slider-sec .form-group{ margin-bottom:0.2rem;}
.slider-sec a{ color:#1faee6;}

.slider-sec .slider-header{ margin-bottom:5px; color:#fff;}
.slider-sec .slider-header .btn-sm{ padding:2px 7px;}
.slider-sec .slider-header strong{ position:relative; top:6px;}
.slider-sec .slider-header .icon{ color:#fff;}
.slider-sec .slider-header .icon-add{ font-size:10px;}
.slider-sec .slider-header .icon-pause{ position:relative; top:2px;}
.slider-sec .slider-header .icon-arrow-left{font-size:10px;}

.slider-sec .slider-body{ background:#505a64; border:1px solid #a2adb8; border-radius:0.25rem;  overflow-y:auto; overflow-x:hidden;	}
.slider-sec .slider-footer{ color:#fff; padding-top:5px;}
/* .slider-sec .slider-footer .form-check-input {margin-top: 0.15rem;} */

.slider-sec .slider-body.timer-height{height:calc(100vh - 142px);}
.slider-sec .slider-body.notification-height{height:calc(100vh - 159px);}

.slider-sec .timer{ margin-bottom:0.5rem; border-radius:0.25rem;}
.slider-sec .timer form .hours-sec{ width:105px;}
.slider-sec .timer form .toggle-sec{float:none; position:relative; top:2px;}
.slider-sec .timer form .toggle-sec .icon-timer{ font-size:15px;}
.slider-sec .timer form .btn-sec{ margin-top:2px;}
.slider-sec .timer form .btn-sec .btn-sm{ padding:2px 0 0;}
.slider-sec .timer form .btn-sec .icon-edit{color:#ffbf00;}
.slider-sec .timer form .btn-sec .icon-save{color:#1faee6;}
.slider-sec .timer form .btn-sec .icon-refresh{ color:#34a853;}
.slider-sec .timer form .btn-sec .icon-delete{ color:#ea4335;}

.notification .card{margin-bottom:0.5rem;}
.notification .card .card-header{
	background: rgba(255,255,226,1);
background: -moz-linear-gradient(top, rgba(255,255,226,1) 0%, rgba(253,253,10,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,226,1)), color-stop(100%, rgba(253,253,10,1)));
background: -webkit-linear-gradient(top, rgba(255,255,226,1) 0%, rgba(253,253,10,1) 100%);
background: -o-linear-gradient(top, rgba(255,255,226,1) 0%, rgba(253,253,10,1) 100%);
background: -ms-linear-gradient(top, rgba(255,255,226,1) 0%, rgba(253,253,10,1) 100%);
background: linear-gradient(to bottom, rgba(255,255,226,1) 0%, rgba(253,253,10,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffe2', endColorstr='#fdfd0a', GradientType=0 );

	padding:5px;
	border-bottom:1px solid #000;
	color:#000;
}
.notification .card .card-header .icon{position:relative; top:2px;}
.notification .card .card-header .icon-notification{ color:#000;}
.notification .card .card-header .icon-close{ float:right; font-size:12px; color:#e45252;}
.notification .card .card-body{ background:#edf7fe; padding:5px;}
.notification .card .card-body p{margin-bottom:0.5rem;}
.notification .card .card-body a{color: #1faee6; }
/*--end-*/










#termsOfServices-popup .width-800 img,
#privacyPolice-popup .width-800 img{
    width:100px;
}

#termsOfServices-popup .modal-footer,
#privacyPolice-popup .modal-footer {
    padding: 0.5rem 20px;
}

.addedWordList textarea.form-control{ font-size:12px; height: 130px; overflow-y: scroll; resize: none;}

/***************************** Log page Css : START **********************************/

.logTabs{ position: relative;}
.logTabs .log-dS-and-PS-button{

	position: absolute;
    right: 12px;
    top: 7px;
}
.logTabs .log-dS-and-PS-button a{
    color: #fff;
    font-size: 0.58rem;
    padding:0px;
	width:26px;
	height:17px;
	line-height:17px;
	border-radius: 2px;
	font-weight: 700;
	border:0px;
	display: inline-block;

}

.logTabs .log-dS-and-PS-button a:hover{
	color: #fff;
	cursor: pointer;
}

.logTabs .log-filter-and-reset-button{

	position: absolute;
    right:12px;
    top: 3px;
}
.logTabs .log-filter-and-reset-button a,
.logTabs .log-filter-and-reset-button input{
    color: #fff;
    font-size: 0.58rem;
    padding:0px;
	width:26px;
	height:17px;
	line-height:17px;
	border-radius: 2px;
	font-weight: 700;
	border:0px;
	display: inline-block;

}

.logTabs .log-filter-and-reset-button a:hover,
.logTabs .log-filter-and-reset-button input:hover{
	color: #fff;
	cursor: pointer;
}

#log-margindatepicker ~ [role=right-icon] button {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}






.logTabs .log-FF-and-NC-button{
	position: relative;
    top: 2.5px;
}
.logTabs .log-FF-and-NC-button a{
  color: #fff;
  font-size: 0.58rem;
  padding:0px;
	width:26px;
	height:17px;
	line-height:17px;
	border-radius: 2px;
	font-weight: 700;
	border:0px;
	display: inline-block;
  background:#818181;

}

.logTabs .log-FF-and-NC-button a:hover{
	color: #fff;
	cursor: pointer;
}



.bg-green {
    background: #0aa20d;
}
.bg-gray {
    background:#818181;
}

.log-timekeeper_with_taskcode-code-and-activitycode{

  width: calc( (100vw - 622px)/2);

  /* width: calc( (100vw - 856px)/2); */
}




.log-userName_with_task-code{

  width: calc( (100vw - 818px)/2);
}
.log-userName_taskcode-code-and-activitycode_without_rate{

  width: calc( (100vw - 1057px)/2);
}





.logTabs ul{ border-bottom:1px solid #ced4da;}
.logTabs ul li a {font-size:13px; color:#000; /*font-family: 'robotomedium';*/}
.logTabs ul li a i{ display:inline-block; width:8px; height:8px; border-radius:50%; position:relative; top:-2px; margin-right:5px;}
.logTabs .nav-pills .nav-link{border-radius:0px;}
.logTabs .nav-pills .nav-link.active{ color:#000; background:none; border-bottom:2px solid #1faee6;}

.logTabs .icon-pdf{ color:#1faee6; /*position:relative; top:2px;*/}
.logTabs .unsaved{ float:right;  color:#830505;}
.logTabs .unsaved .icon{color:#830505;}

.logTabs .saved{ float:right;  color:#174e19;}
.logTabs .saved .icon{color:#174e19;}

.logTabs .codeInput{ position: relative;}
.logTabs .codeInput .icon{position:absolute; right:10px; top:7px; color:#999999;  font-size: 0.5rem;}

.logTabs .hourstext{  position:relative;}
.logTabs .hourstext a span{ background:#1faee6; color:#fff; font-size:0.58rem; padding:2px 1px;
	/* margin-right:3px;  */
	position: absolute; right:2px; top:3.5px;
	border-radius:2px;
}
.logTabs .hourstext a span:hover{ background:#2e71a1;}
.logTabs .icon-pie-chart{ color:#1faee6;}
.logTabs .button-sec{ margin-bottom:10px;}

.log-form .mobile{ display:none;}
.log-form textarea{ height: 42px;}
.application-type app-currency-formatter{ width:96px !important;}

.log-hours-sec{ width:270px;}
.log-hours-sec-calender{ width:351px;}
.margin-left-150{
  margin-left:150px;
}

.set-time-sec{ width:100%; height:24px;}
.timer-sec{ width:126px; float:left;}
.timer-sec .timetxtbox{ width:37px; float:left; text-align:center;}
.timer-sec .timetxtbox-colon{text-align:center; /*font-family: 'robotomedium';*/ line-height:28px; width:7px; float:left;}

.toggle-sec{ float:right; padding-top:2px; font-size:11px;}
.toggle-sec .icon-timer{ font-size:15px; position:relative; top:0px; color:#000;}
.toggle-sec .toggle{ width:36px; float:left;   position:relative; /*top:3px;*/ }
.toggle-sec .toggle label{ margin-bottom:0px;}
.toggle-sec .width-20{ width:16px; float:left;  margin-right:2px;}
.toggle-sec .off-text{ width:20px; margin-right:2px; float:left; line-height:20px; vertical-align:middle; }
.toggle-sec .on-text{ width:17px; margin-left:2px; float:left; line-height:20px; vertical-align:middle;}


/*.input-append-custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
	border-top-left-radius:0px;
	border-bottom-left-radius:0px;
}
*/

.logTable-without-filter .table > tbody{
	height: calc( 100vh - 393px ) !important;
	overflow-y: scroll;
}

.logTable-with-filter{
	height: calc( 100vh - 525px ) !important;
	overflow-y: scroll;
}

.logTable .table .ellipsis span { left:6px;}
.logTable .table thead{ width: calc( 100% - 16px);}

.event-table-calendar .table > tbody{
	height: calc( 100vh - 330px ) !important;
	overflow-y: scroll;
}
/* safari hack css*/
@media not all and (min-resolution:.001dpcm)
{
    @supports (-webkit-appearance:none) and (stroke-color:transparent)
    {
      .logTable .table thead{width: calc(100% - 14px);}
	}
}

.logTable .table td:first-child .icon{ position:absolute; color:#fff; left:5px; top:7px; text-shadow: 1px 1px 2px #000000;}
.logTable .table td:first-child .icon-o{ position:absolute; color:#fff; left:5px; top:2px; text-shadow: 1px 1px 2px #000000;}
.logTable .table td .icon-next{ font-size:8px; position:relative; top:10px !important; left:8px !important;}
.logTable .table th{ border-right:1px solid #c9caca;}

/* ---------logTable-with-matter------*/
.logTable-with-matter .table th:first-child, .logTable-with-matter .table td:first-child{ width:25px; position:relative;}
.logTable-with-matter .table th:nth-child(2), .logTable-with-matter .table td:nth-child(2){ width:60px;}
.logTable-with-matter .table th:nth-child(3), .logTable-with-matter .table td:nth-child(3){ width:50px;}
.logTable-with-matter .table th:nth-child(4), .logTable-with-matter .table td:nth-child(4){ width:95px;}
.logTable-with-matter .table th:nth-child(5), .logTable-with-matter .table td:nth-child(5){ width:150px;}
.logTable-with-matter .table th:nth-child(6), .logTable-with-matter .table td:nth-child(6){ width:150px;}
/* .logTable-with-matter .table th:nth-child(7), .logTable-with-matter .table td:nth-child(7){ width: calc( 100% - 700px);} */
.logTable-with-matter .table th:nth-child(8), .logTable-with-matter .table td:nth-child(8){ width:100px; }
.logTable-with-matter .table th:last-child, .logTable-with-matter .table td:last-child{ width:120px;}

/*----end------*/

/* ---------logTable-without-matter------*/
.logTable-without-matter .table th:first-child, .logTable-without-matter .table td:first-child{ width:25px; position:relative;}
.logTable-without-matter .table th:nth-child(2), .logTable-without-matter .table td:nth-child(2){ width:60px;}
.logTable-without-matter .table th:nth-child(3), .logTable-without-matter .table td:nth-child(3){ width:50px;}
.logTable-without-matter .table th:nth-child(4), .logTable-without-matter .table td:nth-child(4){ width:95px;}
.logTable-without-matter .table th:nth-child(5), .logTable-without-matter .table td:nth-child(5){ width:150px;}
/* .logTable-without-matter .table th:nth-child(6), .logTable-without-matter .table td:nth-child(6){ width: calc( 100% - 700px);} */
.logTable-without-matter .table th:nth-child(7), .logTable-without-matter .table td:nth-child(7){ width:100px; }
.logTable-without-matter .table th:last-child, .logTable-without-matter .table td:last-child{ width:120px;}
/*----end------*/

.event-table-calendar .table th:first-child, .event-table-calendar .table td:first-child{ width:25px; position:relative;}
.event-table-calendar .table th:nth-child(2), .event-table-calendar .table td:nth-child(2){ width:60px;}
.event-table-calendar .table th:nth-child(3), .event-table-calendar .table td:nth-child(3){ width:50px;}
.event-table-calendar .table th:nth-child(4), .event-table-calendar .table td:nth-child(4){ width:95px;}
.event-table-calendar .table th:nth-child(5), .event-table-calendar .table td:nth-child(5){ width:150px;}
.event-table-calendar .table th:nth-child(7), .event-table-calendar .table td:nth-child(7){ width:170px;}
.event-table-calendar .table th:last-child, .event-table-calendar .table td:last-child{ width:70px;}

/* btn-group-section */
.btn-group-section .btn-group .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-section .btn-group .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.btn-group-section .btn-group{display: block;}
.btn-group-section .btn-group button{border-radius: 0.2rem !important;}
.btn-group-section .btn-group-sm .btn {
	padding: 0px 0.25rem;
    font-size: 9px;
    line-height:auto;
	border-radius: 0.2rem;
	width: 100%;
	text-align: left;
  margin:0px;
}

.btn-group-section .btn-group-sm .btn-secondary{
	color: #fff;
    background-color: #818181;
    border-color: #818181;
}
.btn-group-section .btn-group-sm .btn-secondary:hover,
.btn-group-section .btn-group-sm .btn-secondary.active{
	  color: #fff;
    background-color: #1faee6;
    border-color: #1faee6;
}

.btn-group-log{ width:90px; float:right;}
/* .btn-group-prebill .btn-group-section .btn-group button{ text-align: center;} */
.btn-group-trust-retainer .btn-group-section .btn-group{display: inline-flex; position: relative; top:2px;}
.btn-group-trust-retainer .btn-group-section .btn-group button:nth-child(2){ margin-left:5px; margin-right:5px;}


.log-dreg-sec{}
.color-logDreg{ background:#343435;}
.color-logDreg a{ display:block; text-align:center; line-height:none; padding:3px 0px; line-height:0px;}

.log-collapseHeader{ padding:5px 0px 5px;}
.log-collapseHeader-icon{}
.log-collapseHeader-text{}

.log-collapseHeader-icon{ position: relative; top:10px;}
.log-collapseHeader-icon .icon{ font-size:14px; }
.log-collapseHeader-icon .icon-arrow-down{color:#1faee6; }
.log-collapseHeader-icon .icon-arrow-up{color:#1faee6; }
.log-collapseHeader-icon .icon-search{color:#1faee6; margin-left:15px; }
.log-collapseHeader-icon .icon-close{ position:relative; left:-5px; top:-5px; color:#fff; font-size:6px !important; background:#f00; border-radius:2px; padding:3px 3px 1px 2px;}
.log-collapseHeader-icon .icon-refresh{color:#1faee6; position: absolute; left: 58px; top:0px;}

.log-collapseHeader-text{ text-align:right; color:#fff; font-size:11.5px; line-height:15px;}
.log-collapseHeader-text .pr-20{ padding-right:20px;}
.log-collapseHeader-text span{ color:#1faee6;}
.log-collapseHeader-btn{ padding-right:12px;}
.log-collapseHeader-btn .btn{ float: right; position: relative; top:5px; width:100%;}

/* ---------Log search------*/

.log-search label {
	margin: 0px;

	font-weight:bold;
}
.log-search .form-group{ margin-bottom:2px;}
.log-search .entry-numeber{width:120px;}
.log-search .search-date{ width:135px; position: relative;}
.log-search .search-date .clear-search-date{ position: absolute; color:#444444; z-index:10; right:36px; font-size:16px;}
.log-search .search-date .clear-search-date:hover {
  color: #dc3545;
}
.log-search .search-date .clear-search-date a{display: inline-block;}
.log-search .search-type .ng-select{ width:150px;}
.log-search .timekeeper .ng-select{width:150px;}
.log-search .search-client-name .ng-select,
.log-search .search-matter-name .ng-select{ width: calc( (100vw - 945px)/2);}

.log-search .search-hours{width:185px;}

.log-search textarea{ height: 60px;}

/*------Code tabs css:start---------------------*/
#pills-codes .tab-content{
	height: calc( 100vh - 216px );
	margin-bottom:0.5rem;
	background:#fff;
}
#pills-codes .page-tab ul{ background:none;}


.codes-btn select{ display:inline-block; width:300px; position:relative; top:2px;}
.codes-table{ border:1px solid #dee2e6;
	/* height:calc(100vh - 308px); */
	border-radius:0.25rem;}
.codes-table table td, .codes-table table th{ border-left:1px solid #dee2e6;}
/*.codes-table .table thead{width: calc( 100% - 17px);}*/
.codes-table .table > tbody{height: calc( 100vh - 340px); /*overflow-y: scroll;*/}
.codes-table .table > tbody > tr{ width:100%; display:inline-table;}

.codes-table table tr:nth-child(even){ background:#fff;}
.codes-table table tr:nth-child(odd){ background:#f1f4f8;}

.codes-table .table th:first-child{width:60px; border-left:0px; text-align:center;}
.codes-table .table td:first-child{ width:60px; position:relative; border-left:0px; text-align:center;}
.codes-table .table th:nth-child(2), .codes-table .table td:nth-child(2){ width:150px; position:relative;}
.codes-table .table th:nth-child(3), .codes-table .table td:nth-child(3){ width:150px; position:relative;}
.codes-table .table th:nth-child(4), .codes-table .table td:nth-child(4){ width:auto; position:relative;}
.codes-table .table th:nth-child(5), .codes-table .table td:nth-child(5){ width:150px; position:relative; text-align:right;}
.codes-table .table th:nth-child(5) button{  text-align:right;}

.codes-table table td input[type="checkbox"]
{ position: relative; top:5px;}

#taskCodes .codes-table .table th:nth-child(1), #taskCodes .codes-table .table td:nth-child(1){ width:60px; text-align:center;}
#taskCodes .codes-table .table th:nth-child(2), #taskCodes .codes-table .table td:nth-child(2){ width:150px; }
#taskCodes .codes-table .table th:nth-child(3), #taskCodes .codes-table .table td:nth-child(3){ width:auto; }

#activityCodes .codes-table .table th:first-child, #activityCodes .codes-table .table td:first-child{width:60px;  border-left:0px; text-align:center;}
#activityCodes .codes-table .table th:nth-child(2), #activityCodes .codes-table .table td:nth-child(2){ width:150px; }
#activityCodes .codes-table .table th:nth-child(3), #activityCodes .codes-table .table td:nth-child(3){ width:auto; }

#expenseCodes .codes-table .table th:first-child, #expenseCodes .codes-table .table td:first-child{width:60px;  border-left:0px; text-align:center;}
#expenseCodes .codes-table .table th:nth-child(2), #expenseCodes .codes-table .table td:nth-child(2){ width:150px; }
#expenseCodes .codes-table .table th:nth-child(3), #expenseCodes .codes-table .table td:nth-child(3){ width:auto; }

#genLedgerCodes .codes-table .table th:first-child, #genLedgerCodes .codes-table .table td:first-child{width:60px;  border-left:0px; text-align:center;}
#genLedgerCodes .codes-table .table th:nth-child(2), #genLedgerCodes .codes-table .table td:nth-child(2){ width:150px; }
#genLedgerCodes .codes-table .table th:nth-child(3), #genLedgerCodes .codes-table .table td:nth-child(3){ width:auto; }

/*--Code tabs css : end---*/

/***************************** Log page Css : END **********************************/








/***************************** Prebill Page Css : START ****************************/
.prebill-page{ background:#d7dce1; height:calc( 100vh - 101px );}

.prebill-left-sec{}
/* .prebill-left-sec table tr:nth-child(even){ background:#fff;}
.prebill-left-sec table tr:nth-child(odd){ background:#f1f4f8;} */

.prebill-left-sec .table-responsive{border-radius:0.25rem;  background:#fff; margin-bottom:5px; }
/*.prebill-left-sec .table tbody{height:calc( 100vh - 389px );}*/
.prebill-left-sec-without-redraftDates .table tbody{height:calc( 100vh - 500px );}
/* .prebill-left-sec-with-redraftDates .table tbody{height: calc( 100vh - 488px );} */

.prebill-left-sec-with-redraftDates .table tbody{height: calc( 100vh - 529px );}

.prebill-left-sec .table th, .prebill-left-sec .table td{border-left:1px solid #dee2e6; white-space:nowrap;}
.prebill-left-sec .table th:first-child, .prebill-left-sec .table td:first-child{ width:90px; border-left:0px;}
.prebill-left-sec .table td.ellipsis span{left:5px;}
.prebill-left-sec .col-form-label{text-align:right;}
.prebill-left-sec .options-date{width: calc( 100% - 117px);}


.prebill-left-sec .card-body{ background:#d7dce1;}



/*--Prebill Right Section css : START---*/

.prebill-right-sec{
	/*overflow-y:auto;
	overflow-x:hidden;*/
}
.prebill-clientList-mgs{ width:340px; margin:250px auto 0px;}
.prebill-clientList-mgs .help-mgs{ line-height:30px;}
.prebill-clientList-mgs .help-mgs img{ width:30px; margin-right:5px;}

.prebill-right-sec .logs-sec{}
.prebill-right-sec .logs-sec .card{ }
.prebill-right-sec .logs-sec .card-header{ /*font-family: 'robotobold';*/ font-size:16px; color:#000; line-height:37px; height:37px;
		background-image:url(../images/mainlog-leftBg.jpg), url(../images/mainlog-rightBg.jpg), url(../images/mainlog-centerBg.jpg);
		background-position:left top, right top, left top;
		background-repeat: no-repeat, no-repeat, repeat;
		padding-left:15px; padding-right:15px;
}
.prebill-right-sec .logs-sec .card-header img{ width:16px; position:relative;  top:-2px; }
.prebill-right-sec .logs-sec .card-header strong{ }
.prebill-right-sec .logs-sec .card-header .clientId{ font-size:13px !important; /*font-family: 'robotoregular';*/ padding-top:0px;}
.prebill-right-sec .logs-sec .card-header .btn-sm{/*font-family: 'robotoregular';*/  margin-left:5px; padding:0px 10px; position:relative; top:-2px;}
.prebill-right-sec .logs-sec .card-body{
	background:#fff;
	/*height:calc( 100vh - 175px );*/
	overflow-y:auto;
	overflow-x:hidden;
}
.prebill-right-sec .logs-sec .card-footer{ background:#d7dce1; /*font-family: 'robotobold';*/ font-size:16px; padding:0px; position:relative;}
.prebill-right-sec .logs-sec .card-footer span{ background:#ebeef3; padding:4px 10px; margin:5px; position:relative; top:-7px; font-weight:bold;}


/*--Default-metter :start---*/
.prebill-right-sec .default-metter{ margin-top:15px;}
.prebill-right-sec .default-metter:first-child{ margin-top:0px;}

.prebill-right-sec .default-metter .card{ border:0px;}
.prebill-right-sec .default-metter .border-default{border:2px solid #a9a9a9; border-radius: 0.25rem; margin-top:15px;}
.prebill-right-sec .default-metter .border-default:first-child{ margin-top:0px;}
.prebill-right-sec .default-metter .card-header2{
		font-size:14px; color:#000; height:49px; line-height:33px;
		background-image:url(../images/defaultlog-leftBg.jpg), url(../images/defaultlog-rightBg.jpg), url(../images/defaultlog-centerBg.jpg);
		background-position:left top, right top, left top;
		background-repeat: no-repeat, no-repeat, repeat;
		padding-left:16px;

}
.prebill-right-sec .default-metter .card-header2 i{ position:relative; top:-15px; font-size:12px;}


.prebill-right-sec .default-metter .card-header{
		font-size:14px; color:#000; height:33px; line-height:33px;
		background-image:url(../images/defaultlog-leftBg-1.jpg), url(../images/defaultlog-rightBg-1.jpg), url(../images/defaultlog-centerBg-1.jpg);
		background-position:left top, right top, left top;
		background-repeat: no-repeat, no-repeat, repeat;
		padding-left:16px;

}
.prebill-right-sec .default-metter .card-header img, .prebill-right-sec .default-metter .card-header2 img{ width:16px;}
.prebill-right-sec .default-metter .card-header strong, .prebill-right-sec .default-metter .card-header2 strong{ display:block;}



.prebill-right-sec .default-metter .card-body{height: calc( 100vh - 191px );}

/*--Default-metter :end---*/


.prebill-right-sec .default-metter .card-body .metter:first-child{ margin-top:0px;}

.prebill-right-sec .metter{margin-top:15px;}
.prebill-right-sec .metter .card-title{ line-height:18px; padding-left:6px; border:1px solid #808080; margin-bottom:5px; border-radius: 0.25rem; font-size:13px; font-weight:bold;}
.prebill-right-sec .metter h6{ margin:8px 0px 5px;  line-height:20px; font-size:13px; font-weight:bold;}

.prebill-right-sec .metter .icon-alarm{ position:relative; top:1.5px;}
.prebill-right-sec .metter .row{ margin:0px; border:1px solid #fff;}
.prebill-right-sec .metter .row:hover, .prebill-right-sec .metter .row.active{ border:1px solid #00ffff;}

.prebill-right-sec .metter .total{  border-top:2px solid #808080; font-weight:bold; padding:0px;}
.prebill-right-sec .metter .total .row .col{ padding-right:50px;}
.prebill-right-sec .metter .row .total .row{ border:0px; margin:2px 0px 0px;}

.prebill-right-sec .metter .matter-bg:nth-child(even){ background:#edf1f4;}
.prebill-right-sec .metter .matter-bg:nth-child(odd){ background:#ffffff;}

/*--table :end---*/

/*--form :start---*/
.prebill-right-sec .metter .table td .metter-form{ padding-left:0px;}
.prebill-right-sec .metter-form .log-hours-sec{ margin-left:0px;}

.prebill-right-sec .metter-form{ background:#b3c3cd;}
.prebill-right-sec .metter-form .toggle-sec .on-text{ width:18px;}
.prebill-right-sec .metter-form .toggle-sec .icon-timer{ color:#000; font-size:1rem;}
.prebill-right-sec .metter-form .button-sec{ background:#37526d; padding:0px 0px;}
.prebill-right-sec .metter-form .button-sec .btn-sm{ padding:2px 10px;}
.prebill-right-sec .metter-form .prebill-clientName, .prebill-right-sec .metter-form .prebill-matterName{ width: calc( (100% - 360px)/2);}
.prebill-right-sec .metter-form .prebill-userName{ width: calc(100% - 120px);}

.prebill-right-sec .metter-form .prebill-hour-amount{width: calc(100% - 315px);}

/*--for mobile ---*/
.prebill-right-sec .metter .width-25 .mobile,
.prebill-right-sec .metter .width-75 .mobile,
.prebill-right-sec .metter .width-100 .mobile,
.prebill-right-sec .metter .width-80 .mobile,
.prebill-right-sec .metter .description-mobile .mobile{display:none;}
.prebill-right-sec .metter-form .mobile{ display: none;}


/***************************** Prebill Page Css : END ******************************/





/**********************************************Clients tabs css:start---------------------*/
/* CSS Goes Here */
.split {-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;overflow-y: auto; overflow-x: hidden;}
.gutter {background-color: transparent;background-repeat: no-repeat; background-position: 100%;}
.gutter.gutter-horizontal {cursor: col-resize; background:#343435 url(../images/dreg-horizontal.png) no-repeat center center; }
.gutter.gutter-vertical {cursor: row-resize; background:#505a64 url(../images/dreg.png) no-repeat center center; }
.split.split-horizontal, .gutter.gutter-horizontal { height: 100%;float: left;}

#one{ width:301px;}
#two{width: calc( 100% - 274px);}
.split-vertical{ width:10px; height:calc( 100vh - 101px); background:#a5a9ad url(../images/dreg-horizontal.png) no-repeat center center;}
.split-vertical-email-client{ width:10px; height:calc( 100vh - 227px); background:#a5a9ad url(../images/dreg-horizontal.png) no-repeat center center;}
.email-clients-page-modified{	background:#d7dce1;display: flex;
	width: 100%;}

.clients-page{	background:#d7dce1; height:calc( 100vh - 101px );}

.clients-page .client-heading{ padding:3px 5px 3px 10px; color:#fff; /*font-family: 'robotomedium';*/ font-size:14px; background:#37526d;}
.clients-page .client-heading .icon{font-size:0.75rem;}
.clients-page .client-heading .btn{ padding:0px 5px; background:none; border:none;}
.clients-page .client-heading .btn:hover, .clients-page .client-heading .btn:focus{background:none;  }
.clients-page .client-heading .btn:hover i{ color:#68d5ff;}

.clients-page table tr:nth-child(even){ background:#fff;}
.clients-page table tr:nth-child(odd){ background:#f1f4f8;}


/*cleint left section*/
.client-left-sec{ }
/*.client-left-sec .icon-close{ font-size:0.5rem;}*/
.client-left-sec .table-responsive{border-radius: 0.25rem; margin-bottom:5px; background:#fff;}
/* .client-left-sec .table tbody{height:calc( 100vh - 302px );} */
.client-left-sec .table td {white-space:nowrap;}
.client-left-sec .table th:first-child, .client-left-sec .table td:first-child{ width:90px; border-left:0px;}
.client-left-sec .table td .ellipsis span{left:5px;}
.client-left-sec .table th, .client-left-sec .table td{border-left:1px solid #dee2e6;}

.setting-email-left-sec .table-responsive{border-radius: 0.25rem; margin-bottom:5px; background:#fff;}
.setting-email-left-sec .table tbody{height:calc( 100vh - 294px );}
.setting-email-left-sec .table td {white-space:nowrap;}
.setting-email-left-sec .table th:first-child, .setting-email-left-sec .table td:first-child{ width:24px; border-left:0px;}
.setting-email-left-sec .table td:nth-child(2), .setting-email-left-sec .table td:nth-child(2){ border-left:0px;}
.setting-email-left-sec .table td .ellipsis span{left:5px;}
.setting-email-left-sec .table th, .setting-email-left-sec .table td{width: 115px; border-left:1px solid #dee2e6;}
.setting-email-left-sec .table th:nth-child(3), .setting-email-left-sec .table td:nth-child(3){width: 135px; border-left:0px solid #dee2e6;}

.client-calendar-sec .table-responsive{border-radius: 0.25rem; margin-bottom:5px; background:#fff;}
.client-calendar-sec .table tbody{height:calc( 100vh - 426px );}
.client-calendar-sec .table td {white-space:nowrap;}
.client-calendar-sec .table th:first-child, .client-calendar-sec .table td:first-child{ width:130px;}
.client-calendar-sec .table th:nth-child(2), .client-calendar-sec .table td:nth-child(2){  width:80px;}
.client-calendar-sec .table th:nth-child(4), .client-calendar-sec .table td:nth-child(4){  width:90px;}
.client-calendar-sec .table th:nth-child(5), .client-calendar-sec .table td:nth-child(5){  width:130px;}
.client-calendar-sec .table th:nth-child(6), .client-calendar-sec .table td:nth-child(6){  width:60px;}
.client-calendar-sec .table th:nth-child(7), .client-calendar-sec .table td:nth-child(7){  width:60px;}
.client-calendar-sec .table th:last-child, .client-calendar-sec .table td:last-child{ width:60px;}
/* .client-calendar-sec .table td .ellipsis span{left:5px;} */




/*cleint right section*/
.clients-right-sec{ overflow-y:auto; overflow-x:hidden;}
.clients-right-sec .tab-content{height:calc( 100vh - 194.5px );}
.clients-right-sec .tab-content a{ color:#1faee6;}
.clients-right-sec .card-header .btn-sm{ padding:0px 5px; font-size:10px; position:relative; top:-1px;}

.clients-right-sec .col-form-label{ text-align:right;}

/*cleint first tab:- cleint*/
.clients-right-sec .client-form {border-radius:0.25rem;}
.clients-right-sec .client-form .input-group-append a{ line-height:8px;}

.btn-closeThisClient{ }
.btn-closeThisClient button{ float:right; margin-right:5px;}


.clients-right-sec .phone-number-sec{}
.clients-right-sec .phone-number-sec .card-body{padding:0px;}
.clients-right-sec .phone-number-sec .table tbody{/*height:calc((100vh - 581.5px)/2);*/ height:60px; overflow-y: scroll;}
.clients-right-sec .phone-number-sec .table tbody td:last-child{ border-left:1px solid #dee2e6;}
.clients-right-sec .phone-number-sec .table tbody td{ padding-top:0px; padding-bottom:0px; line-height: 20px;}

.clients-right-sec .email-address-sec{}
.clients-right-sec .email-address-sec .card-body{ padding:0px;}
.clients-right-sec .email-address-sec .table thead{width: calc( 100% - 17px);}
.clients-right-sec .email-address-sec .table tbody{/*height:calc((100vh - 581.5px)/2);*/ height:60px; overflow-y: scroll;}
.clients-right-sec .email-address-sec .table th,
.clients-right-sec .email-address-sec .table td{border-right:1px solid #dee2e6;}
.clients-right-sec .email-address-sec .table th:first-child,
.clients-right-sec .email-address-sec .table td:first-child{ width:125px;}
.clients-right-sec .email-address-sec .table th:last-child,
.clients-right-sec .email-address-sec .table td:last-child{ width:107px; text-align:center; border-right:0px;}
.clients-right-sec .email-address-sec .table tbody td{ padding-top:0px; padding-bottom:0px; line-height: 20px;}
.clients-right-sec .email-address-sec .table input[type="checkbox"]
{ position: relative; top:3px;}


.clients-right-sec .matters-selectbox select.form-control-sm:not([size]):not([multiple]){ height:20px; padding-top:0px;}
/* .clients-right-sec .mattersForm .col-form-label{ width:90px;} */
.clients-right-sec .mattersForm .col-form-label span{ text-align:center; font-size:10px; font-style:italic;}
.clients-right-sec .mattersForm .input-group-append a{line-height:8px;}
.clients-right-sec .mattersForm .icon-add{ font-size:8px; line-height:8px;}
.clients-right-sec .mattersForm textarea{ height:53px;}

.clients-right-sec .matterRatesForm .table thead{width: calc( 100% - 17px);}
.clients-right-sec .matterRatesForm .table tbody{/*height:calc(100vh - 546px);*/ height:155px; overflow-y: scroll;}
.clients-right-sec .matterRatesForm .table th,
.clients-right-sec .matterRatesForm  .table td{border-right:1px solid #dee2e6;}
.clients-right-sec .matterRatesForm .table th:last-child{width: 130px;}
.clients-right-sec .matterRatesForm .table th:last-child button{text-align:right;  }
.clients-right-sec .matterRatesForm .table td:last-child{ width:130px; text-align:right; border-right:0px;}

.statementOptions-form .statement-message-textarea textarea{ min-height:calc(100vh - 435px);}

/*cleint tab:- cleint end*/



.startingBalance-form{}
.clients-right-sec .billedStatement .table thead{width: calc( 100% - 17px);}
.clients-right-sec .billedStatement .table tbody{
	height:calc( 100vh - 442px);
	min-height: 50px;
	overflow-y: scroll;
}
.clients-right-sec .billedStatement .table th:first-child,
.clients-right-sec .billedStatement .table td:first-child{ width:98px; border-left:0px;}
.clients-right-sec .billedStatement .table th:last-child,
.clients-right-sec .billedStatement .table td:last-child{ width:120px;}
.clients-right-sec .billedStatement .table th,
.clients-right-sec .billedStatement .table td{border-left:1px solid #dee2e6;}
/*cleint tab:- balances end*/


/*cleint tab:- trustRetainer*/
.clients-right-sec #trustRetainer{}
.clients-right-sec #trustRetainer .mb-27{ margin-bottom:27px;}
/*.clients-right-sec #trustRetainer .45days{}*/
.clients-right-sec #trustRetainer textarea{
	height:calc((100vh - 489px)/2);
	min-height:40px;
}

.enableTrust-form{}
.enableEvergreenTrustBilling-form{}
.enableTrustInstallmentBilling-form{}

.enableRetainer-form{}
.enableEvergreenRetainerBilling-form{}
.enableRetainerInstallmentBilling-form{}
/*cleint tab:- trust end*/


/*cleint tab:- statement*/
.statementOptions-form{}
.statementOptions-form .dueDate-sec{ line-height:24px; 
	/* height:24px; */
}
.statementOptions-form .dueDate-sec .form-check-input{ position: relative; top: 2px;}
.statement-tbl td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*cleint tab:- statement end*/

/*cleint tab:- duplicate*/
.duplicateStatements-form{}
.duplicateStatements-form .whitebg{height:calc( 100vh - 337px ); border:1px solid #ced4da; border-radius:0.2rem; background:#fff;
	display: inline-block;
	overflow-y:auto;
	overflow-x:hidden;
	width:100%;
}
.duplicateStatements-form .col-form-label{ width:116px;}
.duplicateStatements-form .button-sec{}
.duplicateStatements-form .button-sec .btn-sm{ font-size:0.75rem;}
.duplicateStatements-form .form-check{ line-height:20px; position: relative; top: 4px;}
.duplicateStatements-form .duplicateStatements-address{ background:#f3fcff; border:1px solid #6dbdd1; border-radius:0.2rem; padding:5px; width:400px;}
.duplicateStatements-form .duplicateStatements-address.active{background:#cbe6ef;}
.duplicateStatements-form .duplicateStatements-address .address-details{border:1px solid #7b959f; border-radius:0.2rem; padding:5px;}
.duplicateStatements-form .duplicateStatements-address p{ padding:0px; margin:0px;}
/*cleint tab:- duplicate end*/


/*cleint tab:- installmentBilling*/
.installmentBilling-form{}
.installmentBilling-form form textarea{height:calc( 100vh - 317px );}
/*cleint tab:- installmentBilling end*/

/*cleint tab:- recurringCharges*/
.recurringCharges-form{}
.recurringCharges-form select option{text-align:right;}
.recurringCharges-form textarea{
 height: calc((100vh - 468px)/2);
 min-height:40px;
}
/*cleint tab:- recurringCharges end*/


/*notes tab :- form start*/
.notes-form{}
.notes-form form textarea{height:calc( 100vh - 253px );}
/*notes end*/



/*------Clients tabs css : end---------------------*/




/***************************** Statements Page Css : START ****************************/
.statements-page{background:#d7dce1; padding-top:0.5rem; padding-bottom:0.5rem;}
.satement-right-sec{ width:256px;}

.statements-page .page-tab .tab-content{height: calc( 100vh - 140px );}

.statements-page .table tr:nth-child(even){ background:#fff;}
.statements-page .table tr:nth-child(odd){ background:#f1f4f8;}

.statements-page .table thead{width: calc( 100% - 17px);}
.statements-page .table tbody{ /*height: calc( 100vh - 287px );*/ background:#fff; overflow-y: scroll;}
.statements-page .table tfoot{ background:#fcfafa; border-top:1px solid #849aad;}
.statements-page .table tfoot th{ font-weight:normal; background: #ececec; }
.statements-page .table tfoot a{ color:#00c9fb;}
.statements-page .table tfoot a:hover{ color: #1faee6;}

.statements-page .table th, .statements-page .table td{border-left: 1px solid #dee2e6;}
.statements-page .table th:first-child, .statements-page .table td:first-child{border-left:0px;}

.statements-page .col-form-label{ text-align:right;}
.statements-page .card-body{ background:#ebeef3;}


.statements-page .divider-line{ height:1px; background:#dee2e6; margin:5px 1px 10px;}

/*----Create Statements Tabs----*/
#createStatements .table tbody{height: calc( 100vh - 287px );}
#createStatements .table th:first-child,  #createStatements .table td:first-child{ width:47px; text-align:center;}
#createStatements .table th:nth-child(2), #createStatements .table td:nth-child(2){ width:118px;}
#createStatements .table th:nth-child(4), #createStatements .table td:nth-child(4){ width:145px;}
#createStatements .table th:nth-child(5), #createStatements .table td:nth-child(5){ width:120px;}
#createStatements .table th:nth-child(6), #createStatements .table td:nth-child(6){ width:141px;}
#createStatements .table th:nth-child(7), #createStatements .table td:nth-child(7){ width:141px;}
#createStatements .table th:last-child,   #createStatements .table td:last-child{ width:141px;}

#createStatements .card{height: calc( 100vh - 197px );}

#createStatements .table tfoot th{ width:100% !important;}

mark {
  background-color: #1faee6 !important;
  border-radius: 3px;
  color: black;
}

/*----Billed Statements Tabs----*/
#billedStatements .batchOperations{height: calc( 100vh - 362px ); margin-top:10px;}

#billedStatements .table tbody td .card .card-body tbody{ height:auto;}

#billedStatements .batchAndStatement-table .table th:first-child,  #billedStatements .batchAndStatement-table .table td:first-child{ width:60px;}
#billedStatements .batchAndStatement-table .table th:nth-child(2), #billedStatements .batchAndStatement-table .table td:nth-child(2){ width:100px;}
#billedStatements .batchAndStatement-table .table th:nth-child(3), #billedStatements .batchAndStatement-table .table td:nth-child(3){ width:100px;}
#billedStatements .batchAndStatement-table .table th:last-child,   #billedStatements .batchAndStatement-table .table td:last-child{ width:154px;}

#billedStatements .client-table .table th:first-child,  #billedStatements .client-table .table td:first-child{ width:60px;}
#billedStatements .client-table .table th:last-child,   #billedStatements .client-table .table td:last-child{ width:120px;}

#billedStatements .table tfoot th ul.pagination-sm{ background:none; padding:0px;}
#billedStatements .table tfoot th .pagination-sm li a{ color:#1faee6;}
#billedStatements .table tfoot th .pagination-sm .page-item.disabled a{ color:#6c757d ;}
#billedStatements .table tfoot th .pagination-sm .page-link{ padding-top:2px; padding-bottom:2px;}
#billedStatements .table tfoot th .pagination-sm .active{ color:#fff;}

#billedStatements .table tfoot th .icon-arrow-down{ position:relative; top:2px;}
#billedStatements .table tfoot th .icon-arrow-right{position:relative; top:2px; }

#billedStatements .table tfoot tr:first-child th{border-bottom:1px solid #849aad !important;}
#billedStatements .table tfoot tr:last-child th{ border-bottom:0px; padding-top:0px; padding-bottom:0px;}

#billedStatements .table tfoot th{ width:100% !important;}

#billedStatements .card-header{ line-height:14px;}
#billedStatements .batch-date{ margin-top:4px;}
#billedStatements .statement-text{font-size:11px;}
#billedStatements .statement-text p{ margin:0px;}
#billedStatements .statement-text p span{font-size:11px !important;}
#billedStatements .select-column {width:12px !important;}


.border-left{border-left:1px solid #849aad !important; padding-top:5px; padding-bottom:5px;}
.border-right{border-right:1px solid #849aad !important; padding-top:5px; padding-bottom:5px;}
.border-bottom{border-bottom:1px solid #849aad !important;}

/*----accordions----*/
#billedStatements .table tbody{height:calc( 100vh - 325px );}
#billedStatements .table .card{ border:0px;}
#billedStatements .table .card .card-header .btn{ padding:0px; font-size:12px; border: 0px;}
#billedStatements .table .card .card-header .btn-link:hover {color: #1faee6; text-decoration:none;}
#billedStatements .table .card .card-header span{ float:none; font-size:12px; position:relative; top:2px;}
#billedStatements .table .card .card-header .btn-link:focus{ text-decoration:none; border: 0px;}







/*----overdueClients Tabs----*/
#overdueClients .table tbody{height: calc( 100vh - 305px );}

#overdueClients .table th:first-child,  #overdueClients .table td:first-child{ width:76px; text-align:center;}
#overdueClients .table th:nth-child(2), #overdueClients .table td:nth-child(2){ width:85px;}
#overdueClients .table th:nth-child(4), #overdueClients .table td:nth-child(4){ width:100px;}
#overdueClients .table th:nth-child(5), #overdueClients .table td:nth-child(5){ width:197px;}
#overdueClients .table th:nth-child(6),   #overdueClients .table td:nth-child(6){ width:141px;}
#overdueClients .table th:last-child,   #overdueClients .table td:last-child{ width:146px;}

#overdueClients .card{height: calc( 100vh - 215px );}


/*----historyStatements------*/

#historyStatements .table tbody{height: calc( 100vh - 287px );}

#historyStatements .table th:first-child,  #historyStatements .table td:first-child{ width:85px;}
#historyStatements .table th:last-child,   #historyStatements .table td:last-child{ width:103px;}
#historyStatements  .card{height: calc( 100vh - 197px );}


/*----Pending Redrafts-------*/
/* #pendingRedrafts .table tbody{height: calc( 100vh - 305px );} */
#pendingRedrafts .table th:first-child,  #pendingRedrafts .table td:first-child{ width:140px;}
#pendingRedrafts .table th:nth-child(2), #pendingRedrafts .table td:nth-child(2){ width:100px;}
#pendingRedrafts .clientOperations{height: 70px; margin-top:10px;}
#pendingRedrafts .clientOperationsRebill{height: calc( 100vh - 428px ); margin-top:10px;}

#pendingRedrafts .table .card{ border:0px;}
#pendingRedrafts .table .card .card-header .btn{ padding:0px; font-size:12px;}
#pendingRedrafts .table .card .card-header .btn-link:hover {color: #1faee6; text-decoration:none;}
#pendingRedrafts .table .card .card-header span{ float:none; font-size:12px; position:relative; top:2px;}
#pendingRedrafts .table .card .card-header .btn-link:focus{ text-decoration:none;}
#pendingRedrafts .card-header{ line-height:14px;}
/* #pendingRedrafts .batch-date{ margin-top:4px;} */
#pendingRedrafts .statement-text{font-size:11px;}
#pendingRedrafts .statement-text p{ margin:0px;}
#pendingRedrafts .statement-text p span{font-size:11px !important;}
#pendingRedrafts .select-column {width:12px !important;}


/***** Statements Page Css : end *******/








/***************************** Reports Page Css : START ****************************/
.reports-page{background:#d7dce1; padding-top:0.5rem; padding-bottom:0.5rem;}
.reports-page .col-form-label{text-align:right;}
.reports-page .tab-content {
    height: calc( 100vh - 142px );
}
.reports-page .tab-content .card{height: 465px;}
.reports-page .ng-select{ width: inherit;}
.reports-page .ng-select.ng-select-single .ng-select-container .ng-value-container {width: 235px;}

.settings-page .ng-select{ width: inherit;}
.settings-page .ng-select.ng-select-single .ng-select-container {width: inherit;}

/** Payments tab css start**/
.report-payments-page{ background:none;}
.report-payments-page .client-heading .btn{
	background-color: #1faee6;
	border-color: #1faee6;
  color: #fff;
  position: relative;
  top:-0.7px;
}
.report-payments-page .client-heading .btn:hover {

    background-color: #2e71a1;
    border-color: #2e71a1;
}
.report-payments-table .table th{
	border-top: 1px solid #c9caca;
}
.report-payments-table .table th:nth-child(1), .report-payments-table .table td:nth-child(1){
	width:135px;
}
.report-payments-table .table th:nth-child(2), .report-payments-table .table td:nth-child(2){
	width:120px;
}
.report-payments-table .table th:nth-child(3){
	padding-left:0px;
}
.report-payments-table .table td:nth-child(3).ellipsis span{ left:5px;}
.report-payments-table .table th:nth-child(3), .report-payments-table .table td:nth-child(3){
	width:170px;
}
.report-payments-table .table td:nth-child(4).ellipsis span{ left:5px;}

.report-payments-table .table tbody{overflow-y: auto;}
.report-payments-table .table thead { width:100%;}

.report-payment-summery{ margin-top:10px; font-weight: bold; line-height:20px;}
.report-payment-summery .col-auto:first-child{ width:135px;}
.report-payment-summery .col-auto:last-child{ text-align: right; width:120px; padding-right:0px;}

/** On hold tab css start**/
.report-onhold-page{ background:none;}
.report-onhold-page .client-heading .btn{
	background-color: #1faee6;
	border-color: #1faee6;
  color: #fff;
  position: relative;
  top:-0.7px;
}
.report-onhold-page .client-heading .btn:hover {

    background-color: #2e71a1;
    border-color: #2e71a1;
}
.report-onhold-table .table th{
	border-top: 1px solid #c9caca;
}
.report-onhold-table .table th:nth-child(1), .report-onhold-table .table td:nth-child(1){
	width:60px;
}
.report-onhold-table .table th:nth-child(2), .report-onhold-table .table td:nth-child(2){
	width:60px;
}
.report-onhold-table .table th:nth-child(3){
	padding-left:0px;
}
.report-onhold-table .table td:nth-child(3).ellipsis span{ left:5px;}
.report-onhold-table .table th:nth-child(3), .report-onhold-table .table td:nth-child(3){
	width:100px;
}
.report-onhold-table .table td:nth-child(4).ellipsis span{ left:5px;}
.report-onhold-table .table th:nth-child(4), .report-onhold-table .table td:nth-child(4){
	width:150px;
}
.report-onhold-table .table th:nth-child(5), .report-onhold-table .table td:nth-child(5){
	width:80px;
}
.report-onhold-table .table th:nth-child(6), .report-onhold-table .table td:nth-child(6){
	width:120px;
}
.report-onhold-table .table th:nth-child(7), .report-onhold-table .table td:nth-child(7){
	width:175px;
}
.report-onhold-table .table th:nth-child(9), .report-onhold-table .table td:nth-child(9){
	width:80px;
}
.report-onhold-table .table tbody{overflow-y: auto;}
.report-onhold-table .table thead { width:100%;}

.report-onhold-summery{ margin-top:10px; font-weight: bold; line-height:20px;}
.report-onhold-summery .col-auto:first-child{ width:135px;}
.report-onhold-summery .col-auto:last-child{ text-align: right; width:120px; padding-right:0px;}

/***** Reports Page Css : end *******/




/***************************** Settings Page Css : START ****************************/
.settings-page{
	background: #d7dce1;
    padding-bottom: 0.5rem;
 }

 .settings-page .office-ids-input .form-control-sm{
	height: 20px;
	margin-top:2.5px;
	padding:3px;
}

/* .settings-page .tab-content{height: calc( 100vh - 198px );} */

.settings-page #officeSettings .user{}
.settings-page #officeSettings .border{border-radius:0.25rem; margin-bottom:5px;}
.settings-page #officeSettings img{ width:35px;}
.settings-page #officeSettings h3{ font-size:14px; font-weight:bold; margin-bottom:8px;}
.settings-page #officeSettings p{ margin-bottom:0px;}

.settings-page #officeSettings .user .card-body{height: calc( 100vh - 243px ); overflow-y: scroll;}
.settings-page .hourstext{  position:relative;}
.settings-page .hourstext a span{ background:#1faee6; color:#fff; font-size:0.58rem; padding:2px 1px;
	/* margin-right:3px;  */
	position: absolute; right:2px; top:3.5px;
	border-radius:2px;
}
.settings-page .hourstext a span:hover{ background:#2e71a1;}
.settings-page .card-header .btn-sm {
    padding: 0px 5px;
    font-size: 10px;
    position: relative;
    top: -1px;
}

.settings-page #officeSettings .officeSettings-user .card-body{height: calc( 100vh - 243px ); overflow-y: scroll; background:#fff;}

.settings-page #officeSettings .officeAddress .card-body{
	overflow-y: auto;
	height: 116px;
	background:#fff;
}
.settings-page #officeSettings .officeAddress .active, .settings-page #officeSettings .officeSettings-user .active{background:#eaf9ff;}

/* .settings-page #officeSettings .phone-number-sec{}
.settings-page #officeSettings .phone-number-sec .table thead{width: calc( 100% - 17px);}*/
.settings-page #officeSettings .phone-number-sec .card-body{padding:0px; overflow-y: auto;  height: calc((100vh - 360px) / 4);}
/* .settings-page #officeSettings .phone-number-sec .table tbody{overflow-y: auto;  height: calc((100vh - 460px) / 4);} */
.settings-page #officeSettings .phone-number-sec .table tbody td{ padding-bottom:0px; padding-top:0px; line-height:20px;}
/* .settings-page #officeSettings .phone-number-sec .table tbody td:last-child{ border-left:1px solid #dee2e6;} */

.settings-page #officeSettings .email-address-sec{}
.settings-page #officeSettings .email-address-sec .card-body{ padding:0px; overflow-y: auto;  height: calc((100vh - 360px) / 4);}
.settings-page #officeSettings .email-address-sec .table thead{width: calc( 100% - 17px);}
/* .settings-page #officeSettings .email-address-sec .table tbody{
	overflow-y: auto;
    height: calc((100vh - 460px) / 4);
	} */
.settings-page #officeSettings .email-address-sec .table th,
.settings-page #officeSettings .email-address-sec .table td{border-right:1px solid #dee2e6;}
.settings-page #officeSettings .email-address-sec .table th:last-child,
.settings-page #officeSettings .email-address-sec .table td:last-child{border-right:0px;}
.settings-page #officeSettings .email-address-sec .table tbody td{ padding-bottom:0px; padding-top:0px; line-height:20px;}

.settings-page #officeSettings .statement-default .card-body{ padding:0px; overflow-y: auto;  height: calc((100vh - 237px) / 2);}

.settings-page #clientSettings .clientSettings-sec{ width:660px;}
.settings-page #clientSettings .practiceAreas-sec{}
.settings-page #clientSettings .practiceAreas-sec .card-body{padding:0px;}
.settings-page #clientSettings .practiceAreas-sec .table tbody{height:calc( 100vh - 590px); min-height:90px; overflow-y: scroll;}
.settings-page #clientSettings .practiceAreas-sec .table tbody tr:nth-child(odd) {background:#edf1f4;}
.settings-page #clientSettings .practiceAreas-sec .table tbody td{ padding-left:5px; padding-right:5px;}
.settings-page #clientSettings .practiceAreas-sec .table tbody td:last-child{ border-left:1px solid #dee2e6;}

.settings-page #statementSettings .statementDefaults{}
.settings-page #statementSettings .statementDefaults .card .card-body{
	 height: calc( 100vh - 355px);
	 overflow-y: scroll;
	 overflow-x: hidden;
}
.settings-page #statementSettings .defaultPaymentApplication{
}

.settings-page .globe{}
.settings-page .globe img{ max-width:16px; position:relative; top:4px;}

.settings-page #statementSettings .statementEmailDefaults{}
.settings-page #statementSettings .statementEmailDefaults .card-body{ /*height:calc(100vh - 356px);*/}

.settings-page #statementSettings .statementEmailDefaults label{ margin-bottom:0px;}

.settings-page #statementSettings .statementEmailDefaults textarea{
	height:calc( (100vh - 505px) / 2);
}
.settings-page #statementSettings .statementFooter textarea{ height:70px;}

.settings-page #logSettings .warning .form-check-input{position: absolute;}

.settings-page #defaultDescriptions label{ margin-bottom:0px;}
.settings-page #defaultDescriptions textarea{ height:calc( (100vh - 305px) / 4 );}


.settings-page #userSettings .btn-detail{}
.settings-page #userSettings .btn-detail {
    background: #1faee6;
    padding:1px 8px;
	border-radius: 0.25rem;
}
.settings-page #userSettings .btn-detail button{ background:none; border:0px;}
.settings-page #userSettings .btn-detail button i{
	color: #fff;
    font-size:0.6rem;
}
.settings-page #userSettings .btn-detail a i{ font-size:12px; color:#fff;}




.question-icon{ width:50px; margin-left:5px;}
.question-icon img{ max-width:100%;}




/* Setting :- change Client Rates section start */

.changeClientRates-tab-buttons{ width:200px;}
.changeClientRates-tab-buttons .card-body{
	height: calc( 100vh - 359px );
	position: relative;
}
.changeClientRates-tab-buttons .card-footer{
	padding:0px;
}

.changeClientRates-tab-ClientTable{ width:496px;}


.changeClientRates-tab-ClientTable .table tbody {
	height: calc( 100vh - 352px );
	overflow-y: scroll;
}
.changeClientRates-tab-ClientTable .table th:first-child,
.changeClientRates-tab-ClientTable .table td:first-child
{ width:25px; }

.changeClientRates-tab-ClientTable .table th:first-child{ padding:5px;}

.changeClientRates-tab-ClientTable .table th:nth-child(2), .changeClientRates-tab-ClientTable .table td:nth-child(2) {
    width: 120px;
    border-left: 0px;
}
.changeClientRates-tab-ClientTable .table th:nth-child(3), .changeClientRates-tab-ClientTable .table td:nth-child(3) {
    /* width: 270px; */
    border-left: 0px;
}
.changeClientRates-tab-ClientTable .table td.ellipsis span{ padding-left:5px;}

.changeClientRates-tab-ClientTable ul {
    padding-left: 0px;
    background:none;
    margin-left: 0px;
    margin-right: 0px;
}

.changeClientRates-tab-ClientTable .pagination li:nth-child(1){
	width: 76px;
    text-align: center;
}
.changeClientRates-tab-ClientTable .pagination li:nth-child(6){
	width: 76px;
    text-align: center;
}
.changeClientRates-tab-ClientTable .pagination li:nth-child(7){
	width: 76px;
    text-align: center;
}

.changeClientRates-tab-UserTable{ width:499px;}
/* .changeClientRates-tab-UserTable .card-body{
	height: calc( 100vh - 253px );
} */


.changeClientRates-tab-UserTable .table tbody {
	height: calc( 100vh - 293px );
	overflow-y: scroll;
}
.changeClientRates-tab-UserTable .table th:first-child,
.changeClientRates-tab-UserTable .table td:first-child
{ width:25px; }

.changeClientRates-tab-UserTable .table th:first-child{ padding:5px;}

.changeClientRates-tab-UserTable .table th:nth-child(2), .changeClientRates-tab-UserTable .table td:nth-child(2) {
    width: 85px;
    border-left: 0px;
}
.changeClientRates-tab-UserTable .table th:nth-child(3), .changeClientRates-tab-UserTable .table td:nth-child(3) {
    /* width: 270px; */
    border-left: 0px;
}
.changeClientRates-tab-UserTable .table th:nth-child(4), .changeClientRates-tab-UserTable .table td:nth-child(4) {
    width: 97px;
    border-left: 0px;
}
.changeClientRates-tab-UserTable .table td.ellipsis span{ padding-left:5px;}



.changeClientRates-tab-ClientTable .form-check-input,
.changeClientRates-tab-UserTable .form-check-input
{ position: relative;}

/* Setting :- change Client Rates section close */


/***** Settings Page  Css : end *******/






.footer{ /*background:#f3f7f8; */color:#fff; padding:7px 0px; position:absolute; bottom:0px; width:100%; }
.footer a{color:#fff;}
.footer a:hover{ color:#1faee6;}



/* ----------------------------------------Modal-----------------------------------------------------------*/
.modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}
@media(max-width: 768px) {
  .modal-dialog {
    min-height: calc(100vh - 20px);
  }

}
.modal-content{ background: none;}
.modal-header { padding:0.5rem 10px;
	/* border-bottom:1px solid #c7cdd2; */
	background:#476787;

	/* border-top-left-radius:0px;
	border-top-right-radius:0px; */
}
.modal-header .close{ padding:0px; margin:0px;
	text-shadow:0 1px 0 #476787;
	opacity:1;
	color: #1faee6;
}
.modal-header h4{font-size:0.9rem; /*font-family: 'robotomedium';*/ font-weight:bold; color: #fff; }
.modal-body h6{ font-size:13px; /*font-family: 'robotomedium';*/}
.modal-body{ padding:10px;}
.modal-body{
	 background:#f9f9f9;
	/* background:#d7dce1; */
}
.modal-body .border{border-radius: 0.25rem;}
.modal-body label.width-115{ text-align:right;}
.modal-footer { padding:0.5rem 10px; background:#fff;}
.close{ font-size:1.2rem;}
.graybg{ background:#f9f9f9; border:1px solid #e7e5e5; padding:10px;}
.whitebg{ background:#fff;}

.popup-details textarea{ width:100%; text-align:left;}

/* ----------Modal for  Payment---------*/
#set-payment-application .modal-dialog {max-width: 350px;}
#set-payment-application .modal-dialog .col-sm-6{width:50%;}
#set-payment-application .modal-dialog .col-sm-8{width:60%;}
#set-payment-application .modal-dialog .col-sm-4{width:40%;}
#set-payment-application .view-statemen-text a{ text-align:center; padding:10px 0px 0px; display:block; color:#1faee6; /*font-family: 'robotomedium';*/}
#set-payment-application .view-statemen-text a .icon{ position:relative; top:2px;}
#set-payment-application .border-bootm{ border-bottom:1px solid #e7e5e5;}
#set-payment-application .modal-header { padding:0.5rem 1rem;  }
#set-payment-application .modal-header h4{font-size:0.9rem; /*font-family: 'robotomedium';*/ }
#set-payment-application .modal-footer { padding:0.5rem 1rem;}


#confirmPayment-popup{}
#confirmPayment-popup img{ width:80px;}
#confirmPayment-popup button{/*font-family: 'robotomedium';*/ }
#confirmPayment-popup .color-payment{border-color:#058a07; color:#fff;}
#confirmPayment-popup .color-trust{border-color:#fccc24; color:#fff;}
#confirmPayment-popup .color-retainer{border-color:#ea7109; color:#fff;}

#error-popup{}
#error-popup img{ width:80px;}
#error-popup p{ margin-bottom:0px;}
#error-popup p:first-child{ margin-bottom:0.5rem;}

#inform-details-popup .modal-body .errors-details{ max-height:300px; overflow-y:auto;}

/*---Spelling Check popup----*/
#spelling-popup{}
#spelling-popup .modal-dialog {/*max-width: 350px;*/}
#spelling-popup img{ width:30px;}

#spellingSuggestions-popup{}
#spellingSuggestions-popup .modal-body{ padding-bottom:0px;}
#spellingSuggestions-popup .modal-body select.form-control-sm{ height:auto;}


#spellingOptions-popup{}
#spellingOptions-popup img{ width:30px;}
#spellingOptionsSettings-popup img{ width:30px;}


#spellingEditCustomDictionary-popup{}
#spellingEditCustomDictionary-popup .modal-dialog {/*max-width:300px;*/}





#addClientEmailAddress-popup{}
#addClientEmailAddress-popup .modal-dialog {/*max-width: 400px;*/}
#addClientEmailAddress-popup .col-form-label{ text-align:right; width:114px;}
#addClientEmailAddress-popup .modal-body{ background:#f1f4f8;}

#previewStatement-popup .modal-dialog {max-width:300px;}
#previewStatement-popup .modal-dialog a{}
#previewStatement-popup .icon-pdf{ font-size:50px;}




.settings-editMembers-popup{max-width:750px;}
.settings-editMembers-popup .table tbody {
    height:200px;
}
.settings-editMembers-popup .table th:first-child ,
.settings-editMembers-popup .table td:first-child {
    border-left: 1px solid #dee2e6; width:70px;
}
.settings-editMembers-popup .table th,
.settings-editMembers-popup .table td {
    border-left: 1px solid #dee2e6;
}
.settings-editMembers-popup .icon-arrow-left,
.settings-editMembers-popup .icon-arrow-right{ color:#fff; position:relative; top:2px;}

/* --- end ---*/


/*---Terms of Services Popup----*/
#termsOfServices-popup{}
.terms-content{ height:300px; overflow-y:scroll; border:1px solid #7f98a9; padding:5px;}
.terms-content h6{ font-weight:bold; font-size:15px;}


/*---Privacy Police Popup----*/
#privacyPolice-popup{}
.privacyPolice-content{height:300px; overflow-y:scroll; border:1px solid #7f98a9; padding:5px;}
.privacyPolice-content h6{color:#5585b9; font-weight:bold; font-size:15px; margin-bottom:5px;}


.statements-emailStatements-popup{ max-width:750px;}
.statements-emailStatements-popup table tbody{ height:445px;}
.statements-emailStatements-popup table thead th, .statements-emailStatements-popup table tbody td{ border-left:1px solid #c9caca;}
.statements-emailStatements-popup table thead th:first-child, .statements-emailStatements-popup table tbody td:first-child{ width:50px; border-left:0px; text-align:center;}
.statements-emailStatements-popup table thead th:nth-child(2), .statements-emailStatements-popup table tbody td:nth-child(2){ width:60px;}
.statements-emailStatements-popup label{font-family: 'robotobold';}
.statements-emailStatements-popup textarea{ height:120px;}
.statements-emailStatements-popup .btn-To{ padding:1px;}
.statements-emailStatements-popup .mgs{ border-radius:4px; padding:5px; color:#FFF;}
.statements-emailStatements-popup .mgs .icon-message{ color:#fff;}

.statements-selectClientEmailaddress-popup table tbody{ height:150px;}
.statements-selectClientEmailaddress-popup table thead th, .statements-selectClientEmailaddress-popup table tbody td{ word-break: break-all;}
.statements-selectClientEmailaddress-popup table thead th:first-child, .statements-selectClientEmailaddress-popup table tbody td:first-child{ border-left:0px;}
.statements-selectClientEmailaddress-popup .modal-footer{ justify-content:initial;}




.modal-backdrop:nth-child(2){z-index:100000000 !important;}




/* hack css for internet explora IE10 & IE 11 */
@media all and (-ms-high-contrast:none){

	.log-search textarea {height: 57px !important;} /*IE10 */
	 *::-ms-backdrop, .log-search textarea {height: 57px !important;} /* IE11 */


	/* scroll bar overlepe so use this css:-start */
	.table thead{width:100% !important;}  /*IE10 */
	 *::-ms-backdrop, .table thead{width:100% !important;} /* IE11 */
	 /* scroll bar:-end */

	 .statements-page .table td:first-child .form-check-input{ left: 30px !important;}
	 *::-ms-backdrop, .statements-page .table td:first-child .form-check-input{ left: 30px !important;} /* IE11 */
}
/* hack css for microsoft edge */
@supports (-ms-ime-align:auto) {
	.table thead{width:100% !important;}
}

/* hack css for internet explora:- end */


/*Small devices (landscape phones, 576px and up)*/
@media (min-device-width: 320px) and (max-device-width: 767px) {
	.logo{ text-align:center;}

	.top-menu ul{ float:none; justify-content: center; margin-top:15px;}
	.top-menu ul li:first-child{ float:none; display:block; text-align:center; width:100%; padding-right:0px; margin-bottom:5px;}
	.top-menu ul li:nth-child(2) .nav-link{ border-left:0px;}

	.navbar{ display:block;}
	.navbar button{ float:right; position:relative; top:5px; height:20px;}
	.logTabs .pl-4{ padding-left:15px !important;}
	.logTabs .button-sec .btn{ width:100%; margin-bottom:5px;}



	.timers-slider{width:100%;}
	.timers-slider form .hours-sec{ margin-top:0.2rem;}
	.notification-slider{ width:100%;}


}

/*Medium devices (tablets, 768px and up)*/
@media (min-device-width: 768px) and (max-device-width: 991px) {

	.header-sec div:first-child{
		flex: 0 0 20%;
   		max-width: 20%;
	}
	.header-sec div:last-child{
		flex: 0 0 80%;
   		max-width: 80%;
	}
	.header-sec div:last-child .top-menu{
		flex: 0 0 100%;
   		max-width: 100%;
		position:relative; top:5px;
	}
	.top-menu ul {
		float: right;
		margin-top: 0px;
		margin-bottom: 5px;
	}

	.navbar{ display:block;}
	.navbar button{ float:right; position:relative; top:7px;}


	/********************************************Log page css : start*********************************----*/

	/*log-fees-form*/
	.logTabs .tab-pane .width-110{ /*width:100%;*/}
	.logTabs .tab-pane .log-hours-sec{
		/* width:100%; */
		 margin-left:0px;}



	/***************************** footer : START ****************************/
	/*.footer{ position:initial; width:auto;}*/





}
@media (min-width: 992px) and (max-width: 1024px) {




/* .footer{position: fixed;} */
.logTable-without-filter .table > tbody{
	height: calc( 100vh - 410px ) !important;
}



	.tooltip {
        display: none !important;
	}

	.table thead {width: 100% !important;}
	.table td{ word-break:break-word;}
	/********************************************Log page css : start*********************************----*/
	.log-collapseHeader-btn {
		padding-right: 1px;
	}
	.log-collapseHeader .width-131 {
		width: 114px;
	}

	.log-hours-sec{ margin-left:20px;}

	/*log-search-form*/
	.log-search .search-hours {
    	width: 260px;
	}

	.log-search .search-type .ng-select,
	.log-search .timekeeper .ng-select{width: calc( (100vw - 535px)/2);}
	.log-search .search-client-name .ng-select,
	.log-search .search-client-name .ng-select,
	.log-search .search-matter-name .ng-select{ width: calc( (100vw - 295px)/2);}

	/* .logTable .table thead{width: calc( 100% - 0px);} */
	.logTable-with-filter{height: calc( 100vh - 540px ) !important;}
	/********************************************prebill page css : start*********************************----*/
	.prebill-right-sec .metter-form .width-110{ width:100px;}

	.prebill-clientName{ width: 190px !important;}
	.prebill-matterName, .prebill-userName{ width:310px !important;}
	/********************************************Prebill page css : end*********************************----*/

	/********************************************clients page css : start*********************************----*/
	.clients-page .page-tab ul li a {font-size:11px;}
	.clients-page .page-tab .nav-link {padding: 2px 3px; margin-right:1px;}


	.duplicateStatements-form .duplicateStatements-address{  width:330px;}



	/********************************************statements page css : start*********************************----*/

	.statements-page .table tbody{height:calc( 100vh - 305px );}

	#createStatements .table th:nth-child(4), #createStatements .table td:nth-child(4){ width:100px;}
	#createStatements .table th:last-child,   #createStatements .table td:last-child{ width:90px;}
	#createStatements .card {height: calc( 100vh - 215px );}

	#billedStatements .batchOperations {height: calc( 100vh - 401px );}

	#overdueClients .card {height:calc( 100vh - 215px );}
	#overdueClients .table th:nth-child(5), #overdueClients .table td:nth-child(5) {
		width: 120px;
	}

	#historyStatements .card {height:calc( 100vh - 215px );}

	#pendingRedrafts .clientOperations {height:70px}
	#pendingRedrafts .clientOperationsRebill {height:(100vh - 298px);}
	/********************************************statements page css : end*********************************----*/
  .reports-page .page-tab ul li a{
    font-size:12px;
  }
  .reports-page .page-tab .nav-link{padding: 2px 3px;}

}
/* Portrait and Landscape */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 1) {
	.statements-page .table thead{width: calc( 100% - 0px);}
}



@media (min-device-width: 1025px) and (max-device-width: 1280px) {
	/********************************************Log page css : start*********************************----*/
	.log-hours-sec { margin-left: 25px;}
	.log-hours-sec-calender { margin-left: 25px;}
	/********************************************Log page css : end*********************************----*/


	/********************************************Prebill page css : start*********************************----*/
	.metter-form .form-row .col .form-row{ width:565px;}
	/* .prebill-clientName{ width: 325px !important;}
	.prebill-matterName, .prebill-userName{ width:445px !important;} */
	/********************************************Prebill page css : end*********************************----*/
  .page-tab ul li a{ font-size:11px;}
  .page-tab .nav-link{
    padding:2px 4px;
  }

}


/*---- table css : start---*/

@media(max-width:960px) {
  .btn-group-log{ width: auto; float:none;}
  .btn-group-log .btn-group-section .btn-group{display: inline-flex; position: relative; top:5px;}
  .btn-group-log .btn-group-section .btn-group button:nth-child(2){ margin-left:5px; margin-right:5px;}
  .tooltip {
        display: none !important;
	}

	.table {
		border-bottom: 0;
		border-right: 1px solid #dee2e6;
	}

	.table tbody {
		height: auto !important;
		overflow-y: initial !important;
	}

	.table thead {
		width: 100%;
	}

	.table tr:last-child {
		margin-bottom: 0px;
	}

	.table th,
	.table td {
		border: 1px solid #dee2e6;
		border-bottom: 0;
		border-right: 0;

	}

	.table td {
		padding: 5px 0px;
		white-space: inherit;
   		word-break: break-word;

	}

	.table tr:last-of-type td {
		border-right: 0px;
	}

	.table tr {
		display: block;
		/* margin-bottom: 20px; */
	}

	.table td {
		display: block;
		width: 50%;
		padding-left: 50%;
		text-align: left;
		position: relative;
		box-sizing:content-box;
	}

	.table td:last-of-type {
		/* border: 1px solid #dee2e6; */
		border-right: 0px;
	}

	.table td:before {
		content: attr(data-title);
		position: absolute;
		width: 45%;
		left: 0;
		font-weight: bold;
		padding-left: 10px;

	}

	.table thead tr {
		position: absolute;
		left: -9999px;
		top: -9999px;
	}

	.modal .width-320{ width:auto;}

	.tab-content{ height:auto !important;}
	.form-check-label {padding-left: 3px;}
	 select.form-control-sm:not([size]):not([multiple]){height:28px;}
	.input-group-sm > select.form-control:not([size]):not([multiple]){ height:28px; }
	.gj-datepicker-bootstrap [role=right-icon] button .gj-icon, .gj-datepicker-bootstrap [role=right-icon] button .material-icons{ top: 6px;}
	.form-control-sm, .input-group-sm > .form-control{ height:auto; padding:0.25rem 0.5rem;}
	/* .input-append-custom[_ngcontent-ygc-c7] a[_ngcontent-ygc-c7]{ padding: 4px 0.5rem; top: 3px;} */

	.form-check-input{position: relative;}
	.ellipsis span {position: relative; white-space: initial; left: 0px !important;}
	.ellipsis span.p-left-5{ padding-left:0px;}
	.card {height:auto !important;}

	/*--Timerand notification Slider Css -----*/
	.slider-sec{
		top: 119px !important;
		 /* width: auto !important; */
		width: calc( 100% - 1px ) !important;
		/* height: auto !important; */
		height: calc( 100vh - 119px );
	}
	.slider-sec .slider-body{
		/* height: auto !important; */
	}
	.slider-sec .slider-body textarea{ min-height: 70px;}

	.slider-sec .slider-body.notification-height {
		height: calc(100vh - 200px);
	}

	.slider-sec .slider-body.timer-height {
		height: calc(100vh - 170px);
	}
		/***************************** lOG Page Css : START ****************************/
		.logTabs .log-dS-and-PS-button{
			position: relative;
			right:0px;
			width:100%;
			text-align: center;
		}
		.logTabs .log-filter-and-reset-button {
			display: flex;
			justify-content: center; /* Horizontally center all items */
			align-items: center;     /* Vertically center them */
			gap: 15px;               /* Space between items */
			flex-wrap: wrap;         /* Allow wrapping on small screens */
			width: 100%;
			text-align: center;      /* Keeps inner content aligned */
			position: relative;
			right: 0;
		}
		.logTabs .log-filter-and-reset-button .form-check-input#convertEventToFee {
			margin-left: 4px;
			top: 4px !important; /* override the inline style */
			width: 12px;
			position: relative; /* ensure top adjustment works */
		}
		.custom-time-picker .time-icon {
			top: 72% !important;
			transform: translateY(-50%) !important;
		}
		.logTable-without-filter .table > tbody,
		.logTable-with-filter .table > tbody{ height: auto !important;}

		.logTabs .justify-content-end{justify-content: flex-start !important;}

		.log-form .width-120,
		.log-form .log-clientName,
		.log-form .log-matterName,
		.log-form .log-userName,
		.log-form .log-timekeeper,
		.log-userName_task-code{flex: 0 0 100%; 	max-width: 100%;}

		.log-hours-sec {width:100%; margin-left: 0px;}
		.log-hours-sec-calender {width:100%; margin-left: 0px;}
		.logTabs .hourstext a span{ top:6px;}
		.log-hours-sec .amount{width:100%;}
		.log-hours-sec textarea{ min-height: 100px;}
		.log-form textarea{min-height: 100px;}

		.log-form .mobile{ display:block; font-weight: bold;}
		.log-form app-currency-formatter.mobile-amount {  width: calc( 100% - 0px);}
		.log-form app-currency-formatter.mobile-amount-icon{width:calc( 100% - 29px)!important;}

		.log-code-table{ width: auto !important;}
		.log-code-table .table tbody td{ min-height:20px;}
    .log-code-table .table thead th:first-child, .log-code-table .table tbody td:first-child{width:auto !important;}
		.log-code-table .table thead th:nth-child(2), .log-code-table .table tbody td:nth-child(2){width:auto !important;}
		.log-code-table .table thead th:last-child, .log-code-table .table tbody td:last-child{width: auto !important;}

		.logTable .table thead{width: 100%;}
		.logTable .table td{min-height:20px;}
		.logTable .text-right{ text-align: left !important;}

		/* logTable-with-matter */
		.logTable-with-matter .table th:first-child, .logTable-with-matter .table td:first-child{ width:auto; }
		.logTable-with-matter .table th:nth-child(2), .logTable-with-matter .table td:nth-child(2){ width:auto;}
		.logTable-with-matter .table th:nth-child(3), .logTable-with-matter .table td:nth-child(3){ width:auto;}
		.logTable-with-matter .table th:nth-child(4), .logTable-with-matter .table td:nth-child(4){ width:auto;}
		.logTable-with-matter .table th:nth-child(5), .logTable-with-matter .table td:nth-child(5){ width:auto;}
		.logTable-with-matter .table th:nth-child(6), .logTable-with-matter .table td:nth-child(6){ width:auto;}
		.logTable-with-matter .table th:nth-child(7), .logTable-with-matter .table td:nth-child(7){ width:auto;}
		.logTable-with-matter .table th:nth-child(8), .logTable-with-matter .table td:nth-child(8){ width:auto; }
		.logTable-with-matter .table th:last-child, .logTable-with-matter .table td:last-child{ width:auto;}

		/* end */

		/* logTable-without-matter */
		.logTable-without-matter .table th:first-child, .logTable-without-matter .table td:first-child{ width:auto; }
		.logTable-without-matter .table th:nth-child(2), .logTable-without-matter .table td:nth-child(2){ width:auto;}
		.logTable-without-matter .table th:nth-child(3), .logTable-without-matter .table td:nth-child(3){ width:auto;}
		.logTable-without-matter .table th:nth-child(4), .logTable-without-matter .table td:nth-child(4){ width:auto;}
		.logTable-without-matter .table th:nth-child(5), .logTable-without-matter .table td:nth-child(5){ width:auto;}
		.logTable-without-matter .table th:nth-child(6), .logTable-without-matter .table td:nth-child(6){ width:auto;}
		.logTable-without-matter .table th:nth-child(7), .logTable-without-matter .table td:nth-child(7){ width:auto; }
		.logTable-without-matter .table th:last-child, .logTable-without-matter .table td:last-child{ width:auto;}
		/* end */

		/* calender clients table */
		.client-calendar-sec .table th:first-child, .client-calendar-sec .table td:first-child{ width:auto;}
		.client-calendar-sec .table th:nth-child(2), .client-calendar-sec .table td:nth-child(2){  width:auto;}
		.client-calendar-sec .table th:nth-child(4), .client-calendar-sec .table td:nth-child(4){  width:auto;}
		.client-calendar-sec .table th:nth-child(5), .client-calendar-sec .table td:nth-child(5){  width:auto;}
		.client-calendar-sec .table th:nth-child(6), .client-calendar-sec .table td:nth-child(6){  width:auto;}
		.client-calendar-sec .table th:nth-child(7), .client-calendar-sec .table td:nth-child(7){  width:auto;}
		.client-calendar-sec .table th:last-child, .client-calendar-sec .table td:last-child{ width:auto;}
		/* end */

		/* calender logs table */
		.event-table-calendar .table th:first-child, .event-table-calendar .table td:first-child{ width:auto;}
		.event-table-calendar .table th:nth-child(2), .event-table-calendar .table td:nth-child(2){ width:auto;}
		.event-table-calendar .table th:nth-child(3), .event-table-calendar .table td:nth-child(3){ width:auto;}
		.event-table-calendar .table th:nth-child(4), .event-table-calendar .table td:nth-child(4){ width:auto;}
		.event-table-calendar .table th:nth-child(5), .event-table-calendar .table td:nth-child(5){ width:auto;}
		.event-table-calendar .table th:nth-child(7), .event-table-calendar .table td:nth-child(7){ width:auto;}
		.event-table-calendar .table th:last-child, .event-table-calendar .table td:last-child{ width:auto;}
		/* end */

		/*log-search-form*/
		.log-search .entry-numeber{width:100%;}
		.log-search .search-date{ width:100%;}
		.log-search .search-type{ width:100%;}
		.log-search .search-type .ng-select{ width:100%;}

		.log-search .timekeeper{width:100%;}
		.log-search .timekeeper .ng-select{width:100%;}

		.log-search .search-client-name,
		.log-search .search-client-name,
		.log-search .search-matter-name { width: 100%;}

		.log-search .search-client-name .ng-select,
		.log-search .search-matter-name .ng-select{ width: 100%;}

		.log-search .search-hours{ width:100%; margin-left: 0px;}

		/*------Code tabs css:start---------------------*/
		.codes-tab{height: auto;}

		.codes-btn button{ width:100%;}
		.codes-btn button:first-child{ margin-bottom:0.5rem;}
		.codes-btn select{ margin-top:0.4rem; width:100%;}

		.codes-table{height: auto;}
		.codes-table .form-control{width:96%;}
		.codes-table .table td:first-child{ width: auto; text-align: left;}
		.codes-table .table th:nth-child(2), .codes-table .table td:nth-child(2){width:auto;}
		.codes-table .table th:nth-child(3), .codes-table .table td:nth-child(3){width:auto;}
		.codes-table .table th:nth-child(4), .codes-table .table td:nth-child(4){width:auto;}
		.codes-table .table th:nth-child(5), .codes-table .table td:nth-child(5){ width:auto; text-align: left;}
		#taskCodes .codes-table .table th:nth-child(1), #taskCodes .codes-table .table td:nth-child(1){width:auto; text-align: left;}
		#taskCodes .codes-table .table th:nth-child(2), #taskCodes .codes-table .table td:nth-child(2){width:auto;}
		#expenseCodes .codes-table .table th:first-child, #expenseCodes .codes-table .table td:first-child{width:auto; text-align: left;}
		#expenseCodes .codes-table .table th:nth-child(2), #expenseCodes .codes-table .table td:nth-child(2){width:auto;}

		.codes-table table td, .codes-table table th{ border-left:0px;}
		/*-Code tabs css : end----*/

		#confirmPayment-popup img{ width:50px;}
		#error-popup img{ width:50px;}


		/***************************** Prebill Page Css : START ****************************/
		#one {width: 100%;}
		.split-vertical{ display:none;}
		#two {width: 100%;}
		.prebill-page{ height:auto;}
    /* .prebill-left-sec .table tbody{ height:auto;} */
    .prebill-left-sec-without-redraftDates .table tbody,
    .prebill-left-sec-with-redraftDates .table tbody{height:auto;}
		.prebill-left-sec .table th:first-child, .prebill-left-sec .table td:first-child{width:auto;}
		.prebill-left-sec .table td:nth-child(2){width:auto;}
		.prebill-left-sec .table th, .prebill-left-sec .table td{white-space:normal;}


		.prebill-right-sec .logs-sec .card-body{height:auto;}

		.prebill-clientList-mgs{ width:100%;  margin:0px auto 0px;}

		.prebill-right-sec .logs-sec .card-header{height: auto; background:#e9e9e9; line-height: normal; }
		.prebill-right-sec .logs-sec .card-header .mobile-heading { flex: 0 0 100%;	max-width: 100%; margin-bottom: 5px;}
		.prebill-right-sec .logs-sec .card-header .form-row .col-auto{flex: 0 0 auto;	max-width: auto;}
		.prebill-right-sec .default-metter .card-header2{ line-height: normal; height: auto; background:#e9e9e9; }
		.prebill-right-sec .default-metter .card-header2 i{ top: -1px;}

		.prebill-right-sec .metter .total .row .col{ padding-right:0px;}

		.prebill-right-sec .metter .table th:nth-child(4),
		.prebill-right-sec .metter .table td:nth-child(4){ width:auto;}
		.prebill-right-sec .metter-form .log-hours-sec{ margin-top:2px;}
		.prebill-right-sec .metter-form .col-md-6{ flex: 0 0 100%; 	max-width: 100%;}
		.prebill-right-sec .metter-form .col{ /*max-width:auto;*/}
		.prebill-right-sec .metter-form .width-110{ /*width:100%;*/}

		.prebill-right-sec .metter-form .prebill-hour-amount {
			width: calc(100% - 0px);
		}
		.prebill-right-sec .metter-form .timer-sec{margin-bottom:6px;}


		/* .prebill-right-sec .metter .row:nth-child(odd){ background:#edf1f4;}
		.prebill-right-sec .metter .row:nth-child(even){ background:#fff;} */
		.prebill-right-sec .metter .width-25,
		.prebill-right-sec .metter .width-75,
		.prebill-right-sec .metter .width-100,
		.prebill-right-sec .metter .width-80,
		.prebill-right-sec .metter .description-mobile{ width: 100%; display:block;}

		.prebill-right-sec .metter .width-25 .mobile,
		.prebill-right-sec .metter .width-75 .mobile,
		.prebill-right-sec .metter .width-100 .mobile,
		.prebill-right-sec .metter .width-80 .mobile,
		.prebill-right-sec .metter .description-mobile .mobile { width:50%; display:inline-block; font-weight: bold; padding-top:3px; padding-bottom:3px;}
		.prebill-right-sec .metter .description-mobile span{ width: 50%; display: inline-block; float:left; }
		.prebill-right-sec .metter .text-right{ text-align: left !important;}

		.prebill-right-sec .metter-form .mobile{ display:block; font-weight: bold;}
		.prebill-right-sec .metter-form .width-120,
		.prebill-right-sec .metter-form .prebill-clientName,
		.prebill-right-sec .metter-form .prebill-matterName,
		.prebill-right-sec .metter-form .prebill-userName{ width: 100%;}

		.prebill-right-sec .metter-form .log-hours-sec{width: 100%;}
		.prebill-right-sec .metter-form .button-sec .row{background: #37526d;}
		.prebill-right-sec .metter-form .button-sec button{ width: 100%; margin-bottom:5px;}
		.prebill-right-sec .metter-form .button-sec .marginLeft-5{ margin-left:0px;}

		.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{white-space: normal !important;}

		.prebill-right-sec .logs-sec .card-footer span{ display: block; top:-15px;}

		/***************************** Prebill Page Css : end ****************************/





		/********************************************client page css : start*********************************----*/
		.clients-page{ height:auto;}
		#one{ width:100%;}
		#two{ width:100%;}
		.split-vertical{ display:none;}

		.clients-page .btn-save{ margin-bottom:10px; width: calc(100% - 8px); }


		.client-left-sec .table td:nth-child(2){width:auto;}
		.client-left-sec .table th:first-child, .client-left-sec .table td:first-child{ width:auto;}


		.clients-right-sec .tab-content{ height:auto;}
		.clients-right-sec .form-group{ margin-bottom:0px;}
		.clients-right-sec .form-control-sm{ margin-bottom:8px;}
		.clients-right-sec .input-group-sm { margin-bottom:8px;}
		.clients-right-sec .input-group-sm .form-control-sm{margin-bottom:0px;}


		/*-----Client Tab css-*/

		.clients-right-sec .phone-number-sec .table tbody{min-height: 30px;}
		.clients-right-sec .email-address-sec .table tbody{ min-height: 30px;}
		.clients-right-sec .email-address-sec .table th:first-child, .clients-right-sec .email-address-sec .table td:first-child{ width: auto; border-right:0px;}
		.clients-right-sec .email-address-sec .table th, .clients-right-sec .email-address-sec .table td{border-right:0px;}
		.clients-right-sec .email-address-sec .table th:last-child, .clients-right-sec .email-address-sec .table td:last-child{ width: auto; border-right:0px; text-align:left !important;}
		.clients-right-sec .matterRatesForm .table tbody{height:auto;}

		.clients-right-sec #client .contact-info-sec, .clients-right-sec .mattersForm{flex: 0 0 100%; max-width: 100%;}

		.clients-right-sec .client-form .width-332{ width:100% !important;}
		.clients-right-sec .client-form .ipad{ flex: 0 0 100%; 	max-width: 100%;}

		.clients-right-sec #client .col-auto{ width:auto; }
		.clients-right-sec #client .width-62, .clients-right-sec #client .width-78{ width: 96px !important;}
		.clients-right-sec #client .input-group-append{ height:28px;}
		.clients-right-sec #client .card-header .col-auto{text-align:left !important;}
		.clients-right-sec .matters-label{ width:100% !important; display:block;}
		.clients-right-sec .matters-selectbox{width:100% !important; display:block; height:20px;}
		.clients-right-sec .matters-btn{ width:100% !important; display:block; padding-bottom:5px;}
		.clients-right-sec .matters-btn span{ float:left;}
		.clients-right-sec #client .phone-number-sec{ margin-top:10px;}
		.clients-right-sec #client .email-address-sec{margin-top:10px;}
		.clients-right-sec .matterRatesForm .table th:last-child, .clients-right-sec .matterRatesForm .table td:last-child{ width: auto; text-align:left;}
		.clients-right-sec .matterRatesForm .table th, .clients-right-sec .matterRatesForm .table td{border-right:0px;}


		/*-----popup-------*/
		#addClientEmailAddress-popup .col-form-label{ text-align:left;}





		/*-----Balances tab-----------*/
		.clients-right-sec #balances .col-auto{ width:auto; }
		.clients-right-sec #balances .width-55, .clients-right-sec #balances .width-75, .clients-right-sec #balances .width-95{ width:95px;}
		.clients-right-sec .billedStatement .table tbody{ height:auto; min-height: 100px;}

		.billedStatement .table th:nth-child(1), .billedStatement .table td:nth-child(1){ width:auto !important;}
		.billedStatement .table th:nth-child(2), .billedStatement .table td:nth-child(2){ width:auto;}
		.billedStatement .table th:nth-child(3), .billedStatement .table td:nth-child(3){ width:auto;}
		.billedStatement .table th:nth-child(4), .billedStatement .table td:nth-child(4){ width:auto;}
		.billedStatement .table th:nth-child(5), .billedStatement .table td:nth-child(5){ width:auto;}
		.billedStatement .table th:nth-child(6), .billedStatement .table td:nth-child(6){ width:auto;}
		.billedStatement .table th:nth-child(7), .billedStatement .table td:nth-child(7){ width:auto;}
		.billedStatement .table th:nth-child(8), .billedStatement .table td:nth-child(8){ width:auto;}
		.billedStatement .table th:last-child, .billedStatement .table td:last-child{ width:auto !important;}

		.billedStatement .table th.text-right, .billedStatement .table td.text-right, .billedStatement .table td.text-center{ text-align: left !important;}
		#balances .startingBalance-form .col-md-3{flex: 0 0 100%; max-width: 100%;}


		/*-----Trust Retainer tab-----------*/
		.clients-right-sec #trustRetainer .col-auto{ width:140px; text-align:right;}
		.clients-right-sec #trustRetainer .col-form-label {width:100%;}
		.clients-right-sec #trustRetainer textarea{ height:auto;}
		.clients-right-sec .enableTrust-form .mb-27{ margin-bottom:auto !important;}
		.clients-right-sec #trustRetainer .col-md-6{flex: 0 0 100%; max-width: 100%;}


		/*-----Statement Options tab-------------*/
		.clients-right-sec #statementOptions .col-auto{ width:auto; text-align:right;}
		.clients-right-sec .statementOptions-form .dueDate-sec{ height:auto;}
		.clients-right-sec #statementOptions .dueDate-sec .form-check{ width:100%; text-align:right; padding-right:10px;}
		.clients-right-sec .statementOptions-form .col-md-5, .clients-right-sec .statementOptions-form .col-md-7{flex: 0 0 100%; max-width: 100%;}
		.statementOptions-form .statement-message-textarea textarea{ min-height:100px;}
		.statementOptions-form .statement-address-mb-10{ margin-bottom:8px;}

		/*----Dup. Statements tab-----------------*/
		.clients-right-sec .duplicateStatements-form form textarea{ min-height: 100px;}
		.clients-right-sec .duplicateStatements-form .button-sec .col-auto{ width:100%;}
		.clients-right-sec .duplicateStatements-form .button-sec .form-check{ text-align:center; margin:5px 0px;}
		.clients-right-sec .duplicateStatements-form .button-sec .col-auto .btn-sm{ width:100%;}
		.clients-right-sec .duplicateStatements-form .button-sec .col .btn-primary{width:100%; margin-bottom:5px;}

		.duplicateStatements-form .whitebg{ min-height: 100px; height:auto;}
		.duplicateStatements-form .whitebg .clickable{width: 100%;}
		.duplicateStatements-form .duplicateStatements-address{ width:auto;}


		/*----Installment Billing  tab-----------------*/
		.clients-right-sec #installmentBilling .col-auto{ width:145px; text-align:right;}
		.clients-right-sec .installmentBilling-form .col-form-label{ width:100%;}
		.clients-right-sec .installmentBilling-form form textarea{  height:auto; min-height: 100px;}


		/*----Recurring Charges  tab-----------------*/
		.clients-right-sec #recurringCharges .col-auto{ width:106px; text-align:right;}
		.clients-right-sec .recurringCharges-form textarea { height:auto; min-height:100px;}
		.clients-right-sec #recurringCharges .col-md-6{flex: 0 0 100%; max-width: 100%;}


		/*----Notes tab-----------------*/
		.clients-right-sec .notes-form form textarea {height:auto; min-height:100px; }



	/********************************************client page css : end*********************************----*/




	/***************************** Statement Page Css : START ****************************/



	.statements-page .table tbody{height:auto}


	.statements-page .satement-right-sec{ width:100%; margin-top:20px;}


	/*----Create Statements Tabs----*/
	#createStatements .table tbody{height: auto;}
	#createStatements .table th:first-child,  #createStatements .table td:first-child{ width:auto; text-align:left !important; }


	#createStatements .table th:nth-child(2), #createStatements .table td:nth-child(2){ width:auto;}
	#createStatements .table th:nth-child(4), #createStatements .table td:nth-child(4){ width:auto;}
	#createStatements .table th:nth-child(5), #createStatements .table td:nth-child(5){ width:auto;}
  #createStatements .table th:nth-child(6), #createStatements .table td:nth-child(6){ width:auto;}
  #createStatements .table th:nth-child(7), #createStatements .table td:nth-child(7){ width:auto; text-align:left !important;}
	#createStatements .table th:last-child,   #createStatements .table td:last-child{ width:auto; text-align:left !important;}
	#createStatements .table tfoot tr{display: flex;}

  .statements-emailStatements-popup .width-270{ width:100%; margin-bottom:10px;}
	/* .statements-emailStatements-popup .width-300{ width:100%; margin-bottom:10px;} */
	.statements-emailStatements-popup{ max-width:auto;}
	.statements-emailStatements-popup table tbody{ height:auto;}
	.statements-emailStatements-popup table thead th, .statements-emailStatements-popup table tbody td{ border-left:0px;}
	.statements-emailStatements-popup table thead th:first-child, .statements-emailStatements-popup table tbody td:first-child{ width:auto; border-left:0px; text-align:left;}
	.statements-emailStatements-popup table thead th:nth-child(2), .statements-emailStatements-popup table tbody td:nth-child(2){ width:auto;}
	.statements-emailStatements-popup textarea{ height:auto;}

	.statements-selectClientEmailaddress-popup .modal-footer .col-auto, .statements-selectClientEmailaddress-popup .modal-footer .col{flex: 0 0 100%;
		max-width: 100%;
		text-align: center !important;
	}
	.statements-selectClientEmailaddress-popup .modal-footer .col-auto{ margin-bottom:10px;}
	.selectClientGroup-popuupTable td {	width: calc(100% - 10px);	padding-left: 10px;	}




	/*----Billed Statements Tabs----*/
	#billedStatements .batchOperations{height:auto;}
	#billedStatements .batchAndStatement-table .table th:first-child,  #billedStatements .batchAndStatement-table .table td:first-child{ width:auto; text-align: left !important;}
	#billedStatements .batchAndStatement-table .table th:nth-child(2), #billedStatements .batchAndStatement-table .table td:nth-child(2){ width:auto;}
	#billedStatements .batchAndStatement-table .table th:nth-child(3), #billedStatements .batchAndStatement-table .table td:nth-child(3){ width:auto;}
	#billedStatements .batchAndStatement-table .table th:last-child,  #billedStatements .batchAndStatement-table .table td:last-child{ width:auto;}

	#billedStatements .client-table .table th:first-child,  #billedStatements .client-table .table td:first-child{ width:auto;}
	#billedStatements .client-table .table th:last-child,   #billedStatements .client-table .table td:last-child{ width:auto;}

	#billedStatements .table tfoot tr{display: flex;}
	#billedStatements .table tfoot th .col-auto{flex: 0 0 100%;	max-width: 100%;}
	#billedStatements .table tfoot .border-right{ border-right:0px !important;}

	/*----overdueClients Statements Tabs----*/
	#overdueClients .table tbody{height: auto;}
	#overdueClients .table th:first-child,  #overdueClients .table td:first-child{ width:auto; text-align:left !important;}
	#overdueClients .table th:nth-child(2), #overdueClients .table td:nth-child(2){ width:auto;}
	#overdueClients .table th:nth-child(4), #overdueClients .table td:nth-child(4){ width:auto;}
	#overdueClients .table th:nth-child(5), #overdueClients .table td:nth-child(5){ width:auto;}
	#overdueClients .table th:last-child,   #overdueClients .table td:last-child{ width:-webkit-fill-available; text-align:left !important;}
	#overdueClients .table tfoot tr:nth-child(odd){background: #ececec;}

	/*----historyStatements Statements Tabs----*/
	#historyStatements .table tbody{height:auto;}
	#historyStatements .table th:first-child,  #historyStatements .table td:first-child{ width:auto; text-align: left !important;}
	#historyStatements .table th:last-child,   #historyStatements .table td:last-child{ width:auto; text-align: left !important;}
	#historyStatements .table tfoot tr:nth-child(odd){background: #ececec;}

	/*----pendingRedrafts Statements Tabs----*/
	#pendingRedrafts .clientOperations {height:auto;}
	#pendingRedrafts .table th:first-child,  #pendingRedrafts .table td:first-child{ width:auto; text-align: left !important;}
	#pendingRedrafts .table th:nth-child(2), #pendingRedrafts .table td:nth-child(2){ width:auto;}
	#pendingRedrafts .table tfoot tr:nth-child(odd){background: #ececec;}

	/***************************** Statement Page Css : end ****************************/

	/***************************** Reports Page Css : START ****************************/
	.reports-page .tab-content .card{height:auto; min-height: 400px; margin-bottom:10px;}
	.reports-page .tab-content .col-md-4{flex: 100%; max-width:100%;}
	.reports-page .width-400{ width:100%;}
	.reports-page .ng-select{ width: inherit;}
	.reports-page .ng-select.ng-select-single .ng-select-container .ng-value-container {width: calc( 100vw - 207px);}

	/***************************** Setting Page Css : START ****************************/
	.settings-page .btn-save{ margin-bottom:10px; width: calc(100% - 0px); }
     /*------Office Settings Tab :- start ------*/
	.officeSettings-left, .officeSettings-right{flex: 0 0 100%;	max-width: 100%;}
	.settings-page #officeSettings .officeSettings-user{ margin-bottom:0.5rem;}
	.settings-page #officeSettings .officeSettings-user .card-body{ height: auto; overflow-y: auto;}
	.settings-page #officeSettings .officeSettings-user .card-body .text-right{ text-align: left !important;}
	.settings-page #officeSettings .officeAddress .card-body{ height: auto; overflow-y: auto;}

	.settings-page #officeSettings .user .text-right{ padding-left:6px; text-align:left !important; padding-top:5px;}
	.settings-page #officeSettings .email-address-sec .table thead{ width: calc( 100% - 2px);}
	.settings-page #officeSettings .email-address-sec .table th,
	.settings-page #officeSettings .email-address-sec .table td{ width: calc( 50% - 1px);}
	/*------Office Settings Tab :- end ------*/

	/*------Client Settings Tab :- start ------*/
	#clientSettings .col-6{	flex: 0 0 100%;	max-width: 100%;}
	.settings-page #clientSettings .clientSettings-sec {width: 100%;}
	.settings-page #clientSettings .practiceAreas-sec .table tbody td{width:auto; padding-left:0px;}
	.settings-page #clientSettings .practiceAreas-sec .table tbody td div{ padding-left: 5px;}
	.settings-editMembers-popup .table tbody{ min-height: 100px;}
	.settings-editMembers-popup .col-md-6{flex: 0 0 100%;	max-width: 100%;}
	.settings-editMembers-popup .table th:first-child, .settings-editMembers-popup .table td:first-child{ width: auto;}
	/*------Client Settings Tab :- end ------*/



	.settings-page #statementSettings .width-400{ width:100%; margin-bottom:0.5rem;}
	.settings-page #statementSettings .statementDefaults .card .card-body{ height:auto;}
	.settings-page #statementSettings .defaultPaymentApplication{ margin-bottom:0.5rem;}

	 /*------Log Settings Tab :- start ------*/
	 #logSettings .width-320{ width:100%; margin-bottom:20px;}
	 /*------Log Settings Tab :- End ------*/

	 /*------Default Descriptions Tab :- start ------*/
	 #defaultDescriptions .col-6{flex: 0 0 100%;	max-width: 100%;}
	 .settings-page #defaultDescriptions textarea{ height:auto;}
	/*------Default Descriptions Tab :- End ------*/

	/*------User Settings Tab :- start ------*/
    #userSettings .width-320{ width:100%;}
    /*------User Settings Tab :- END ------*/

	/**************************** setting Page Css : end *************************************/

	/***************************** footer : START ****************************/
	.footer{ position:initial !important; width:auto; text-align:center;}
	.footer .col-md-4{flex: 0 0 100%;	max-width: 100%;}
	.footer .text-right{ text-align:center !important;}



	/*---Terms of Services Popup----*/
	#termsOfServices-popup .width-800{ width:auto;}
	#termsOfServices-popup .mobile-terms-privicy .col-auto{ text-align: center; flex: 0 0 100%;	max-width: 100%; margin-bottom: 10px;}
	#termsOfServices-popup .width-800 img{ width:50px;}

	#termsOfServices-popup .mobile-terms-privicy .col{ flex: 0 0 100%;	max-width: 100%;}


	/*---Privacy Police Popup----*/
	#privacyPolice-popup .width-800{ width:auto;}
	#privacyPolice-popup .mobile-terms-privicy .col-auto{ text-align: center; flex: 0 0 100%;	max-width: 100%; margin-bottom: 10px;}
	#privacyPolice-popup .width-800 img{ width:50px;}


}
@media(max-width:400px){
	#createStatements .table th:nth-child(4), #createStatements .table td:nth-child(4){ height: 35px;}
	#overdueClients .table td:nth-child(5){ height: 35px;}
}

@media screen and (orientation:landscape)
and (min-device-width: 320px)
and (max-device-width: 960px) {
	.log-collapseHeader-icon {
		position: relative;
		top: 0px;
	}
	.log-collapseHeader .col{
		/* max-width:85px; */
	}
	.log-collapseHeader .mobileView{
		/* width: calc(100% - 85px); */
		width:100%;
	}
	.log-collapseHeader-text table{ width:100%;}

	.log-collapseHeader .width-131 {
		max-width: 100%;
		flex: 0 0 100%;
    	width: 100%;
	}
	.log-collapseHeader-btn{ padding-right:0px;}
	.log-collapseHeader-btn .btn {
		float: right;
		margin:0px 0px 5px;


	}


	/* new change */
	/* .mobile-displayNone{ display: none;} */
	/* .log-collapseHeader-text table tr td:nth-child(1){ display:block; width:100%; border:1px solid #000;} */
  }
  @media screen and (orientation:portrait)
	and (max-device-width: 767px) {
	.log-collapseHeader .col{ max-width:85px;}
	.log-collapseHeader-text .pr-20{ padding-right:0px;}
	/* .log-collapseHeader-text td { display: inline-block;}
	.log-collapseHeader-text td span{ display: block; min-width:80px;} */
	.log-collapseHeader-text .mobile-displayNone{ display: none;}
	/* calender logs table */
		.log-collapseHeader-text .table th:first-child, .log-collapseHeader-text .table td:first-child{ width:auto;}
		.log-collapseHeader-text .table th:nth-child(2), .log-collapseHeader-text .table td:nth-child(2){  width:auto;}
		.log-collapseHeader-text .table th:nth-child(3), .log-collapseHeader-text .table td:nth-child(3){width: auto;}
		.log-collapseHeader-text .table th:nth-child(4), .log-collapseHeader-text .table td:nth-child(4){  width:auto;}
		.log-collapseHeader-text .table th:nth-child(5), .log-collapseHeader-text .table td:nth-child(5){  width:auto;}
		.log-collapseHeader-text .table th:last-child, .log-collapseHeader-text .table td:last-child{ width:auto;}
		/* end */
	.log-collapseHeader .mobileView{
		max-width: calc(100% - 85px);
		padding-left:0px;
	}
	.log-collapseHeader .width-131 {
		max-width: 100%;
		flex: 0 0 100%;
    	width: 100%;
	}
	.log-collapseHeader-btn{ padding-right:0px;}
	.log-collapseHeader-btn .btn{ float: right; margin:5px 0px; }
	.log-collapseHeader-icon {top: 5px;	}
  }
  /* @media screen and (orientation:portrait)
  and (min-device-width: 768px)
  and (max-device-width: 960px) {


  } */
@media(max-width:590px){
	.clients-right-sec #statementOptions .text-muted{ width:100%; text-align: left; padding-left:155px;}
	.clients-right-sec #statementOptions .dueDate-sec .col-auto.dueDate-checkbox{ width:100%; text-align:left !important;}
	.clients-right-sec #statementOptions .dueDate-sec .form-check{text-align:left !important; padding-left:176px;}

	.settings-page .office-ids-input .width-64,
	.settings-page .office-ids-input .width-85,
	.settings-page .office-ids-input .width-50
	{ width: 90px; text-align: right;}

}
/*---- table css : end---*/
@media (min-width: 961px) and (max-width: 991px){
  .clients-page {
    height: auto;
    margin-bottom: 10px;
  }
  .page-tab ul li a{ font-size:10.5px;}
  .page-tab .nav-link{
    padding:2px 2px;
  }
  .footer{
    width:auto;
    position:inherit;
  }
  .prebill-page {
      background: #d7dce1;
      height: calc( 100vh - 91px );
  }
  .satement-right-sec {
    width: auto;
    margin-top: 20px;
  }
}