@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700,300);
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,500');

/*
Theme Name: D.Vijay Pharma Pvt.Ltd.
Theme URI: http://www.dvijaypharma.com/
Description: D.Vijay Pharma Pvt.Ltd.
Author: LBM Infotech Pvt. Ltd.
Author URI: http://www.lbminfotech.com/
Version: 1.0
.
This theme can be used for commercial or non-commercial use
so long as it is not redistributed or resold in any way.
.
*/





/*-----------------------------------*/

/* Basic Styles

/*-----------------------------------*/



@font-face {

	font-family: 'icomoon';

	src:url('../css/fonts/icomoon.eot?-y87xd0');

	src:url('../css/fonts/icomoon.eot?#iefix-y87xd0') format('embedded-opentype'),

		url('../css/fonts/icomoon.ttf?-y87xd0') format('truetype'),

		url('../css/fonts/icomoon.woff?-y87xd0') format('woff'),

		url('../css/fonts/icomoon.svg?-y87xd0#icomoon') format('svg');

	font-weight: normal;

	font-style: normal;

}



[class^="icon-"], [class*=" icon-"] {

	font-family: 'icomoon';

	speak: none;

	font-style: normal;

	font-weight: normal;

	font-variant: normal;

	text-transform: none;

	line-height: 1;

	font-size:18px;

	margin-right:10px;



	/* Better Font Rendering =========== */

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



.icon-increasing10:before {

	content: "\e600";

}

.icon-medical50:before {

	content: "\e601";

}

.icon-home2:before {

	content: "\e604";

}

.icon-user:before {

	content: "\e602";

}

.icon-users:before {

	content: "\e603";

}

.icon-equalizer:before {

	content: "\e605";

}

.icon-clipboard:before {

	content: "\e609";

}

.icon-list:before {

	content: "\e60a";

}

.icon-menu:before {

	content: "\e60b";

}

.icon-menu2:before {

	content: "\e606";

}





p{

	font-size:14px;

	color:#212121;

	line-height:24px;

	font-weight:400;

}



.bg-light {

    background-color: #e9eaed !important;

}

body, html {

        background-color: #e9eaed;

    color: #636e7b;

    direction: ltr;

  font-family: 'Open Sans', sans-serif;

    line-height: 21px;

    margin: 0;

    padding: 0;

    width: 100%;

}

.access_style {border-bottom:solid 1px #000;}

#wrapper {

    height: 100%;

    margin: 0;

    padding:30px 0;

    position: relative;

}



.sign-wrapper {

    margin:3% auto 0;

    width: 350px;

}

.sign-wrapper form {

    background-color: #ffffff;

}



.sign-wrapper .brand {

    text-align: center;

	 margin: 0 0 20px;

	 background-color: #ffffff;

	 padding:20px;

}



.sign-header {

    background-color: #01adef;

    border-bottom: 10px solid #2f3193;

}



.sign-header {

    color: white;

    margin-bottom: 0;

    padding: 20px 15px;

}



.sign-wrapper form.rounded .sign-header {

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

}



.sign-text {

    color: #777;

	font-weight:400;

    display: block;

    font-size: 15px;

    margin-bottom: 10px;

    margin-top: 10px;

    position: relative;

    text-align: center;

    text-transform: uppercase;

}



.sign-text span {

    background-color: #01adef;

}



.sign-text span {

    color: white;

    display: inline-block;

    font-weight: 300;

    padding: 0 10px;

    position: relative;

}



.sign-text::before {

    content: "";

    display: block;

    height: 1px;

    left: 0;

    position: absolute;

    right: 0;

    top: 50%;

}



.sign-text::before {

    background-color: #9fe024;

}



.sign-body {

    background-color: rgba(234, 234, 236, 0.72);

    margin: 0;

    padding: 15px 0;

}



.sign-wrapper .form-group {

    margin-left: 0;

    margin-right: 0;

    padding: 0 15px;

}



input{

	background-color: #fff;

    border: 1px solid #ccc;

    padding: 3px 0px;

}



textarea{

	background-color: #fff;

    border: 1px solid #ccc;

    padding: 10px;

	 width: 100%;

}


select{
	width: 100%;
}



.input-lable{

	font-size:14px;

	color:#000;

	font-weight:600;

	 margin-top: 11px;

}

.input-lable-large{

	font-size:14px;

	color:#000;

	font-weight:600;
 
}


.mendatory{

	color:#FF0000;

}



.input-box{

	margin-bottom:10px;

}



.grid100{

	width:93%;

	margin:10px 0px;

}



.sign-footer {

    padding: 15px 0;

}

.btn-theme {

    background-color: #2f3192;

    border-color: #81b71a;

    color: white;

}



.btn-theme:hover {

    color: white!important;

}



.sign-wrapper a {

    font-size: 13px;

}

.sign-wrapper a {

    color: #2f3192;

}



.left-side{

	 background-color: #00aef0;

    bottom: 0;

    content: "";

    display:inline-block;

	float:left;

    height: 100%;

    padding-top:10px;

    width:0;

}



.left-side ul{

	padding:0px;

	margin:0px;

}



.left-side li{

	font-size:14px;

	font-weight:600;

	color:#FFF;

	list-style-type:none;

	padding-left:14px;

	padding-bottom:14px;

	margin: 0; padding: 0;

	border-bottom: 1px solid #019cec;
    background: #007fc0;




}


.left-side li:hover {background: #0075b1;}



.left-side li a{

	font-size:14px;

	font-weight:300;

	color:#FFF; 
font-family: 'Oswald', sans-serif;

}



.left-side li li{

	padding-left:30px;

	/*padding-bottom:5px;*/

	margin:0px 0px;

	border-bottom:0px solid #646464; background: #0075b1;

}

.left-side li li:hover{ 

	border-bottom:0px solid #646464; background: #00aef0;

}





.left-side li li a{

	font-size:14px;

	font-weight:300;

	color:#d5f1fc;
font-family: 'Oswald', sans-serif;

}



.logo{

	width:220px;

	float:left;

	text-align: center;

	margin-top: 12px;

}

.logo img{

	 width: 79%;

}



#header {

    border: medium none;

    margin-bottom: 0;

    position: relative;

    z-index: 300;

	background:#fff;

	-webkit-box-shadow: 0px 6px 16px -10px rgba(0,0,0,0.5);

-moz-box-shadow: 0px 6px 16px -10px rgba(0,0,0,0.5);

box-shadow: 0px 6px 16px -10px rgba(0,0,0,0.5);

	padding:10px 0;

}



.header-right{

	float:right;

	text-align:right;

	margin:20px;

	font-size:15px;

	font-weight:400;

}



.username{

	font-size:14px;

	font-weight:400;

	color:#212121;

	float:left;

	margin-right:20px

}

.username a{

	font-size:14px;

	font-weight:400;

	color:#212121;

}

.user-icon{

	border:1px solid #fa555b;

	border-radius:50%;

	display: inline-block;

	text-align:center;

	padding-top:2px;

    height: 30px;

    width: 30px;

	float:left;

	margin-right:10px;

}

.heading{

	font-size:23px;

	font-weight:700;

	color:#212121;

    display: inline-block;

	margin-left: 20px;

    margin-top: 20px;

}

.right-sideBox {width: 20%; float: left; z-index: 100;margin: 0; padding: 20px 10px 20px 20px;}
.sideCon {width: 100%; float: left; background: #0075b1;}
.right-side{background-color: #e9eaed; float: left; z-index: 100; width: 80%;  margin: 0; padding: 20px;}
.right-side-2{

    background-color: #e9eaed;

	float:left;

    z-index: 100;

    width:100%;

    padding: 20px;

}



.right-side-2 input {

    width: 100%;

}



.header-content { width:100%; float: left;

    background:#fa555b;

    border-bottom: 1px solid #dddddd;

    margin:0 0 0px 0;

    padding: 5px 20px;

 	font-size: 14px;

    font-weight: 600;	

	color:#FFF;

    position: relative;

}



.right-side input{

	width:74%;

}



.white-bg{

	background-color:#FFF;

	padding:20px 0px;

    margin-bottom: 20px;  float: left;   position: relative;

    width: 100%;
	

}



.white-bg .col-md-8 {padding: 0 0 0 15px !important; clear: both; float: left; margin-bottom:20px;}



.white-bg table{

	border:1px solid #d6d6d6;

	margin:0 auto;

	/*padding:20px;*/

}



.white-bg th{

	background-color:#f0f0f0;

	border-bottom:1px solid #d6d6d6;

	padding:7px; font-size: 13px;

	border-right:1px solid #d6d6d6;

}



.white-bg td{

	border-bottom:1px solid #d6d6d6;

	border-right:1px solid #d6d6d6;

	 font-size: 12px;



}





.submit{

	background-color:#00aef0;

	color:#FFF;

	font-size: 14px;

	font-weight:600;

	text-align:centere;

}



/* start css for tootip on hover */

.tooltip-me, .tooltip-links a {

	position: relative;

}



.tooltip-me:hover:after, .tooltip-links a:after {

	border: 1px solid #fc0;

	padding: 3px 6px;

	background: #fffea1;

	content: attr(data-title);

	font-size: 12px;

	position: absolute;

	right: -40px;

	top: -26px;

	/*width:200px;;*/

}



.tooltip-links a:after {

	content: attr(href);

	position: static;

	top: none;

	right: none;

	margin-left: 10px;

	padding: 2px;

	display: none;

}







footer{

	background-color:#647080;

	padding:30px 0px;

	font-family: 'Source Sans Pro', sans-serif;

	font-size:14px;

	color:#FFF;

	text-align:center;

}



footer a{

	color:#FFF;

}



footer a:hover{

	color:#FFF;

}



footer p{

	color:#FFF;

}





footer ul{

	padding:0px;

	margin:0px 0px 10px;

}



footer li{

	display:inline-block;

	list-style-type:none;

	border-right:1px solid #FFF;

	padding:0px 10px;

	line-height: 10px;

}



footer li:last-child{

	border-right:0px solid #FFF;

}







.margin10{margin:0px 4px;}

.hw50{width:49%; float:left; min-height:1px; margin:0px 4px;}

.hw30{width:20%; float:left; min-height:1px; margin:0px 4px;}

.hw35{width:34%; float:left; min-height:1px; margin:0px 4px;}

.hw25{width:24%; float:left; min-height:1px; margin:0px 4px;}

.hw15{width:14%; float:left; min-height:1px; margin:0px 4px;}

.hw10{width:10%; float:left; min-height:1px; margin:0px 4px;}

.hw8{width:8%; float:left;  min-height:1px;  margin:0px 4px;}

.hw5{width:7.0%; float:left; min-height:1px; margin:0px 4px;}



.hw2{width:2%; float:left; min-height:1px; margin:0px 4px;}

.hw1{width:0%; float:left; min-height:1px; margin:0px 4px;}



.w50{width:50%; float:left; min-height:1px;}

.w30{width:30%; float:left; min-height:1px;}



.w35{width:35%; float:left; min-height:1px;}

.w25{width:25%; float:left; min-height:1px;}

.w15{width:15%; float:left; min-height:1px;}

.w10{width:10%; float:left; min-height:1px;}

.w8{width:8%; float:left; min-height:1px;}

.w5{width:5%; float:left; min-height:1px;}

.w2{width:4%; float:left; min-height:1px;}

.w1{width:1%; float:left; min-height:1px;}



.ajax_box{

	border:1px solid #212121 !important;

}

.header-content1 {

    background:#2E3091;

    border-bottom: 1px solid #101152;

    margin:0 0 0px 0;

    padding: 12px 20px;

 	font-size: 18px;

    font-weight: 600;	

	color:#FFF;

    position: relative;

}

.selectb{ font-family: 'Open Sans', sans-serif;background-color:#fbfbfb; border:1px solid #dedede; height:40px;font-size:14px;color:#898989; font-weight:400;width:100%;padding:5px 10px;margin:0px 0px 15px;}

.subCust {width: 100%; overflow-x: scroll;}

.futBox {width: 100%; float: left; background-color: #0075b1; padding: 15px 30px; color: #fff !important;}

.futBox td {color: #fff; font-size: 14px; }

.futBox td a {color: #fc898e;  font-size: 14px;}

.calBox {cursor:pointer; width: 5%; position: absolute; top: 5px; right: 26px}

.calBox img {width: 100%; height: auto;}

.subInputBox {width: 30%;}

.subSubmit {width: 23.333333% !important; float: left; margin:0 3px;}

.subBntBox .subSubmit {width: 30.333333% !important; float: left; margin:0 3px;}

.subBntBox1 .subSubmit {width: 35.333333% !important; float: left; margin:0 3px;}

.right-side input[type=radio] {width: auto !important;}

 .deleteBox {width: 30px; float: left; text-align:center;}

 .deleteLeft {width: 80%; position: relative;  float: left;}

 .deleteLeft input {margin-left: 18px;

    width: 95% !important;}

  .deleteRight {width: 30px; float: left;}

.grHeading{background-color: #428bca; font-size: 13px; color: #fff !important; clear:both; float:left; width:100%; padding:8px 0; margin:0 0 10px 0;}

.dTbl .hw10 {margin:0px; }

.dTbl .hw30 {margin:0px;}

.dTbl .hw5 {margin:0px;}

.dTbl .hw6 {margin:0px;}

.dTbl .hw23 {width:22%; float:left; min-height:1px; margin:0px;} 

.dTbl .hw20 {width:18%; float:left; min-height:1px; margin:0px;} 

.dTbl .hw4 {width:5.7%; float:left; text-align: center!important; float: left; margin:0px;}

.dTbl .hw20 strong {font-size: 14px; font-weight: 400px !important;}

.dTbl .hw2 {width:2%; float:left; min-height:1px; margin:0px;  }

.dTbl .hw8{width:8%; float:left; min-height:1px; margin:0px;  }

.input-lable p {line-height: 9px;}

td img {float: left;}

.subprint table.dataTable tbody th, table.dataTable tbody td {padding: 7px 10px !important;}

 .subSubmit1 {

    width: 30.333333%;

    float: left;

    margin: 0 3px;

}

.pagination>li>a, .pagination>li>span {padding: 1px 5px !important; }

.subIocn {width: 100%; float: left; padding: 20px 0 0 0; }

#dataTable .col-md-1 {width: 5%!important; float: left;}

#dataTable .col-md-6 {width: 90% !important; float: left;}



.posRel {

    position: relative !important;

    margin: 0 0 10px 0;

}

.srcNewBtn {

    position: absolute !important;

   
	right: 26%;

z-index: 100;


top: 5px;

    background: none;

    border: none;

}

.searchMenus {

    position: absolute !important;

    /*right: 8px;*/
	right: 600px;

    z-index: 100;

    /*top: 8px;*/
	top: 2px;

    background: none;

    border: none;

}

.menuSearch {

    position: absolute !important;

    /*right: 8px;*/

    /*z-index: 100;*/

    /*top: 8px;*/
	top: 2px;
	
	width: 25%;

    background: none;

    border: none;

}



.hw251{width:17%; float:left; min-height:1px; margin:0px 0;}

.hw101{width:7%; float:left; min-height:1px; margin:0px 0;}

#textRight {

    float: right !important; border: none; 

}

.dataTables_scrollHeadInner {padding-left: 0px !important;}

.dataTables_scrollFootInner {padding-left: 0px !important;}







.error_msg

{

	color:#FF0000;

	font-size:12px;

}





































body, html {
  height: 100%;
}
body {
  padding: 0;
  margin: 0;
}
h1, p, li {
  font-family: 'helvetica neue', helvetica, arial, sans-serif;
  color: #222;
  margin: 0 0 0;
}
section li {
  margin: 0 0 10px;
}
h1 {
  font-size: 2.5em;
  font-weight: 300;
}
p {
  font-size: 1em;
  line-height: 1.5em;
}
.wrapper {
  overflow: hidden;
   background: #0075b1;
}
section {
  padding: 30px 30px 30px 80px;
  -moz-transition: all 200ms ease-in;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}
nav {
  position: relative;
  top: 0;
  left: 0; 
  height: 100%;
  margin: 0;
  -moz-transition: all 200ms ease-in;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  z-index: 9999;
}
nav ul {
  
  padding: 0;
  margin: 0;
  list-style: none;
/*  background: #0075b1;*/
  overflow: hidden;
}


nav li {
  margin: 0;
}
nav a {
  color: #fff;
  font-size: 1em;
  font-family: 'Open Sans', sans-serif;
  text-decoration: none;
  display: block;
  padding: 12px 15px;
  font-weight: 300;
  letter-spacing: 0;
  border-bottom: 1px solid #007fc0;
}
nav a:hover {
  background: #00aef0;
}
ul #cust{background: #005682 !important; }
ul #cust17 {background: #005682 !important; }
ul #cust7 {background: #005682 !important; }
ul #cust1 {background: #005682 !important; }
ul #cust3 {background: #005682 !important; }
ul #cust123 {background: #005682 !important; }
ul #saleInc {background: #005682 !important; }
ul #cust4 {background: #005682 !important; }
ul #cust44 {background: #005682 !important; }
ul #cust8 {background: #005682 !important; }
ul #cust77 {background: #005682 !important; }
ul #cust88 {background: #005682 !important; }
ul #cust5 {background: #005682 !important; }
ul #cust6 {background: #005682 !important; }
/*.wrapper label {
  display: block;
  font-family: 'helvetica neue', helvetica, arial, sans-serif;
  font-weight: 700;
  background: #005f8f;
  width: 42px;
  height: 42px;
  line-height: 42px;
  color: #fff;
  text-align: center;
  font-size: 2em;
  line-height: 1.4em;
  position: fixed;
  top: 91px;
  left: 0;
  -moz-transition: all 200ms ease-in;
  -webkit-transition: all 200ms ease-in;
  -o-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  z-index: 500;
}
input[type="checkbox"] {
  display: none;
}*/
input[type="checkbox"]:checked ~ nav {
  margin: 0;
}
input[type="checkbox"]:checked ~ label {
  left: 330px;
}
input[type="checkbox"]:checked ~ section {
  -webkit-transform: translate3d(260px, 0, 0);
  -moz-transform: translate3d(260px, 0, 0);
  -o-transform: translate3d(260px, 0, 0);
  transform: translate3d(260px, 0, 0);
}
/*.wrapper label:before {
    position: absolute;
    content: "\002b";
    font-family: 'Glyphicons Halflings';
    line-height: 34px;
    font-size: 12px;
    margin: 0 auto;
}*/

.addBnt {display: block;
    font-family: 'helvetica neue', helvetica, arial, sans-serif;
    font-weight: 700;
    background: #005f8f;
    width: 55px; height: 55px; 
    color: #fff; padding: 10px 0 0 0 !important;
    text-align: center;
    font-size: 2em; 
    position: fixed;
    top: 91px;
    left: 0;
    -moz-transition: all 200ms ease-in;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    z-index: 500; }
.but_blk{ margin-left:130px;}



/*demo*/
table { border-collapse: collapse; }

th, td {
  border-left-color: transparent!important; 
}

.last-cell {
  border-right-color: transparent!important;
}

.proCon .container { 
  width: 100%;
}

.tabWrap {
  height: 500px;
  margin-right: 30px;
  margin-bottom: 0;
  overflow: scroll;
  width: 100%;
}

.gridtable {
  color:#333333;
  font-family: verdana,arial,sans-serif;
  font-size:11px;
}

.gridtable th {
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  background-color: #dedede;
 text-align:center;
}

.gridtable td {
  border-width: 1px;
 text-align:center;
  border-style: solid;
  border-color: #666666;
  background-color: #ffffff; 
}

.gridtableT { color: red; }

.gridtableT th { border-top-color: transparent; }

.lastRow td {
  background-color: lightcyan;
}

div.tabWrap th {
  border-bottom-color: transparent!important;
  border-top-color: transparent!important;
}
.proCon {width: 100%; position: relative;}
.BoxCon1 {width: 100%; height: 600px; overflow-y: scroll; overflow-x: scroll; padding: 0 30px 30px 30px;}
.BoxCon1 input { width: auto !important; margin: 30px 0 0 0;}
.whiteBox {padding: 0 30px 30px 30px;}
.whiteBox table {border: none;}
.whiteBox td {padding: 5px 10px; border: none;}
/*-----------------------------------*/
/* Table Styles
/*-----------------------------------*/
.BoxCon1 table { width: 100%; border-collapse: collapse; background-color: #fff; }
.BoxCon1 tr:nth-of-type(odd) {  background: #f9f9f9; }
.BoxCon1 th { background: #5e5751; color: white; font-weight: bold; }
.BoxCon1 td, th {  padding: 6px 6px 6px 6px;  border: 1px solid #dbdbdb; }
.colHighlight {  background-color:#EDEDE9;}
.subInput input {width: 30%; float: left;}
.targetinput40 {width: 40% !important;}
.targetinput20 {width: 20% !important;}
.targetinput80{width: 92% !important;}
.white-bg table { width: 100%; border-collapse: collapse; background-color: #fff; }
.white-bg tr:nth-of-type(odd) {  background: #f9f9f9; }
.white-bg th { background: #edede9; color: #333; font-weight: bold; }
.white-bg td, th {  padding: 8px 6px 8px 6px;}
.white-bg h4 {font-size: 18px; text-align: center; font-weight: bold; margin: 0 0 20px 0;}
 
 select{ width:100%;}
 td img { width:15px;}
 td span img { width:160px;}
 .dataTables_wrapper .dataTables_length { margin-left:20px;
}
.white-bg .col-md-6 .col-md-7 .col-md-3, .white-bg .col-md-6 .col-md-7 .col-md-2{ padding:0px;}
.wdthclass{
  width : 350px !important;
  
}