body {
    margin:0px;
}
.main_table {
    width: 976px;
}
#header{
    width: 100%;
    height: 80px;
}
.form_textbox{
    height:20px; border:1px solid #666
}
.button1 {
    color: #FFFFFF;
    font-size:11px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    background: #1C5978;
    border: 0px;
}
.header_bg {
    width: 976px;
    height: 100px;
    background-image: url('../images/header_epic.jpg');
}
.header_text {
    color: #000000;
    font-size:15px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    font-weight: bold;
}
.white_text {
    padding-right: 5px;
    font-size:11px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    color: #000000;
}
#footer {
    width: 100%;
    height: 20px;
}
.footer_text {
    color: #000000;
    font-size:11px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    background:  #FBB01B;
}
.box {
    border: 1px solid black;
}
.box1 {
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-top: 1px solid black;
}
.short_inputbox {
    font-size:10px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    border: 1px solid #a4a4a4;
    width: 130px;
}

.long_inputbox {
    font-size:10px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    border: 1px solid #a4a4a4;
    width: 180px;
}

.long_inputboxLang {
    font-size:10px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    border: 1px solid #a4a4a4;
    width: 180px;
    height: 300px;
}

.small_inputbox {
    font-size:10px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    border: 1px solid #a4a4a4;
    width: 50px;
}

.xlong_inputbox {
    font-size:10px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    border: 1px solid #a4a4a4;
    width: 280px;
}
.small_selectbox {
    font-size:10px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    border: 1px solid #a4a4a4;
    width: 58px;
}
.small_selectbox1 {
    font-size:11px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    border: 1px solid #a4a4a4;
    width: 100px;
}
.table_cell {
    font-size:9px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    color: #555859;
    padding-left: 5px;
    font-weight: bold;
}
.box {
    border: 1px solid black;
}
.box_heading {
    background: #026C98;
    color: white;
    font-size:12px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    padding-left: 5px;
}
.button {
    color: #FFFFFF;
    font-size:12px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    background: #1C5978 !important;
    border-color: #1C5978 !important;
    border: 0px;
}
.button:disabled {
    opacity: 60%;
}
/*.page_heading {
    font-size:11px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    color: #026C98;
    font-weight: bold;
    border-bottom: 1px solid #C2BDAD;
}*/
.page_heading {
    font-size: 25px;
    font-family: Verdana, sans-serif, serif, Arial, Helvetica;
    color: hsl(198deg 97% 30%);
    border-bottom: 1px solid hsl(46deg 15% 72%);
    text-align: center;
    line-height: 70px;
}
.main_text {
    font-size:11px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    color: black;
}
.main_text_with_padding {
    font-size:11px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    color: black;
    padding-left: 5px;
    background: #F4F4F4;
}
.main_text_with_padding1 {
    font-size:11px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    color: black;
    padding-left: 5px;
    background: #B4B4B4;
}
.left_menu_heading {
    background-image: url('../images/menu_heading_bg.gif');
    width: 200px;
    height: 29px;
    font-size:11px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    color: #FFFFFF;
    font-weight: bold;
    background-repeat: no-repeat;
    padding-left: 10px;
}
.error {
    background: hsl(0deg 0% 96%);
    padding: 5px;
    font-size: 14px;
    border: 0px;
    color: hsl(198deg 97% 30%);
    text-align: center;
    line-height: normal;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    
}
.error_heading {
    background: hsl(0deg 0% 96%);
    padding: 5px;
    font-size: 14px;
    border: 0px;
    color: hsl(198deg 97% 30%);
    text-align: center;
    line-height: normal;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
}
.left_link_box {
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    width: 149px;
    padding-left: 10px;
}
.left_link {
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    width: 149px;
    padding-left: 10px;
    color:  #E67817;
    font-size:10px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    font-weight: bold;
    height: 22px;
    background: #D1D3D4;
}
.left_links {
    color: black;
    font-size:10px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    text-decoration: none;
    font-weight: bold;
}
.left_links:hover {
    text-decoration: underline;
    color: #1C5978;
}
.header_links {
    color: #000000;
    font-size:10px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    text-decoration: underline;
    font-weight: bold;
}
.header_links:hover {
    text-decoration: none;
    color: #1C5978;
}
.header_links_main {
    color: #FFFFFF;
    font-size:10px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    text-decoration: underline;
    font-weight: bold;
}
.header_links_main:hover {
    text-decoration: none;
    color: #FFFFFF;
}
.separator {
    color: #FFFFFF;
    font-size:10px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
}
.td_error {
    color: red;
    font-size:10px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
}
.star {
    color: red;
    font-size:10px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    padding-left: 3px;
}




.table_cell_sales{
    font-size:9px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    color: #555859;
    padding-left: 15px;
    font-weight: bold;
}

.long_inputbox_email {
    font-size:10px;
    font-family:Verdana, sans-serif, serif, Arial, Helvetica;
    border: 1px solid #a4a4a4;
    width: 380px;
}

tr.red td {
    color: red;
}
/*31-dec-2021 kunal Css*/
td.main_text.home-text {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
}
td.box_heading.hedg_box {
    background: hsl(40deg 97% 54%);
    font-size: 17px;
    line-height: 30px;
    text-align: center;
    font-weight: 500;
    text-transform: capitalize;
}
td.main_text.cominfo {
    font-size: 17px;
    text-align: center;
    line-height: 29px;
}
td.td_error.cominfo5 {
    font-size: 13px;
    text-align: center;
    font-weight: 900;
}
table.tabcominfo {
    width: 100%;
}
td.tabcomhd {
    background: hsl(198deg 97% 30%);
    color: #fff;
    line-height: 46px;
    padding: 0 0 0 12px;
    font-size: 18px;
}


/*----css edioted 01-01-22-----yogesh---*/
td.tabcomhd {
     text-align: center;
}
td.custom_td table.cstm_table {
    max-width: 100%;
    margin: 20px auto;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
     -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
}

td.custom_td table.cstm_table tbody tr td, td.custom_td table.cstm_table ,
td.custom_td table.cp-table tbody tr td, td.custom_td table.cp-table
{
    border-bottom: 1px solid rgb(204 204 204 / 38%);
    border-collapse: collapse;
    font-size: 15px;
    font-weight: 500;
    vertical-align: middle;
}
td.custom_td table.cstm_table tbody tr td:nth-child(1),
td.custom_td table.cstm_table tbody tr td:last-child
{
    
    border:none;
}
tr.cstm_row td {
    width: 33.33%;
    padding: 5px;
}
td.change_passwrd.custom_td tr.cstm_row td {
    padding: 5px 15px 5px 5px;
}
tr.cstm_row td input, tr.cstm_row td select {
    border: 1px solid #a3a3a3 !important;
    font-size: 15px;
    height: 45px;
    width: 100%;
    padding: 5px 10px;
    border-radius: 3px;
    outline: none;
}
tr.cstm_row td .add_languages select {
    border: 1px solid #a3a3a3 !important;
    font-size: 15px;
    height: 90px;
    width: 100%;
    padding: 5px 10px;
    border-radius: 3px;
    outline: none;
}

tr.cstm_row textarea {
    width: 100%;
    font-size: 15px;
    padding: 5px 10px;
}
tr.cstm_row textarea:focus-visible
{
    border: none;
    outline: none;
}
tr.cstm_row td input:focus, tr.cstm_row td input:focus-visible
{
    border: none;
    outline: none;
}

tr.cstm_row_bottom td input {
    padding: 10px;
    width: 49%;
    margin: 5px 0;
    font-size: 15px;
    border-radius: 3px;
}
td.custom_td table.cstm_table tbody tr td:nth-child(1) {
    padding-left: 20px;
}


td.custom_td table.cstm_table tr.cstm_row_bottom td ,td.custom_td table.cstm_table tr.cstm_row td.cstm_textarea.cstm_col {
    border: none;
}

table.cominfo2 tbody tr td table tbody tr td.error_heading, table.cominfo2 tbody tr td table tbody tr td.error {
    background: hsl(0deg 0% 88%);
    padding: 5px;
    font-size: 14px;
    border: 0px;
    color: hsl(198deg 97% 30%);
    text-align: center;
    line-height: normal;
}

/*-----chnage passwrd css-----*/
td.change_passwrd.custom_td form.cp_form {
    max-width: 60%;
    margin: auto;
}

td.change_passwrd.custom_td form.cp_form table.cp-table tr.cstm_row td.box_heading {
    text-align: center;
    padding: 10px;
}

/*td.change_passwrd.custom_td form.cp_form tr.cstm_row td.cstm_col:last-child {
    border-bottom: 1px solid #ccc;
}*/

table.box.cstm_table.cp-table {
    border: none;
}

/*td.change_passwrd.custom_td form.cp_form tr.cstm_row td.cstm_col:last-child {
   border-bottom: 1px solid rgb(204 204 204 / 38%)!important;
}*/

tr.cstm_row.cstm_btn_chnge input {
    margin-top:10px;   
}
/*tr.cstm_row.cstm_btn_chnge td.cstm_col {
    padding-top: 20px;
    padding-bottom: 20px;
}*/

td.change_passwrd.custom_td form.cp_form tr.cstm_row.cstm_btn_chnge td:last-child {
    border: none !important;
}

tr.cp_row_top td {
    text-align: center;
    font-size: 16px;
    padding: 10px;
}

tr#error_row table {
    width: 100%;
}

tr#error_row table {
    border: none !important;
}
table.box1.mainhdlg15 {
    width: 100%;
}
td.main_text.mainhdlg {
    font-size: 17px;
    line-height: 17px;
    text-align: center;
}
input.button.delbut {
    margin: 0 !important;
    padding: 15px 35px 15px 35px !important;
}
tr.cstm_row:nth-child(2) td {
    padding-top: 25px !important;
}
td.change_passwrd.custom_td {
    padding-bottom: 30px !important;
}
td.tabcomhd {
    line-height: 16px;
    font-size: 16px;
    padding: 12px 10px !important;
}
.company_info_main table.cstm_table {
    width: 100%;
    max-width: 600px !important;
    margin: 40px auto !important;
    border: none !important;
}
.company_info_main tr.cstm_row:nth-child(2) td {
    padding-top: 0px !important;
}

.company_info_main tr.cstm_row td {
    width: 100%;
    padding: 5px 20px !important;
}
.company_info_main tr.cstm_row td label, .add_language_table table.cstm_table label, .company_info_main tr.cstm_row td label a {
    margin-bottom: 10px !important;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    text-transform: capitalize;
}
.company_info_main tr.cstm_row td.td_error {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.company_info_main tr.cstm_row_bottom td {
    padding-left: 20px !important;
    padding-right: 15px !important;
}
tr.cstm_row textarea {
    border: 1px solid #a3a3a3 !important;
    font-size: 15px;
    width: 100%;
    padding: 5px 10px;
    border-radius: 3px;
}
.menu select {
    border: none !important;
    outline: none !important;
}
table.left_menus_hed table {
    width: 100%;
}
.language_mannager table.box1 td:nth-child(1) {
    width: 5% !important;
    text-align: center;
}
.language_mannager table.box1 td:nth-child(3), .language_mannager table.box1 td:nth-child(4), .language_mannager table.box1 td:nth-child(5) {
    text-align: center;
}
.bottom_navigation {
    padding: 5px 10px 5px 5px;
    width: 100% !important;
    border: none !important;
    border-spacing: 0 !important;
    margin: auto;
    border-left: 1px solid #000 !important;
    border-right: 1px solid #000 !important;
}
.bottom_navigation span.main_text.slet, .bottom_navigation span.main_text.slet a {
    font-size: 12px;
    text-decoration: none;
    color: #fff !important;
}
.bottom_navigation span.main_text.slet a {
    margin-left: 5px;
}
.bottom_navigation span.main_text.slet select {
    border: none !important;
    outline: none !important;
    background: transparent;
    color: #fff !important;
    width: 45px !important;
}
.bottom_navigation span.main_text.slet {
    height: 45px;
    border: 1px solid #1c5978;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    background-color: #1c5978;
}
.bottom_navigation span.main_text.slet select option {
    color: #000 !important;
}
.add_language_table td.main_text {
    text-align: center;
    font-size: 17px;
    line-height: 17px;
}
.add_language_table table.box {
    width: 100%;
    border: none;
}
.add_language_table table.box td.box_heading {
    text-align: center;
    padding: 10px;
    font-size: 12px;
}

.add_language_table table.cstm_table {
    width: 100%;
    max-width: 600px !important;
    margin: 40px auto !important;
}
.add_language_table table.cstm_table td {
    padding-right: 20px;
}
.add_language_table table.cstm_table tr.cstm_row_bottom td {
    padding-right: 14px;
}
.add_language_table table.cstm_table td {
    padding-top: 0 !important;
}
.active_checkbox {
    display: flex;
}
.sub_heading_translate, .sub_heading_translate span {
    text-align: center;
    font-size: 17px !important;
    line-height: 17px !important;
}
.language_mannager table.box1 {
    width: 100%;
}
.active_checkbox input {
    outline: none !important;
}
form#frmCSearch {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 500px;
    margin: 10px auto 0;
}
form#frmCSearch input.button.slet {
    width: auto;
    padding: 0 20px;
}
.salesman_list table.box1 {
    border: none !important;
    width: 100%;
}
.salesman_list table.box1 tr td:first-child {
    width: 5% !important;
    text-align: center;
}
.salesman_list table.box1 tr td:nth-child(2) {
    text-align: center;
    width: 10%;
}
.salesman_list table.box1 tr td:nth-child(4) {
    text-align: center;
    width: 10%;
}
.salesman_list table.box1 tr td:last-child {
    border-right: 1px solid #c9c9c9;
}
table.salesman_list {
    margin-top: 30px;
    margin-bottom: 30px;
}
table.salesman_list form#frmpagelist {
    margin-bottom: 10px;
}
.track_input input[type="text"], .track_input select {
    border: 1px solid #a3a3a3 !important;
    font-size: 15px;
    height: 45px;
    width: 100%;
    padding: 5px 10px;
    border-radius: 3px;
    outline: none !important;
}
#searchDates label {
    margin-bottom: 10px !important;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    text-transform: capitalize;
}
.track_input {
    position: relative;
}
.track_input input[type="button"], .track_input input.button.search {
    position: absolute;
    height: 45px;
    right: 0;
    border-radius: 0 3px 3px 0 !important;
    padding: 0 12px;
    text-transform: uppercase;
    font-size: 12px;
}
form#searchDates table {
    margin: auto;
}
form#searchDates table td.search_button {
    padding-top: 26px;
    padding-left: 15px;
}
form#searchDates table td.main_text.from_input {
    padding-right: 15px;
}
form#searchDates table td.search_button input.button.delbut {
    border-radius: 3px;
}
.language_mannager canvas#chart {
    display: inline-block;
    max-width: 600px;
    margin: 40px auto !important;
}
table.leads_title {
    border-spacing: 0px;
}
table.leads_title td.page_heading {
    border-bottom: 0;
}
form#leadsSearch {
    display: flex;
    align-items: center;
}
.sentamail table.box1 td:first-child {
    width: 6%;
    text-align: center;
}
.sentamail table.box1 td:nth-child(2) {
    width: 25%;
}
tr.cstm_row.upload_filed input[type="file"] {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: auto !important;
    width: auto;
}
table.cstm_table.import_leads {
    max-width: 300px !important;
}
table.cstm_table.import_leads tr.cstm_row_bottom td input {
    width: 100%;
}

.invoince_table td {
    padding: 10px 12px;
    width: 20% !important;
    vertical-align: middle;
}
.invoince_table td.main_text_with_padding1 b {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}
.user_info 
 td.main_text_with_padding1 {
    width: 21% !important;
}
.user_info td.main_text_with_padding {
    font-size: 11px;
    font-weight: 600;
    text-transform: capitalize;
    color: #3a3a3a;
}
.invoince_table td.main_text_with_padding {
    font-size: 11px;
    text-transform: capitalize;
    color: #3a3a3a;
}
.invoince_table, .invoince_table table {
    border-spacing: 1px !important;
}
input#amount {
    border: none;
    font-size: 11px;
    text-transform: capitalize;
    color: #3a3a3a;
    background: transparent;
    outline: none;
}
.invoince_table textarea.invoice_comment {
    padding: 5px 10px;
    background: transparent;
    border-radius: 3px;
    border: 1px solid #c7c7c7 !important;
    -webkit-appearance: none !important;
    font-size: 11px;
    color: #3a3a3a;
    outline: none;
}
.discount_input span {
    margin-right: 10px;
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}
.discount_input input, .discount_input select {
    padding: 5px 10px;
    background: transparent;
    border-radius: 3px;
    border: 1px solid #c7c7c7 !important;
    /*-webkit-appearance: none !important;*/
    font-size: 11px;
    color: #3a3a3a;
    width: 55%;
    outline: none;
}
.edit_invoice select {
    width: 100% !important;
}
.invoince_table form {
    margin: 0;
}
table.box.invoince_table {
    width: 96%;
    margin: 26px auto;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 0 0 15px 0 #d7d7d7;
    border: none;
}
tr.cstm_row_bottom.invoice_button td input {
    padding: 10px;
    width: 15%;
    margin: 5px 0;
    font-size: 15px;
    border-radius: 3px;
}
table.user_info {
    margin-bottom: -2px;
}
.language_mannager table.box1.manage_invoice td:nth-child(2) {
    width: 11%;
    text-align: center;
}
.bill_detail input, .bill_detail select {
    /* padding: 5px 10px; */
    background: transparent;
    border-radius: 3px;
    border: 1px solid #c7c7c7 !important;
    -webkit-appearance: none !important;
    font-size: 11px;
    color: #3a3a3a;
    /* width: auto; */
    outline: none;
}
.language_mannager table.box1.paid_invoice td:nth-child(1) {
    width: 10% !important;
    text-align: center;
}
.language_mannager table.box1.paid_invoice td:nth-child(2) {
    width: 15%;
}
tr#str td.main_text {
    text-align: center;
    line-height: 16px;
    font-size: 15px;
    padding: 12px 10px !important;
    color: #fff;
}
.language_mannager table.box1.result_table td:nth-child(1) {
    width: 10% !important;
    text-align: center;
}
.language_mannager table.box1.result_table td:nth-child(2) {
    width: 12%;
}
.menu a:last-child {
    border: none;
}
.menu a, .menu .header_links_main {
    border-right: 1px solid #fff;
}
.menu a:nth-child(8) {
    border-left: 1px solid #fff;
}
.crate_inmvoice_input input {
    width: 100%;
}
.user_info.upadate_invoice td.main_text_with_padding1 {
    width: 35% !important;
}
.currnt_language div, .currnt_language div a {
    margin-bottom: 0px !important;
    display: inline-block;
    font-size: 13px;
    font-weight: 500;
    color: #000;
    text-transform: capitalize;
}
.add_languages.col_three .add_language_col {
    flex: 0 0 33.33%;
}
tr.cstm_row td input:active, tr.cstm_row td input:focus, tr.cstm_row td input:hover, tr.cstm_row td select:active, tr.cstm_row td select:focus, tr.cstm_row td select:hover,
 tr.cstm_row td textarea:active, tr.cstm_row td textarea:focus, tr.cstm_row td textarea:hover,
 .track_input input[type="text"]:active, .track_input input[type="text"]:focus, .track_input input[type="text"]:hover, .track_input select:hover, .track_input select:active, 
 .track_input select:focus
  {
    border-color: #1c5978 !important;
    background-color: #f5f5f5;
}
tr.cstm_row.upload_filed input[type="file"] {
    background-color: transparent !important;
}
.ep-recl-dialog table.ep-rec {
    text-align: left !important;
}
.ep-recl-dialog table.ep-rec th {
    font-size: 14px;
    font-weight: 600;
}
.ep-recl-dialog table.ep-rec td {
    font-size: 14px;
}
.ep-recl-dialog span.ep-recl-dialog-title-text {
    font-size: 17px;
    font-weight: bold;
}
.active_checkbox input:hover, .active_checkbox input:active, .active_checkbox input:focus {
    border-color: #1c5978 !important;
    background-color: #f5f5f5;
}
.has-tooltip {
    position: relative;
    cursor: help;
}
  
.tooltip-text {
    visibility: hidden;
    background-color: #333;
    color: #fff;
    padding: 4px 8px;
    border-radius: 4px;
    position: absolute;
    top: -5px;
    left: 105%;
    white-space: nowrap;
    z-index: 10;
    text-transform: none;
}
  
.has-tooltip:hover .tooltip-text {
    visibility: visible;
}
.csmp-table {
	width: 100%;
	max-width: 600px !important;
    padding-top: 10px;
    border-top: solid 2px #054dff;
}
.company_info_main tr.cstm_row .csmp-table td {
	width: auto;
    padding: 5px 0px !important;
}
.company_info_main tr.cstm_row .csmp-table td input {
    width: 50%;
}
input[readonly] {
    background: #e6e6e6;
}
button[disabled] {
    opacity: 60%;
}