body{
	color: black!important;
    margin: 0px -12px -12px -12px!important; 
    padding: 0!important;
    font-size: 12px !important;
}

.rectangular{
    background-color:#F0F0F0!important;
}

.logoImage{
	padding: 70px;
}

.logoImageFooter{
	padding: 20px 40px 0px 40px;
}

.logoImageFooterPharmaConnect{
	padding: 0px 40px 0px 40px;
}

.mainBoxnoTopBorder{
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.margintop{
    margin-top: 5px!important;
}

.widthcontrol{
    margin-left: -41px!important;
    width: 100%!important;
}

.scrollableTable{
    width:100%!important;
    margin: 0!important;
    padding: 0!important;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px!important;
    line-height: 0.428571!important;
    vertical-align: top!important;
    border-top: 1px solid #ddd!important;
}

.td1 {
    color:black!important;
    background-color:#E0E0E0!important;
    }

.tdactive{
    color:black!important;
    z-index: 999!important;
 }

.tdactive2{
    background-color:#C2FEC0!important;
    color:black!important;
    z-index: 999!important;
}

table{
  border-spacing:0!important;
}

.color{
    color:#008000!important;
}

.heightfordetails{
    height: 200px!important;
    border-style:solid!important;
    border-width: 1px !important;
}

.btn-success{
	color: black;
    width: 100% ;
}

.lowerOrder{
    background-color: !important;
}

.rightImage{
    height: 765px!important;
    width: 237px!important;
}

.padding{
    padding: 2px 2px 2px 10px!important;
}

.colorbody{
	    background-color: #f0f0f0!important;
}

.buttonWidth{
    width: 70%!important;
}

/*
.bcolor{
    background-color: #FFFFFF!important;
    border-top: 2px solid black !important;
}
*/

.lastFont{
    margin: 0!important;
    color:#700808!important;
    text-align: right!important;
    font-size:15px!important;
}

.modal-content1 {
    font-size: 110%!important;
    width: 44% !important;
    margin: 122px 57px 56px 52px!important;
}

.modal-contentBatch{
	background-color: transparent !important;
}

.modal-calculator {
	 font-size: 110%!important;
    width: 20% !important;
    margin: 111px 57px 57px 460px!important;
    -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes fadeInUpBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  }
  @keyframes fadeInUpBig {
  0% {
  opacity: 0;
  -webkit-transform: translate3d(0, 2000px, 0);
  transform: translate3d(0, 2000px, 0);
  }
  100% {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  }
  } 

.noBorder{
	border: none;
}

.shadow{
	box-shadow: -1px 0px 0px #000000; 
-webkit-box-shadow: -1px 0px 0px #000000; 
-moz-box-shadow: -1px 0px 0px #000000; 
}

#print1{
	z-index: 15;
    top: 109%;
    left: 50%;
    margin: -66px 0 0 -240px;
    /* background: #e0e0e0; */
    background-color: #f1f1f1;
    width: 102%;
    height: 36px;
}

#print{
    width: 365px;
    height: 175px;
    z-index: 15;
    top: 49%;
    left: 43%;
    margin: -100px 0 0 -150px;
    background: white;
    border: 1px solid #b4b4f0;
}

#waitPopup{
	width: 300px;
    height: 148px;
    z-index: 15;
    top: 49%;
    left: 43%;
    margin: -100px 0 0 -150px;
    background: white;
    border: 1px solid #b4b4f0;
}

#purcahseReport{
	width : 80%;
	margin: 20px;
	top: 10%;
	background: white;
}

#mrpChangeWindow{
	width : 50%;
	margin: 20px;
	top: 10%;
	background: white;
	left: 200px;
}

.posAbsZ999{
	position: absolute !important;
	z-index: 999 !important;	
}

.approvePOFinal{
	width: 95%;
	max-height: 600px;
	right: 2%;
	left: 2%;
	background: white;
	margin: auto;
    border: 1px solid #b4b4f0;
}

#batchDetails, #stockLedger, #pendingOrders, #searchByCompany{
	position:absolute;
    width: 100%;
    height: 100%;
    z-index: 15;
    top: 2px;
	background-color: #f1f1f1;
    border: 1px solid #b4b4f0;;
}


#printButton{
	width: 298px;
    height: 55px;
    z-index: 15;
    top: 63%;
    left: 43%;
    margin: 93px  0 0 -128px;
   /* background: #f0f0f0;*/
}

#printButtonDiv
{
	width: 298px;
	/* height: 76px; */
	z-index: 15;
	top: -49%;
	left: 53%;
	margin: -19px 0 0 -150px;
	position: absolute;
}

#printMsg{
	margin-top: 34px;
	/* z-index: 15; */
	/* position: absolute; */
	 text-align: center !important;
}
			
#printImg{
        margin: 17px 1px 0px 12px;
	    z-index: 15;
    	position: absolute;
}

#fontSize {
	font-size: 13px !important;
}

.fontS {
	font-size: 13px !important;
}

.lineHeight {
	line-height: 14px !important;
	width: 91% !important;
	margin: 1px 0px 5px 0px !important;
}

#lineHeight2 {
	line-height: 14px !important;
	width: 91% !important;
}

.lineHeight4 {
	border-radius: 0px !important;
	line-height: 10px !important;
	width: 55% !important;
	/* margin: 1px 0px 5px 6px!important; */
	margin-left: 43px;
}

.fontweight {
	font-size: 14px !important;
	font-weight: 550 !important;
}

#colMd2 {
	width: 10.666667% !important;
	/* 	margin: 0px -32px 0px -4px !important; */
}

#colMd3 {
	width: 10.666667% !important;
	margin: 0px -32px 0px -50px !important;;
}

#colMd4 {
	width: 10.666667% !important;
	margin: 0px 0px 0px -371px !important;
}

/* button {
	width: 90.666667% !important;
} */

.buttonHeight{
	line-height: 10px !important;
}

.btn {
	font-size: 14px !important;
	font-weight: 550 !important;
}

#name {
	width: 22.99% !important;
}

.company {
	width: 53% !important;
	line-height: 14px !important;
	margin: 9px -32px 0px -8px !important;
}

#companyName {
	border-radius: 0px !important;
	margin-left: -72px !important;
	line-height: 14px !important;
	margin-top: 9px !important;
}

#companyName2 {
	line-height: 14px !important;
	margin-left: -59px !important;
	width: 74% !important;
	margin-top: 9px !important;
}


input {
	background-color: #efd5be;
	padding-left: 0px!important; 
    padding-right: 0px!important;
}

.btn-default, .btn-default.disabled {
	color: #000000;
    font-weight: 900;
	background-color: #e6e6e6;
	border-color: #f0f0f0;
}

.btn[disabled], fieldset[disabled] .btn {
    cursor: not-allowed;
    filter: alpha(opacity = 65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 34.65;
}

.pClass{
    font-weight: 900!important;
}

.btn-default:hover {
	color: #333;
	background-color: #e6e6e6;
	border-color: #f0f0f0;
}

.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled:active,
	.btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled],
	.btn-default[disabled].active, .btn-default[disabled].focus,
	.btn-default[disabled]:active, .btn-default[disabled]:focus,
	.btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active,
	fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active,
	fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover
	{
	background-color: #f0f0f0!important;
	border-color: #f0f0f0!important;
	opacity: 34.65!important;
}

.row {
	margin-right: -15px;
	margin-left: -15px
}
.payment{
        	margin-right: -15px;
        	margin-left: -15px
        }

.hThree {
	margin-left: 23px !important;
	font-size: 14px !important;
	color: green !important;
	margin-top: 7px!important;
}

#colMegh4 {
	width: 17.9% !important;
}

#colMegh5 {
	width: 13.333333%;
}

#r1 {
	position: absolute;
	margin:-7px 0px 0px 686px;
	height: 532px;
	width: 7px;
	border-right: 2.5px solid black;
}

#l1 {
	position: absolute;
	margin: -6px 0px 0px -2px;
	height: 532px;
	z-index: 999;
	width: 6px;
	border-right: 5.5px solid black;
}

#t2 {
	position: absolute;
	margin: 203px 0px 0px 463px;
    height: 220.58px;
	width: 7px;
	border-left: 2.5px solid black;
}

#t3 {
	position: absolute;
	margin: 203px 0px 0px 221px;
	height: 222.58px;
	width: 7px;
	border-left: 2.5px solid black;
}

#f4 {
	background-repeat: no-repeat;
	position: absolute;
	margin: -7px 0px 0px 0px;
	width: 49.89%;
	border-top: 2.5px solid black;
}

#f5 {
	position: absolute;
	margin: 223px 0px 0px 0px;
	width: 49.89%;
	border-top: 2.5px solid black;
}

#f6 {
	position: absolute;
    margin: 471px 0px 0px 0px;
	width: 49.89%;
	border-top: 2.5px solid black;
}

#f7 {
	position: absolute;
	margin: 523px 0px 0px 0px;
	width: 49.89%;
	border-top: 2.5px solid black;
}

#b2 {
	position: absolute;
	margin: 201px 0px 0px 0px;
	width: 49.89%;
	border-top: 2.5px solid black;
}

#b4 {
	background-repeat: no-repeat;
	position: absolute;
    margin: 403px 0px 0px 0px;
	width: 49.89%;
	border-bottom: 2.5px solid black;
}


.colMd1{
	width: 10%;
	float: left;
}
.colMd2{
	width: 20%;
	float: left;
}
.colMd3{
	width: 30%;
	float: left;
}
.colMd4{
	width: 40%;
	float: left;
}
.colMd5{
	width: 10%;
	float: left;
}
.colMd6{
	width: 60%;
	float: left;
}
.colMd7{
	width: 70%;
	float: left;
}
.colMd8{
	width: 80%;
	float: left;
}
.colMd9{
	width: 90%;
	float: left;
}
.colMd10{
	width: 100%;
	float: left;
}

table, th, td {
    border-collapse: collapse;
}
th, td {
    padding: 5px;
}

table#t01 {
    width: 100%;    
}

.padBatch{
	padding: 0px 357px 0px 315px!important;
}

.marginBotm {
	margin-bottom: 2px;
}

.paragraphLegth{
	width: 167px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/******************************************* THEME CSS  *******************************************/
.social-div {
    position: absolute;
    width: 212px;
    top: 0px;
 	right: 151px;
    z-index: 99999;
    -moz-border-radius: 3px 0 0 3px;
    -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
}

.pmntScreenBorder{
	    height: 254px;
    border-right: 1px solid #0a0a0a;
}

.colmdSixForSAlt{
padding-left: 38px!important;	
}

.tab-content, .tabs-minimal .tab-content {
    padding-top: 0%;
    margin-left: 1%;
    margin-right: 6%;
    border: 1px solid black;
}
.tab-content>.active {
    display: block;
    visibility: visible;
}
.minHeightToForm {
    min-height: 300px;
}
.textColorBlackrRtlr{
	color: black !important;
/* 	    margin-top: -29p; */
	    margin-top: -29px!important;

}

.ux-data-table{
	position: relative;
    width: 114%;
    height: 523px;
    overflow: auto;
}

  
.refCdDrpDown{
	margin-top: 44px;
    margin-left: -174px;
}
.uI-data-table{
	  position: relative;
    width: 114%;
    height:auto;
    overflow: auto;
}


.glyphicon-remove-sign{
	
    position: relative;
    top: 1px;
     color: red; 
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;

}

.uz-data-table {
    position: relative;
    height: 258px;
    overflow: auto;
}
/*************************************CSS MADE BY @Arun ************************************************************/

a{
    text-decoration: none!important;
}


.textAlignLeft{
	text-align: left !important;
}
@media (min-width: 768px){
	.height60{
	height: 60% !important;
	}
}

@media (min-width: 992px){
	.height60{
	height: 60% !important;
	}
}

@media (min-width: 1200px){
	.height60{
	height: 60% !important;
	}
}

p{
	/*text-transform: uppercase;*/
}

.margin5Px{
    margin-top: 5px;
    margin-bottom: 5px;
}

/*nav bar*/

.navbar{
    min-height: 10px!important;
    margin-bottom: 0px!important;
}

a{
	color: #000!important;
	cursor: pointer;
}

.navbar-inverse .navbar-nav>li>a{
    color: #000!important;
    cursor: pointer;
}

.navbar-inverse .navbar-nav>li>a:hover{
    font-weight: normal!important;
    text-decoration: underline;
    background-image: none;
    display: block!important;
    cursor: pointer;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover{
    font-weight: normal!important;
    color: #000!important;
    background-color: #b9d5f0!important; 
    cursor: pointer;   
}

.navbar-inverse {
    background-color: #000!important;
    border: none!important;
    color: #fff !important;
    background-image: none;
}

.nav>li>a{
    padding: 0px 10px!important;
    cursor: pointer;
}

dropdown:hover .dropdown-menu{
    display: block!important;
}

.dropdown-menu{
    background-color: #fff!important;
    border: 0px!important;
}
.dropdown-menu>li>a{
   /* background-color: #b9d5f0!important;*/
    cursor: pointer;
}

/*input Box*/

input[type=date]{
    line-height: inherit!important;
}

.menu{
    padding: 0!important;
    margin: 0!important;
}

.menu:hover > ul {
    display:block!important;
}

.subMenu {
    position:absolute!important;
    display:none!important;
    list-style: none!important;
    float: left!important;
    padding-left: 5px!important;
}

.dropdownMenu{
    display: block!important;
    list-style: none!important;
}

.subMenu a{
    text-decoration: none!important;
    color: black!important;
    float: left!important;
}

.navBox {
    padding-left: 0!important;
    padding-right: 0!important;
}

.infoBox {
    border: 2px solid black!important;
}

.marginTop {
    margin-top: 5px!important;  
}

.noPadding,.noPAdding {
    padding-left: 0px!important; 
    padding-right: 0px!important;
}

.floatRight{
	float: right!important;
}
.minWidth {
    width: 50%!important;
}

.width80 {
    width: 80%!important;
}

.width90 {
    width: 90%!important;
}

.fullWidth {
    width: 100%!important;
}

.textColorGreen{
	color:green;
}

.textColorOrange{
	color:black;
}

.textColorWhite{
	color: white;
}

.table{
    width: 100%!important;
    margin-bottom: 0!important;
}

.tableDiv{
	width: 100%!important;
	min-height: 200px !important;
}

.table-fixed thead {
  width: 100%!important;
}

.table-fixed tbody {
  height: 230px!important;
  overflow-y: scroll!important;
  width: 100%!important;
}

.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block!important;

}

.table-fixed tbody td, .table-fixed thead > tr> th {
  float: left!important;
  border: 1px solid black!important;
}

.dropdown-toggle:hover {
    display: block!important;
}

.width70 {
     border-top: 1px solid!important;
    border-left: 1px solid!important;
    width: 70%!important;
}

.textStyleRedRight {
    margin: 0!important;
    color: #DC0807!important;  /*Color code change by MS*/
    font-size: 30px!important; 
    text-align: right!important;
    text-transform: none;
    font-family: 'Impact';
}

.textStyleBlueRight {
    margin: 0!important;
    color: #555555!important;
    text-align: right!important;
}

.floatLeft{
	float: left;
	text-align: left !important;
}
.inlineSalt{
	    width: 100%;
        float: left;
        font-family: inherit;
        font-size: 86%;
        font-style: italic;
        text-align: left !important;
        color: cadetblue;
}
.textStyleRedWithFont {
    margin: 0!important;
    color: #DC0807!important;  /*Color code change by MS*/
    font-family:'Courier';
    font-size: 18px!important;
    text-transform: none;
    
}

.textStyleRed {
    margin: 0!important;
    color: #DC0807!important;  /*Color code change by MS*/
    font-size: 20px!important;   
    float: right; 
    text-transform: none;
}

.textStyleBlue {
     margin: 0!important;
    color: blue!important;   
}

.margintopBottom, 
.marginTopBottom{
    margin-top: 5px!important;
    margin-bottom: 5px!important;
}

.margintop200px{
	margin-top: 200px;
}

.marginBottom0px{
	margin-bottom: 0px;
}

/*.blueBackground {
    background-color: #827f7f;
	color:white;
}*/

.greenBackground{
	background-color: green;
}

.greenBackground:active , .greenBackground:focus{
	background-color: black !important;
}

.OrangeBackgroundNoBorder {
    background-color: #f9f9f9;
}
.textCenter {
    text-align: center;
    color: #0a0a0a;
    margin: 0;
}

.colorWhite {
    color: white;
    font-style: bold;
}

.fontNormal {
    font-weight: normal;
}

.textColorBlack{
	color: black !important;
}


/* MODAL $$$$$$$$$$$$$$$$$$$$$$$$$$ */


.itemModalBatch{
	background-color: transparent;	
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
}

.modal.in .modal-dialog{
	width: 100% !important;
	margin-top: 0px;
}

.itemModal .modal-dialog{
	height: 100% !important;
	width: 100% !important;
}

..modal-dialog{
	position: relative;
}

@media (min-width: 768px) {
	.modal-dialog{
		margin: 30px auto;
	}
}

.container{
		width:100% !important; 
}
	
@media (min-width: 768px){
	.container{
		width:100%;
	}
}

@media (min-width: 992px){
	.container{
		width:100%;
	}
}

@media (min-width: 1200px){
	.container{
		width:100%;
	}
}

.list-group-item:last-child{
	border-radius: 0px !important;
}

.list-group-item{
	padding: 0 !important;
}

/*.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
	background-color: grey !important;
	border-color: black !important;
	color : #FFE0C1;
}*/
a.list-group-item.active, a.list-group-item.active:hover, a.list-group-item.active:focus{
	color: white;
	background-color: black !important;
	border-color: black !important;
}

a.list-group-item, button.list-group-item{
	border:0;
	border-bottom: 2px solid grey;
	font-size: 12px;
	text-align: center;
}

.list-group-item:first-child{
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
}

/* GRID */

.ui-grid-cell-contents{
	padding: 1px !important;
}

.infoDiv{
	height: 50%;
	max-height:50%;
	border-top: none;
	overflow-y: auto;
}


/* salesViewFlag RETURN PAGE */

.form-control{
	display: inline-block !important;
	height: auto !important;
	padding: 0 !important;
	font-size: inherit !important;
	background-color: #f5f0f0!important;
	background-image: none !important;
	border: 0 !important;
	border-style: solid!important;
    
	border-top: 1px solid grey !important;
    border-left: 1px solid grey !important;
	border-radius: 0 !important;
	
	width: 100% !important;
}

.form-group{
	margin-bottom: 0px !important;		
}

.overlap{
	display: block;
	z-index: 1000;
	position: absolute;
	max-height: 200px;
	width: 300px !important;
}

.greenTable{
	width: 100%;
}

.greenTable th{
	background-color: #F0F0F0;
}

.greenTable tbody td{
	background-color: #ccffe6;
	border : 1px solid #030303!important;
}

.yellowTable{
	width: 100%;
}

.yellowTable th{
	background-color: #F0F0F0;
}

.yellowTable tbody td{
	background-color: rgb(255, 255, 152);
	border : 1px solid #030303!important;
}

.greyTable{
	width: 100%;
    border: 2px solid black; 
}

.greyTable th{
	background-color: #F0F0F0;
}

.greyTable tbody td{
	background-color: rgb(255, 255, 152);
	border : 1px solid #c9c9c9!important;
}


/************************************************************************ Nav in Home Page defined in partial_navigation.html ****************************************/

nav.medNav {
	top: 0;
	right: -300px;
	position: fixed;
	width: 300px;
	z-index: 1000;
	background: #e83147;
	opacity: .8;
}

nav.medNav ul {
	margin: 0 !important;
	padding: 0 !important;
	background-color: #e83147 !important;
}

nav.medNav li {
	border-bottom: 1px solid #fff;
}

.scroll-pane {
	width: 100%;
}

nav.medNav li a {
	font-family: "Raleway Webfont" !important;
	font-weight: 400 !important;
	font-size: 15px !important;
	color: #fff !important;
	margin: 0 !important;
	padding: 12px !important;
	width: 300px !important;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	background: #e83147;
}

nav.medNav li.welcome {
	background: transparent url("../img/navBack.png") top left no-repeat;
	background-size: 100% 100%;
	padding: 20px 0 20px 15px;
	color: #fff;
	min-height: 85px;
}

nav.medNav li.welcome img {
	width: 30px;
	height: 30px;
	margin: 10px;
	float: left;
}

nav.medNav li a:hover {
	background: #f83149 !important;
}

nav.medNav .adminMenu .fa {
	float: right;
	margin: -40px 16px 16px 16px;
}

nav.medNav .adminMenu .fa:before {
	font-size: 24px;
	color: #fff;
}

.popUpWindow{
    position: fixed;
    width: 1500px;
    height: 200px;
    margin: 5% auto;
    left: 0;
    right: 0;
    z-index:-1
}

.lineHeight2{
	line-height: 2;
	color: black;
}

.borderBottom{
	border-bottom: 2px solid black;
}
/************************************************************************ End of Nav in Home Page defined in partial_navigation.html ****************************************/

.red {
 color:red !important;
}
.redB {
 background-color:red !important;
}
.orangeB {
 background-color:orange !important;
}
.greenB {
 background-color:greenyellow !important;
}
.yellowB {
 background-color:yellow !important;
}
.blue {
 color:blue !important;
}

.sanjNameLable {
    padding-top: 0px;
    font-size: 105%;
    color:darkgreen;
} 
.backGroundGreen {
	background-color: #b8e8ae;
}
.backGroundRed {
	background-color: lightpink;
}
.backGroundOrange {
	background-color: #ffb152;
}


.dynamicDataMenusForSelectBox{
	z-index: 1;
    width: 100%;
    border-style: unset;
    -webkit-appearance: none;
}
.borderBottomDotted{

    border-bottom: 1px dotted;

}
.positionFixed{
	/*position: fixed;*/
}
pre {
    background-color: none !important
    border: none !important
    border-radius: none !important
    }
    
.cashbuttonsize{
	width:125px; 
	
}
.btmPadding{
	padding-bottom:2px;
}
.confirmationDilog{
	margin-left: -13px;
    display: contents;
    padding: 9.5px;
    margin: -12px 0px 0px;
    font-size: 13px;
    line-height: 1.42857143;
    word-break: break-word;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
}
/*
.OnlineSearchIndication {
	background-color: #9ad2a9;
	 border: 2px solid grey!important;
	
}
.onlineDataContainer{
	background-color: #dbe4effa;
	background-image: repeating-linear-gradient(-44deg, #fffefe 55%, #fffdfd 35%, #f1f7e9 90%);
	 border: 2px solid black!important;
}
*/
.fontCondensed{
	    font-stretch: semi-condensed;
	
}
.screenName{
	font-size: 15px;
    color: #555555;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin: 2px;
}
.textColorRed{
	color:#E63147;
}
.fontWeightNormalCap{
	    text-transform: uppercase;
}
.trAvgHeight{
	height:10px;
}
#overlay{
	    position: fixed;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: transparent;
       /* z-index: 2;*/
        cursor: pointer;


}
#printOnline{
	    position: fixed;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
       /* z-index: 2;*/
        cursor: pointer;


}
#overlay1{
	    position: fixed;
        display: block;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
       /* z-index: 2;*/
        cursor: pointer;


}
.netAmountFont{
	font-size:15px;
}

.margin-pmnt-bill{

margin-top:5px;
margin-bottom:5px;
padding: 15px;
font-size: 12.5px;
}
.stockTableData{
	width: 65.5px;
    border-width: thin;
        font-weight: 750;
}
/*
.textBoxColor,select{
    background-color: #E0E0E0!important; *//*

    box-shadow: 0px 0px 7px 1px #DFDEDE; *//*

}*/

.custom-square1 {
       width: 13% !important;
        height: 34px;
       margin: 5px 2px;
       /* margin-left: -30px; */
       display: inline-block;
       padding: 5px 5px;
       /* font-size: 20px; */
       cursor: pointer;
       text-align: center;
       text-decoration: none;
       outline: none;
       color: #000 !important;
       /* font-weight: normal; */
       background-color: #fff;
       border: none;
       border-radius: 15px;
       box-shadow: 0 4px #E0E0E0;
       background: #fff !important;
}
.custom-square1:hover {
	background-color: #EEEEEE !important;
	color: #000 !important;
}

.custom-square1:active {
	background-color: #ffffff !important;
	box-shadow: 0 5px #555555 !important;
	transform: translateY(4px) !important;
}

.bar1{
background: #f2f2f2;
    color: #fff;
    width: 100% !important;
    padding: 10px;
    margin-bottom: 25px !important;
}

.btn-fun{
   width: 88%;
       background: #e7e7e7 !important;
       color: #000 !important;
       font-size: 13px;
       font-weight: 800;
       margin-top: 8px;
       padding: 4px 0px;
}

.btn-fun:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    background-color:#e7e7e7 !important;
}


/*.textBoxColorGray{
    background:#f0f0f0 !important;
}*/

.fivePadding {
    padding-left: 5px!important;
    padding-right: 5px!important;
}


#wrapper
{
	text-align: center;
	width: 500px;
	margin: auto;
}



.style-2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.style-2::-webkit-scrollbar
{
	width: 10px;
	margin-left:2px;
	background-color: #F5F5F5;
}

.style-2::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: grey;
}
.box-product{
    min-height: 400px !important;
    max-height: 400px !important;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 2px solid #f0f0f0 !IMPORTANT;
    background: #fff !important;
    border-radius: 7px;
}

.box-pro-detail{
    border-bottom-style: ridge;
    margin-bottom: 8px !important;
    padding-left: 10px !important;
    padding-top: 5px !important;
}

/*.pageHeaderInputBox{
text-transform: uppercase;
    background: #f0f0f0 !important;
    text-align: center;
    border: none;
    font-size: 200%;
}
.pageHeaderInputBox focus{
text-transform: uppercase;
    background: #f0f0f0 !important;
    text-align: center !important;
    border: 0px solid !important;
    font-size: 200%;
}*/

.bg-image {
    /* The image used */
    background-image: url("img/medicea-logo-back.png");

    /* Full height */
    height: 100%;

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.side-bg{
    margin-left: -33px !important;
    width: 120% !important;
    height: -webkit-fill-available;
}
.p-login-form{
       /* background-color: #fff; */
       /* text-align: center; */
       /* border: 1px solid #555555; */
       margin-top: 88px !important;
       /* border-radius: 10px; */
       background-image: url(img/login-page-bg.png);
       background-repeat: no-repeat;
       background-size: cover;
       height: 425px;
}

.p-login-form input{
  outline: none !important;
      border-bottom: 2px solid #555555 !important;
      border: none;
      border-radius: 0px !important;
      background: transparent !important;
      width: 100% !important;
          height: 38px !important;


}
.p-login-form input:focus, active, hover {
	background-color: #fff !important;
}

.btn-fun1{
   width: 96%;
   background: #fff !important;
   color: #555555 !important;
   font-size: 13px;
   font-weight: 600;
   margin-top: 8px;
   padding: 4px 0px;
   border: 1px solid #555555 !important;
}

.btn-fun1:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
    background-color:#555555 !important;
    color:#fff !important;
}

.btn-fun1:hover a {

    color:#fff !important;
}

.p-login-form-user{
       /* background-color: #fff; */
       /* text-align: center; */
       /* border: 1px solid #555555; */
       margin-top: 25px !important;
       /* border-radius: 10px; */
       background-image: url(img/bus-user-bg.png);
       background-repeat: no-repeat;
       background-size: cover;
      /* height: 600px;*/
}

.p-login-form-user input{
   outline: none !important;
       border-bottom: 1px solid #555555 !important;
       border: none;
       border-radius: 0px !important;
       background: transparent !important;
    /*   width: 100% !important;
           height: 38px !important;
 */
   margin-top: 5px !important;
     margin-bottom: 5px !important;

 }
.p-login-form-user input:focus, active, hover {
	background-color: #fff !important;
}

.p-login-form-user select{
  outline: none !important;
      border-bottom: 1px solid #555555 !important;
      border: none;
      border-radius: 0px !important;
      background: transparent !important;
   /*   width: 100% !important;
          height: 38px !important;
*/

}

.p-login-form-user select focus{
  outline: none !important;
      border-bottom: 1px solid #4267b2 !important;
      border: none;
      border-radius: 0px !important;
      background: transparent !important;
   /*   width: 100% !important;
          height: 38px !important;
*/

}

.p-login-form-user p{
    float: left;
    text-transform: none;
    color: #555555 !important;
    font-weight: 600 !important;
    margin-top: 5px !important;

}


.p-login-form-user1{
       /* background-color: #fff; */
       /* text-align: center; */
       /* border: 1px solid #555555; */
       margin-top: 25px !important;
       /* border-radius: 10px; */
       background-image: url(img/bus-user-bg.png);
       background-repeat: no-repeat;
       background-size: cover;
      /* height: 600px;*/
}

.p-login-form-user1 input{
   outline: none !important;
       border-bottom: 1px solid #555555 !important;
       border: none;
       border-radius: 0px !important;
       background: transparent !important;
    /*   width: 100% !important;
           height: 38px !important;
 */
    margin-top: 7px !important;
    margin-bottom: 7px !important;
 }

 .email-signup input{
    outline: none !important;
        /*border-bottom: 1px solid #555555 !important;*/
        border: none;
        border-radius: 6px !important;
        background: #fff !important;
     /*   width: 100% !important;
            height: 38px !important;
  */
     margin-top: 7px !important;
     margin-bottom: 7px !important;
  }

 .email-signup input:focus, active, hover {
	background-color: #fff !important;
}



.p-login-form-user1 input:focus, active, hover {
	background-color: #fff !important;
}

.p-login-form-user1 select{
  outline: none !important;
      border-bottom: 1px solid #555555 !important;
      border: none;
      border-radius: 0px !important;
      background: transparent !important;
   /*   width: 100% !important;
          height: 38px !important;
*/
    margin-top: 7px !important;
    margin-bottom: 7px !important;

}

 select:required:invalid {
   color: #555555 !important;
   font-style: italic !important;
 }

.p-login-form-user1 select focus{
  outline: none !important;
      border-bottom: 1px solid #4267b2 !important;
      border: none;
      border-radius: 0px !important;
      background: transparent !important;
   /*   width: 100% !important;
          height: 38px !important;
*/

}

.p-login-form-user1 p{
       float: left;
       text-transform: none;
       color: #555555 !important;
       font-weight: 600 !important;
       margin-top: 8px !important;

}

input::placeholder{
   font-style:italic !important;
}


.p-text-msg{
    font-family: -webkit-body;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 5px !important;

}

.p-forget-pass{
    font-size: 15px !important;
    font-weight: 600 !important;
    position: fixed !important;
    top: 15% !important;
    background: #4267b3 !important;
    padding: 10px !important;
    width: 40% !important;
    color: #fff !important;
    border-radius: 15px !important;
    left: 51% !important;
}

.link-affiliate{
    float: right;
    font-style: italic;
    color: #4267b2 !important;
    font-size: 14px;
    cursor: pointer;
}


#preloader {
    position: fixed;
    left: 0;
    padding-top: 189px;
    bottom: 0;
    right: 0;
    background-color: #FFF;
    z-index: 99999;
}

.preloader {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.preloader span {
    display: inline-block;
    background-color: #1397A5;
    width: 25px;
    height: 25px;
    -webkit-animation: 1s preload ease-in-out infinite;
            animation: preload 1s ease-in-out infinite;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    border-radius:50%;
}

.preloader span:nth-child(1) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}

.preloader span:nth-child(2) {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s;
}

.preloader span:nth-child(3) {
    -webkit-animation-delay: 0.15s;
            animation-delay: 0.15s;
}

.preloader span:nth-child(4) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
}
.preloader span:nth-child(5) {
    -webkit-animation-delay: 0.25s;
            animation-delay: 0.25s;
}
.preloader span:nth-child(6) {
    -webkit-animation-delay: 0.3s;
            animation-delay: 0.3s;
}

@-webkit-keyframes preload {
	0% {
	   -webkit-transform:scale(0);
	           transform:scale(0);
	}
  50% {
    -webkit-transform:scale(1);
            transform:scale(1);
  }
  100% {
    -webkit-transform:scale(0);
            transform:scale(0);
  }
}

@keyframes preload {
	0% {
	   -webkit-transform:scale(0);
	           transform:scale(0);
	}
  50% {
    -webkit-transform:scale(1);
            transform:scale(1);
  }
  100% {
    -webkit-transform:scale(0);
            transform:scale(0);
  }
}

.textAlignCenter12{


}

.promotionImg{
       height: 450px !important;
       width: 890px !important;
       border: 1px solid #eaeaea !important;
       border-radius: 7px;
       overflow: hidden;
       margin-left: 1px;

}
.firstimage0{
    margin-top: -95px;
}

.promotionImg1{
       height: 240px !important;
       width: 890px !important;
       border: 1px solid #eaeaea !important;
       border-radius: 7px;
       overflow: hidden;
       margin-left: 1px;
       margin-top: -70px;
}

.bottomLine{
    float: left;
   /* font-size: 15px !important;*/
    padding: 5px 0px !important;
    font-weight: 500 !important;
    border-bottom: 2px solid #e0e0e0 !important;
    height: 270px !important;
    margin-left: 1% !important;
    width: 98% !important;
}

.linkunderline :hover{
    text-decoration: underline !important;
}

.both_arrow{
    border: 1px solid #e0e0e0;
    margin-bottom: 10px !important;
    float: right !important;
}
 .mView{
    font-size:33px;
    margin-right: -512px;
    margin-left: -8px;
         }
  .view{
   display:none;
   }



.pr_help{
    float: right !important;
    margin: 2% !important;
    cursor: pointer;
    font-size:18px;
}

@media screen and (min-width: 1000px) {

    .promotion-mob{
        display:none;
     }
    .firstimage0{
        margin-top: 0px;
    }

    .both_arrow{
        width: 80px;
    }
.promotionImg1{
       height: 240px !important;
       width: 100% !important;
       border: 1px solid #eaeaea !important;
       border-radius: 7px;
       overflow: hidden;
       margin-left: 1px;
       margin-top: 0px;

}

.promotionImg{
       height: 100% !important;
       width: 100% !important;
       border: 1px solid #eaeaea !important;
       border-radius: 7px;
       overflow: hidden;
       margin-left: 1px;

}

.bottomLine{
    float: left;
   /* font-size: 15px !important;*/
    padding: 5px 0px !important;
    font-weight: 500 !important;
    border-bottom: 2px solid #e0e0e0 !important;
    height: 270px !important;
    margin-left: 1% !important;
    width: 49% !important;
}
    .pr_help{
        font-size:unset;
    }
     .mView{
    font-size:12px;
    margin-right: -15px;
    margin-left: -15px

        }
 .view
        {
        	display:block;
        }

}

.activeBtn{
    color: #fff !important;
    background: #4267b2 !important;
}

.custom-square11 {
        width: fit-content !important;
       /* height: 60px; */
       margin: 5px;
       /* margin-left: -30px; */
       display: inline-block;
       padding: 7px 5px;
       /* font-size: 20px; */
       cursor: pointer;
       text-align: center;
       text-decoration: none;
       outline: none;
       color: #000 !important;
       /* font-weight: normal; */
       background-color: #fff;
       font-weight:600;
       border: none;
       border-radius: 2px;
       box-shadow: 0 1px #ccbebb;
       background: #fff !important;

}
.custom-square11:hover {
	background-color: #FFE0C1 !important;
	color: #000 !important;
}

.multiDropDown{
    text-align: left;
    /* margin-left: -27px; */
    font-weight: 700;
    width: 101% !important;
    border-bottom: 1px solid #696161;


}
.active {
    font-size: 105%;
}
.sideDetails {
    font-size: 90%;
    font-family: sans-serif;
    font-style: oblique;
    color: black;
}

/*
.custom-square11:active {
	background-color: #FFE0C1 !important;
	box-shadow: 0 5px #666 !important;
	transform: translateY(4px) !important;
}
*/

.menu-bar-slide{
    background: #fff;
    box-shadow: 0 0px 15px #e0e0e0;
}

.uptCustPending{
    width: 60%;
    height: auto;
    z-index: 15;
    top: 15%;
    left: 20%;
    /* margin: -100px 0 0 -150px; */
    background: white;
    border: 1px solid #b4b4f0;
}

.dataCustOrder{
border: 1px solid #e0e0e0 !important;
border-bottom : none !important
}

.hr {
   border-top:1px solid #e0e0e0 !important;
}

.custDetails input{
	font-size:11px !important;
	font-weight:600;
	font-family:unset !important
	font-style:unset !important;
}
.blink_me {
	animation: blinker 2s linear infinite;
	color:green;
	font-size: initial;
}
@keyframes blinker {
	50% {
		opacity: 0;
	}
}
.boxtext {
	margin: 0 0 10px;
	color: #555555;
	font-style: normal;
	font-weight: 700;
	margin-top: 6%;
	margin-bottom: 5%;
}
.textsupplierselection {
	margin: 0 0 10px;
	color: #555555;
	font-style: normal;
	font-weight: 700;
	margin-top: 6%;
	margin-bottom: 5%;
	text-align: center;
}

.Shadoweffect {
	box-shadow: 0px 0px 8px 2px #bcbab8;
}

	
.textAlignCenter{
	text-align: center;
	font-weight: bold;
}

.sortOrder:after {
  content: '\25b2';   // BLACK UP-POINTING TRIANGLE
}
.sortOrder.reverse:after {
  content: '\25bc';   // BLACK DOWN-POINTING TRIANGLE
}

.boxheight
{
height:30px:
}

.fontbold
{
font-weight: bold;
}

.gridTableHeaderLp{
    border-left: 1px solid;
    border-right: 1px solid;
    border-color: darkgrey;
    border-width: thin;
    background: #827f7f;
    color: white;
    width: 70px;
}

.btn-fun-google {
    background: transparent !important;
    border: none !important;
        outline: none !important;

 }

 .btn-fun-google:hover{
 background: transparent !important;
     border: none !important;
         outline: none !important;
 }

 .btn-Otp{
    padding: 12px 0px;
    font-weight: 800;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
    background: #e83147;
    text-align: center;
    border-radius: 10px;
 }

  .regForm input{
    font-size:15px;
    padding:10px;
   }
   .regForm p{
       font-size:15px;
       padding:10px;
      }

 .regForm select{
        border: none;
        padding: 11px;
        font-size: 15px;
        border-radius: 6px !important;
        margin-top: 6px !important;
        margin-bottom: 7px !important;
        outline: none;
   }

    .regForm input:focus, active, hover {
   	border:.1em solid #e83147
   }
    .regForm select:focus, active, hover {
      	border:.1em solid #e83147
      }

   .optioncss{
           border: 2px solid #e83147 !important;
           padding: 11px !important;
           font-size: 15px !important;
           border-radius: 6px !important;
           margin-top: 6px !important;
           margin-bottom: 7px !important;
      }

  /* JUST COMMON TABLE STYLES... */
  table { border-collapse: collapse; width: 100%; }
  .tableFixHead {
      overflow: scroll !important;
      overflow-x: hidden !important;
      border-top: 1px solid #000;
    }

 .tableFixHead thead th {
     position: sticky;
     top: 0;
      background-color: #555555;
          background-image: repeating-linear-gradient(-18deg,#c5c5c5,#dadad4 198%);
          height: 19px !important;
          /* border: none !important; */
          margin: 2px !important;
          border-top: none !important;
          /* border-bottom: none !important; */
   }

 .tableFixHead tbody td {
    height: 19px !important;
    text-align: center !important;
 }

 .tableFixHead1 {
       overflow: scroll !important;
       overflow-x: hidden !important;
       border-top: 1px solid #000;
     }

  .tableFixHead1 thead th {
      position: sticky;
      top: 0;
       background-color: #555555;
           background-image: repeating-linear-gradient(-18deg,#c5c5c5,#dadad4 198%);
           height: 50px !important;
           /* border: none !important; */
           margin: 2px !important;
           border-top: none !important;
           /* border-bottom: none !important; */
    }

  .tableFixHead1 tbody td {
     height: 33px !important;
     text-align: center !important;
  }

 .ph_cart{
     width: 35px;
     height: 35px;
     float: right;
     background: #fff;
     border-radius: 10px;
     cursor: pointer;
 }
 .ph_total_item{
     float: right;
     background: #e83147;
     border-radius: 50%;
     color: #fff;
     margin-right: 2px;
     font-size: 15px;
     padding: 2px;
     margin-bottom: 1px;
 }

 .ph-cart-bill{
    background: #fff;
    border-radius: 20px;
    border: 1px solid #f7f7f7;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);
 }


#printItm{
    width: 400px;
    height: 204px;
    z-index: 15;
    top: 20%;
    left: 43%;
    margin: -100px 0 0 -150px;
    background: white;
    border: 1px solid #b4b4f0;
}
.active1{
    color: #ffffff !important;
    background-color:#555555 !important;
    border-color: black !important;
    box-shadow: 2px 3px 2px 1px #bcbab8;
}

.active1 input:focus{
	background-color:#3b5998 !important;
	border:none !important;
}

.total-amt{
    background-color: #111a2d;
    height: 30px;
    font-size: 13px;
    font-weight: 900;
    color: #fff;
}

.subtotal_amt{
    background-color: #b7bac0;
    height: 25px;
    color: #191970;
    font-weight: 600;
}

.marginColor{
    background:#e83147 !important;
    color:#fff;
}
.marginColor input{
	background-color:#e83147;
	border-color:#e83147;
}
.marginColor input:focus{
	background-color:#e83147 !important;
	border-color:#e83147;
	outline:none !important;
}

#loyaltyreport{
    width: 60%;
    top: 17%;
    background: white;
    left: 20%;
}

.redlineitem{
    background-color: #e83147 !important;
    border-color : #e83147 !important;
    color:#fff !important;
}

.redButton{
    background-color: red !important;
    border-color : red !important;
}

th.rotate {
  height: 60px;
  white-space: nowrap;
}
th.rotate > div {
  transform:
    translate(1px, -25px)
    rotate(90deg);
  width: 30px;
}
th.rotate > div > span {
  border-bottom: 1px ;
  padding: 8px 10px;
}
td.rotate {
  height: 60px;
  white-space: nowrap;
}
td.rotate > div {
  transform:
    translate(1px, -20px)
    rotate(90deg);
  width: 30px;
}
td.rotate > div > span {
  border-bottom: 1px ;
  padding: 8px 10px;
}

#discChangeWindow{
	    margin: 50px;
        top: 10%;
        background: white;
        left: 30%;
        right: 30%;
    }
}
.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}

.orange {
    background-color:#f56342!important;
}
.gray {
    color:#2d2727!important;
    background-color:#84878c!important;
}
.expired {
    color:#eee0ff!important;
    background-color:#bf0202!important;
}
.greenExpiry {
    color:#101010!important;
    background-color:#4af36f!important;
}
table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }
.border1px{
    border: 1px solid;
}
.y_scroll {
 overflow-y: scroll;
}
.pr{
   padding-right: 8%!important;
}

input {
    padding: 4px;
    -moz-appearance: none;
    border: 2px solid #eee;
}

input:focus {
   box-shadow:0px 0px 5px #6192D1;
   -webkit-box-shadow: 0px 0px 5px  #6192D1;
   -webkit-padding: 3px;

    border-color: transparent;
    border-style: inset;
  border-width: 2px;
   outline: 0;
}
.thBorder , .trBorder , .tdBorder{
    border: 1px solid black!important;
}
.redBG{
    background-color:red !important;
}
.orangeBG{
    background-color:orange;
}