.column-2>li {
  width: 50%;
}
.column-4>li {
width: 25%;
}

.column-5>li {
width: 20%;
}

.column-6>li {
width: 16.66%;
}

.field-view {
min-height: 30px;
color: #676767;
}
.max-height-150 .notification-text-outer{
  max-height:150px;
  overflow-y:auto;
  overflow-x:hidden;
  display: block !important;
}
textarea.custom-form-control {
    height: auto;
    max-width: 100% !important;
    background: #fff;
    resize: none;
    max-height: 200px;
    overflow-y: auto;
    border: 0;
    border-radius: 5px;
    padding: 10px;
}
.custom-multiselect-dropdown{
position: relative;

}
.custom-multiselect-dropdown .dropdown-list{
border-radius: 0 0 5px 5px !important;
    -webkit-box-shadow: 0 7px 6px rgba(0, 0, 0, .18) !important;
    box-shadow: 0 7px 6px rgba(0, 0, 0, .18) !important;
    border: 0px !important;
}
.custom-multiselect-dropdown .dropdown-list .item1{
      display: flex;
    flex-direction: column-reverse;
}
.custom-multiselect-dropdown .dropdown-list li{
      padding: 10px 20px !important;
    position: relative;
}
.custom-multiselect-dropdown .multiselect-item-checkbox input[type=checkbox]:checked + div:before {
    background: #4282be !important;
    border-color: #4282be !important;
}
.custom-multiselect-dropdown .dropdown-list li.filter-textbox{
      background: #f5f5f5 !important;
      padding: 10px 15px;
}
.custom-multiselect-dropdown .dropdown-list li.filter-textbox input{
      background: #fff !important;
    border-radius: 5px !important;
    border: 1px solid #bac3c9 !important;
    padding: 9px !important;
    font-size: 11px !important;
}
.custom-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item{
  background: #f5f5f5 !important;
    color: #000 !important;
}
.custom-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item:hover{box-shadow: none !important;}
.custom-multiselect-dropdown .multiselect-dropdown .dropdown-btn .selected-item a{color: #000 !important;}

.word-break{
  word-break: break-word;
}
.emp-count{color: #2A5EE3 !important;
    font-weight: 600;}


.width-80 {
width: 80px;
}

.claim-amount {
  display: inline-block;
  float: right;
  margin-right: 20px;
  margin-top: -10px;
}
.btn-declare + .btn-close {
  margin-left: 88px;
}

.column-6>li.column-6-offset-1 {
width: 83.34%;
}

.column-4>li.column-4-offset-1 {
width: 75%;
}

.cm {
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  line-height: 24px;
}

.tax-table-row .table-normal .td span {
vertical-align: middle;
}

.cm-text {
	color: #4282be;
	text-decoration:underline;
}

.pl-10 {
padding-left: 10px;
}

.tax-table-row .table-normal .td i.material-icons {
font-size: 16px;
vertical-align: middle;
}

.panel-subheading {
padding-top: 20px;
text-transform: uppercase;
border-bottom: solid 1px #aeaeae;
margin-bottom: 20px;
font-size: 16px;
color: #404040;
}

.claim-summary-outer {
background: #eee;
border-radius: 6px;
display: table;
width: 100%;
height: 36px;
margin: 10px 0;
}

.cs-title,
.cs-total {
vertical-align: middle;
padding: 5px 10px;
}

.cs-title {
font-size: 18px;
letter-spacing: -0.5px;
line-height: 18px;
color: #4282be;
text-align: left;
font-weight: 600;

}

.cs-total {
font-size: 18px;
color: #676767;
letter-spacing: -0.5px;
line-height: 18px;
text-align: right;
;
}

.panel-icon-size {
width: 30px;
height: 30px;
}

.panel-heading .btn {
float: right;
margin-top: -5px;
}

.new-claim-dialog .alt-modal {
width: 800px;
}

.new-claim-dialog .alt-modal .alt-modal-body {
max-height: 400px;
overflow: auto;
width: 100%;
}

.alt-modal .panel-heading .claim-amount {
margin-right: 100px;
}

.new-claim-dialog .claim-summary-outer {
margin: 30px 0 20px;
}
.column-2>li.col-merge-2 {
  width: 100%;
}
.column-6 .col-merge-3 {
width: 50%;
}

.column-6 .col-merge-2 {
width: 33.33%;
}

.fields-group>li {
padding-top: 7px;
padding-bottom: 8px;
display: block;
/*min-height: 90px;*/
}
.column-minheight-70 > li {
  min-height: 70px;
}
.fields-group.column-3.clear-child>li:nth-child(3n+1),
.fields-group.column-4.clear-child>li:nth-child(4n+1),
.fields-group.column-5.clear-child>li:nth-child(5n+1),
.fields-group.column-6.clear-child>li:nth-child(6n+1) {
  clear: both;
}
.fields-group.column-5.clear-child>li:nth-child(3n+1).col-merge-2 {
  clear: both;
}
.fields-group.height-auto>li{
min-height: auto;
height: auto;
}
.fields-group.col-max-w>li {
  max-width: 260px;
  }

.fields-output {
  min-height: 26px;
  max-width: 99.9%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  clear: both;
  line-height: 16px;
}
.text-ellipsis-none .fields-output {
  overflow: inherit;
  white-space:normal;
  text-overflow: inherit;
  word-break: break-word;
}


a.link {
cursor: pointer;
}

.pointer {
cursor: pointer;
}

.attachment-link {
padding-left: 40px;
position: relative;
color: #979797;
}

.attachment-link .btn {
margin-left: -40px;
float: left;
position: relative;
max-width: 30px;
min-width: 30px;
font-size: 16px;
padding-top: 7px;
padding-left: 0px;
padding-right: 0px;
overflow: hidden;
}

.attachment-link .btn input {
position: absolute;
z-index: 2;
width: 30px;
height: 30px;
font-size: 18px;
opacity: 0;
top: 0px;
left: 0px;
cursor: pointer;
}

.table-fixed {
display: table;
table-layout: fixed !important;
width: 100%;
}

.table-fixed .td {
padding: 5px;
vertical-align: top;
}

.tr {
display: table-row;
}

.col-sno {
width: 50px;
}

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

.icon-btn-30 {
width: 30px;
padding: 5px 0px;
line-height: 18px;
font-size: 18px;
font-weight: bold;
text-align: center;
}

textarea.formfield-control {
resize: vertical !important;
min-height: 40px !important;
max-width: 100% !important;
}

.section-devider {
border-bottom: solid 2px #eeeeee;
margin: 15px 0px;
}

.section-title {
font-size: 12px;
color: #494949;
font-family: 'DIN Bold';
text-transform: uppercase;
margin-bottom: 15px;
}

.more-info-outer {
display: inline;
float: right;
position: relative;
padding-left: 15px;
padding-top: 1px;
font-family: 'DIN Regular';
}

.more-info-outer .material-icons {
font-size: 18px;
color: #6da4d8;
opacity: 0.8;
}

.more-info-outer .allowance-listing {
width: 100%;
}

.more-info-outer .allowance-listing td {
padding: 3px 0;
color: #fff;
}

.claim-summary-outer:after,
.claim-summary-outer:before {
content: '';
display: table;
clear: both;
visibility: hidden;
}

.attach-help-text {
display: inline-block;
line-height: 16px;
}

.mandatory {
color: #E71D09 !important;
}

.mandatory>label, .mandatory alt-file-upload>label {
color: #E71D09 !important;
}

.mandatory .formfield-control, .mandatory alt-file-upload .btn {
border: 1px solid #E71D09 !important;
}

.table-body {
display: table-row-group;
}

.datepicker-field material-datepicker {
display: block;
clear: both;
margin: -3px -10px;
height: 30px;
}

.datepicker-field .datepicker {
max-width: 100%;
width: 100%;
}

.datepicker-field .datepicker .datepicker__calendar__cancel {
display: none;
}

.datepicker-field .datepicker input {
height: 24px;
background: none !important;
display: block;
padding: 3px 10px !important;
color: #979797 !important;
font-size: 12px !important;
font-family: 'DIN Regular';
font-weight: lighter;
cursor: pointer;
line-height: 24px;
}
.datepicker input.datepicker__input {
  width: 100% !important;
  max-width: 100% !important;
}

.datepicker-field .datepicker .datepicker__calendar__nav__header input, .datepicker__calendar__nav__header input.datepicker__calendar__nav__header__year
 {
  display: inline-block !important;
  height: 30px;
  padding: 2px 4px !important;
  float: inherit;
  font-size: 14px !important;
}
.datepicker__calendar__nav__header .ng-tns-c14-2 {
display: inline-block;
height: 30px;
line-height: 28px;
font-family: 'DIN Bold';
}

.calender_icon {
position: absolute;
right: 7px;
top: 4px;
z-index: 1;
cursor: pointer;
}

.datepicker-field .datepicker__calendar {
left: 0px !important;
top: 100% !important;
}

.mwidth-80 {
max-width: 130px !important;
}

.attached-path,
.ellipsis {
display: inline-block;
position: relative;
max-width: 99.9%;
overflow: hidden;
white-space: nowrap;
clear: both;
padding-right: 12px;
text-overflow: ellipsis;
}

.new-claim-dialog .attached-path {
display: block !important;
color: #4282be !important;
}

.attached-path .mdi-close {
position: absolute;
right: 0px;
cursor: pointer;
z-index: 2;
top: 1px;
color: red;
}

.layout-right-sidebar .content {
padding-right: 30px;
padding-left: 20px;
display: table-cell;
width: 80.6%;
padding-top: 2px;
}

.tax-guideline {
background-color: #DAE7FD;
color: #4987F3;
padding: 15px;
border-radius: 5px;
margin-bottom: 15px;
}

.tax-table-row {
position: relative;
margin-left: -15px;
margin-right: -15px;
margin-bottom: 15px;
}

.tax-table-row .tr.selected {
background-color: #f1f6fc;
}

.tax-table-row .tr.selected .td .formfield-control {
background-color: #fff;
border-color: #fff;
}

.tax-table-row .table-normal .th label {
color: #333;
}

.table-normal {
display: table;
width: 100%;
}

.table-normal .tr .td .form-group {
margin-bottom: 0 !important;
}

.table-normal .tr .td {
vertical-align: middle;
}

.table-normal .tr .td .form-group a.file-btn {
margin-top: 0px !important;
}

.tax-table-row .table-normal .td {
padding: 5px 15px;
vertical-align: middle;
}
.tax-table-row .table-normal .th {
padding: 5px 15px;
vertical-align: top;
}

.attached-path .mdi-close {
display: none
}

.attached-path:hover .mdi-close {
display: block;
}

.panel-open .btn-declare {
display: none;
}

.btn-close {
display: none;
box-shadow: none;
color: #adadad;
padding-right: 0px;
padding-left: 0px;
}

.panel-heading .btn-close .mdi {
color: #adadad;
}

.emp-taxcard-inner {
display: none;
}

.panel-open .btn-close {
display: inline-block;
}

.emp-tax-info .card-style,
.taskinbox-emp-cardstyle .emp-tax-info .card-style,
.taskinbox-emp-cardstyle .emp-tax-info .emp-profilecard-inner {
background: none;
box-shadow: none;
}

.emp-tax-info .emp-taxcard-inner {
display: block;
height: 130px;
}

.emp-tax-info .emp-taxcard-inner .profile-progress-large {
background: #fff;
border-radius: 5px;
width: 140px;
max-height: 130px;
}

.emp-tax-info .emp-profilecard-inner {
background: #fff;
border-radius: 6px;
position: relative;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}

.emp-tax-info .emp-taxcard-inner .profile-progress-large .center-link {
white-space: nowrap;
font-family: 'DIN Medium';
padding: 8px 0;
}

.emp-tax-info .td.emp-profilepic-cell {
width: 100%;
padding: 15px !important;
}

.emp-tax-info .profile-progress-large .c100 {
float: none;
margin: 0 auto;
}

.tax-detail-card {
display: block;
background: #3b4551;
border-radius: 5px;
height: 130px;
margin-left: 155px;
padding: 25px 30px;
}

.tax-detail-card .table-layout .td {
vertical-align: middle;
}

.approximate {
color: #fff;
font-size: 20px;
text-transform: uppercase;
font-family: 'DIN Medium';
}

.approximate span {
font-family: 'DIN Regular';
font-weight: lighter;
font-size: 22px;
}

.tax-calcu-text {
color: #63a3e0;
font-size: 26px;
text-transform: uppercase;
font-family: 'DIN Bold';
}

.tax-year-text {
color: #fff;
font-size: 18px;
font-family: 'DIN Regular';
font-weight: lighter;
}

.total-taxdeduction-amount {
color: #ff8788;
font-size: 36px;
font-family: 'DIN Regular';
font-weight: lighter;
text-align: center;
}

.total-taxdeduction-text,
.saved-tax-text {
color: #fff;
font-size: 16px;
text-transform: uppercase;
font-family: 'DIN Regular';
text-align: center;
}

.saved-tax-amount {
color: #89fe62;
font-size: 36px;
font-family: 'DIN Regular';
font-weight: lighter;
text-align: center;
}

.total-taxdeduction-amount sup,
.saved-tax-amount sup {
color: #fff;
font-size: 22px;
}

.tax-deduction-col {
border-right: solid 2px #555f6b;
padding-right: 20px;
}

.save-tax-col {
padding-left: 25px;
}

.width-15 {
width: 15px;
}

.house-rent-tableouter {
padding: 10px 0;
}

.house-rent-tableouter+.house-rent-tableouter {
border-top: dashed 1px #aeaeae;
}

.houserent-addtableouter {
padding-left: 50px;
}

.copy-lastyear-textblock {
border-top: solid 1px #aeaeae;
margin: 15px 0;
padding-top: 10px;
}

.heythere {
color: #000;
font-size: 26px;
font-family: 'DIN Bold';
padding-bottom: 10px;
margin-bottom: 10px;
}

.copytextdecaration-text {
font-size: 24px;
color: #4482bd;
letter-spacing: 0.5px;
line-height: 18px;
margin-bottom: 25px;
font-family: 'DIN Medium';
}

.quick-summery-text {
font-size: 16px;
color: #6e6e6e;
letter-spacing: 0.5px;
margin-bottom: 15px;
font-family: 'DIN Bold';
}

.last-yeartaxdeclarationblock {
padding: 5px 20px;
}

.common-heading-text {
font-size: 20px;
color: #4482bd;
letter-spacing: 0.5px;
line-height: 40px;
font-family: 'DIN Medium';
vertical-align: middle;
}

.common-heading-text-total {
font-size: 20px;
color: #000;
letter-spacing: 0.5px;
line-height: 40px;
font-family: 'DIN Medium';
vertical-align: middle;
margin-top: 20px;
}

.tax-amount-col {
width: 150px;
text-align: right;
vertical-align: middle;
float: right;
}

.head-amount {
font-size: 22px;
color: #000;
line-height: 40px;
font-family: 'DIN Medium';
}

.close-card-info {
font-size: 20px;
display: inline-block;
float: right;
cursor: pointer;
margin-top: -2px;
margin-right: 5px;
}

.card-col3 {
width: 33.33%;
padding-top: 15px;
line-height: 18px;
}

.card-col3 .label-left {
width: 100px;
}

.emp-tax-info .emp-profilecard-inner {
padding-left: 120px;
height: 130px !important;
}

.text-error {
color: #e71d09;
}

.left-float {
float: left;
}

.pop-up-investment {
min-width: 80%;
}

.alt-modal-body-investment {
height: 340px;
overflow: auto;
width: 100%;
padding: 10px;
box-sizing: border-box;
}

.right-float {
float: right;
}

.display-none {
display: none;
}

.underline {
text-decoration: underline;
cursor: pointer;
}

.count-box {
position: relative;
width: 50px !important
}

.count-box .td {
padding: 9px 5px;
}

.count-box .td.fields-output input[type="checkbox"] {
margin: 0px !important
}

.investment-text-field {
min-width: 150px !important;
}

.investment-number-field {
min-width: 50px !important;
}
.default-table2 .th { vertical-align: middle;}

.default-table .th,
.default-table .td,
.altone-tables2 .th,
.altone-tables2 .td {
padding: 7px 10px !important;
}

.investment-date-field {
min-width: 130px !important;
/*background-color: #fff !important;*/
}

.text-center {
text-align: center;
}

.investment-text-field .formfield-control {
background-color: white !important;
}

.investment-number-field .formfield-control {
background-color: white !important;
min-width: 100px;
}

.investment-date-field .formfield-control {
background-color: white !important;
}

.height-full {
height: 100% !important;
}

.max-width-250 {
max-width: 250px !important;
}
.max-width-130 {
  max-width: 130px !important;
}

input[type=number].hideArrows::-webkit-outer-spin-button,
input[type=number].hideArrows::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}

input[type=number].hideArrows {
-moz-appearance: textfield;
}

.height-27 {
height: 27;
}

.investment-modal-footer {
padding: 15px;
text-align: right;
}

.top-align {
vertical-align: top !important;
}

.label-mobile-only {
display: none;
}

.lastSubmittedOn {
float: right;
}

.overflow-x {
overflow-x: auto;
}

.clear-7 li:nth-child(7n+1) {
clear: both;
}

.tooltip-optional {
position: relative;
}

.tooltip-optional .tooltip-outer {
position: absolute;
top: -50px;
right:20px;
z-index: 3;
background: #fff;
color: #494949;
width: 300px;
border-radius: 5px;
box-shadow: 0 5px 16px 0 rgba(0, 0, 0, 0.18) !important;
}

.tooltip-optional .tooltip-outer .tooltip-inners {
position: relative;
padding: 10px;
font-size: 12px;
text-align: center;
color: #494949;
min-height: 100px;
}

.tooltip-optional .tooltip-title {
font-family: 'DIN Bold';
margin-bottom: 10px;
font-size: 14px;
text-transform: capitalize;
}

.tooltip-optional .tooltip-text {
margin-bottom: 10px;
font-size: 12px;
text-transform: capitalize;
font-family: 'DIN Regular';
word-wrap: break-word;
line-height: 16px;
white-space: normal;
}

/* .tooltip-optional .tooltip-outer .tooltip-inners:after {
content: '';
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 10px solid #494949;
position: absolute;
top: 60px;
right: -10px;
} */
.data-grid .new-dropdown-style { max-width: 100px;}
.data-grid .new-dropdown-style .dropdown-style { width: 200px;}

.investment-claim-approved {
color: rgba(131, 231, 9, 0.5) !important;
padding : 5px 10px !important;
}

.investment-claim-partialApproved {
color: rgba(255, 192, 0, 0.5) !important;
padding : 5px 10px !important;
}

.investment-claim-reject {
color: rgba(255, 0, 0, 0.5) !important;
padding : 5px 10px !important;
}
.payroll-label-cell .fields-label {
display: table-cell;
vertical-align: bottom;
height: 50px;
padding-bottom: 3px;
}
.investment-field-disabled[disabled] {
background-color: white !important;
border: white !important;
}

.position-relative {
  position: relative !important;
}
.invest-date-card {
  margin: 10px 0;
  min-height: 52px;
}
.subprooofcol {
  display: inline-block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.subprooofcol li {
  display: inline-block;
  padding: 10px;
  text-align: center;
  min-width: 150px;
  font-family: 'DIN Bold';
  line-height: 16px;

}
.subprooofcol li .data-text {
  color: #494949;
}
.subprooofcol li .label-text {
  color: #b5b5b5;
}
.idc-card-link {
  display: block;
  float: right;
  margin: 0;
  padding: 15px 0;
  list-style: none;
}
.idc-card-link li {
  display: inline-block;
  padding: 10px 20px;
  color: #4282be !important;
  cursor: pointer;
  font-family: 'DIN Medium';
}
.idc-card-link li + li {
  border-left: solid 1px #b5b5b5;
}

.custom-dropdown .dropdown-style{width:250px !important}
.dropdown-right-0 .dropdown-style {
	left:auto !important;
	right:0px;
}

.custom-dropdown {
  min-width: 100px;
}
.custom-dropdown .text-nowrap-grad {
  white-space: normal;
  overflow: inherit;
}
.tooltip-width-size200 {
  width: 200px;
  max-height: 200px;
  overflow: auto;
}
.tooltip-width-size150 {
  width: 150px;
  max-height: 200px;
  overflow: auto;
}

.tooltip-width-size150 {
  width: 150px;
  max-height: 200px;
  overflow: auto;
}

.form-16-guidelines {
  margin-left: 3%;
  width: 47% !important;
}

.max-width-150 {
  max-width: 150px;
}

.custom-default-table .thead .th:first-child{ width: auto;}
.custom-default-table .sorter-icon {
  display: inline-block;
  margin-left: 7px;
  width: 12px;
  height: 12px;
  background: url(../images/svg-small/sorter.svg) no-repeat;
  background-size: 12px 12px;
  margin-bottom: -2px;
}
.sorter-icon.active {
  background: url(../images/svg-small/sorter-active.svg) no-repeat;
}
.custom-default-table .td .c100 {margin: 3px 8px 0 0;}

.payroll-dropdown>.dropdown-block .dropdown {
  width: 100% !important;
}

.inline-btn-block {display: inline-block;}
.tcard-outer {
	margin-left: -5px;
	margin-right: -5px;
}
.head-title2 {
	font-size: 24px;
	color: #494949;
	font-family: 'DIN Bold';
	line-height: 30px;
}
.tcard-block-inner {
    padding: 15px;
	position: relative;
	background: #fff;
	border-radius: 5px;
	margin: 10px 5px;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.1);
}
.tcard-cost-title {
	font-size: 18px;
	font-family: 'DIN Bold';
	color: #6da4d8;
	text-transform: uppercase;
	margin-bottom: 10px;
	line-height: 22px;
}
.tcard-inrico {
	float: left;
	margin-right: 5px;
	width: 22px;
}
.tcard-title {
	font-size: 18px;
	font-family: 'DIN Bold';
	color: #494949;
	margin-bottom: 20px;
	line-height: 22px;
    height: 44px;
}
.tcard-list {
	padding-top: 20px;
}
.tcard-list li {
	padding:7px 0;
}
.tcard-list li .mdi {
	font-size: 14px;
	margin-right: 3px;
	color: #ccc;
}
.tcard-list li .mdi-check-circle  {
	color: #70cf00;
}




.invest-date-card {
    margin: 10px 0;
    min-height: 52px;
}
.subprooofcol {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
}
.subprooofcol li {
    display: block;
    padding: 10px;
    text-align: center;
    min-width: 150px;
    font-family: 'DIN Bold';
    line-height: 16px;
    float: left;
}
.subprooofcol li .data-text {
    color: #494949;
}
.subprooofcol li .label-text {
    color: #b5b5b5;
}
.idc-card-link {
    display: block;
    float: right;
    margin: 0;
    padding: 15px 0;
    list-style: none;
}
.table-normal2 {
	display: table;
	border-collapse: collapse !important;
	width: 100%;
}
.table-normal2 .th, .table-normal2 .td,
.table-normal2 th, .table-normal2 td {
	padding:10px
}
.table-normal2 .td, .table-normal2 td {
	vertical-align: top;
}
.table-normal2 .thead .th:first-child, .table-normal2 .tr .td:first-child,
.table-normal2 thead th:first-child, .table-normal2 tr td:first-child {
	padding-left:0px
}
.table-normal2 .thead .th:last-child, .table-normal2 .tr .td:last-child,
.table-normal2 thead th:last-child, .table-normal2 tr td:last-child {
	padding-right:0px
}
.head-border-bottom {
	border-bottom: solid 2px #f5f5f5;
}
.width150 { width: 150px;}
.section-col1 {
	width: 300px;
	word-wrap: break-word;
	float: left;
}
.section-col2 {
	display: block;
	float: left;
	width: 110px;
}
.altone-table-cal {
    background: #fff;
    border-radius: 5px;
    width: 100%;
    table-layout: auto;
    border-collapse: collapse;
	display: table;
}
.altone-table-cal thead {
    display: table-header-group;
}
.altone-table-cal th {
    color: #404040;
    font-size: 12px;
	background-color: #f5f5f5;
	font-family: 'DIN Bold';

}
.altone-table-cal tfoot td {
	color: #404040;
    font-size: 12px;
	background-color: #f5f5f5;
	font-family: 'DIN Bold';
}
.altone-table-cal .tfoot td { background-color: #e7e7e7; }
.altone-table-cal tr {
    display: table-row;
    border-top: solid 1px #e7e7e7;
}
.altone-table-cal td {
    color: #494949;
    font-size: 12px;
}
.altone-table-cal td, .altone-table-cal th {
    padding: 10px 20px;
    position: relative;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    text-align: right !important;
}
.altone-table-cal td.text-left,
.altone-table-cal th.text-left {
  text-align: left !important;
}
.cleartax-label {
  color: #6da4d8;
}

.margin-t10 { margin-top:10px; }
.info-notification {
    background: #6ca3d9;
	position:relative;
	color:#fff;
    padding: 15px 50px 15px 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    font-size: 12px;
	white-space:normal;
}
.info-notification .mdi-close {
    font-size: 24px;
	position:absolute;
	right:10px;
	top:50%;
	margin-top:-15px;
}
.mw100 { max-width: 100px;}
.w250 { width: 250px;}
.maxamount-col {
  width: 150px;
  text-align: right !important;
}
.declaredAmt-col {
  width: 250px;
  text-align: right !important;
}
.declaredAmt-col .formfield-control {
  max-width: 100px;
  float: right;
  text-align: right !important;
}
.declaredAmtParent-col {
  width: 192px;
  text-align: right !important;
}

span.bold.ui-messages-warn.ui-corner-all {
    padding: 5px;
}

.clearfixed {
  clear: both;
  display: table;
  width: 100%;
}

.accordion-panel .panel-heading h2.panel-title {
  width: 100%;
  line-height: 21px;
}
.panel-heading .accordion-toggle:after {
  font-family: 'Material Design Icons'; content: "\F143";float: right;color:#6da4d8; font-size:24px;
}
.panel-heading .accordion-toggle.collapsed:after {
  content:"\F140";
}

.paneltitleright {
  float: right;
  margin-right: 10px;
}
.clearfixed::after {
  content: "";
  clear: both;
  display: table;
}
.info {
  background: url(../images/default_icons/info.svg) no-repeat;
  display: inline-block;
  width: 13px;
  height: 13px;
  background-size: auto;
  background-position: center;
  position: relative;
  }
  .download-pdf {
    background: url(../images/default_icons/download-pdf.svg) no-repeat;
}
.btn-link {
  font-size: 14px;
  color: #2A5EE3;
  white-space: nowrap;
  font-family: 'DIN Medium';
  display: inline-flex;
  line-height: 24px;
}
.icon18 {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: auto;
  background-position: center;
}
.tooltip-new {
    display: none;
    padding: 7px 10px;
    color: #fff;
    font-size: 12px;
    background-color: #494949;
    border-radius: 5px;
    position: absolute;
    text-align: center;
    font-family: 'DIN Regular';
    bottom: 100%;
    z-index: 2;
    left: 0px;
 }
.info:hover .tooltip-new,
  .info:hover .tooltip-new {
      display: block;
      width: 300px;
      max-width: 300px;
      left: -150px;
      margin-bottom: 5px;
  }
  .info:hover .tooltip-new.right,
  .info-tooltip:hover .tooltip-new.right {
    display: block;
    width: max-content;
    max-width: 300px;
    left: 15px;
    margin-bottom: 0px;
    bottom: -8px;
    text-align: left;
}
  .info:hover .tooltip-new.left,
  .info-tooltip:hover .tooltip-new.left {
    display: block;
    width: max-content;
    max-width: 300px;
    right: 0;
    left: auto;
    margin-bottom: 0px;
    bottom: 120%;
    text-align: left;
}

.info-tooltip{ position: relative;}
.info-tooltip .mdi-16{font-size: 16px;color: #000; vertical-align: middle;}
  .subprooofcol {
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    padding: 0;
    align-items: center;
    }



    .note-text {
    padding: 10px 20px;
    max-height: 140px;
    overflow: auto;
    margin-bottom: 20px;
    }
    .order-list li {
    line-height: 14px;
    margin-bottom: 5px;
    }
    .subprooofcol.padding_tb > li {
    padding: 0 10px;
    }
    .progressbar2 {
    display: flex;
    height: 20px;
    width: 100%;
    background-color: #f5f5f5;
    align-items: center;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    }
    .crlimitcon {
    display: flex;
    width: 100%;
    align-items: center;
    }
    .crlimitcon > .crlimit_label {
    min-width: 105px;
    }
    .progressbar_labels {
      padding-top: 5px;
    }
    .creditbarcon {
    display: block;
    width: 100%;



    }
    .active_loan {
    display: block;
    height: 20px;
    background-color: #F0AF3F;
    }
    .remaining_loan {
    display: block;
    height: 20px;
    background-color: #70CF26;
    }
    .panel.card-style {
    -webkit-box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 2px 6px 0 rgb(0 0 0 / 10%);
    }
    .divider-collapsible2 {
    position: relative;
    width: 100%;
    clear: both;
    height: 1px;
    margin: 20px 0;
    background-color: #E6E6E6;
    }
    .dividernameicon {
    background: #fff;
    position: absolute;
    display: inline-flex;
    left: 0px;
    top: 0px;
    transform: translate(0px, -50%);
    z-index: 1;
    font-family: 'DIN Medium';
    color: #494949;
    font-size: 16px;
    height: 16px;
    line-height: 14px;
    padding: 0 8px 0 0;
    }
    .dividernameicon .mdi {
    font-size: 30px;
    margin-left: 5px;
    margin-right: -10px;
    color: #2A5EE3;
    }
    .mdiplbox {
    color: #031842;
    font-size: 16px;
    }
    .subrow {
    background-color: #E7E7E8;
    }
    #applybtns {
    position: fixed;
    bottom: 200px;
    right: 65px;
    z-index: 5;
    }
    .credit-report {
      position: absolute;
      right: 0;
      top: 15px;
      display: flex;
      align-items: center;
  }
  .px-5 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.multiselect-item-checkbox input[type=checkbox] + div:after {
  box-sizing: border-box;
  content: "";
  top: 50%;
  left: 3px !important;
  width: 8px;
  height: 3px;
  margin-top: -5px !important;
  border-style: solid;
  border-color: #fff;
  border-width: 0 0 2px 2px !important;
}
.multiselect-item-checkbox input[type=checkbox] + div:before {
  box-sizing: border-box;
  content: "";
  color: #aeaeae;
  position: absolute;
  top: 50%;
  left: 0;
  width: 15px !important;
  height: 15px !important;
  margin-top: -9px;
  border: 2px solid #aeaeae !important;
  border-radius: 2px !important;
}
.multiselect-item-checkbox input[type=checkbox]:checked + div:before {
  background: #337ab7 !important;
  border-color: #337ab7 !important;
}
.gray-panel {
  margin-bottom: 10px;
padding:0 15px;
  border-radius: 10px;
  position: relative;
background-color: #f4f4f4;
}
.gray-panel-heading {
height: 50px;
display: flex;
align-items: center;
position: relative;
}
.gray-panel-heading .gph-fieldbox {
display: flex;
}
.gray-panel-heading .gph-fieldbox + .gph-fieldbox {
margin-left: 40px;
}
.gray-panel-heading .gph-fieldbox .fieldbox-label {
font-family: 'DIN Bold';
margin-right: 10px;
}
.gray-panel-heading .chevron-holder {
position: absolute;
right: 0px;
top: 10px;
font-size: 24px;
cursor: pointer;
}
.gray-panel-body {
display: block;
border-top: solid 1px #dedede;
padding: 15px 0;
}
.padding_bottom_0 {
padding-bottom: 0px !important;
}
.padding_0 { padding: 0px !important;}
.toggle_label {
display: inline-block;
padding:0 10px;
line-height: 12px;
}
.mobile-tab-only {
  display: none;
}

.regime-msg {
  display: block;
  padding: 10px;
  background-color: #f7f7f7;
  border-radius: 6px;
}
.min-height-100 {
  min-height: 100px;
}
.legends-block.style-custom {
  background: none;
  padding: 0px;
}

.npscard-outer {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;

}
.npscard-holder {
  width: 33.33%;
  padding: 10px;
}
.npscard {
  background-color: #fff;
  border-radius: 8px;
  padding: 10px;
  min-height: 80px;

}

.npscardtitle {
  font-size: 14px;
  font-family: 'DIN Bold';
  color: #494949;

}

.npscardtext {
  color: #777;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

}

.file_option {
  display: flex;
  align-items: center;
  }

  .file_option_icon {
    width: 30px;
  }

  .file_option_icon + .file_option_filename {
  padding-left: 8px;
  width: 100%;
  }
  .mdi-14 {
    font-size: 14px;
  }
  .filename {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 90%;
  }

  .fileoptionIcons {
      margin-right: 15px;
  }
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width:992px) {
.claim-panel .panel-title {
  max-width: 370px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: 17px;
  font-size: 14px;
  margin-top: -5px;
}
.mobile-tab-hide {
  display: none !important;
}
.mobile-tab-only {
  display: inline-block;
}
.m-text-left {
  text-align: left !important;
}
.m-text-right {
  text-align: right !important;
}
.word-break {
  word-break: break-word;
}
.mobile-0 {
  width: 0px !important;
  padding: 0px !important;
  height: 0px;
  border: none !important;
}
.mobile-ui .subprooofcol li {
  width:33.33%;
  float: left;
  min-height: 50px;
}
.mobile-ui .subprooofcol {
  display: block;
  margin-bottom: 20px;
  width: 100%;
  float: left;
  clear: both;
}
.crlimitcon {
  display: block;
}
.crlimitcon > .crlimit_label {
  display: block;
  margin-bottom: 5px;
}
.claim-panel .more-info-outer {
  display: none;
}
.panel-heading .claim-amount { display: none;}
.idc-card-link {
  float: inherit;
}
.idc-card-link li {
  display: block;
  text-align: right;
}
.vmiddle {
  padding-left: 20px;
}
.vmiddle .radio-check-row2 {
  margin-top: 10px;
}
.dialog-disclaimer { max-width:100% !important; clear: both; margin-bottom: 10px;}
}

@media screen and (max-width:767px) {
.datepicker-field .datepicker__calendar {
  left: auto !important;
  right: 0px;
}
.credit-report {
  position: relative;
  right: 0;
  top: inherit;
  margin: 10px 0;
  display: block;
  text-align: right;
}
.legends-block ul li:last-child {
  padding-right: 0px;
}
.column-6>li,
.column-5>li,
.column-4>li,
.column-3>li {
  width: 50%;
}
.column-6>li:nth-child(2n+1),
.column-5>li:nth-child(2n+1),
.column-4>li:nth-child(2n+1) {
  clear: both;
}

.column-6>.col-merge-2 {
  width: 50%;
}
.column-5 > li.col-merge-2 {
  width: 50%;
}

.new-claim-dialog .alt-modal {
  width: 94%;
}

.new-claim-dialog .alt-modal .panel-title {
  width: 65%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.mobile-hide {
  display: none !important;
}
.mobile-ui .subprooofcol li {
  width:50%;
  float: left;
  min-height: 50px;
}
.info:hover .tooltip-new {
  display: block;
  width: auto;
  max-width: 300px;
  left: -130px;
  right: 0px;
  margin-bottom: 5px;
}
.claim-panel .more-info-outer {
  display: none;
}

.claim-panel .btn {
  font-size: 18px;
  width: 30px;
  text-align: center;
  padding: 0px;
}

app-tax-declaration .panel-title {
  /*display: block;
  clear: both;
  width: 100%;
  margin-bottom: 15px;*/
}

app-tax-declaration .panel .panel-heading {
  padding: 15px 15px 15px 15px !important;
  height: auto !important;
}

.emp-fields-saprator.none-for-mobile {
  display: none !important;
}
.column-7 > li {
  width: 50%;
}
.emp-details-col .table-layout {
  display: block;
}
.emp-details-col .table-layout .emp-default-col,
.emp-details-col .table-layout .card-col {
    width: 49%;
    display: inline-block;
    padding: 10px;
    vertical-align: top;
}
.emp-tax-info .td.emp-profilepic-cell {
  padding:0px 15px !important;
}
.table-normal-responsive thead {
  display: none;
}
.sectionname-col {
  display: block;
  width: 100%;
  float: left;
}
.maxamount-col, .declaredAmt-col {
  width: 50%;
  float: left;
}
.table-normal2 tr td:last-child {
  padding-right: 10px;
}
.emp-tax-info .emp-profilecard-inner {
    padding-left: 136px;
    height: auto !important;
}
.subprooofcol li {
    width: 100%;
}
.idc-card-link li {
    display: block;
    text-align: center;
}
.table-layout .td {
	display:block;
	width:100%;
	float:left;
}
.vmiddle {
    padding-left: 0px;
}
.vmiddle .radio-check-row2 {
    margin-top: 0px;
	margin-left:20px;
}
.invest-date-card {
    display: inline-block;
	width:100%;
}
.subprooofcol {
    display: block;
}
.gray-panel-heading {
  height: auto;
  display: block;
  padding: 15px 0;
}
.gray-panel-heading .gph-fieldbox {
  display: block;
}
.gray-panel-heading .gph-fieldbox + .gph-fieldbox {
  margin-left: 0px;
  padding-top: 10px;
}
.gray-panel-heading .gph-fieldbox .fieldbox-label {
  display: block;
}
.fieldbox-data {
  display: block;
}
}
@media screen and (max-width:600px) {

.column-6>li,
.column-5>li,
.column-4>li {
  width: 50%;
}
.fields-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.column-6>.col-merge-2 {
  width: 100%;
}

.claim-panel .panel-title {
  max-width: 350px;
  width: 350px;
}

.claim-panel .claim-amount {
  float: left;
}

.claim-panel .claim-amount li {
  display: inline-block;
}

.claim-panel .claim-amount li.cm {
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  display: inline-block;
  float: right;
}

.claim-panel .claim-amount {
  margin-top: 0px !important;
}

.claim-panel .claim-amount li.cm-text {
  float: left;
  margin-right: 10px;
  line-height: 20px;

}

.alt-modal .panel-heading .claim-amount {
  margin-right: 0px;
}

.totalActualAmount,
.MaximumAmount {
  display: none;
}

.label-mobile-only {
  display: block;
  color: #333;
  font-weight: bold;
}

.tax-dec-sec-table .thead {
  display: none;
}

.tax-dec-sec-table .tr .td:nth-child(1) {
  width: 100%;
}

.tax-dec-sec-table .tr .td {
  width: 49%;
  display: inline-block;
  vertical-align: top;
}

.tax-dec-sec-table .tr {
  display: block;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #f5f5f5;
  float: left;
  width: 100%;
}
.investment-claim-reject {
    color: rgba(255, 0, 0, 0.5) !important;
    padding: 0px !important;
}
}

@media screen and (max-width:480px) {
.claim-summary-outer {
  background: #eee;
  border-radius: 6px;
  display: inline-block;
  width: 100%;
  margin: 10px 0;
  padding: 10px;
  height: auto;
}

.cs-title,
.cs-total {
  padding: 0px;
  text-align: left;
  width: 100%;
  display: block;
  line-height: 24px;
  font-size: 16px;
}

.claim-panel .panel-title {
  max-width: 210px;
  width: 210px;
}

.new-claim-dialog .alt-modal .alt-modal-body {
  max-height: 300px;
}
.panel-title {
  font-size: 14px;
  line-height: 14px;
  max-width: 180px;
}
}

.modal-1000{
  width : 1000px;
}
.modal-1200{
  width : 1200px;
}
.modal-1250{
  width : 1250px;
}
.max-h550{
  max-height: 500px !important;
}

.devider {
  border-bottom: solid 2px #eeeeee;
  margin: 15px 0px;
}

.mw-25{ max-width:25px !important;}
.mw-20{ max-width:20px !important; min-width: 20px; width: 20px;}

.indicator-v { display:block; width:4px; height:16px; float:left; margin-right:10px; }
.bgred { background:#e71d09; }
.bgblue { background:#6da4d8; }
.bggreen { background:#70cf26; }

.img-profile-table { width:30px; height:30px; display:block; float:left; margin-right:10px; }
.img-profile-table img {  width:30px; height:30px; border-radius:50%; }

.doyouWant { font-size: 16px; margin-bottom: 20px;}
.margin-b15 { margin-bottom:15px; }
.maxw-150 {
	width: 150px;
}

.modal-800 { width:800px; }

.modal-400 {
  width: 400px;
}

.formfield-control.white {
  background-color: #fff;
  border-color: #fff;
}

.dropdown-filter-block {
  padding: 0px;
  position: relative;
  }
.dropdown-filter-block .dropdown-btn {
  background-color: #fff !important;
  border-color: #fff !important;
}

li.add-document {
  display: inline-block;
  padding: 7px 15px;
  border-radius: 5px;
  border: 1px dashed #adadad;
  margin: 7px 10px 7px 0;
  cursor: pointer;
}
  li.add-document {
  text-transform: uppercase;
}

.flex-wrapper{display: flex; align-items: center;}
.flex-wrapper .flex-1{flex: 1;}

.btn-30 .mdi.mdi-20{font-size: 20px;}

.ml-10{ margin-left: 10px !important;}