/* Created By : ZAYSMASTER | Date : 23012019 
 Version : 1.0.1 | Project : ZYM CMS */

/* RESPONSIVE DESIGN */
/* ================================ */
/* Small Phones: from 0 to 480px */
@media only screen and (max-width: 480px) {
}
/* ================================ */
/* Small Phones to Small Tablets: from 481px to 767px */
@media only screen and (max-width: 767px) {
	/* MAIN MARGIN */
	.mg-zm { margin-left: 1px !important; margin-right: 1px !important; }
  /* LP - BOX login form */
  .bt-f { width: 95% !important; }
  /* PANEL - ROW3 */
  .bx2 { height: 130vh !important; }
  /* SEARCH */
  .srch-icn { margin-left: 0px !important; }
  .srch-input input[type='text'] { margin-left: 10px !important; }
	.srch-box { margin-left: 0px !important; margin-right: 0px !important; width: 100% !important;}
  /* VIDEO - btn submit */
  .bt-g { margin-left: 90px !important; margin-right: 90px !important; }
	/* FORM MASTER */
	.fm-mg, .fm-mg2 { margin-left: 2px !important; margin-right: 2px !important; }
	.fm-input3 input[type='text']{ margin-left: 12px !important;}	
	/* CART ORDER */
	.ct-img { height: 140px !important; }
	/* PANEL */
	.fn60 { font-size: 35px !important; }
	/* TABLE RSPV */
	.tbl-avt { width: 18% !important; }
	.tbl-agn { width: 35% !important; }
	/* PRODUCT */
	.av-list2 { margin-left: 25% !important; margin-right: 25% !important;}
	/* SALE-DAILY */
	.fm-d1, .fm-kpi { width: 100% !important; } .fm-b1 { margin-left: -2px !important; margin-top: 0px !important; }

}
/* ================================ */
/* Small Tablets to Big Tablet: from 768px to 1023px */
@media only screen and (max-width: 1023px) {
}

/* /////////////////////////////////////////////////////////////////////////// */
/* GENERAL CSS */
header, main, footer { padding-left: 300px; margin-bottom: 0px !important; }
/* Mobile & Tablet */
@media only screen and (max-width: 992px) { header, main, footer { padding-left: 0; } }
/* TITLE & BORDER */
.zm-tx { font-size: 25px; font-weight: 700; } .zm-br { border-left: 7px solid orangered; border-radius: 5px; margin-bottom: 10px;}
/* BRAND */
.tagline { font-family: 'Bangers', cursive !important; font-weight: 500; font-size: 20px; color: yellow;
  text-shadow: 2px 3px 3px black; letter-spacing: 3px; }
/* TITLE & BORDER */
.zym-title { font-size: 25px; font-weight: 700; }
.zym-border { border-bottom: 5px solid #ec018c; width: 70px; margin-top: 3px; }
/* FONTS */
body { font-family: 'Montserrat', sans-serif; background-color: #EEE2C7;}
.fnlb { font-family: 'Lobster', cursive; font-size: 1.5rem; }
.fnlb2 { font-family: 'Lobster', cursive; font-size: 1.2rem; }
/* FONT WEIGHT */
.fw4 { font-weight: 400; } .fw5 { font-weight: 500; } .fw6 { font-weight: 600; } .fw7 { font-weight: 700; }
.fw8 { font-weight: 800; } .fw9 { font-weight: 900; }
/* FONT SIZE */
.fn13 { font-size: 13px !important; } .fn16 { font-size: 16px !important; } .fn20 { font-size: 20px !important; }
.fn25 { font-size: 25px !important; } .fn30 { font-size: 30px !important; } .fn35 { font-size: 35px !important; }
.fn40 { font-size: 40px !important; } .fn45 { font-size: 40px !important; } .fn50 { font-size: 50px !important; }
/* Fonts: ROW1 */
.fn60 { font-size: 50px; margin-left: auto !important; margin-right: auto !important; }
.fnr1 { font-size: 33px; font-weight: 900; }
.fnr2 { font-size: 15px; font-weight: 400; }
/* TEXT SHADOW */
.ts-tx1 { text-shadow: 1px 2px 0px black; }
/* MARGIN */
/* MAIN MARGIN */
.mg-zm { margin-left: 10px; margin-right: 10px; }
/* MARGIN RIGHT */
.mgt30n { margin-top: -30px !important; } 		.mgt25n { margin-top: -25px !important; } 		.mgt20n { margin-top: -20px !important; }
.mgt15n { margin-top: -15px !important; } 		.mgt10n { margin-top: -10px !important; } 		.mgt5n { margin-top: -5px !important; }
.mgt0 { margin-top: 0px !important; } 				.mgt5 { margin-top: 5px !important; } 				.mgt7 { margin-top: 7px !important; }
.mgt10 { margin-top: 10px !important; } 			.mgt15 { margin-top: 15px !important; }				.mgt20 { margin-top: 20px !important; }
.mgt25 { margin-top: 25px !important; }
.mgt30 { margin-top: 30px !important; } 			.mgt40 { margin-top: 40px !important; } 			.mgt50 { margin-top: 50px !important; }
.mgt70 { margin-top: 70px !important; } 			.mgt100 { margin-top: 100px !important; }
/* MARGIN LEFT */
.mgl15n { margin-left: -15px !important; } 		.mgl10n { margin-left: -10px !important; } 		.mgl5n { margin-left: -5px !important; }
.mgl0 { margin-left: 0px !important; } 				.mgl5 { margin-left: 5px !important; } 				.mgl10 { margin-left: 10px !important; }
.mgl20 { margin-left: 20px !important; } 			.mgl30 { margin-left: 30px !important; } 			.mgl40 { margin-left: 40px !important; }
.mgl50 { margin-left: 50px !important; } 			.mgl60 { margin-left: 60px !important; } 			.mgl70 { margin-left: 70px !important; }
.mgl100 { margin-left: 100px !important; }
/* MARGIN RIGHT */
.mgr0 { margin-right: 0px !important; } 			.mgr10 { margin-right: 10px !important; } 		.mgr20 { margin-right: 20px !important; }
.mgr30 { margin-right: 30px !important; } 		.mgr40 { margin-right: 40px !important; } 		.mgr50 { margin-right: 50px !important; }
.mgr60 { margin-right: 60px !important; } 		.mgr70 { margin-right: 70px !important; } 		.mgr100 { margin-right: 100px !important; }
/* MARGIN BOTTOM */
.mgb45n { margin-bottom: -45px !important; } 	.mgb35n { margin-bottom: -35px !important; } 	.mgb25n { margin-bottom: -25px !important; }
.mgb15n { margin-bottom: -15px !important; } 	.mgb10n { margin-bottom: -10px !important; } 	.mgb5n { margin-bottom: -5px !important; }
.mgb3n { margin-bottom: -3px !important; } 		.mgb0 { margin-bottom: 0px !important; } 			.mgb5 { margin-bottom: 5px !important; }
.mgb10 { margin-bottom: 10px !important; } 		.mgb20 { margin-bottom: 20px !important; } 		.mgb30 { margin-bottom: 30px !important; }
.mgb40 { margin-bottom: 40px !important; } 		.mgb50 { margin-bottom: 50px !important; } 		.mgb60 { margin-bottom: 60px !important; }
.mgb70 { margin-bottom: 70px !important; } 		.mgb100 { margin-bottom: 100px !important; }
/* PADDING */
.pd3 { padding: 3px !important; } .pd5 { padding: 5px !important; } .pd7 { padding: 7px !important; }
.pd10 { padding: 10px !important; } .pd12 { padding: 12px !important; } .pd15 { padding: 15px !important; }
/* GRADIENT */
.zym-purple { background-color: #a4508b; background-image: linear-gradient(326deg, #a4508b 0%, #5f0a87 74%); }
.zym-fla { background: #bc4e9c; background: -webkit-linear-gradient(to right, #f80759, #bc4e9c ); 
  background: linear-gradient(to right, #f80759, #bc4e9c); }
.zym-fla2 { background: #bc4e9c; background: -webkit-linear-gradient(to bottom,  #f80759, #bc4e9c); 
  background: linear-gradient(to bottom, #f80759, #bc4e9c); }
.zym-in { background: #833ab4; background: -webkit-linear-gradient( to left,  #fcb045,  #fd1d1d,  #833ab4 );
  background: linear-gradient( to left, #fcb045, #fd1d1d, #833ab4 ); }
.zym-vn { background: #da4453; background: -webkit-linear-gradient( to left, #89216b, #da4453 ); 
  background: linear-gradient(to left, #89216b, #da4453 ); }
.zym-yd { background: #ff0099; background: -webkit-linear-gradient( to right, #493240, #ff0099 ); 
  background: linear-gradient( to right, #493240, #ff0099 ); }
.zym-blue { background: #1488cc; background: -webkit-linear-gradient( to right, #2b32b2, #1488cc ); 
  background: linear-gradient( to right, #2b32b2, #1488cc ); }
.zym-blue2 { background: #00d2ff; background: -webkit-linear-gradient( to bottom, #3a7bd5, #00d2ff ); 
  background: linear-gradient( to bottom, #3a7bd5, #00d2ff ); }
.zym-red { background: #ee0979; background: -webkit-linear-gradient( to left, #ff6a00, #ee0979 );
  background: linear-gradient( to left, #ff6a00, #ee0979 ); }
.zym-ppl { background: #ff00cc; background: -webkit-linear-gradient( to bottom, #333399, #ff00cc  ); 
  background: linear-gradient( to bottom, #333399, #ff00cc ); }
.zym-sky { background: #E0EAFC; background: -webkit-linear-gradient(to right, #CFDEF3, #E0EAFC); 
	background: linear-gradient(to right, #CFDEF3, #E0EAFC); }
.zym-snap { background: #fffc00; background: -webkit-linear-gradient(to right, #ffffff, #fffc00); 
	background: linear-gradient(to right, #ffffff, #fffc00); }
.gr-gr { background: #5A3F37; background: -webkit-linear-gradient(to right, #2C7744, #5A3F37);  
	background: linear-gradient(to right, #2C7744, #5A3F37); }
.gr-ls2 { background: #4B8940; background: -webkit-linear-gradient(to left, #a8e063, #4B8940); 
	background: linear-gradient(to left, #a8e063, #4B8940); }
.gr-hdr { background: #833ab4; background: -webkit-linear-gradient( to right,  #fcb045,  #fd1d1d,  #833ab4 );
	background: linear-gradient( to right, #fcb045, #fd1d1d, #833ab4 ); }
.gr-blu { background: #1488cc; background: -webkit-linear-gradient( to bottom, #2b32b2, #1488cc ); 
	background: linear-gradient( to bottom, #2b32b2, #1488cc ); }
.gr-red { background: #ee0979; background: -webkit-linear-gradient( to bottom, #ff6a00, #ee0979 );
	background: linear-gradient( to bottom, #ff6a00, #ee0979 ); }
.gr-grn { background: #4B8940; background: -webkit-linear-gradient(to bottom, #a8e063, #4B8940); 
	background: linear-gradient(to bottom, #a8e063, #4B8940); }
/* NEW GRADIENT */
.gr-em { background: #56ab2f; background: -webkit-linear-gradient(to left, #a8e063, #56ab2f);  
	background: linear-gradient(to left, #a8e063, #56ab2f); }
.gr-bx { background: #F0F2F0; background: -webkit-linear-gradient(to top, #000C40, #F0F2F0);  
	background: linear-gradient(to top, #000C40, #F0F2F0); }
.gr-bx1 {	background: #8E2DE2; background: -webkit-linear-gradient(to bottom, #4A00E0, #8E2DE2);  
	background: linear-gradient(to bottom, #4A00E0, #8E2DE2); }
.gr-bx2 { background: #bc4e9c; background: -webkit-linear-gradient(to bottom, #f80759, #bc4e9c);  
	background: linear-gradient(to bottom, #f80759, #bc4e9c); }
.gr-bx3 { background: #FFE000; background: -webkit-linear-gradient(to top, #799F0C, #FFE000);  
	background: linear-gradient(to top, #799F0C, #FFE000); }
.gr-bx4 { background: #BA8B02; background: -webkit-linear-gradient(to top, #181818, #BA8B02);  
	background: linear-gradient(to top, #181818, #BA8B02); }
/* NEW GRADIENT */
.gr-pdf { background: #ff00cc; background: -webkit-linear-gradient(to top, #333399, #ff00cc);  
	background: linear-gradient(to top, #333399, #ff00cc); }
.gr-prn { background: #C02425; background: -webkit-linear-gradient(to bottom, #F0CB35, #C02425);  
	background: linear-gradient(to bottom, #F0CB35, #C02425); }
/* ICONS CSS */
.ic-pdf {	width: 80px; border-radius: 20px; }
/* BORDER RADIUS */
.bdr5 { border-radius: 5px !important; } 		.bdr10 { border-radius: 10px !important; } 	.bdr15 { border-radius: 15px !important; }	
.bdr20 { border-radius: 20px !important; }	.bdr30 { border-radius: 30px !important; }
/* BUTTON */
.bt-a { border-radius: 20px; width: 80px; }		.bt-b { border-radius: 20px; width: 120px; }
.bt-c { border-radius: 20px; width: 200px; }	.bt-d { border-radius: 30px; width: 60px; }
/* Button for Seacrh Box */
.bt-e { margin-top: 7px; border-radius: 30px; width: 120px; }
/* border login form */
.bt-f { height: 45px; width: 60%; border-radius: 25px; background-color: white; align-items: center; margin-left: auto; margin-right: auto; }
/* btn submit VDO */
.bt-g { height: 35px; width: 200px; border-radius: 25px; margin-left: 180px; margin-right: 180px; font-size: 20px; }
/* btn fwd & bck */
.bt-h { height: 30px; width: 40px; border-radius: 10px; }
.bt-h i { margin-top: -3px; margin-left: -5px; }
/* Landing Pages */
.cn-lp { position: relative; height: 750px; background: url(../img/pzbg.png); background-size: cover; background-repeat: no-repeat; background-position: center center; opacity: 0.9; }
/* NAVBAR */
.nav-icn { padding: 0px 10px 0px 10px; }
.nav-img { width: 300px !important; height: 380px !important; }
.nv-bb { border-bottom: 3px solid red; }
/* SIDENAV */
.sn-img { min-height: 250px; background-size: cover; }
.sn-logo { width: 125px; height: 40px; margin-top: -12px; }
.sn-avatar { width: 140px; height: 140px; margin-top: -20px; margin-bottom: -25px; border-radius: 50%; }
.sn-txt { font-size: 20px; font-weight: 700; }
.sn-box { margin-top: -10px; height: 40px; }
.sn-icn { font-size: 30px !important; padding: 5px 25px 0px 25px; }
/* CMS PANEL CONTENT */
/* ROW1 */
.bx { height: 100px; width: 95%; border-radius: 15px; background-color: white; align-items: center;
	margin-left: auto; margin-right: auto; margin-top: 20px; }
.bx1 { height: 100%; border-radius: 15px; }
/* ROW3 */
.bx2 { height: 380px; border-radius: 1.5%; background-color: white; align-items: center;
  margin-left: auto; margin-right: auto; margin-top: 20px; }
/* PANEL : GRAPH */
.pg-b1, .pg-b2, .pg-b3 { width: 20px; }
.pg-b1 { border-top: 5px solid red; }
.pg-b2 { border-top: 5px solid green; }
.pg-b3 { border-top: 5px solid blue; }
.pg-a { margin-top: -13px !important; margin-left: 25px !important;}
/* SECTION: SEARCH BOX */
.srch-box { height: 50px; width: 97%; margin-left: 20px; margin-right: 20px; border-radius: 25px; background-color: white; }
.srch-fnt { font-size: 30px; font-weight: 700; }
.srch-tags { font-size: 1vw; }
.srch-input input[type='text'] { margin-top: 2px; margin-left: -20px; border-bottom: none !important; 
  outline: none !important; box-shadow: none !important; }
.srch-icn { font-size: 40px !important; margin-left: 10px; margin-top: 7px; }
.sch-icn2 { margin-top: 2px !important; }
.sch-btn { margin-top: 4px !important; width: 105% !important; height: 42px; }
.sch-hdr { height: 160px; width: 100%; border-bottom: 2px solid grey; }
.sch-fn { text-shadow: 3px 3px grey; font-size: 30px; font-weight: 700; }

/* CMS: VIDEO */
.vdo-input input[type='text'] { margin-top: 2px; margin-left: 15px; border-bottom: none !important;
  outline: none !important; box-shadow: none !important; }
.vdo-title { margin-left: 25px; font-weight: 600; }
.vdo-icn { font-size: 30px !important; margin-left: 15px; margin-top: 10px; }
.vdo-bg { position: relative; height: 240px; width: 100%; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden; }
.vdo-bg2 { position: relative; height: 100px; width: 150px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden; }
/* CMS: GALLERY */
.gal-bg { position: relative; height: 100px; width: 150px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden; }
.gal-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0.5rem; }
.gal-item { height: 90px; width: 120px; border-radius: 8%; }
.gal-thumb { height: 90px; width: 120px; border-radius: 8%; }
.gal-thumb2 { height: 300px; width: 370px; border-radius: 5%; }
.gal-input input[type='text'] { margin-top: 2px; margin-left: 100px; border-bottom: none !important;
  outline: none !important; box-shadow: none !important; }
.gal-btn { margin-top: 8px; margin-left: 10px; }
.gal-btn2 { margin-top: 8px; margin-left: 20px; }
/* CMS: BLOG */
.blg-img { position: relative; height: 80px; width: 80px; -moz-border-radius: 20px; border-radius: 20px; overflow: hidden; }
.blg-title { font-size: 16px; font-weight: 600; }
.blg-input input[type='text'] { margin-left: 10px; border-bottom: none !important;
  outline: none !important; box-shadow: none !important; }
.blg-input2 .input-field textarea { margin-left: 10px; border-bottom: none !important;
  outline: none !important; box-shadow: none !important; }
.blg-tx1 { margin-left: 20px; padding-top: 20px !important; }
.blg-bx0 { height: 45px; border-radius: 20px; background-color: white;
  align-items: center; margin-left: auto; margin-right: auto; }
.blg-bx1 { height: 380px; border-radius: 1.5%; background-color: white;
  align-items: center; margin-left: auto; margin-right: auto; }
.blg-bx2 { height: 100px; border-radius: 2.5%; background-color: white;
  align-items: center; margin-left: auto; margin-right: auto; }

/* CUSTOM MATERIALIZE CSS */
/* Input Field: Form */
.input-field input:focus, .input-field input[type='password'], .input-field input[type='email'],
.input-field input[type='text'], .input-field textarea.materialize-textarea {
  border-bottom: none !important; outline: none !important; box-shadow: none !important; }
.input-field .row { padding: none !important; margin-top: none !important; margin-bottom: none !important; }
.tabs .tab a { color: #000; }
.tabs .tab a:hover { background-color: #eee; color: #000; }
.tabs .tab a.active { color: #000; background: #ede574; background: -webkit-linear-gradient(to right, #e1f5c4, #ede574);
  background: linear-gradient(to right, #e1f5c4, #ede574); }
.tabs .indicator { background: #ee0979;  background: -webkit-linear-gradient(to right, #ff6a00, #ee0979);
  background: linear-gradient(to right, #ff6a00, #ee0979); } 
/* CLEAR */
.clear0 { clear: both; height: 0; overflow: hidden; }

/* FRESHLAH APP CSS */
/* APP: PANEL */
.pnl-img { margin-left: 0px; }
.pnl-tx { display: inline-block; margin-left: 0px; }
.pnl-bx { height: 40px; border-radius: 20px; margin-bottom: 10px; }
.pnl-bx2 { height: 40px; margin-left: 20px; margin-right: 20px; border-radius: 20px; margin-bottom: 10px; }
.pnl-tx2 { display: inline-block; margin-top: 8px; margin-left: 20px; }
.pnl-tx3 { display: inline-block; margin-right: 20px; font-weight: 900; font-size: 27px; }
.pnl-tx4 { display: inline-block; margin-top: 15px; font-weight: 900; font-size: 22px; }
.pnl-tx5 { display: inline-block; font-weight: 900; font-size: 27px; }
.pnl-grid { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 0.5em; }
.pnl-item { height: 100px; width: 130px; border-radius: 8%; }
/* APP: REGISTER */
.reg-input input[type='text'] { border-bottom: none !important; outline: none !important; box-shadow: none !important; }
.reg-bx { height: 40px; border-radius: 20px; background-color: white; }
.reg-bx2 { height: 50px; width: 400px; border-radius: 25px; background-color: white; 
	margin-top: 20px !important; margin-left: 25% !important; }
/* FORM MASTER */
.fm-title { font-size: 16px; font-weight: 600; }
.fm-bx { height: 45px; border-radius: 30px; background-color: white; align-items: center; margin-left: auto; margin-right: auto; }
.fm-icn { font-size: 30px !important; margin-left: 10px; margin-top: 8px; }
.fm-msg { margin-top: -40px; margin-left: 40%; }
.fm-msg2 { margin-top: -40px; margin-right: -50px !important; }
.fm-mg { margin-left: 20px; margin-right: 20px; }
.fm-input input[type='text'], .fm-input input[type='password'], .fm-input input[type='email'],
.fm-input input[type='date'], .fm-input input[type='number'], .fm-input textarea.materialize-textarea {
  margin-left: 15px !important; border-bottom: none !important; outline: none !important; box-shadow: none !important; }
.fm-btn { font-size: 18px !important; font-weight: 500 !important; height: 45px; border-radius: 30px; width: 200px; }
.fm-btn2 { font-size: 18px !important; width: 230px; height: 38px; border-radius: 30px; }
/* FORM Category */
.fm-btn3 { height: 40px; width: 95%; margin-top: 2.5px; }
.fm-flog { margin-left: 200px; margin-right: 200px; }
/* HELP FORM */
.fm-mgt10n { margin-top: -10px !important; }
.fm-input2 input[type='text']{ margin-left: -27px; border-bottom: none !important; outline: none !important; box-shadow: none !important; }
.fm-mg2 { margin-left: 70px; margin-right: 70px; }	
.fm-icnmg { margin-left: -15px; }
/* FORM - PRODUCT */
.fm-input3 input[type='text']{ margin-left: -17px; border-bottom: none !important; outline: none !important; box-shadow: none !important; }
/* HELP */
.hlp-bx { height: 80px; border-radius: 20px 20px 0px 0px; }
.hlp-bx2 { height: 230px; width: 100%; overflow: auto; }
.hlp-bx3 { height: 40px; border-radius: 0px 0px 20px 20px; }
.hlp-av { height: 70px; width: 70px; border-radius: 50%; margin-left: 0px; margin-top: 5px; }
.hlp-usn { margin-left: -55px; font-size: 23px; font-weight: 700; margin-top: 10px; }
.hlp-role { margin-left: -55px; margin-top: -25px; font-style: italic; }
.hlp-ip { margin-top: 20px; }
.hlp-date{ margin-top: -15px; }
/* FLASH MSG */
.flmsg1 { font-size: 25px !important; font-weight: 900 !important; color: #76ff03; text-shadow: 2px 1px black; }
.flmsg2 { font-size: 25px !important; font-weight: 900 !important; color: red; text-shadow: 2px 1px black; }
/* AVATAR */
.av-btn { width: 90px; height: 30px; border-radius: 15px; }
.av-avatar { width: 140px; height: 140px; margin-bottom: -25px; border-radius: 50%; }
.av-av { position: relative; width: 140px !important; height: 140px !important; border-radius: 50%;
  margin-left: auto !important; margin-right: auto !important; margin-top: 20px; }
.av-av2 { position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.5); color: #f1f1f1; width: 140px !important;
  height: 140px !important; transition: 0.5s ease; opacity: 0; color: black; font-size: 20px; padding: 30px;
  text-align: center; border-radius: 50%; margin-top: 20px !important; }
.av-av:hover .av-av2 { opacity: 2; }
/* AVATAR LIST AGENT */
.av-list, .av-list2 { width: 50px; height: 50px; border-radius: 50%; margin-left: auto; margin-right: auto; }
/* TABLE MASTER */
.tbl5 { width: 5% !important; }			.tbl7 { width: 7% !important; }		.tbl8 { width: 8% !important; }
.tbl10 { width: 10% !important; }		.tbl12 { width: 12% !important; }	.tbl15 { width: 15% !important; }
.tbl20 { width: 20% !important; }		.tbl25 { width: 25% !important; }	.tbl30 { width: 30% !important; }
.tbl35 { width: 35% !important; }		.tbl40 { width: 40% !important; }	.tbl45 { width: 45% !important; }
.tbl50 { width: 50% !important; }
.tbl-fn { font-size: 16px; }
.tbl-icn { font-size: 20px; }
/* PROFILE MASTER */
.pro-mg { margin-left: 20%; margin-right: 20%; }
.pro-hr { display: block; border-width: 3px; border-style: inset; border-color: purple; width: 50%; }
.pro-input input[type='password'] { height: 20px !important; margin-bottom: -5px !important;
  border-bottom: none !important; outline: none !important; box-shadow: none !important; }
.pro-msg { margin-top: -5px; margin-left: 0px; }
.pro-btn { width: 90px; height: 30px; border-radius: 15px; }
.pro-avatar { width: 140px; height: 140px; margin-bottom: -25px; border-radius: 50%; }
.pro-av { position: relative; width: 140px !important; height: 140px !important; border-radius: 50%;
  margin-left: auto !important; margin-right: auto !important; margin-top: 20px; }
.pro-av2 { position: absolute; bottom: 0; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); color: #f1f1f1;
  width: 140px !important; height: 140px !important; transition: 0.5s ease; opacity: 0; color: black; font-size: 20px;
  padding: 30px; text-align: center; border-radius: 50%; margin-top: 20px !important; }
.pro-av:hover .pro-av2 { opacity: 2; }
/* PRODUCT */
.p-img { position: relative; width: 250px !important; height: 250px !important; border-radius: 30px;
  margin-left: auto !important; margin-right: auto !important; }
.p-img1 { width: 250px !important; height: 250px !important; border-radius: 30px; }
.p-img2 { position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.5); color: #f1f1f1; width: 250px !important;
  height: 250px !important; transition: 0.5s ease; opacity: 0; color: black; font-size: 20px; padding: 30px;
  text-align: center; border-radius: 30px; margin-top: 20px !important; }
.p-img:hover .p-img2 { opacity: 2; }
.p-icn { margin-top: 20px; }
.p-imgmg { margin-left: -135px !important; }
.mg-prd { margin-left: 3%; margin-right: 3%; }

/* PENAWAR ZAUQ CSS */
/* ORDER */

/* CART */
.sc-ord { height: 100px; }
.bt-ct { width: 100%; height: 40px; border-radius: 20px; }
.gr-ct { background: #159957; background: -webkit-linear-gradient(to right, #155799, #159957); 
	background: linear-gradient(to right, #155799, #159957); }
.ct-ip input[type='text'] { border-bottom: none !important; border-radius: 20px !important; outline: none !important; 
	box-shadow: none !important; }
.ct-img { height: 200px; }
#qtycart input[type='text'] { background-color: #D8BFD8 !important; border-radius: 10px !important; text-align: center; 
	height: 30px; margin-top: 5px !important; }
.ct-btn { height: 50px; width: 290px; border-radius: 25px; font-size: 18px; }
.ct-bx { height: 80px; padding: 10px; background-color: white; }
/* Category */
.ct-cat { height: 30px; width: 90px; border-radius: 15px !important;}
.gr-cat { background: #bdc3c7; background: -webkit-linear-gradient(to top, #2c3e50, #bdc3c7); 
	background: linear-gradient(to top, #2c3e50, #bdc3c7); }

/* Table Header */
table th:first-child { border-radius:10px 0 0 10px; }
table th:last-child { border-radius:0 10px 10px 0; }
table td:first-child { border-radius:10px 0 0 10px; }
table td:last-child { border-radius:0 10px 10px 0; }
/* Table Width */
.tbl-avt { width: 22%; }
.tbl-agn { width: 45%; }

/* FORM DAILY DATE */
.fm-d1 { width: 40%; margin-left: auto; margin-right: auto; }
.fm-d2 { background-color: white; border-radius: 40px; }
.fm-dt input[type="text"] { margin-top: 2px !important; border-bottom: none !important; outline: none !important; box-shadow: none !important; }
.fm-b1 { border-radius: 50%; width: 50px; height: 51px; margin-top: 2px; }
.fm-kpi { width: 80%; margin-left: auto; margin-right: auto; }
/* SALE */
.gd-bx { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 2fr)); grid-gap: 0.8em; }
.sl-tx { font-size: 2rem; }

/* ICON */
.ic-sw { text-shadow: 2px 2px black; }

/* KPI */
.gd-kpi { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 2fr)); grid-gap: 0.8em; }