

@media only screen and (max-width: 800px) {
	#unseen table td:nth-child(2), 
	#unseen table th:nth-child(2) {{float:none; width:100%;margin-left:0;}}
}
 
@media only screen and (max-width: 640px) {
	#unseen table td:nth-child(4),
	#unseen table th:nth-child(4),
	#unseen table td:nth-child(7),
	#unseen table th:nth-child(7),
	#unseen table td:nth-child(8),
	#unseen table th:nth-child(8){{float:none; width:100%;margin-left:0;}}
}

.btn-sm{ height:35px; margin-top:25px;}
.inputcurve { border-radius: 5px!important; height:30px; }
.d1 {border:0px!important;}

.btn-success {
  color: #ffffff;
  background-color:#409d4b;
  border-color: #409d4b;
}
						input[type=radio].css-checkbox + label.css-label {
							padding-left:40px;
							height:25px; 
							display:inline-block;
							line-height:25px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:20px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -25px;
						}
						label.css-label {
				background-image:url(http://csscheckbox.com/checkboxes/u/csscheckbox_dddea28c7708363421149ccb4a98d2c1.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

.label_heading
{
margin:0px;
font-weight:normal;
}
.f-white
{
color:#FFFFFF;
}

.align_img
{
width:auto;
margin:auto;
margin:6px;
margin-left:12px;

}

.align_box
{
width:200px;
margin:auto;
float:left;

}
.add_img 
{ background: url(../images/aclient.jpg) no-repeat; } 
.add_img:hover { background: url(../images/1aclient.jpg) no-repeat; }

.edit_img 
{ background: url(../images/eclient.jpg) no-repeat; } 
.edit_img:hover { background: url(../images/1eclient.jpg) no-repeat; }

.send_mail 
{ background: url(../images/mail.jpg) no-repeat; } 
.send_mail:hover { background: url(../images/mail1.jpg) no-repeat; }

.emp_img 
{ width: 60px; height: 60px; background: url(../images/emp.jpg) no-repeat; } 
.emp_img:hover { width: 60px; height: 60px; background: url(../images/1emp.jpg) no-repeat; } 

.calender_img 
{ width: 60px; height: 60px; background: url(../images/Cal.jpg) no-repeat; } 
.calender_img:hover { width: 60px; height: 60px; background: url(../images/calc2.jpg) no-repeat; } 
.calc_img 
{ width: 60px; height: 60px; background: url(../images/calc.jpg) no-repeat; } 
.calc_img:hover { width: 60px; height: 60px; background: url(../images/cal2.jpg) no-repeat; } 
.disc_img 
{ width: 60px; height: 60px; background: url(../images/dis.jpg) no-repeat; } 
.disc_img:hover { width: 60px; height: 60px; background: url(../images/dis2.jpg) no-repeat; } 
.print_img 
{ width: 60px; height: 60px; background: url(../images/print.jpg) no-repeat; } 
.print_img:hover { width: 60px; height: 60px; background: url(../images/print2.jpg) no-repeat; }



.cancel_img 
{ width: 60px; height: 60px; background: url(../images/cancel.jpg) no-repeat; } 
.cancel_img:hover { width: 60px; height: 60px; background: url(../images/cancel2.jpg) no-repeat; }
.retr_img 
{ width: 60px; height: 60px; background: url(../images/retr.jpg) no-repeat; } 
.retr_img:hover { width: 60px; height: 60px; background: url(../images/retr2.jpg) no-repeat; }
.save_img 
{ width: 60px; height: 60px; background: url(../images/save.jpg) no-repeat; } 
.save_img:hover { width: 60px; height: 60px; background: url(../images/save2.jpg) no-repeat; }


body {

/* padding-top: 40px;*/ 
padding-bottom: 40px; 
/*background:url(../images/bg.jpg) repeat center top;*/
}


select
{ width: 360px; }

.form_select
{

width: 160px;
height:25px;
}
view_margin
{
border-bottom-width:thin;
}

select 
{ background-color: rgba(255, 255, 255, 0.4); border: 1px solid rgba(190, 192, 190, 1); padding: 7px; font-family: Keffeesatz, Arial; color: #4b4b4b; font-size: 14px; -webkit-border-radius: 5px; margin-bottom: 15px; margin-top: -2px; 
}

.btn1-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.contact
{
font-size:12px;
font-weight:normal;
}
.contact1
{
font-size:12px;
font-weight:normal;
text-align:right;
color:#fc872e;
}
::-webkit-scrollbar {
	height:10px;
	width:10px;
}
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.floaleft{float:left!important;}
.floaright{float:right!important;}
/* SIGNIN ///////////////*/

.logo-signin {background:#fff; text-align:center; padding:35px 0px 25px  0;}
.logo-top {background:#fff; text-align:center; padding:25px 0px 25px  0; text-align:left; position:absolute; top:40px;}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.signin-account {padding-top:0px; text-align:center;}
.signin-forget {padding-top:10px; text-align:center;}
.signin-forget a{color:#666!important}
.signin-title {font-weight:normal; font-size:27px;}

/* /////////////// SIGNIN */

/* CRM home ///////////////*/
.top-indent{padding-top:/*65px;*/15px;}
.bottom-indent{padding-top:65px;}
.marg-1{margin-top:15px;}
.marg-2{margin-bottom:15px!important;}
.crm-check1{height:42px;  border:1px solid #cacaca; padding:0px; margin:0px; float:left; margin-bottom:15px; padding-left:12px; padding-right:15px;}
.crm-marg1{margin:15px 0 15px 0;}

/* CRM Contact View ///////////////*/
.profile-font-01{font-size:17px; font-weight:bold; text-transform:uppercase; float:left; line-height:25px;}
.profile-font-02{font-size:14px; float:left; font-weight:bold; line-height:25px;}
.profile-font-03{font-size:25px; line-height:28px; color:#222; margin-bottom:4px!important;}
.profile-font-04{font-size:14px; font-weight:bold; line-height:18px; color:#515151; margin-bottom:4px!important;}
.profile-font-05{font-size:14px; line-height:16px; color:#525252;}
.profile-font-06{font-size:13px; line-height:16px; color:#666; margin-top:5px;}
.profile-font-06 span{margin-right:18px;}
.profile-font-07{font-size:15px; line-height:18px; color:#18c1b6; font-weight:bold; margin-bottom:3px!important;}
.profile-font-08{font-size:15px; line-height:18px; color:#787878; font-weight:bold; margin-bottom:3px!important;}
.profile-font-09{font-size:14px; line-height:18px; color:#515151; font-weight:bold; margin-bottom:6px!important; margin-top:12px!important; padding-bottom:5px!important;}

.profile-download1{font-size:12px; line-height:18px; color:#1080c7; font-weight:bold; margin-bottom:15px!important; }
.profile-download1 span a.pro-icon-01{width:19px; height:25px; background:url(../images/icon-profile1.png) no-repeat left top; padding-left:24px; padding-bottom:20px; margin-right:18px;}
.profile-download1 span a.pro-icon-02{width:19px; height:25px; background:url(../images/icon-profile2.png) no-repeat left top; padding-left:24px; padding-bottom:20px; margin-right:18px;}
.profile-download1 span a.pro-icon-03{width:19px; height:25px; background:url(../images/icon-profile3.png) no-repeat left top; padding-left:24px; padding-bottom:20px; margin-right:18px;}

.profile-view-tab01{width:auto; height:auto; margin-bottom:20px;}
.profile-photo{width:235px; height:235px;}
.profile-social{width:235px; height:32px; margin:15px 0!important; text-align:center;}
.profile-social img{margin-right:15px;}
.profile-basic{height:auto; float:left; margin-top:18px; margin-bottom:20px;}
.profile-basic p{margin-bottom:2px; line-height:22px;}
.profile-view-tab02{width:auto; height:auto; margin-bottom:5px;}
.profile-view-tab02 h3{color:#b40b44; background:#ebebeb; border-radius:5px; font-size:18px; font-weight:normal; padding:5px 10px;}
.profile-tab2-display{width:260px; float:left; padding:10px; color:#626161; font-size:14px;}
.profile-addmore{border-top:1px solid #ddd; margin-bottom:20px;}

.task-menu1{width:100px; float:right;}
.task-marg1{margin: 5px 0 10px 0!important;}
.btn-padd01{padding:5px;}
.add-more-plus{padding:10px 0; border-bottom:1px dashed #999; margin-bottom:10px; font-weight:bold;}
.ad-department{padding:10px; border:1px dashed #999; margin:10px 0px;}

/*FOOTER ///////////////*/
.crm-footer{position:fixed; bottom:0; width:100%; color:#fff; text-align:center; background:#409d4b; padding-top:10px; border-top:1px solid #fff; font-size:11px;}

/* OTHER PAGES /////////////// */
/* print-forms */
.red-ribbon{width:155px; height:155px; position:absolute; top:0px; left:0px; background:url(../images/red-ribbon.png) no-repeat;}
.ribbon-txt{width:150px; height:60px; color:#fff; line-height:22px; margin-top:45px; text-align:center; font-size:19px; font-weight:bold;
transform: rotate(310deg) ;
-webkit-transform: rotate(310deg) ;
-moz-transform: rotate(310deg) ;
-o-transform: rotate(310deg) ;
-ms-transform: rotate(310deg) ;
}
.ribbon-head{font-weight:normal!important; font-size:12px;}
.item-thumb{display:block;}
.item-thumb img{margin:0 12px 12px 0; border:1px solid #dfdede;}
/* Delivery-dashboard */
.tab-button-01{background:#0185c0; color:#fff; padding:15px; font-size:14px; font-weight:bold; line-height:15px; margin-bottom:1px; cursor:pointer;}
.tab-button-01:hover{background:#333;}
.tab-color-2{background:#409d4b;}
.tab-color-3{background:#fc872e;}

/* EXTRA /////////////// */

/*------------------------------------------------------VIEW FONT and TABLE CLASS-----------------------------------------------------------------*/

.font-a, .font-a a{color:#333333!important;  text-align:left; font-size:14px; font-family: Arial, Helvetica, sans-serif;}
.font-a a:hover{color:#000000;margin-left:0px;}

.font-b, .font-a a{color:#118dc4!important;  text-align:right; font-family: Arial, Helvetica, sans-serif;}
.font-b a:hover{color:#118dc4;}

table1 {max-width: auto; background-color: transparent;}

th { text-align: left; }
/*td { width: 350px; }*/

.table1 {
margin-top:10px;
margin-bottom: 10px;
margin-right:10px;
margin-left:10px;
width: auto;
}




/*------------------------------------------------------VIEW FONT and TABLE CLASS END------------------------------------------------------------*/
/* blue */
.font-1, .font-1 a{color:#118dc4!important; text-decoration:none;}
.font-1 a:hover{color:#fc872e;}
/* green */
.font-2, .font-2 a{color:#409d4b; text-decoration:none;}
.font-2 a:hover{color:#fc872e;}
/* red */
.font-3, .font-3 a{color:#f00101; text-decoration:none;}
.font-3 a:hover{color:#fc872e;}
/* orange */
.font-4, .font-4 a{color:#fc872e; text-decoration:none;}
.font-4 a:hover{color:#409d4b;}
.a-white{color:#fff;} .a-white a{color:#fff;} .a-white a:hover{color:#000;}

.font-5{color:#ff0101; font-size:10px;}
/* blue2 */
.font-6{color:#0185c0; font-size:11px; text-align:right; margin-top:3px; margin-bottom:12px;}
.font-6 a{color:#0185c0; text-decoration:underline; font-size:11px; text-align:right;}
.font-6 a:hover{color:#fc872e;}
/* orange2 */
.font-7{color:#fc872e; font-size:12px; text-align:left; margin-top:3px; margin-bottom:12px; font-weight:bold;}
.font-7 a{color:#fc872e; text-decoration:none; font-size:11px; text-align:right;}
.font-7 a:hover{color:#409d4b;}
/**/
.font-8{font-size:15px; font-weight:bold;}
.font-9{font-size:16px; color:#409d4b;}/* green */
.font-10{font-size:19px; color:#409d4b;}/* green */
.font-11{font-size:11px; color:#888;}/* grey */
.font-12{font-size:10px; color:#586369; line-height:12px!important;}/* dark */
.font-13{font-size:12px; line-height:14px!important;}
.font-14{font-size:11px;}
.font-15{color:#fc872e;font-size:12px;}

/* font heads */
.font-h1 {font-size:26px; font-weight:bold; color:#41a04d; margin-top:5px; padding-top:0px;}
.font-h3 {font-size:19px; font-weight:bold; color:#fc872e; margin-top:5px; padding-top:0px;}
.font-h4 {font-size:17px; font-weight:bold; color:#409d4b; margin-top:5px; padding-top:0px;}
.font-2-h3 {font-size:19px; font-weight:bold; color:#fc872e; margin-top:5px; padding-top:0px; background:url(../images/icon-arrow-2.png) no-repeat right 8px; border-bottom:1px solid #eaeaea; padding-bottom:8px; margin-bottom:5px; }
.font-2-h3 a {color:#fc872e;}
.font-2-h3 a:hover {color:#333;}
.font-2-h4 {text-align:center; color:#e14939;}

/* line-height */
.line-1{line-height:12px!important;}
/* font style */
.bold{font-weight:bold!important;}
.normal{font-weight:normal!important;}
.upper{text-transform:uppercase;}

/* border */
.img-bord-1{border:1px solid #cacaca;}
.bord-2{border-top: 1px solid #dddddd;}
.bord-0{border:0px!important;}
.bord-top-0{border-top:0px!important;}
.bord-bot-0{border-bottom:0px!important;}
.bord-bot-1{border-bottom:1px #ddd solid!important;}
.bord-top-1{border-top:1px #ddd solid!important;}

/* table */
.table-cell-1{
  padding:0px!important;
  vertical-align:middle!important;
  border-top: 0px solid #dddddd!important;
}
.table-cell-2{
  padding:0px 5px!important;
  vertical-align:middle!important;
  border-top: 0px solid #dddddd!important;
}
/* margin */
.margin-col-1{margin-bottom:0px!important;}
.margin-top-0{margin-top:0px!important;}
.margin-0{margin:0px!important;}
/* padding */
.padd-col-1{padding-left:10px!important;}
.padd-top-1{padding-top:10px!important;}
.padd-top-2{padding-top:5px!important;}
.padd-none{padding:0px!important;}
.padd-left-none{padding-left:0px!important;}
.padd-bot-none{padding-bottom:0px!important;}
.padd-right-none{padding-right:0px!important;}
.padd-right-1{padding-right:10px!important;}
/* margin */
.marg-bot-none{margin-bottom:0px!important;}
/* select */
.select-1{margin:0px!important; padding:0px!important; height:25px!important; font-size:12px!important;}
/* positions */
.pos-rel{position:relative!important;}
.pos-ab{position:absolute!important;}
.pos-fix{position:fixed!important;}
.z-rel{position:relative!important; z-index:999!important;}
.center{text-align:center!important;}

/* 07/05/14 */
.text-edit-1{text-align:left; font-weight:normal;}
.bubble-box{background:#c1e48a; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:7px 10px; font-size:11px; color:#333; float:left;}
.center-align{text-align:center;}
.right-align{text-align:right!important;}
.left-align{text-align:left!important;}
.enter-tab-1{width:500px; margin:15px auto!important; margin-bottom:35px;}
.message-box{background:#C1E48A; padding:5px;}
.cell-bord1{border-bottom:1px #ddd dotted!important; padding-bottom:10px; margin-bottom:10px;}
/* ---------------------------------------------- */
/* 16/05/14 ///////////////////////////DASHBOARD */
/* -------------------------------------------- */
/* dash-date-tab */
.dash-date-tab-1 {
	padding:15px 15px 5px 15px;
	text-align:center;
	background:#efefef;
	border:1px solid #dbdbdb;
	border-radius:9px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	margin-bottom:12px;
	color:#0185c0;
	cursor:pointer;
}
.dash-date-tab-1:hover {
	background:#36c6c2;
	border:1px solid #36c6c2;
	border-radius:9px;
	color:#fff;
}
.dash-date-tab-1 h2, h3 { 
	margin:0; 
	padding:0; 
	font-size:14px; 
	font-weight:bold; 
	text-transform:uppercase;
	line-height:16px;
}
.dash-date-tab-1 h3 { 
	color:#2f2f2f;
}
/* dash-overview-tab */
.dash-overview-tab {
	border:1px solid #dbdbdb;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-align:center;
	padding:0px;
	overflow:hidden;
}
.dash-overview-tab h4 {
	background:#efefef;
	margin:0;
	padding:10px 0;
	color:#444444;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
.dash-overview-tab h5 {
	background:#409d4b;
	margin:0;
	padding:10px 0;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
.dash-graph {
	margin:15px 0;
}
.dash-marg-bot-1 {
	margin-bottom:15px;
}
.align-center {text-align:center!important;}
.align-center img {text-align:center!important; display:inline!important;}
.dash-font-big {font-size:28px; color:#585858; padding:38px 0; font-weight:bold; line-height:34px;}
.dash-bg-1 {background:#a9d6c0!important; border:1px solid #a9d6c0!important; color:#313131!important;}
.dash-bg-2 {background:#bcf69f!important; border:1px solid #a9d6c0!important; color:#313131!important;}
.dash-amounts {	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	overflow:hidden;
	background:#efefef;
}
.dash-amounts th {
	text-align:center!important; 
	width:20%;
	font-size:14px;
	line-height:16px;
	color:#409d4b;
}	
.dash-amounts h6 {
	font-size:24px;
	font-weight:normal;
	color:#444;
}
/*===========================================================10June14*/
/* ledger-section-1 */
.ledge-font-1 {
	font-size:40px;
	line-height:40px;
}
.ledge-font-2 {
	font-size:12px;
	line-height:13px;
}
.ledge-font-3 {
	font-size:14px!important;
}
.ledge-font-4 {
	font-size:13px!important;
	font-weight:bold;
	margin-left:2px;
	text-transform:uppercase;
}
.ledge-font-4 a {
	color:#409d4c!important;
}
.ledge-font-4 a:hover {
	color:#d9534f!important;
}
.ledger-section-1 {
	background:#019ADF;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	padding:20px;
	color:#fff;
}
.ledger-section-1 h5 {
	margin:0px;
	font-size:18px;
	margin-bottom:10px;
	text-align:left;
}

/* ledger-address */
.ledger-address {
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	padding:15px;
	color:#555;
	border:1px solid #ddd;
	margin:20px 0;
}
.ledger-address h5 {
	margin:0px;
	font-size:16px;
	margin-bottom:5px;
	font-weight:bold;
}
.ledger-address p {
	margin:0px;
	font-size:12px;
	margin-bottom:18px;
}
.ledger-address p a {
	color:#118dc4;
}
.ledger-address p a:hover {
	color:#36a545;
}
.ledger-quick {
	padding:25px;
	line-height:20px;
	border:1px solid #ddd;
	border-radius:15px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
}
.ledger-quick p {
	margin-top:10px;
	line-height:25px!important;
}
.ledger-quick p a {
	color:#118dc4;
}
.ledger-quick p a:hover {
	color:#36a545;
}
.ledger-note {
	border-radius:12px;
	-moz-border-radius:12px;
	-webkit-border-radius:12px;
	border:1px solid #d5ce9f;
	padding:15px;
	background:#fffbe1;
}
/* Account Statement */
.account-state-1 {
	margin:20px!important;
}
.account-state-font-1 {
	font-size:10px; 
	color:#999999;
	text-transform:uppercase;
}
/* Accounts Aging */
.account-aging-1 {
	font-size:14px;
	text-align:center;
	font-weight:normal;
}

/*-------------------------------------*/

.footer1{
	
	background:#409d4b;
	margin-top:auto;
	width:100%;
	height:25px;
	position:fixed;
	bottom:0px;
	clear: both;
	padding: 13px 0 0 0;
	text-align: center;

	
}

.footer1 p
{
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
text-align: center;
font-size:11px;
color:#ffffff;
}

.font-12 { font-size:18px; font-weight:bold;}

.name-style {
font-size:18px; color:#fc872e; font-weight:bold;
}
.client-div {
margin-bottom:20px; /*border-style:solid;*/ border-width:thin; padding-top:20px;  padding-bottom:3px; border-color:#CCCCCC;
}





