thead { background: #222d32; color: #fff; }
.input-group .input-group-addon { background-color: #efefef; }
.input-group .input-group-addon > i { width: 12px; }
li.dropdown { font-size: 19px; }
.dropdown-toggle i.fa.fa-angle-down { margin-left: 8px; }
.visible-lg-block, .visible-lg-inline, .visible-lg-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block { display: none!important;  }
.no-display { display: none; }
.has-feedback .form-control { padding-left: 42.5px !important; }
.form-control-feedback { left: 0 !important; } 
.login-box-body .form-control-feedback, .register-box-body .form-control-feedback { top: 0; }   
.form-control { border-radius: 0 !important; box-shadow: none !important; border-color: #d2d6de; }
.form-control { display: block; width: 100%; height: 34px; padding: 3px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; }
.login-page, .register-page { position: relative; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; height: 100%; background-repeat: no-repeat !IMPORTANT; overflow: hidden !important; background-attachment: fixed !important; background-position: center !important; }
.login-box, .register-box { position: absolute; top: 32px; left: auto; margin: auto !IMPORTANT; }
.login-logo, .register-logo { margin: 30px 0 !IMPORTANT; }
.login-box-body, .register-box-body { padding: 35px 20px !IMPORTANT; }
hr { margin-top: 15px; margin-bottom: 15px; border: 0; border-top: 1px solid #ddd; }
.nopadleft { padding-left: 0 !important; }
.nopadright { padding-right: 0 !important; }
.drop100{ width: 100%; padding: 3px 0; }
select{ padding: 3px 0; }
.hr{ border: 1px solid #ddd; margin: 30px 0; }
input, textarea, select { background: #ecf0f5 !IMPORTANT; }
textarea { width: 100%; }
input:disabled, select:disabled { background: #ddd !important; }
.select2-container .select2-choice { background-clip: padding-box !important; background-color: #ecf0f5 !important; background-image: none !important; background-repeat: no-repeat !important; border: 1px solid #ccc !important; border-radius: 0 !important; box-shadow: none !important; color: #000080 !important; font-size: 17px !important; display: block !important; height: 34px !important; line-height: 29px !important; overflow: hidden !important; padding: 0 12px 0 8px !important; position: relative !important; text-decoration: none !important; white-space: nowrap !important; }
.form-control.search-select { padding: 0 !important; box-shadow: none; border: none; }
.datepicker td.day.disabled { color: #ccc !important; }
/**************TAB CSS**********************/
.nav-tabs-custom>.nav-tabs>li>a:hover { color: #fff; }
.nav-tabs-custom>.nav-tabs { background-color: #3c8dbc; }
.nav-tabs-custom>.nav-tabs>li>a { color: #fff; }
ul.sidebar-menu.tree .bg-green { display: none; }
.content-wrapper > div { display: none !Important; }
#stats{ background: #fff; }
.core-box,.core-box .view-more i{display:inline-block}body.lock-screen .user-info>span em{color:#333}.circle-icon{background-color:#333;-moz-border-radius:75px;-webkit-border-radius:75px;border-radius:75px;color:#fff;margin-top:2px;text-align:center;height:55px;line-height:56px;width:55px;font-size:24px!important}.circle-icon.circle-green{background-color:#3D9400;border-color:#327B00;color:#fff}.circle-icon.circle-teal{background-color:#569099;border-color:#4D8189;color:#fff}.circle-icon.circle-bricky{background-color:#C83A2A;border-color:#b33426;color:#fff}
.core-box{margin-bottom:20px;padding-bottom:10px;border-bottom:1px solid #EEE;padding: 20px;}.core-box .heading{margin-bottom:15px}.core-box .heading .circle-icon{float:left}.core-box .heading h2{line-height:55px!important;margin:0;padding-left:65px;font-weight:400;color:#666;font-size:18px}
.core-box .content{color:#747474!important;line-height:20px;margin-bottom:15px;min-height: auto;}
.core-box .view-more{float:right}.core-box .view-more:hover{text-decoration:none}

/****************************************************************************/
@media 
only screen and (max-width: 800px),
(min-device-width: 800px) and (max-device-width: 1024px)  {

    /* Force table to not be like tables anymore */
	.media_table table, .media_table thead, .media_table tbody, .media_table th, .media_table td, .media_table tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.media_table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.media_table tr { border: 1px solid #ccc; }
	
	.media_table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50% !important;
        /*text-align: left !important; */
	}
	
	.media_table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	/*
	Label the data
	*/
	.lead_table td:nth-of-type(1):before { content: "#"; }
	.lead_table td:nth-of-type(2):before { content: "Lead No."; }
	.lead_table td:nth-of-type(3):before { content: "Lead Date"; }
	.lead_table td:nth-of-type(4):before { content: "Customer"; }
	.lead_table td:nth-of-type(5):before { content: "Product"; }
	.lead_table td:nth-of-type(6):before { content: "Status"; }
	.lead_table td:nth-of-type(7):before { content: "Assigned To"; }
	.lead_table td:nth-of-type(8):before { content: "Action"; }
    
    .quotation_table td:nth-of-type(1):before { content: "#"; }
	.quotation_table td:nth-of-type(2):before { content: "Lead No."; }
	.quotation_table td:nth-of-type(3):before { content: "Lead Date"; }
	.quotation_table td:nth-of-type(4):before { content: "Quotation No."; }
	.quotation_table td:nth-of-type(5):before { content: "Quotation Date"; }
	.quotation_table td:nth-of-type(6):before { content: "Customer"; }
	.quotation_table td:nth-of-type(7):before { content: "Product"; }
	.quotation_table td:nth-of-type(8):before { content: "Status"; }
	.quotation_table td:nth-of-type(9):before { content: "Assigned To"; }
	.quotation_table td:nth-of-type(10):before { content: "Proforma"; }
	.quotation_table td:nth-of-type(11):before { content: "Action"; }
    
   	.dashboard td:nth-of-type(1):before { content: "#"; }
	.dashboard td:nth-of-type(2):before { content: "Assigned To"; }
	.dashboard td:nth-of-type(3):before { content: "Date"; }
	.dashboard td:nth-of-type(4):before { content: "Company Name"; }
	.dashboard td:nth-of-type(5):before { content: "Status"; }
	.dashboard td:nth-of-type(6):before { content: "Notes"; }
	.dashboard td:nth-of-type(7):before { content: "Action"; }
    
    .lead_followup td:nth-of-type(1):before { content: "#"; }
	.lead_followup td:nth-of-type(2):before { content: "Customer Name"; }
	.lead_followup td:nth-of-type(3):before { content: "Lead No."; }
	.lead_followup td:nth-of-type(4):before { content: "Next Follow Up Date"; }
	.lead_followup td:nth-of-type(5):before { content: "Status"; }
	.lead_followup td:nth-of-type(6):before { content: "Notes"; }
	.lead_followup td:nth-of-type(7):before { content: "File"; }
	.lead_followup td:nth-of-type(8):before { content: "Action"; }
    
   	.quotation_followup td:nth-of-type(1):before { content: "#"; }
	.quotation_followup td:nth-of-type(2):before { content: "Customer Name"; }
	.quotation_followup td:nth-of-type(3):before { content: "Quotation No."; }
	.quotation_followup td:nth-of-type(4):before { content: "Next Follow Up Date"; }
	.quotation_followup td:nth-of-type(5):before { content: "Status"; }
	.quotation_followup td:nth-of-type(6):before { content: "Notes"; }
	.quotation_followup td:nth-of-type(7):before { content: "File"; }
	.quotation_followup td:nth-of-type(8):before { content: "Action"; }
    
    .view_proforma td:nth-of-type(1):before { content: "#"; }
	.view_proforma td:nth-of-type(2):before { content: "Lead No."; }
	.view_proforma td:nth-of-type(3):before { content: "Lead Date"; }
	.view_proforma td:nth-of-type(4):before { content: "Quotation No."; }
	.view_proforma td:nth-of-type(5):before { content: "Quotation Date"; }
	.view_proforma td:nth-of-type(6):before { content: "Customer"; }
	.view_proforma td:nth-of-type(7):before { content: "Product"; }
	.view_proforma td:nth-of-type(8):before { content: "Status"; }
	.view_proforma td:nth-of-type(9):before { content: "Assigned To"; }
	.view_proforma td:nth-of-type(10):before { content: "Action"; }
    
    .customer_report td:nth-of-type(1):before { content: "#"; }
	.customer_report td:nth-of-type(2):before { content: "Customer"; }
	.customer_report td:nth-of-type(3):before { content: "Person"; }
	.customer_report td:nth-of-type(4):before { content: "Email"; }
	.customer_report td:nth-of-type(5):before { content: "Mobile"; }
	.customer_report td:nth-of-type(6):before { content: "Phone"; }
    
    .username_report td:nth-of-type(1):before { content: "#"; }
	.username_report td:nth-of-type(2):before { content: "Lead No."; }
	.username_report td:nth-of-type(3):before { content: "Lead Date"; }
	.username_report td:nth-of-type(4):before { content: "Customer"; }
	.username_report td:nth-of-type(5):before { content: "Person"; }
	.username_report td:nth-of-type(6):before { content: "Email"; } 
	.username_report td:nth-of-type(7):before { content: "Mobile"; }
	.username_report td:nth-of-type(8):before { content: "Product"; }
	.username_report td:nth-of-type(9):before { content: "Status"; } 
    
    .lead_followup_dashboard td:nth-of-type(1):before { content: "#"; }
	.lead_followup_dashboard td:nth-of-type(2):before { content: "Next Followup Date"; }
	.lead_followup_dashboard td:nth-of-type(3):before { content: "Status"; }
	.lead_followup_dashboard td:nth-of-type(4):before { content: "Notes"; }
	.lead_followup_dashboard td:nth-of-type(5):before { content: "File"; } 
}