@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
body {
    margin:0;
    padding:0;
    background:#f4f4f4;
}
h1,h2,h3,h4,h5,h6,p {
    margin:0;
    padding:0;

}
ul,li {
    padding:0;
    margin:0;
    list-style-type:none;
}
a,a:hover,a:focus {
    text-decoration:none;
    outline:0;
}
img {
    max-width:100%;
}
.btn {
    font-size: 13px;
    padding:3px 25px;
    border-radius: 0 !important;
}
.btn-primary {
    background:#107eb0;
    border-color: #107eb0;
    padding: 3px 25px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    background: #298ebc;
    color:#fff;
    border-color: #298ebc;
    box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
    color: #fff;
    background: #107eb0;
    border-color: #107eb0;
}
.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-outline-primary {
    padding: 3px 10px;
    max-width:186px;
    width:100%;
    color: #000;
    background-color: transparent;
    border:1px dashed #000;
    font-weight:300;
}
.btn-outline-primary i {
    font-size:12px;
}
.btn-outline-primary:hover {
    color: #007bff;
    background-color: transparent;
    border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled).active, .btn-outline-primary:not(:disabled):not(.disabled):active, .show > .btn-outline-primary.dropdown-toggle {
    color: #007bff;
    background-color: transparent;
    border-color: #007bff;
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus, .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
    box-shadow: none;
}
.btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow: none;
}
.wrapper {
    overflow:hidden;
}
.brandLogo {
    width:58px;
    cursor:pointer!important;
}
.customNav {
    padding: 0;
    align-items: end;
}
.headerTop {
    padding: 20px 0 45px;
}
.navbar-brand.logo {
    padding-top: 0;
    padding-bottom: 0;
    margin-left: -78px;
}
.headerTopCol {
    position: relative;
    padding-bottom: 10px;
}

.customNav .navbar-nav > .nav-item > .nav-link {
    padding:  4px 12px 4px;
    color: #262626;
    text-transform: capitalize;
    font-size: 15px;
    position:relative;
    text-align:center;
    -webkit-transition: all 300ms ease-in-out 0s;
    -moz-transition: all 300ms ease-in-out 0s;
    -ms-transition: all 300ms ease-in-out 0s;
    -o-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
}
.customNav .navbar-nav > .nav-item:first-child > .nav-link {
    /*padding-left: 0;*/
}
.customNav .navbar-nav > li:first-child .nav-link::before {
    -webkit-transform: translate(-9px,0);
    transform: translate(-9px,0);
}
/*.customNav .navbar-nav li.active .nav-link::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 70px;
    height: 2px;
    background: #3c8dbc;
    margin: 0 auto;
}
.customNav .navbar-nav .nav-link:hover::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    width: 70px;
    height: 2px;
    background: #3c8dbc;
    margin: 0 auto;
}*/
.customNav .navbar-nav li.active .nav-link {
    background: #dfdfdf;
}
.customNav .navbar-nav .nav-link:hover {
    background: #eaeaea;
}


.pageTitle {
    text-transform: capitalize;
    font-size: 19px;
    color: #262626;
}
.accountSelection-inner .form-group {
    margin-bottom: 30px;
}
.accountHeading {
    margin-right: 20px;
    font-weight: 600;

}
.accountSelection-inner .form-group .custom-control {
    padding-left: 0;
    font-size: 14px;
}
.accountSelection-inner .custom-control-label {
    width:100%;
    justify-content: left;
}
.accountSelection-inner .custom-control-label::after, .accountSelection-inner .custom-control-label::before {
    right: 0;
    left:inherit;
}
.accountSelection-inner .custom-control-label::before {
    background:transparent;
    border:1px solid #b1b1b1;
    border-radius:0;
}
.accountSelection-inner .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
    content: "x";
}
.accountSelection-inner .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #fff;
}
.accountSelection-inner .custom-control-label::after {
    width: 12px;
    height: 12px;
    line-height: 13px;
}
.tabl-heading {
    text-align: center;
    margin-bottom: -20px;
}

.tabl-heading span {
    background: #107eb0;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    padding: 6px 30px;
    border-radius: 4px;
    font-weight: 600;
}
.tableCont h3 {
    text-align:left;
}
.tableCont h3 span {
    color: #dce5e7;
    font-size: 16px;
    margin-left: 20px ;
    font-weight: 600;
}
.custom-tblform {
    height: 30px;
    border-radius: 0;
    border: 1px solid #b1b1b1;
}
.custom-tblform {
    height: 32px;
    border-radius: 0;
    border: 1px solid #b1b1b1;
    padding: 5px ;
}
select.form-control.custom-tblform:not([size]):not([multiple]) {
    height: 30px;
    padding: 0 5px;
    font-size:13px;
}
.custom-tblform:focus {
    border-color: #b1b1b1;
    box-shadow: none;
}
.tableCont{
    border :1px solid #53a6a6;
}
.tableCont h3{
    background-color: #53a6a6;
    height: 35px;
    line-height: 35px;
    font-size: 16px ;
}
.tableCont .table-responsive {
    padding-top: 5px;
    padding-right: 5px ;
}
.tableCont .add-account-btn{
    padding: 0 0 5px 10px;
    margin-top: 5px ;
}
.manage-salary-table-wrap .add-account-btn{
    padding: 0 0 5px 5px;
}
.tableCont .add-account-btn a{
    font-size: 13px ;
}
.tableCont .table-responsive .table th {
    font-size:13px;
}
.tableCont .table-responsive .table td, .tableCont .table-responsive .table th {
    padding: 2px 7px;
    vertical-align: bottom;
    border-top: none;
}
.exchange {
    float: right;
    transform: rotate(90deg);
    color: #d6d6d6;
    cursor: pointer;
}
.saleCont, .mis_incomeCont, .mis_expensesCont {
    margin-top: 20px ;
    /*margin-top: -210px;*/
}

.accountInfo {
    padding-bottom: 25px;
}

.btn.copyBtn {
    background: #00a65a;
    color: #fff;
}
.btn.copyBtn.focus, .btn.copyBtn:focus {
    box-shadow:none;
}
.form-control.bg-gray {
    background:#f2f2f2;
    border:none;
    padding: 6px 12px;
    border-radius: 0;
    width: 80%;
}
.form-control.bg-gray {
    box-shadow:none;
}
.company-urlSec .custom-form {
    padding: 5px 10px;
    border-radius: 0;
    width: 100%;
    max-width: 358px;
    font-size: 13px;
}
.company-urlSec  select.form-control.custom-form:not([size]):not([multiple]), .company-urlSec .custom-form  {
    height: 32px;
}
.company-urlSec .custom-form:focus {
    box-shadow:none;
}
.company-urlSec label {
    width: 180px;
    justify-content: flex-end;
    font-weight: 600;
    font-size: 13px;
    padding-right: 10px;
}
.company-urlSec .form-control-file {
    display: flex;
    width: 47%;
}
.form-control::placeholder {
    color: #aeacac;
}
.showEntrieSec .form-control {
    border-radius: 0;
}
.showEntrieSec .text-muted {
    color: #000 !important;
    margin-left: 4px;
}
/*****************************
//  Department page start  //
******************************************/
.addDepartmentBtn {
 text-align: right;
}
.showEntries > ul > li {
 display: inline-block;
}
.adOrder  {
 float: right;
 color: #d6d6d6;
 cursor:pointer;
}
.departmentTbl {
 padding-left: 30px;
}
.btmBtnSection {
 padding-left: 14px;
}


/*  common style  */

.tableCont table.table > tbody > tr:hover {
    background:#eee;
}

.dragableTbl tbody > tr {
    position:relative;
}
.dragableTbl tbody > tr:hover {
    /*background:#ffe7b8 !important*/
}
.dragableTbl tbody > tr.myDragClass {
  position:relative;
  background:#d5f2bc!important;

}
.nodrag {
  /*background-color: lightblue;*/
}
.nodrop {
  background-color: red;
}
@-moz-document url-prefix() {
/*  .myDragClass > td:first-child:before {
        content:"";
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        border:3px dashed #ccc;
    }*/
    .dragableTbl tbody > tr:hover > td:first-child:before {
        content:"";
        position:absolute;
        left:0;
        right:0;
        top:0;
        bottom:0;
        border:3px dashed #ccc;
        pointer-events: none;
    }
}


/*****************************
//  Product pages page start  //
******************************************/

.form-group.form-inline.srch_pro {
    padding: 0px;
    margin-top: 15px;
}
.tableCont.pro_tab .table-responsive .table td, .tableCont.pro_tab .table-responsive .table th {
    padding: 6px;
    vertical-align: top;
    border-top: none;
}
.tableCont.pro_tab {
    padding-left: 0;
}
.pro_pagi .page-link {
    color: #107eb0;

}
.pro_show span {
    font-size: 14px;
}
.notif {
    margin: 0 0 15px;
    padding: 5px;
    font-size: 15px;
    background: #e2e2e2;
    text-align: center;
}
.para_tble select.form-control.custom-form {
    font-size: 14px;
}
.thCenter thead > tr > th {
    text-align: center;
}
.thNormal thead > tr > th {
    font-weight: normal;
}
.thNoWrap thead > tr > th {
    white-space: nowrap;
}
.simpleTbl .table td, .simpleTbl .table th {
    padding: .5rem;
    font-size: 14px;
}



/*****************************
//  Product pages page End  //
******************************************/



/*****************************
//  new pages page start 6-mar  //
******************************************/
.headerTable-content{
    display:table;
}
.headerTable-content p{
    display:table-cell;
    vertical-align: middle;
}
.headerTable-content h4{
    display:table-cell;
    font-size:14px;
    font-weight:700;
    vertical-align: middle;
}
.headerTable-content img{
    display:table-cell;
    max-width:180px;
    margin: 0px 3px 0px 10px;
    vertical-align: middle;
}
.headerTable-content a{
    display:table-cell;
    color:#252525;
    vertical-align: middle;
}
.header-contact p{
    text-align:left;
}
.page-wrapper{
    background:#fff;
    padding:10px;
}
.header-main{
    margin-bottom:10px;
}
.header-right{
    text-align:right;
}
.header-right h2{
    color:#2550aa;
    margin-top: 25px;
    font-size:23px;
    font-weight:700;
}
.tableData > thead {
    background:#2550aa;
    color:#fff;
}
.tableData > thead > tr > th{
    font-weight:600;
}
.tableData > thead > tr > th, .tableData > tbody > tr > td{
    border:0;
}
.tableData{
    margin-bottom:0;
}
.bgStyle{
    background:#efefef;
}
/*****************************
//  new pages page end 6-mar  //
******************************************/


@media screen and (-webkit-min-device-pixel-ratio:0) {
 .dragableTbl tbody > tr > td {
  border-top: 3px dashed transparent !important;
 }
 .dragableTbl tbody > tr:last-child > td {
  border-bottom: 3px dashed transparent !important;
 }
 .dragableTbl tbody > tr:hover > td {
  border-top: 3px dashed #ccc !important;
  border-bottom: 3px dashed #ccc !important;
 }
 .dragableTbl tbody > tr:hover > td:first-child {
  background-image:url(../images/border-left-Img.png);
  background-repeat:repeat-y;
  background-position: left top;
 }
 .dragableTbl tbody > tr:hover > td:last-child {
  background-image:url(../images/border-left-Img.png);
  background-repeat:repeat-y;
  background-position: right top;
 }
 .codeLbl {
    margin-top: -20px!important;
    letter-spacing: -4px;
}
}
.selectedValueSort {
    overflow: hidden;
    width: 0px;
    height: 0px;
    display: inline-block;
    position: absolute;
}
.sortable.asc .adOrder.ascOrder, .sortable.desc .adOrder.ascOrder{
    color: #298ebc;
}
.sortable.desc .fa-sort-amount-asc::before {
    content: "\f161";
}
.tableCont .table thead th {
    border-bottom:0;
}
html .btn-outline-primary[type=button] {
      -webkit-appearance: inherit;
}
.removeTrBtn {
    position: relative;
}
.removeTr {
    position: absolute;
    right: -12px;
    top: 4px;
    font-size: 12px;
    color:#ccc;
}
.removeTr:hover {
    color:red;
}

.removeRevenues {
    position: absolute;
    right: -12px;
    top: 4px;
    font-size: 12px;
    color:#ccc;
}
.removeRevenues:hover {
    color:red;
}

.removeExpenses {
    position: absolute;
    right: -12px;
    top: 4px;
    font-size: 12px;
    color:#ccc;
}
.removeExpenses:hover {
    color:red;
}

.removeCosts {
    position: absolute;
    right: -12px;
    top: 4px;
    font-size: 12px;
    color:#ccc;
}
.removeCosts:hover {
    color:red;
}


/****************
****new-style****
*****************/

.textType .fr-box.fr-basic.fr-top .fr-wrapper {
    min-height: 100px;
}
.textType .fr-quick-insert {
    display: none;
}
.collapseCard .card-header {
    background-color: #c3c3c3;
    text-align: right;
    padding: 5px 10px;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.titleText{
    font-weight:700;
    font-size:14px;
}
.bttnAdd {
    color: #007bff;
    background-color: green;
    padding: 15px;
    position: relative;
}
.bttnAdd:hover , .bttnAdd:active{
    background:green;
}
.bttnAdd::after {
    position: absolute;
    content: '\f068';
    font-family: fontawesome;
    color: #fff;
    /* top: 14%; */
    /* left: 31%; */
    top: 50%;
    text-align: center;
    left: 0;
    right: 0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0, -50%);
}
.collapse-col{
    margin-bottom:30px;
}
.card.collapseCard{
    background:#f4f4f4!important;
    border:0px;
}
.bttnAdd.collapsed:after {
    content: '\f067';
}



.lblMr {
    margin:2px 0 0;
}
.tableCont table.table > tbody > tr.noHvr:hover {
    background: none;
}
.fldLbl {
    font-weight: 700;
    font-size: 13px;
}
.income-total-table-wrap .fldLbl{
    width: 150px ;
}
.income-total-table-wrap .fldLbl span.fa{
    float: left;
    font-weight: 900;
    font-size: 18px;
}

.fa-equal:before {
  content: "=";
}


.custom-checkbox.radioStyle .custom-control-input:indeterminate ~ .custom-control-label::after {
    background: none;
}
.custom-checkbox.radioStyle .custom-control-input:indeterminate ~ .custom-control-label::before {
    background:none;
}



.para_tble table > thead > tr > th {
    text-align: center;
    font-weight: normal;
}
.tableCont.para_tble table.table > tbody > tr:hover {
    background: none;
}
.moveBtn {
    background: #fff;
    border: 1px solid #9f9f9f;
    border-radius: 4px;
    padding: 2px 12px;
    color: #757575;
    cursor: pointer;
    margin: 5px 0;
    display:block;
}
.optionList {

    padding: 4px 4px 10px;
    min-height: 240px;
    font-size: 14px;
}
.optionList > ul > li {
    padding:2px 5px;
    cursor:pointer;
}
.optionList > ul > li:hover, .optionList > ul > li.active {
    background: #e1ffe6;
}
.tableCont.pro_tab .table-responsive .table td[valign="middle"] {
    vertical-align: middle;
}
.tableCont.pro_tab .table-responsive .table td.tdBorder {
    border: 1px solid #c3c3c3;
}
.tableCont.pro_tab .table-responsive .table tr > td:first-child.tdBorder {
    border-left-width: 2px;
}

.simpleTbl caption {
    caption-side: top;
    font-weight: 600;
    color:#000;
}




/************************************************
//  etimates-create-new-astimate page start  //
**********************************************************/
.company-urlSec.createEstimateContent .custom-form {
    max-width: 100%;
}
.posRight {
    position: absolute;
    right: 5px;
    top: 5px;
}
.collapseSet {
    padding: 8px 35px 7px 0;
    min-height: 32px;
}
.createEstimateContent .collapseCard .card-header {
    border-radius: 0;
    border-bottom: none;
}
.serachCustomerFld, .searhCustomerCol {
    position: relative;
}
.company-urlSec label.searchCFldLbl {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: auto;
    margin: 0;
    padding: 0;
    color: #ccc;
}
.serachCustomerFld > .custom-form {
    padding-right: 25px;
}
.btn.circleIconBtn {
    background: green;
    color: #fff;
    border-radius: 50%;
    padding: 2px;
    width: 32px;
    height: 32px;
    line-height: 24px;
    font-size: 14px;
}
.searchRightBtn {
    position: absolute;
    right: -5px;
    -webkit-transform: translate(100%,-50%);
    transform: translate(100%,-50%);
    top: 50%;
}
.noBorderTbl .table thead th, .noBorderTbl .table tbody th, .noBorderTbl .table tbody td, .noBorderTbl .table tfoot td, .noBorderTbl .table tfoot th {
    border: none;
}
.thNormal tbody > tr > th, .thNormal tfoot > tr > th {
    font-weight: normal;
}
.thCenter tbody > tr > th, .thCenter tfoot > tr > th  {
    text-align: center;
}
.createEstimateContent th {
    white-space: nowrap;
}
.noWrap {
    white-space: nowrap;
}
.actionIconBtn {    
    padding: 5px 8px;
    line-height: 16px;
    font-size: 14px;
}
.createEstimateContent .table {
    font-size: 14px;
}
.custom-tblform.sumFld {
    background: #c4ffff;
    border-color: #c4ffff;
}
.createEstimateContent select.custom-tblform {
    min-width: 100px;
}
.topStrongBorder {
    border-top: 8px solid #c3c3c3;
    padding-top: 14px;
}
.tblLessPd.table thead th, .tblLessPd.table tbody td, .tblLessPd.table tbody th, .tblLessPd.table tfoot td, .tblLessPd.table tfoot th {
    padding:2px 5px;
}

.addRowIcon {
    background-color: green;
    padding: 4px 3px 3px;
    color: #fff;
    min-width: 32px;
    text-align: center;
}
.addRowIcon:hover {
    color: #fff;
}
.trCount {
    display: inline-block;
    vertical-align: middle;
    padding-top: 4px;
}
.table tbody {
    counter-reset: proCount;
}
.trCount:before {
    counter-increment: proCount;
    content:  counter(proCount);
} 



.searhCustomerCol.btnInside {
    padding-right: 40px;
}
.btnInside .searchRightBtn {
    right: 0;
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}
[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: none;
}


/***********************************************
//  projects-create-new-project page start  //
************************************************************/
.createProjectContent th {
    white-space: nowrap;
}
.createProjectContent .table {
    font-size: 14px;
}
.lightBlueBg {
    background:#dfffff; 
}
.custom-tblform.sumFld.lightRedBg {
    background: #e8d0d0;
    border-color: #e8d0d0;
}
.company-urlSec .topSearchFld .custom-form {
    max-width: 100%;
    min-width: 300px;
}
.company-urlSec .topSearchFld label {
    width: inherit;
}
.btn-peach-bg {
    background: #f4b183;
}
.btn.btn-peach-bg.focus, .btn.btn-peach-bg:focus {
    box-shadow: 0 0 0 .2rem rgba(244,177,131,.45);
}
/***********************************************
//  projects-create-new-project page end  //
************************************************************/

.dBlock {
    display:block;
}
.dInBlock {
    display:inline-block;
}
.optionList {
    min-height: 200px;
}
.pBuilder .optionList {
    min-width: 90px;
}
.para_tble table > tbody > tr > th {
    text-align: center;
    font-weight: normal;
}
.parameterBuilderPage .tableCont.pro_tab .table-responsive .table td {
    padding: 6px 30px;
}
/***********************************************
//  Copy-A start  //
************************************************************/
.copy-a {
    /*margin-top: 30px;*/
}
.recipt-no {
    text-align: center;
    font-weight: 600;
    font-size: 18px;
}
.header-check .form-check {
    margin: 0 10px;
}
.custom-formStyle .table-bordered td, .custom-formStyle .table-bordered th {
    padding: 0;
}
.custom-formStyle .form-control {
    background: #f1f4ff;
    border: 0;
    font-size:14px;
    color:#000;
    border-radius:0;
}
.custom-formStyle .form-control:focus {
    box-shadow:none;
}
.custom-formStyle .form-control.text-box {
    min-height: 164px;
    resize: none;
}
.custom-formStyle label, .custom-formStyle p {
    padding: 0 7px;
    font-size: 12px;
    min-width: 82px;
}
.custom-formStyle p {
    text-align:center;
}
.align-right .form-control{
    text-align:right;
}
.year {
    display: block;
    text-align: center;
    font-size: 30px;
}
.income {
    font-size: 15px;
    line-height: normal;
    margin-top: 15px;
    font-weight: 600;
    padding: 5px;
}
.custom-lableStyl {
    display: block;
    text-align: center;
}
.padd-left {
    padding-left: 15px;
    position: relative;
}
.padd-left i {
    position: absolute;
    left: 6px;
    top: 10px;
    font-size: 12px;
}
.cutom-fromCheck, .cutom-fromCheck2 {
    padding-left: 0;
}
.cutom-fromCheck .form-check-input {
    bottom: 2px;
}
.cutom-fromCheck2 .form-check-input {
    bottom: -22px;
    right: 50%;
    transform: translate(50%,0);
}
.align-center .form-control {
    text-align:center;
}
.tbl-border-none td {
    border-width: 0 1px 0 0;
}
.lable-hgt {
    min-height: 32px;
}
.dblHeight {
    min-height: 48px;
}
.lable-hgt2 {
    min-height: 50px;
}
.table-bordered.tabl-1 {
    border: 0;
}
.bottom-text p {
    text-align: left;
}
.text-left .formBtm-style {
    text-align: left;
    font-weight: 700;
    font-size: 20px;
}
.header-check .form-check-label {
    min-width: auto;
}

.colorStyle .table-bordered td, .colorStyle .table-bordered th {
    border: 1px solid #ff3e4c;
}
.colorStyle {
    color: #ff3e4c;
}
.colorStyle .table-bordered td .tbl-border-none > tbody > tr > td, .colorStyle .table-bordered td .tbl-border-none2 > tbody > tr > td:first-child {
    border:0;

}
.colorStyle .table-bordered td .tbl-border-none2 > tbody > tr > td {
    border-left:1px solid #ff3e4c;

}

.income.font-style {
    font-size: 20px;
    font-weight: 600;
}
.recipt-no {
    color:#000;
}
.colorStyle .borderStyle {
    border-bottom: 1px dashed #ff3e4c;
}
.colorStyle .borderStyle {
    border-bottom: 1px dashed #ff3e4c;
}
.borderStyle {
    border-bottom: 1px dashed #000;
}
/***********************************************
//  Copy-A End  //
************************************************************/


.checkInfo {
    font-size:12px;
}
.income.fw-n {
    font-weight: normal;
}
.formSpace {
    padding: 50px 0 60px;
}
.formSpace + .formSpace {
    border-top: 3px dotted #a5a5a5;
}
.custom-topSec {
    padding-bottom: 10px;
}


.formNumber {
    color: #333;
    font-size: 20px;
}
.custom-formStyle .empIncome.table-bordered td, .custom-formStyle .empIncome.table-bordered th {
    padding: 2px 5px;
    font-size:13px;
}
.table.empIncome .table {
    margin: 0;
}
.custom-formStyle label.min-wd-auto {
    min-width: auto;
}
.va-mdl {
    vertical-align:middle;
}
form .form-control {
    /*padding: .15rem .5rem;*/
}
.table td[valign="middle"], .table th[valign="middle"] {
    vertical-align: middle;
}
.oUse.d-block {
    font-weight: bold;
    padding-top: 5px;
}
.tbl-b-none > tbody > tr:first-child > td {
    border-top: none;
}
.tbl-b-none > tbody > tr:last-child > td {
    border-bottom: none;
}
.tbl-b-none > tbody > tr > td:first-child {
    border-left: none;
}
.tbl-b-none > tbody > tr > td:last-child {
    border-right: none;
}


.codeFlds > ul  {
    display: table;
    width:100%;
}
.codeFlds > ul > li {
    display: table-cell;
}
.colorStyle .codeFlds > ul > li + li {
    border-left: 1px solid #ff3e4c;
}
.codeFlds > ul > li + li {
    border-left: 1px solid #dee2e6;
}
.codeLblPlaceholder {
    position: relative;
    padding-left: 15px;
    width: 70px;
}
.codeLbl {
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 9px;
    line-height: 10px;
    display: inline-block;
    margin-top: -3px;
    position:absolute;
    left:0;
}
.custom-formStyle .form-control.twoRowHeight {
    min-height: 96px;
    resize: none;
}


.chckboxInlineGroup > ul > li {
    display: inline-block;
    padding-bottom:5px;
}
.btmCheckIcon > label {
    margin: 0 0 4px;
    line-height: 10px;
    font-size: 10px;
    min-width: auto;
    padding:0;
}
.btmCheckIcon input[type="checkbox"] {
    display: block;
    margin: 2px 0px 0;
}
.chckboxInlineGroup {
    display: inline-block;
    vertical-align: top;
    padding-top: 3px;
}

.dblFld {
    display: table;
    width:100%;
}
.dblFld > ul > li {
    display: table-cell;
}
.colorStyle .dblFld > ul > li + li {
    border-left: 1px solid #ff3e4c;
}
.dblFld > ul > li + li {
    border-left: 1px solid #dee2e6;
}
.stateId {
    width: 70px;
}
.table.empIncome label {
    white-space: nowrap;
}
.empIncome-bottomSec p {
    text-align: inherit;
    min-width: inherit;
    font-size: 16px;
    padding: 0;
}
.empIncome-bottomSec .rightText {
    text-align: right;
}
.btmCenterTitle {
    text-align: center;
    color: #333;
    font-size: 40px;
    line-height: 40px;
}
.empIncome-bottomSec h3 {
    font-weight: 800;
    font-size: 1.5rem;
}
.empIncome-bottomSec h3 > span {
    font-size: 3rem;
}
.highLightText {
    font-weight: 700;
}
.empIncome-bottomSec h5 {
    font-weight: 700;
    font-size: 1.5rem;
}

.table.tbl-b-none.changeBorderStyle > tbody > tr > td {
    border-bottom-style: dashed;
    border-top-style: dashed;
}
.table.tbl-b-none.changeBorderStyle > tbody > tr:first-child > td {
    border-top: none;
}
.table.tbl-b-none.changeBorderStyle > tbody > tr:last-child > td {
    border-bottom: none;
}




.company-urlSec .form-control.custom-form.inlineLblFld {
    width: calc(100% - 180px);
    max-width: 100%;
}
.tblDD .btn {
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
}
.tblDD .dropdown-item {
    font-size: 14px;
    padding: 2px 12px;
}

.searchPageMain {
    min-height: calc(100vh - 260px);
}
.chooseSearchOpt > .custom-control {
    padding-right: 1.5rem;
    padding-left: 0;
    margin-right: 0;
}
.chooseSearchOpt > .custom-control + .custom-control {
    margin-left: 6%;
}
.chooseSearchOpt  .custom-control-label::before, .chooseSearchOpt  .custom-control-label::after  {
    left: auto;
    right:0;
}
.chooseSearchOpt {
    -webkit-justify-content: center;
    justify-content: center;
    display: flex;
}
.mainSearchFld {
    margin-top: 30px;
    position: relative;
}
.mainSearchIcon {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
}
.mainSearchFld > .form-control {
    border-color: #7f7f7f;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: .375rem 2rem .375rem .75rem;
}
.searchPage {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 700px;
}




.localSTaxTrigger {
    margin-top: 15px;
    display: none;
}
.fldRightIcon.formFldStyle {
    border: 1px solid #ccc;
    background: #fff;
    display: inline-block;
    padding: 2px 4px;
    width: 30px;
    text-align: center;
    font-weight: bold;
}
.formFldStyle.totalIcon {
    font-size: 24px;
    line-height: 24px;
}
.h-0 {
    height: 0;
}
.topStrongBorder.darkBorder {
    border-top-width: 5px;
    border-color: #333;
}
.formCenterTitle {
    text-align: center;
}
.formCenterTitle h5 {
    font-weight: bold;
    font-size: 16px;
    padding: 5px 0 15px;
}

/*** Emplyee page ***/

.formTitle {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
}


.officialUse {
    font-weight: 600;
}
.checkTitleInfo {
    width: 100%;
    max-width: 125px;
    position: relative;
    height:100%;
}
.checkTitleInfo::after {
    content: "";
    border-top: 30px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 15px solid;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: -15px;
}
.checkTitleInfo h4 {
    font-weight:600;
}
.checkTitleInfo p {
    text-align:left;
    padding:0;
}
.centerAlignCheck  .btmCheckIcon input[type="checkbox"] {
    margin: 2px auto 0;
}
.centerAlignCheck > ul > li {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 4px;
    min-width: 22%;
    text-align: center;
    padding-bottom: 10px;
}
.table.empIncome .thirdParty label {
    white-space: normal;
    text-align: center;
}
.thirdParty {
    max-width: 60px;
}
.thirdParty > label > span {
    padding-bottom:2px;
    padding-top:5px;
    display:block;
}
.dTbl {
    display: table;
    width: 100%;
}
.custom-formStyle .formBtmFldRow label {
    min-width: inherit;
}
.formBtmFldRow {
    padding: 10px 0 0;
    border-bottom: 1px solid;
    margin-bottom: 15px;
}
.custom-formStyle.w3Form .form-control {
    font-size: 12px;
    padding: .2rem .75rem;
}
.custom-formStyle.w3Form label {
    line-height:12px;
}
.w3FormBtmCol p {
    font-size: 14px;
}

/***media-query***/
@media screen and (min-width:768px) {
.ofInherit {
    overflow:inherit;
}
}

@media screen and (max-width:1199px) {
.parameterBuilderPage .tableCont.pro_tab .table-responsive .table td {
    padding: 6px 10px;
}
}
@media (max-width:1320px) {

.navbar-brand.logo {
    margin-left: 0;
}
.pageTitle {
    padding-left: 0;
}
}
@media (max-width:1199px) {
.form-control.bg-gray {
    width: 77%;
}
.company-urlSec .custom-form {
    max-width: 270px;
}
}
@media (max-width:991px) {
.tabl-heading {
    text-align: left;
    margin-bottom: 10px;
}
.expenseSec {
    padding-top: 50px;
}
.saleCont {
    padding: 50px 0 30px;
    margin-top: 0;
}
.form-control.bg-gray {
    width: 68%;
}
.company-urlSec .custom-form {
    max-width: 100%;
}
.company-urlSec .form-control-file {
    width: 44%;
}
.divisionAccount .tableCont .table-responsive .table td, .divisionAccount .tableCont .table-responsive .table th {
    padding: 6px 4px;
    font-size: 13px;
    white-space: nowrap;
}
.exchange {
    float: none;
    display: inline-block;
}
.searhCustomerCol {
    padding-right: 40px;
}
.searchRightBtn {
    right: 0;
    -webkit-transform: translate(0%,-50%);
    transform: translate(0%,-50%);
}
.custom-formStyle table > tbody > tr > td {
    min-width:100px;
}
.empIncome-bottomSec, .empIncome-bottomSec .rightText {
    text-align: center;
    padding: 15px 0;
}
}
@media (max-width:767px) {
.company-urlSec label {
    width: 100%;
    justify-content: left;
    padding-right: 0;
    margin-bottom: 10px;
}
.form-control.bg-gray {
    width: 100%;
}
.company-urlSec .custom-form {
    max-width: 100%;
}
.customNav .navbar-toggler {
    border: 1px solid #00b050;
    border-radius: 0;
    padding: 7px 10px;
}
.customNav .navbar-toggler-icon {
    width: 24px;
    height: 2px;
    background: #00b050;
    position: relative;
    top: -3px;
}
.customNav .navbar-toggler-icon::after {
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background: #00b050;
    top: -7px;
    left: 0;
}
.customNav .navbar-toggler-icon::before {
    content: "";
    position: absolute;
    width: 24px;
    height: 2px;
    background: #00b050;
    bottom: -7px;
    left: 0;
}
.customNav .navbar-nav {
    padding-top: 10px;
}
.customNav .navbar-nav li.active .nav-link::before, .customNav .navbar-nav .nav-link:hover::before {
    margin: 0;
}
.customNav .navbar-nav .nav-link {
    padding: 6px 0 6px;
}
.tableCont .table-responsive .table td, .tableCont .table-responsive .table th {
    padding: 2px 6px;
    white-space:nowrap;
}
.addDepartmentBtn {
    margin-bottom: 20px;
}
.departmentTbl {
    padding-left: 0;
}
.adOrder {
    float: none;
}
.customNav .navbar-nav > .nav-item > .nav-link {
    /*padding: 1px 18px 8px 0px;*/
}
.customNav .navbar-nav > li:first-child .nav-link::before {
    -webkit-transform: translate(0,0);
    transform: translate(0,0);
}
.navbar-toggler.navbarTrigger {
    position: absolute;
    right: 0;
    -webkit-transform: translate(0,-100%);
    transform: translate(0,-100%);
    top: -20px;
}
.headerTopCol {
    padding-right: 50px;
}
.parameterBuilderPage .tableCont.pro_tab .table-responsive .table td {
    padding: 6px 6px;
}
.company-urlSec .form-control.custom-form.inlineLblFld {
    width: 100%;
}
.searchPageMain {
    min-height: calc(100vh - 250px);
}
.headerTop {
    padding: 20px 0 20px;
}
.company-urlSec .topSearchFld .custom-form {
    min-width: inherit;
}
.customNav .navbar-nav > .nav-item > .nav-link {
text-align:left;
}
}
@media (max-width:575px) {
.header-right{
    text-align:left;
}
.sm-btn-100 .btn {
    width: 100%;
}
.navbar-brand.logo {
    margin-right: 0.25rem;
}
.pageTitle {
    font-size: 16px;
}
}
@media (max-width:375px) {
.tableCont .table-responsive .table td, .tableCont .table-responsive .table th {
    padding: 2px 4px;
    font-size: 13px;
}
}
.richText .richText-help {
    display: none;
}

/* Button HELP */

.button-help {
    -moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
    -webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
    box-shadow:inset 0px 1px 0px 0px #fce2c1;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc477), color-stop(1, #fb9e25) );
    background:-moz-linear-gradient( center top, #ffc477 5%, #fb9e25 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc477', endColorstr='#fb9e25');
    background-color:#ffc477;
    -webkit-border-top-left-radius:20px;
    -moz-border-radius-topleft:20px;
    border-top-left-radius:20px;
    -webkit-border-top-right-radius:20px;
    -moz-border-radius-topright:20px;
    border-top-right-radius:20px;
    -webkit-border-bottom-right-radius:20px;
    -moz-border-radius-bottomright:20px;
    border-bottom-right-radius:20px;
    -webkit-border-bottom-left-radius:20px;
    -moz-border-radius-bottomleft:20px;
    border-bottom-left-radius:20px;
    text-indent:1.31px;
    border:1px solid #eeb44f;
    display:inline-block;
    color:#ffffff;
    font-family:Arial;
    font-size: 15px;
    font-weight:bold;
    font-style:normal;
    height:40px;
    line-height:40px;
    width:141px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #cc9f52;
    margin-top: 7px;
    margin-left: 15px;
    padding-top: 10px !important;
}
.button-help:hover {
     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fb9e25), color-stop(1, #ffc477) );
     background:-moz-linear-gradient( center top, #fb9e25 5%, #ffc477 100% );
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9e25', endColorstr='#ffc477');
     background-color:#fb9e25;
 }
.button-help:active {
      position:relative;
      top:1px;
  }