html, body
{
margin:0px;
padding:0px;
background-color:#FFF;
font-family: 'Tahoma', sans-serif;
font-size:12px;
}

img
{
border:0px;
padding:0px;
}

#loadergif, #loadergif2, #loadergif7, #loadergif99{
  text-align:center;
}

#loadergif img, #loadergif2 img, #loadergif7 img, #loadergif99 img{
  width:50px;
}

header{
  text-align:center;
  background-color:#e5e4d7;
  padding:0px;
  margin:0px;
  height:90px;
}

footer{
  background-color:#186195;
  width:100%;
  text-align:center;
  color:#fff;
  min-height:100px;
  border-bottom: 1px solid #e5e4d7;
}

footer p{
  text-align:center;
  padding-top:2%;
}

.clear{
  clear:both;
}

h1, h2, h3, h4, h5{
  text-align:center;
}

h1{
  font-size: 16px;
  font-weight: bold;
}

article.intro{
  text-align:justify;
}

div.form_bx{
  border-radius:20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  color:#000;
  margin:1% auto 2% auto;
  //width:560px;  
  width:48%;
}

div.form_bx2{
  width: 56%;
  margin: 0px auto;
  text-align: center;
}  

div.form_bx strong{
  width:200px;
  display:block;
  float:left;
  margin-top:3%;
  margin-bottom:3%;
}

div.form_bx strong.s2{
  width:140px;
  display:block;
  float:left;
  margin-top:3%;
  margin-bottom:3%;
}

input[type=text], input[type=password]{
  margin:4px auto;
  background-color:#F2F2F2;
  color:#193441;
  border:1px solid #cac6c6;
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
  padding:8px;
}

textarea{
  background-color:#F2F2F2;
  color:#193441;
  border:1px solid #cac6c6;
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}

input[type=text]:hover, input[type=password]:hover, input[type=text]:hover, input[type=password]:hover{
  background-color:#FFFFFF;
  border:1px solid #3B3737;
  color:#545454;
}

textarea:hover{
  background-color:#FFFFFF;
  border:1px solid #3B3737;
  color:#545454;
}

input[type=submit], input[type=submit]{
  background-color:#64a4ca;
  padding:2% 5%;
  margin:0 auto;
  display:block;
  border:1px solid #45d589;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color:#fff;
  cursor:pointer;
}

#floating_sbmt_btn input[type=submit]{
background-color:#64a4ca;
  padding:6% 10%;
  margin:0 auto;
  display:block;
  border:1px solid #45d589;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color:#fff;
  cursor:pointer;
}

input[type=submit]:hover, #floating_sbmt_btn input[type=submit]:hover{
  cursor:pointer;
  background-color:#a3c4d8;
}

.center{
  text-align:center;
}

.right_align{
  text-align:right;
}

.topMargMinus30{
  margin-top:-30px;
}

.rightMarg30{
  margin-right:30px;
}

#error {
	color: #d54e21;
	background-color: #eeeeee;
	text-align: left;
	padding: 5px;
	width: 451px;
	margin: 5px auto;
	border: 2px solid #d54e21;
}
#error h3 {
	text-align: center;
}

#success {
	color:#385DA1;
	background-color: #D8DFEC;
	text-align: center;
	padding: 10px;
	width: 480px;
	margin: 10px auto;
}
#success h3 {
	text-align: center;
}
#success p {
	color: #000;
}

#error h2, #error h3, #success h2, #success h3{
	font-size:18px;
}

span.edition_price{
  color:#CCC;
}

span.edition_txt{
  color:#BBD8EF;
}

#login_box {
	padding:14px 20px;
	border:1px solid #e7e7e7; 
	background-color:#fcfcfc;
  color:#000;
	border-radius:20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  width:350px;
  margin:10px auto;
}


#login_box input[type=text], #login_box input[type=password]{
  background-color:#F2F2F2;
  //-webkit-border-radius: 8px;
  //-moz-border-radius: 8px;
  //border-radius: 8px;
  color:#193441;
  border:1px solid #cac6c6;
  opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
  width:320px;
  padding:8px;
}

#login_box input[type=text]:hover, #login_box input[type=password]:hover{
  background-color:#FFFFFF;
  border:1px solid #3B3737;
  color:#545454;
}

#login_box input[type=submit]{
  background-color:#2c6700;
  padding:2% 8%;
  cursor:pointer;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  color:#FFF;
  border:none;
}

#login_box input[type=submit]:hover{
  cursor:pointer;
  background-color:#92CD00;
  
}

a.forgot_pass{
  text-decoration:none;
  color:#ddd;
}

a.download_btn{
  background-color:#000;
  color:#d8d8bf;
  padding:1% 2%;
  text-decoration:none;
  -webkit-border-radius: 12px;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius: 12px;
  -moz-border-radius-bottomleft: 0;
  border-radius: 12px;
  border-bottom-left-radius: 0;
  border:1px solid #E0DFDB;
}

#reports_body table{
  margin:0 auto;
  width:98%;  
}

#reports_body table tr th{
  background-color:#3f7bc5;
  color:#FFF;
  text-align:center;
  padding:8px 10px;
  font-weight:bold;
  text-transform: uppercase;
}

#reports_body table tr.colorLight{
  background-color:#f5f5f5;
  color:#000;
}

#reports_body table tr.colorDeep{
  background-color:#fff;
  color:#000;
}

#reports_body table tr td{
  //padding:2px 4px;
  padding:10px;
}

#reports_body table tr td a{
  text-decoration:none;
}

#reports_body a.paginate_links, a.add_action_btn{
  color: #DDD8D8;
  background-color: #041f41;
  padding: 8px 12px;
  text-decoration: none;
  color: #8ad3f5;
}

#add_cust_form{
  width:45%;
  margin:0 auto;
  padding:2% 1%;
  border:1px solid #7F7F7F;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  background-color:#e5e5f2;
  color:#4A895A;
}

p#add_cust_btn a {
    text-decoration: none;
    color:#FBFBFB;
    background-color: #0b253f;
    padding: 12px 18px;
    border-radius: 12px;
}

p#add_cust_btn{
  margin-left:78%;
}

div.catg_boxes{
  float:left;
  width:28%;
  border: 1px solid #ccc;
  margin-bottom: 2%;
  margin-left: 4%;
}

div.catg_boxes h2{
  margin-bottom:-12px;
}

div.catg_boxes img{
  width:96%;
  margin:0 auto;
}

div.sub_catg_boxes{
  height:190px;
  overflow:scroll;
}


a.edit_btn{
  background-color: green;
  padding: 4px 18px;
  text-decoration: none;
  color: white;
}

a.del_btn{
  background-color:red;
  padding: 4px 8px;
  text-decoration: none;
  color: white;
}

td.child_catg_td{
  height:34px;
}

option.BoldOpts{
  font-weight:bold;
}

#prod_search_box{
  margin-left: 20px;
  margin-bottom: -10px;
}

img.foto_border{
  border:3px solid #ccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

#ship_to_bx{
   border:3px solid #ccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  width: 360px;
  padding: 12px;
  margin-bottom: 8px;
  margin-left: 6%;
  background-color: #453886;
}

a.greenbtnLink{
  display: block;
  background-color: rgb(45, 131, 64);
  padding: 6px;
  text-align: center;
  color: rgb(255, 255, 255);
  font-weight: bold;
}

a.redbtnLink{
  display: block;
  background-color: red;
  padding: 6px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  margin-bottom:8px;
}

#parnt_catg_selc{
  margin: 0px auto;
  display: block;
}

option.bold_selects{
  font-weight:bold;
}

div.parent_catg_highlight_bx{
  background-color: rgb(231, 231, 231);
  padding: 2%;
  color: rgb(0, 0, 0);
  height:85px;
}

tr.child_catg_row_disp{
  background-color: rgb(29, 33, 45);
  width: 100%;
  color: rgb(241, 242, 252);
}

tr.sub_child_catg_row_disp{
  background-color: rgb(169, 188, 243);
  width: 100%;
  color: rgb(16, 20, 87);
}

#home_disp_catg_picker{
  background-color: rgb(231, 231, 231);
  padding: 2%;
  color: rgb(30, 30, 102);
}

.dashboard_sect_bx {
  width: 31%;
  float: left;
  text-align: center;
  border: 1px solid #ddd;
  margin: 1%;
  background-color: #ddd;
}

.dashboard_sect_bx h3{    
  color: rgb(26, 92, 26);
}

.dashboard_sect_bx a{    
  padding: 3%;
  background-color: rgb(12, 106, 158);
  color: rgb(255, 255, 255);
  text-decoration: none;
  border-radius:14px;
  -moz-border-radius: 14px;
  -webkit-border-radius: 14px;
}

.dashboard_sect_bx a:hover{    
  background-color: rgb(128, 178, 206);
  border:1px solid #fff;
}

input.fld_width_160{
  width:160px !important;
}

#promo_box{
  margin: 2%;
  background-color: rgb(201, 212, 222);
  height: 130px;
  padding: 9px;
}

#promo_box h4{
  color: rgb(32, 80, 123);
}

#seo_box{
  margin: 2%;
  background-color: rgb(32, 80, 123);
  height:360px;
}

div.internal_padding{
  padding:30px !important;
}

.line-through{
  text-decoration:line-through;
}

#image_dim_notes{
  position: absolute;
  top: 900px;
  left: 75%;
  width: 260px;
  border: 1px solid rgb(0, 0, 0);
  padding: 1%;
  background-color: rgb(3, 58, 77);
  color: #fff;
  text-align: center;
}

/* Override float */
div.form_bx2 input[type=text], div.form_bx2 input[type=password]{
  float:none !important;
}

#panel_name_disp{
  position: absolute;
  top: 5%;
  right: 2%;
}

.add_acct_btn{
 background-color:#2c6700;
 padding:1% 2%;
 margin:0 auto;
 display:block;
 border:1px solid #45d589;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border-radius: 6px;
 color:#fff;
 cursor:pointer;
 width:150px;
 text-decoration:none;  
}

.add_acct_btn:hover{
  cursor:pointer;
  background-color:#92CD00;
}

.FormNotesField{
  color:#ddd;
}

#drag_and_drop_field_bx{
  background-color: #f5f5f5;
}

.create_proj_center_head{
  text-align:center;
}

h4.download_page_head{
  color: #2c6700;
  text-decoration:underline;
}

#event_log_box, #comment_log_box{
  border: 1px solid rgb(255, 255, 255);
  min-height: 90px;
  margin: 0px auto;
  width: 76%;
  background-color: rgb(255, 255, 255);
  color:#000;
  border-radius:10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}    

.cmnt_by_disp1{
  color: rgb(31, 98, 65);
  font-weight: bold;
}

.cmnt_by_disp2{
  color: rgb(41, 172, 207);
  font-weight: bold;
}

a.colorDeep_bill_action_link{
  color:blue;
}

a.colorLight_bill_action_link{
  color:blue;
}

#entry_box{
  background-color: rgb(229, 228, 215);
  padding: 2%;
}

a.bluebtnLink{
  display: block;
  background-color: #3171a7;
  padding: 6px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  margin-bottom:12px !important;
  margin-top:12px;
}

#global_menu_bar{
  float:left;
  width:16%;
  min-height:960px;
  background-color:#36A13B;
}

#main{
  
}

#floating_sbmt_btn{
  position:fixed;
  right:2%;
  bottom:15%;
  z-index:999;
}

/* Input sizes */
.inp_type_50{
  width:50px !important;
}

.inp_type_80{
  width:80px !important;
}

.inp_type_100{
  width:100px !important;
}

.inp_type_150{
  width:150px !important;
}

.inp_type_200{
  width:200px !important;
}

.inp_type_250{
  width:250px !important;
}

.inp_type_300{
  width:300px !important;
}

.inp_type_350{
  width:350px !important;
}

p.new_form_field{
  margin-top:6px;
}

span.reqd_field{
  color:red;
  vertical-align: super;
  font-size: smaller;
  line-height: normal;
}

.menu_head{
  background-color:#e7e7e7;
  padding-top: 8px;
  padding-bottom: 8px;
}


.sidebar_act_btn{
  background-color: #0b6910;
  padding: 8px;
  display: block;
  width: 80%;
  border: none;
  margin: 0 auto;
  color: #fff;
}


.seltype_1{
  height: 30px;
  width: 50px;
  background-color: #f2f2f2;
  border: none;
  margin-top:3px;
}

.chkbox_type_1{
  width: 16px;
  height: 16px;
}

.showClickable{
  cursor:pointer;
}

.details_bx{
  padding:0px;
  background-color:#7fa961;
  color:#ffffff;
  border:none;
}

.details_bx h6{
  text-align:center;
}

.details_inner_bx{
  background-color:#f3f3f3;
  padding:2%;
  color:#000;
  min-height:300px;
}


#project_details_holder{
  width:92%;
  margin:0 auto;
}

.proj_act_bx{
  background-color: #eff1ef;
  padding: 1%;
  margin: 1% auto;
  width: 560px;
}

.form_holder_box{
  border: 1px solid #e7e7e7;
  border-radius: 8px;
  padding: 1%;
  margin-bottom:1%;
}

.form_holder_box h3{
  font-size:14px;
  color:#000;
  background-color: #c5d9f3;
  padding: 2%;
  margin: 0px;
}

#add_form_bx{
  padding:1%;
  border: 1px solid #bbb;
  width: 400px;
  margin-left: 1%;
  background-color: #e7e7e7;
} 

img.del_btn{
  width: 26px;
  height: 20px;
  margin: 8px;
}

input.drug_name_inp{
  width:350px !important;
  margin-left:1%;
}
    
input.drg_pack{
  width:100px !important;
  margin-left:1%;
}
    
input.drg_qty{
  width:100px !important;
  margin-left:1%;
}

#items_table td{
  padding:5px;
}

#panel_id_display{
	position: absolute;
    top: 10%;
    right: 0px;
    font-weight: bold;
    color: #0f408d;
    background-color: #e7e7e7;
    padding: 1%;	
}	
	

@media (max-width: 768px) {
  input.drug_name_inp{
    width:200px !important;
  }
    
  input.drg_pack{
    width:80px !important;
  }
    
  input.drg_qty{
    width:80px !important;
  }
  
  .form_bx{
    width:100% !important;
  }  
}