@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;200;300;400;500;600;700&display=swap');


.tbll{font-family:'Roboto', sans-serif; font-size:14px; color:#000; padding:10px 0px}
.Inqry{padding:5px 0px; color:#444444; font-size:18px; border-bottom:solid 1px #999;}
.art{font-size:14px; color:#444444; padding:10px 0px 0px 0px;}
.artn{color:#01c0ef; font-family:'Roboto', sans-serif; font-size:14px; padding:10px 0px;}
.bttnn{background:#00a65a; width:50px; height:18px; color:#FFF; padding:9px 8px; border-radius:5px;}
.Categories{font-family:'Roboto', sans-serif; color:#222d32; font-size:18px; text-transform:uppercase; border-bottom:3px solid #00c0ef; padding:5px 0px; background:#ecf0f5;
font-weight:bold}
.Categories img{float:right;}
.cat{font-family:'Roboto', sans-serif; font-size:15px; float:left; color:#444444; padding:5px 0px;}
.cat a{text-decoration:none; color:#444444;}
.cat span{font-size:16px;}
.cat1{float:left; font-family:'Roboto', sans-serif; font-size:14px; padding:5px 10px; background:#00c66b; margin:4px 0px; color:#FFF}
.cat1 a{text-decoration:none; color:#FFF}

.cat2{float:left; font-family:'Roboto', sans-serif; font-size:14px; padding:5px 10px; background:#FF0000; margin:4px 5px; color:#FFF}
.cat2 a{text-decoration:none; color:#FFF}

.tsr{font-family:'Roboto', sans-serif; color:#444444; font-size:14px; padding:7px 0px !important;  font-weight:bold;}
.tsr2{padding:10px 0px; font-family:'Roboto', sans-serif; color:#222d32;}
.tsr2 a{text-decoration:none; color:#222d32;}
.eedit{background:#00a65a; font-family:'Roboto', sans-serif; font-size:14px; text-align:center; padding:3px 15px; color:#fff; margin:0 5px 0 0; display:inline-block; border-radius:5px;}
.eedit a{text-decoration:none; color:#FFF}
.vview{background:#f39c12; font-family:'Roboto', sans-serif; font-size:14px; text-align:center; padding:3px 15px; color:#fff; margin:0 5px 0 0; display:inline-block; border-radius:5px;}
.vview a{text-decoration:none; color:#FFF}
.ddelete{background:#dd4b39; font-family:'Roboto', sans-serif; font-size:14px; text-align:center; padding:3px 15px; color:#fff; margin:0 5px 0 0; display:inline-block; border-radius:5px;}
.ddelete a{text-decoration:none; color:#FFF}
.bdr{border-top:solid 1px #CCC;}
.tsr3{border:solid 1px #ccc; height:40px; width:90%; outline:none; margin:10px 0px; padding:0 0 0 10px ; font-family: 'Roboto', sans-serif;font-size:14px;}
.tsr4{font-family: 'Roboto', sans-serif;font-size:16px; padding:0px 0 5px 0}
.tsr4 img{padding:10px 0px}
.tsr4 h6{ margin:0px; padding:0px;}
.tsr4 h5{margin:0px; padding:10px 0px 0px 0px;}
.ssubmit{background:#00c66b; font-family:'Roboto', sans-serif; font-size:14px; text-align:center; padding:10px 15px; color:#fff; margin:5px 5px 0 0; display:inline-block; border-radius:5px; border:none; outline:none;}
.ccancel{background:#3c8dbc; font-family:'Roboto', sans-serif; font-size:14px; text-align:center; padding:10px 15px; color:#fff; margin:5px 5px 0 0; display:inline-block; border-radius:5px; border:none; outline:none;}
.chose{background:#dcdcdc; font-size:14px;}
.ssize{border:solid 1px #000;}
.boxx{margin:3px 0 0px -16px}
#Sizee{font-family:'Roboto', sans-serif; font-size:18px; float:left; color:#222d32}
.tsrr{display:inline; margin:0px 0px 20px 0px; padding:0px 0px 0px 15px; height:20px; width:85px;}
.tsrr2{background:#0CC}
.black{background:#000; color:#FFF;}
.orange{background:#ffa200;}
.bdr2{border:solid 1px #000; height:20px;}
.adjst{margin:0px; padding:10px 0 0 15px;}


@media (max-width: 768px) {
	
	
	.tsr td{font-size:12px; padding:0px 10px;}
	.tsr2 td{font-size:12px; font-weight:normal; padding:0px 10px;}
	.cat{font-size:18px;}
	.cat span{font-size:14px}
}