@import url('https://fonts.googleapis.com/css?family=Montserrat|Open+Sans');

	
body, td{ color: #000000; font-family: Montserrat; font-size: 16px; padding:0px; margin:0px; }

.gridForm{ width: 100%; }
.gridForm td{ padding:5px 0px; }
.gridForm td:first-of-type{ width:35%; }

.textfield1{ padding:5px 10px; width:100%; height:40px; font-size:15px; border:1px solid #b2b2b2; border-radius: 5px; color: #000000; font-family: Montserrat; -webkit-appearance: none; }
.textfield2{ padding:5px 10px; width:100%; height:40px; font-size:15px; border:1px solid #b2b2b2; border-radius: 5px; color: #000000; font-family: Montserrat; -webkit-appearance: none; }
.textprice{ padding:5px 10px; width:150px; height:40px; font-size:15px; border:1px solid #b2b2b2; border-radius: 5px; color: #000000; font-family: Montserrat; -webkit-appearance: none; }

.title{ font-family: Montserrat; font-weight:bold; font-size:25px; color: #00aeff; -webkit-appearance: none; }
.btnorange{ background: #FCAE08; color: #ffffff; border:0px; border-radius: 20px; padding:0px 20px; font-size:16px; font-weight:bold; height:40px; -webkit-appearance: none; }
.btngreen{ background: #32c944; color: #ffffff; border:0px; border-radius: 20px; padding:0px 20px; font-size:16px; font-weight:bold; height:40px; -webkit-appearance: none; }
.btnwhatsapp{ background: #24c544; color: #ffffff; border:2px solid #ffffff; border-radius: 20px; padding:0px 20px; font-size:16px; font-weight:bold; height:40px; -webkit-appearance: none; }
.btnwhatsapp2{ background: #24c544; color: #ffffff; border:2px solid #ffffff; border-radius: 20px; padding:5px 20px; font-size:18px; font-weight:bold; height:40px; -webkit-appearance: none; }

.btncart{ background: #ffffff; color: #FCAE08; border:2px solid #FCAE08; border-radius: 30px; padding:12px 25px; font-size:16px; font-weight:bold; -webkit-appearance: none; }
.btncart2{ background: #FCAE08; color: #ffffff; border:0px; border-radius: 30px; padding:15px 30px; font-size:16px; font-weight:bold; -webkit-appearance: none; }
.btncart3{ background: #ffffff; color: #b2b2b2; border:2px solid #b2b2b2; border-radius: 30px; padding:12px 25px; font-size:16px; font-weight:bold; -webkit-appearance: none; }
.btnnext{ background: #ffffff; color: #00aeff; border:2px solid #00aeff; border-radius: 30px; padding:12px 25px; font-size:16px; font-weight:bold; -webkit-appearance: none; }
.btntoyyib{ background: #ffffff; color: #8e3a96; border:2px solid #8e3a96; border-radius: 30px; padding:12px 25px; margin-bottom:10px; font-size:16px; font-weight:bold; -webkit-appearance: none; }

.carticon{ height:56px; width:56px; background-color: #FCAE08; border:0px; border-radius:30px; color: #ffffff; font-size:18px; }

.btnupload{ background: #ffffff; color: #FCAE08; border:2px solid #FCAE08; border-radius: 30px; padding:7px 15px; font-size:14px; font-weight:bold; -webkit-appearance: none; }



.pt10{ padding-top:10px;}
.pb10{ padding-bottom:10px;}
.pr10{ padding-right:10px;}
.pl10{ padding-left:10px;}
.p10{ padding:10px;}
.p5{ padding:5px;}
.small{ font-size:10px}

.red{ color: #ff0000; }
.blue{ color: #00aeff; }
.green{ color: #a0bc54; }


.left{ text-align: left !important; }
.center{ text-align: center !important; }
.right{ text-align: right !important; }


.gridTable{ width: 100%; }
.gridTable th{ font-size:16px; background: #f6f6f6; border-bottom:1px solid #e2e2e2; padding: 10px 10px; }
.gridTable th.nopad{ font-size:16px; background: #f6f6f6; border-bottom:1px solid #e2e2e2; padding: 5px 5px !important; }
.gridTable td{ font-size:16px; background: #ffffff; border-bottom:1px solid #e2e2e2; padding: 10px 10px; }
.gridTable td.noborder{ border-bottom:0px !important; }
.gridTable td.nopad{ padding: 5px 10px !important; }
.gridTable th a{ color: #00aef0 !important; }
.gridTable td a{ color: #00aef0 !important; }
.gridTable td i{ margin:0px 10px; font-size:20px !important; color: #333333 !important; }
.gridTable tr{ background: #ffffff; }
.gridTable tr:hover td{ background: #f0fafe !important; }
.gridTable .min { width: 1%; white-space: nowrap;  }
.gridTable .added { background: #f0fafe !important; }
.gridTable .boldborder { border-top:2px solid #e2e2e2 !important;  }


.tab{ float:left; padding:5px 10px; text-align:center; border:1px solid #e2e2e2; background: #f6f6f6; width:50%; }
.tabactive{ float:left; padding:5px 10px; text-align:center; border-top:1px solid #e2e2e2; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; background: #ffffff; width:50%; }
.tabcontent{ clear:both; padding:20px; border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; }