/*
Theme Name: D.Vijay Pharma Pvt.Ltd.
Theme URI: http://www.arkaymedicos.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.
.
*/

@font-face {
	font-family: 'icomoon';
	src:url('../css/fonts/icomoon.eot?ud5zsc');
	src:url('../css/fonts/icomoon.eot?#iefixud5zsc') format('embedded-opentype'),
		url('../css/fonts/icomoon.ttf?ud5zsc') format('truetype'),
		url('../css/fonts/icomoon.woff?ud5zsc') format('woff'),
		url('../css/fonts/icomoon.svg?ud5zsc#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;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-increasing10:before {
	content: "\e600";
}
.icon-medical50:before {
	content: "\e601";
}
.icon-medical12:before {
	content: "\e602";
}
.icon-key195:before {
	content: "\e603";
}
.icon-home2:before {
	content: "\e604";
}
.icon-file-text:before {
	content: "\e605";
}
.icon-profile:before {
	content: "\e606";
}
.icon-barcode:before {
	content: "\e607";
}
.icon-upload:before {
	content: "\e608";
}
.icon-clipboard:before {
	content: "\e609";
}
.icon-list:before {
	content: "\e60a";
}
.icon-menu:before {
	content: "\e60b";
}

/*-----------------------------------*/
/* Basic Styles
/*-----------------------------------*/

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;
  
    line-height: 21px;
    margin: 0;
    padding: 0;
    width: 100%;
}

#wrapper {
    height: 100%;
    margin: 0;
    padding: 0;
    position: relative;
}

.sign-wrapper {
    margin:3% auto 0;
    width: 350px;
}
.sign-wrapper form {
    background-color: #ffffff;
}
#textRight {float: right !important;}
.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; width: 62%;
}

textarea{
	background-color: #fff;
    border: 1px solid #ccc;
    padding: 10px;
	 width: 100%;
}


.input-lable{
	font-size:13px;
	color:#000;
	font-weight: 600;
	 margin-top: 7px;
}
.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  !important;
}

.btn-theme:hover {
    color: white;
}

.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:16.3%;
}

.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: 14px 10px;
	border-bottom:1px solid #1d83da;

}
.left-side li:hover {background: #0075b1;}

.left-side li a{
	font-size:14px;
	font-weight:600;
	color:#FFF;
}

.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;
}


#cust6 li {border: none !important; margin: 4px !important; padding: 0 0 0 23px !important;} 

#cust7 li {border: none !important; margin: 4px !important; padding: 0 0 0 23px !important;} 

.logo{
	width: 16.3%;
	float:left;
	text-align: center;
	margin-top: 12px;
}
.logo img{
	 width: 80%;
}


#header {
    border: medium none;
    margin-bottom: 0;
    position: relative;
    z-index: 300;
	padding:10px 0;
	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);
}

.header-right{
	float:right;
	text-align:right;
	margin:5px 20px;
	font-size:15px;
	font-weight:400;
	width:25%;
}
.userDetials{float:left;}
.logoutPan{float:right;}
.logoutPan a{display:block; border:solid 2px #f59c40; padding:5px 10px; text-align:center;}
.logoutPan a .user-icon, .logoutPan a .username{float:none; display:block; margin:2px auto;}

.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:#0071D1;
    display: inline-block;
	 
}

.right-side{
    background-color: #e9eaed;
	float:left;
    z-index: 100;
    width:83.7%;
    padding: 20px;
}
.subright-side{
    background-color: #e9eaed;
	float:left;
    z-index: 100;
    width:100%;
    padding: 20px 0;
}

.right-side-2{
    background-color: #e9eaed;
	float:left;
    z-index: 100;
    width:100%;
    padding: 20px;
}

.right-side-2 input {
    width: 100%;
}

.header-content {
    background:#f59c40 !important;
    border-bottom: 1px solid #dddddd;
    margin:0 0 0px 0;
    padding: 5px 20px;
 	font-size: 14px;
    font-weight: 600;	
	color:#FFF;
    position: relative; 
}
.subAddress {width: 40%; float: left; }
.helpCon {width: 15%; float: left;}
.right-side input{
	width:100%;
}

.right-side select{
	width:100%;
	padding:3px;
}

.ajax_box{
	border:1px solid #212121 !important;
}
 
.white-bg{
	background-color:#FFF;
	padding:10px 0px;
    margin-bottom: 20px;
}


.white-bg table{
	border:1px solid #d6d6d6;
	margin:0 auto;
/*	padding:20px;*/
}

.white-bg th{
	background-color: #1d83da !important;
	border-bottom:1px solid #d6d6d6 !important;
	padding:7px 15px; font-size: 13px !important;
	border-right:1px solid #d6d6d6 !important; color: #fff !important;
}

.white-bg th input {color: #000 !important;}
.white-bg td{
	border-bottom:1px solid #d6d6d6 !important;
	border-right:1px solid #d6d6d6 !important;
	padding:5px 5px; font-size: 12px !important;

}
.subwork td{
	border-bottom:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	padding:5px 15px 0 15px; font-size: 12px;

}
.subwork th{
	border-bottom:1px solid #d6d6d6;
	border-right:1px solid #d6d6d6;
	padding:5px 15px; font-size: 12px;

}

.white-bg td img { margin: 0 10px 0 0;}

.submit{
	background-color:#0071d1;
	color:#FFF; border: 1px solid #0071d1;
	font-size:16px;
	font-weight:600;
	text-align:centere;
}



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;
}

.dTbl .hw10 {margin:0px; font-size: 13px;}
.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; 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; font-size: 13px;}
.input-lable p {line-height: 9px;}


.subCl {float: right; width: 100%; background-color: #fff; padding: 0 0 10px 0;}
.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;}*/
.hw25{width:19%; float:left; min-height:1px; margin:0px 4px;}
.hw251{width:17%; float:left; min-height:1px; margin:0px 0;}
.hw15{width:14%; float:left; min-height:1px; margin:0px 4px;}
.hw10{width:10%; float:left; min-height:1px; margin:0px 4px;}
.hw101{width:7%; float:left; min-height:1px; margin:0px 0;}
.hw8{width:8%; float:left;  min-height:1px;  margin:0px 4px;}
.hw5{width:5.7%; float:left; min-height:1px; margin:0px 4px;}
.hw6{width:6.7%; float:left; min-height:1px; margin:0px 4px;}
.cusBox {width: 50%; float: left;}
.cusBox input {width: auto !important;}
.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:2%; float:left; min-height:1px;}
.w1{width:1%; float:left; min-height:1px;}
.input-box{position:relative;}
.input-box img{position: absolute; right: 23px; top: 6px; width: 4%;}
.srcNewBtn{position: absolute; right: 8px; z-index: 100; top: 8px; background:none; border:none;}
.posRel{position:relative; margin: 0 0 10px 0;}
.selStyle{width: 100%; background-color: #fff; border: 1px solid #ccc; padding: 3px 10px;}
.grHeading{background-color: #428bca; font-size: 12px; color: #fff !important; clear:both; float:left; width:100%; padding:8px 0; margin:0 0 10px 0;}
.gridCenter{width:98%; margin:0 1%;}
.subSubmit {float: left;  margin: 0 2%; width: 45% !important;}
.search input {padding: 5px 5px;}
.error_msg select {padding: 3px; width: 100%;} 
.futBox {width: 100%; float: left; background-color: #0063b7; padding: 15px 30px; color: #fff !important;}
.futBox td {color: #fff; font-size: 14px; }
.futBox td a {color: #fc898e;  font-size: 14px;}


 #suggesstion-box{float:left;list-style:none;margin:0;padding:0; }
 #suggesstion-box ul {padding: 0; margin: 0;}
#suggesstion-box li{padding: 5px; list-style: none; background:#FAFAFA;border-bottom:#F0F0F0 1px solid;}
#suggesstion-box li:hover{background:#F0F0F0;}
#search-box{padding: 5px;border: #F0F0F0 1px solid;}
.backBox {margin: 20px 10px;}
.form-group input[type=radio] {width: 10% !important;}
 .dataTables_wrapper .dataTables_filter {
    float: right;
    text-align: right;
    margin: 0 30px 10px 0;
}
.dataTables_wrapper .dataTables_length {width: 30%;
}
 
.w2 {float: left; min-height: 1px; width: 2%; }
.deleteLeft {
    float: left;
    position: relative;
    width: 80%;
}
#dataTable img {position: relative !important; top: 0!important; right: 0!important; width: auto !important;}

/* start css for tootip on hover */
.tooltip-me, .tooltip-links a {
	position: relative; 	z-index: 9999 !important
}

.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;
	left: 100%;
	top: -26px;
	z-index: 999999 !important;	
}

.tooltip-links a:after {
	content: attr(href);
	position: static;
	top: none;
	right: none;
	margin-left: 10px;
	padding: 2px;
	display: none; 	z-index: 9999999 !important
}

.all-stockits{
	background-color: #f59c40 !important;
	padding:10px 20px;
	text-transform:uppercase;
	color:#FFF;
	margin-top:30px !important;
	display: inline-block;
	
}

.tooltip-links a:hover:after {
	display: inline-block;
}

.stockist{
	background-color:#f5f5f5;
	padding:30px 0px;
	margin-top:50px;
	font-family: 'Open Sans', sans-serif;
	text-align:center;
} 

.stockist h2{
	font-size:22px;
	font-weight:400;
	margin:0px;
	background:url(../images/red-border.png) center  bottom no-repeat;
	padding-bottom:15px;
	margin-bottom:25px;
}

.stockist a{
	margin:0px 7px;
}
/* end css for tootip  on hover*/


.white-bg .hw30 {
    width: 90% !important;
    float: left;
    min-height: 1px;
    margin: 0px; 
}
.white-bg .w2_11 {width: 5%;  float: left;}
.white-bg .hw_11 {width: 5%;  float: right;}

.subwork #myTable1 { padding:0}
.dataTables_scrollBody{overflow: inherit !important;}
.newhw8 {width: 80%; float:left;}
.texthw8 {width: 15%; float:left;}

.exportButons{ text-align:right; }
.exportButons input{ display:inline-block; width:auto; }
 
.submitBox input { width: 40%!important; float: left; cursor:pointer; margin: 0 2%; }
.col-md-5 .input-lable {margin: 0; padding: 0;}
.boxPro {width: 100%; float: left; margin: 0 2%;}