td {
    font-size: 12px;
}

th {
    font-size: 12px;
}

.width2per{
    width:2% !important;
}
.width10per{
    width:10% !important;
}
.width8per{
    width:8% !important;
}
.width6per{
    width:6% !important;
}

.width12per{
    width:13% !important;
}
.width15per{
    width:15% !important;
}
.width20per{
    width:20% !important;
}
.width27per{
    width:27% !important;
}

.width30per{
    width:30% !important;
}
.width35per{
    width:35% !important;
}
.width40per{
    width:40% !important;
}

.width50per{
     width:50% !important;
 }.width100per{
      width:100% !important;
  }

@media print {
    #header {
        display: none;
    }

    #hideButton {
        display: none;
    }

    #printTable th {
        font-size: 11px;
        padding-top: 3px !important;;
        padding-left: 3px !important;;
        padding-bottom: 3px !important;;
    }

    #printTable td {
        font-size: 11px;
        padding-top: 3px !important;;
        padding-left: 3px !important;;
        padding-bottom: 3px !important;;

    }

    #show_signature {
        display: block !important;
    }

    .container {
        display: inline !important;
    }

    .authorize_signature{
        float: right !important;
        padding-top:20px !important;
        font-weight:bold !important;
        font-size:16px !important;
    }
    .receiver_signature{
        float: left !important;
        padding-top:20px !important;
        font-weight:bold !important;
        font-size:16px !important;
    }
    .border-top{
        border-top:1px solid #333 !important;
    }
    .no-border-bottom{
        border-bottom: 0px;
    }


    #money_recipt{
        text-align:center;border-radius:10px;padding:5px;background: lightblue !important;color:black;width:150px;font-size:18px;margin:0px auto;margin-top:20px;
    }

    .table td{
        padding-top:2px !important;
        padding-bottom: 2px !important;
    }
     .table th{
         padding-top:2px !important;
         padding-bottom: 2px !important;
         white-space: nowrap;
    }
    a[href]:after {
        content: none !important;
    }


}

#printTable th {
    font-size: 14px;
}

#printTable td {
    font-size: 14px;

}

.box-title a {
    color: white !important;
    font-weight: bold;
}

.box-header a {
    color: white !important;
    font-weight: bold;
}

#table-style td {
    border: 1px solid #d0d2d0;
    font-size: 11px;
    padding-top: 3px;
    padding-left: 3px;
    padding-bottom: 3px;
    page-break-inside: avoid !important;
}

#table-style th {
    border: 1px solid #d0d2d0;
    font-size: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
    page-break-inside: avoid !important;
}

.select2{
    width:100% !important;
}

@page {
    size: auto;   /* auto is the initial value */
    margin: 0mm;  /* this affects the margin in the printer settings */
}


/*
|----------------------------------------------------------------------------------|
|-------------------------------Supplier modules css-------------------------------|
|----------------------------------------------------------------------------------|
*/

#infoTable td{
    height: 20px !important;
    padding-top:2px;
    padding-bottom: 2px;
}#infoTable th{
     height: 20px !important;
     padding-top:2px;
     padding-bottom: 2px;
 }

 #print-header-purchase-invoice-table{
        width:100%!important;  margin-bottom:20px !important;
 }

/*
|----------------------------------------------------------------------------------|
|-------------------------------Customer modules css-------------------------------|
|----------------------------------------------------------------------------------|
*/

#tableStyle td{
    border: 1px solid #d0d0d0;
}


/*
|----------------------------------------------------------------------------------|
|-------------------------------purchase  modules css-------------------------------|
|----------------------------------------------------------------------------------|
*/

.paddingTop20Pix{
    padding-top:30px !important;
}


/*
|----------------------------------------------------------------------------------|
|-------------------------------Expense modules css-------------------------------|
|----------------------------------------------------------------------------------|
*/






#project-style{
    font-weight:bold !important;
    font-size:16px;
}

.padding5px{
    padding: 5px !important;
}

.expense_head{
    text-align:left;font-size:18px;
    margin-bottom:15px;
}

.expense_head_left{
    width:49%;vertical-align: top;padding-right: 1%;
}
.expense_head_right{
    width:49%;vertical-align: top;
}


.border-1px-gray{
    border:1px solid #d0d0d0;
}

#show_error_save{
    color:red;font-size:16px;font-weight:bold;
}
#show_success_save{
    color:green;font-size:16px;font-weight:bold;
}
.mandatory-field{
    color:red;font-weight: bold;
}
.text-danger{
    color:red;font-weight: bold;
}





/*
|----------------------------------------------------------------------------------|
|-------------------------------Sales modules css-------------------------------|
|----------------------------------------------------------------------------------|
*/

.panel-heading {
    padding: 5px;
}

/*#table-style th {*/
    /*padding-top: 15px !important;*/
/*}*/
pre
{
    font-family:Tahoma;
    border:1px solid #ffff;
    overflow: hidden;
    width: auto;
    padding: 0px !important;
    background-color: lightgray;
    float: left;

}

.marginLeft5Px{
    margin-left:5px;
}

.icon-style-div{
    height:75px;text-align: center;margin-bottom: 10px;width:100%;
}
.search-icon{
    font-size:3em;padding-top:18px;color:#333;
}
.step-text{
    font-weight: bold;color:red;margin-top: 0;
}

.feature-monthly{
    background-color:#D0D0D0;border: 1px solid #d0d0d0;padding:10px;color:black;
}

.feature-icon{
    color:#079d49;font-size:21px;margin-right: 5px;
}
.border-feature{
    border: 2px solid green;
}

.unit_info td{
    font-size:15px;
}.unit_info th{
    font-size:15px;
}
.unit-info-body{
    height:430px;background: #eee;
}
.unit-info-heading{
    font-weight: bold;font-size:17px;
}
.step-body{
    background: #eee;
}
.step-body-heading{
    margin-bottom: 20px;
}
.step-body-text{
    font-weight: bold;color:#079d49;
}


.sales-input{
    text-align: center;height:30px;
}


/*dashboard css*/
#shortcut_info th a{
    font-size:15px !important;
    color:#333 !important;
}
#shortcut_info td a{
    font-size:18px !important;
    color:#fff !important;
}

.font-18px{
    font-size:18px !important;;
}

/*money receipt*/

#tbl1 td {
    border: 2px solid #d0d0d0;
}

#tableStyle td {
    padding-top: 1px;
    padding-bottom: 1px;
    vertical-align: top;
    font-size: 10px;
}
#tableStyle-amount td,th{
    padding:5px;
}
.dottedStyle{
    border-bottom:2px dotted #333;font-weight:bold;
}
#money_recipt{
    text-align:center;border-radius:10px;padding:5px;background: lightblue;color:black;width:150px;font-size:18px;margin:0px auto;margin-top:20px;
}


/*for login page css*/
.margin-top-20px{
    margin-top:20px !important;
}
.login-logo-bg{
    background-color: #fff!important;
}
.error_show_exception{
    text-align: center !important; color: red !important; padding-top: 10px !important; font-size: 16px !important;
}
.success_show_exception{
    text-align: center;color: green;padding-top: 0px;font-size: 16px;
}

.font-size-14px-bold{
    font-size:14px !important;
    font-weight: bold;
}
.invoice-title-new{
    width:50%!important;margin-left:25%!important;
}
.top-style {
    margin-top: 15px;
}
pre {
    background: #fff;
    border: 1px solid #fff;
    padding-top: 5px;
    padding-left: 0px !important;
    font-family:Tahoma;
}

.vertical-align-middle{
    vertical-align: middle !important;
}
.text-align-justify{
    text-align: justify;
}
.heading-label{
    text-decoration: underline;color:green;
    margin-bottom:5px;font-weight: bold;
}
/*//for scroll show in table*/
.tableFixHead          { overflow-y: auto; height: 600px; }
.tableFixHead thead th { position: sticky; top: 0; }
/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
/*//for  Dashboard scroll show in table*/
.tableFixHeadDashboard         { overflow-y: auto; height: 300px; }
.tableFixHeadDashboard thead th { position: sticky; top: 0; }
/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }


.tdNowRap{
    white-space: nowrap!important;
}