/* # MetaCss v0.0.4 n.7 1399-07-30 17:47 */
/*@charset "utf-8";*/
/* -------------- Custome Attribute ---------------------------------------- */
[data-display="0"]{display:none}[data-display="1"]{display:block;}
[data-width="0"]{max-width:100%;}[data-width="1"]{width:100%;important!}

/* -------------- Container ---------------------------------------- */
.fit{width:100%}.wide{padding-left:12px;padding-right:12px}
.container{width:75%;padding:0px;margin:auto}
.centric{width:75%;height:auto;margin:12px auto;padding:12px;}
.central{width:50%;height:auto;margin:12px auto;padding:12px;}
.flex-center{display:flex;justify-content:center;align-items:center;}
.margin-auto{margin:auto}.rest{overflow:hidden}
.clearboth,.clearfix{clear:both}.clearfix::after{content:"";clear:both;display:table}
.float,.float-right{float:right}.reflect,.refloat,.float-left{float:left}.float-none{float:none}

/* -------------- Display ---------------------------------------- */
.display-none{display:none}
.inline{display:inline}.list-item{display:list-item}
.block{display:block}.inline-block{display:inline-block}
.grid{display:grid}.inline-grid{display:inline-grid}
.table{display:table}.inline-table{display:inline-table}
.table-cell{display:table-cell}.table-caption{display:table-caption}
.table-column{display:table-column}.table-columns{display:table-column-group}
.table-headers{display:table-header-group}.table-footers{display:table-footer-group}
.table-row{display:table-row}.table-rows{display:table-row-group}
.contents{display:contents}.run-in{display:run-in}
.flow{display:flow-root}.subgrid{display:subgrid}
/* flex */
.flex,[class*="flexy-"]{display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;}
.flex-box{display:flex;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;}
.flex-item{flex:auto}
.inline-flex{display:inline-flex}
/* middle */
.middle{vertical-align:middle}.baseline{vertical-align:baseline}
.inline-block-middle{display:inline-block;vertical-align:middle}
.inline-block-left{display:inline-block;float:left}
.inline-block-center{display:inline-block;margin:auto}
.inline-block-right{display:inline-block;float:right}

/* -------------- Position ---------------------------------------- */
.relative{position:relative}.absolute{position:absolute}
.fixed{position:fixed}.static{position:static}.sticky{position:sticky}

/* -------------- Align & Direction ---------------------------------------- */
.rtl{direction:rtl}.ltr{direction:ltr}
.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}
.ltr-left{direction:ltr;text-align:left}.ltr-center{direction:ltr;text-align:center}
.ltr-right{direction:ltr;text-align:right}
.rtl-left{direction:rtl;text-align:left}.rtl-center{direction:rtl;text-align:center}
.rtl-right{direction:rtl;text-align:right}
.text-justify,.justify{text-align:justify}
.ltr-justify{direction:ltr;text-align:justify}.rtl-justify{direction:rtl;text-align:justify}
.entiti-none{content:" "}.entiti-copy{content:"©"}

/* -------------- Z-Index ---------------------------------------- */
.zx{z-index:inherit}.zx-auto{z-index:auto}
.zx1{z-index:1}.zx2{z-index:2}.zx3{z-index:3}.zx4{z-index:4}.zx5{z-index:5}
.zx6{z-index:6}.zx7{z-index:7}.zx8{z-index:8}.zx9{z-index:9}.zx10{z-index:10}

/* -------------- Positions ---------------------------------------- */
.position-topleft{left:0;top:0}
.position-topcenter{left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.position-topright{right:0;top:0}
.position-left{top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)}
.position-middle{top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
.position-right{top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)}
.position-bottomleft{left:0;bottom:0}
.position-bottomcenter{left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)}
.position-bottomright{right:0;bottom:0}

/* -------------- FullScreen ---------------------------------------- */
.fullscreen:fullscreen{background:#fff;overflow-x:hidden;overflow-y:scroll;padding:2%;}

/* -------------- Border ---------------------------------------- */
.border1{border:1px solid #f3f4f4}.border2{border:1px solid #ebebec}
.border3{border:1px solid #e2e3e4}.border4{border:1px solid #dadbdc}
.border5{border:1px solid #d1d3d4}.border6{border:1px solid #c9cacc}
.border7{border:1px solid #c0c2c4}.border8{border:1px solid #b8babc}
.border9{border:1px solid #afb1b4}.border10{border:1px solid #a7a9ac}
.border11{border:1px solid #9fa1a4}.border12{border:1px solid #97999c}
.border13{border:1px solid #8f9194}.border14{border:1px solid #888a8c}
.border15{border:1px solid #808285}.border16{border:1px solid #797a7d}
.border17{border:1px solid #717375}.border18{border:1px solid #696a6d}
.border19{border:1px solid #616264}.border20{border:1px solid #58595b}
.border21{border:1px solid #4f4f51}.border22{border:1px solid #464547}
.border23{border:1px solid #3b3b3c}.border24{border:1px solid #302e2f}
.border25{border:1px solid #231f20}

/* -------------- Border Solid ---------------------------------------- */
.solid-1x{border-style:solid;border-width:1px}.solid-2x{border-style:solid;border-width:2px}
.solid-3x{border-style:solid;border-width:3px}.solid-4x{border-style:solid;border-width:4px}
.solid-5x{border-style:solid;border-width:5px}.solid-6x{border-style:solid;border-width:6px}
.solid-7x{border-style:solid;border-width:7px}.solid-8x{border-style:solid;border-width:8px}
.solid-9x{border-style:solid;border-width:9px}.solid-10x{border-style:solid;border-width:10px}

/* -------------- Border Radius ---------------------------------------- */
.radius{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
.radius-1x{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;}
.radius-2x{border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;}
.radius-3x{border-radius:18px;-webkit-border-radius:18px;-moz-border-radius:18px;}
.radius-4x{border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;}
.radius-5x{border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;}
.radius-6x{border-radius:36px;-webkit-border-radius:36px;-moz-border-radius:36px;}
.radius-7x{border-radius:42px;-webkit-border-radius:42px;-moz-border-radius:42px;}
.radius-8x{border-radius:48px;-webkit-border-radius:48px;-moz-border-radius:48px;}
.radius-9x{border-radius:54px;-webkit-border-radius:54px;-moz-border-radius:54px;}
.radius-10x{border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px;}

/* -------------- Padding ---------------------------------------- */
.padx{padding:6px}.pad1x{padding:12px}.pad2x{padding:24px}
.pad3x{padding:36px}.pad4x{padding:48px}.pad5x{padding:60px}
.wpadx{padding-left:6px; padding-right:6px}.wpad1x{padding-left:12px; padding-right:12px}
.wpad2x{padding-left:24px; padding-right:24px}.wpad3x{padding-left:36px; padding-right:36px}
.wpad4x{padding-left:48px; padding-right:48px}.wpad5x{padding-left:60px; padding-right:60px}
.hpadx{padding-top:6px; padding-bottom:6px}.hpad1x{padding-top:12px; padding-bottom:12px}
.hpad2x{padding-top:24px; padding-bottom:24px}.hpad3x{padding-top:32px; padding-bottom:32px}
.hpad4x{padding-top:48px; padding-bottom:48px}.hpad5x{padding-top:60px; padding-bottom:60px}
.tpadx{padding-top:6px}.tpad1x{padding-top:12px}.tpad2x{padding-top:24px}
.tpad3x{padding-top:32px}.tpad4x{padding-top:48px}.tpad5x{padding-top:60px}
.bpadx{padding-bottom:6px}.bpad1x{padding-bottom:12px}.bpad2x{padding-bottom:24px}
.bpad3x{padding-bottom:32px}.bpad4x{padding-bottom:48px}.bpad5x{padding-bottom:60px}

/* -------------- Margin ---------------------------------------- */
.margx{margin:6px}.marg1x{margin:12px}.marg2x{margin:24px}
.marg3x{margin:36px}.marg4x{margin:48px}.marg5x{margin:60px}
.wmargx{margin-left:6px; margin-right:6px}.wmarg1x{margin-left:12px; margin-right:12px}
.wmarg2x{margin-left:24px; margin-right:24px}.wmarg3x{margin-left:36px; margin-right:36px}
.wmarg4x{margin-left:48px; margin-right:48px}.wmarg5x{margin-left:60px; margin-right:60px}
.hmargx{margin-top:6px; margin-bottom:6px}.hmarg1x{margin-top:12px; margin-bottom:12px}
.hmarg2x{margin-top:24px; margin-bottom:24px}.hmarg3x{margin-top:36px; margin-bottom:36px}
.hmarg4x{margin-top:48px; margin-bottom:48px}.hmarg5x{margin-top:60px; margin-bottom:60px}
.tmargx{margin-top:6px}.tmarg1x{margin-top:12px}.tmarg2x{margin-top:24px}
.tmarg3x{margin-top:36px}.tmarg4x{margin-top:48px}.tmarg5x{margin-top:60px}
.bmargx{margin-bottom:6px}.bmarg1x{margin-bottom:12px}.bmarg2x{margin-bottom:24px}
.bmarg3x{margin-bottom:36px}.bmarg4x{margin-bottom:48px}.bmarg5x{margin-bottom:60px}

/* -------------- Font Size ---------------------------------------- */
.fontsize-1x{font-size:3px}.fontsize-2x{font-size:6px}
.fontsize-3x{font-size:9px}.fontsize-4x{font-size:12px}
.fontsize-5x{font-size:15px}.fontsize-6x{font-size:18px}
.fontsize-7x{font-size:21px}.fontsize-8x{font-size:24px}
.fontsize-9x{font-size:27px}.fontsize-10x{font-size:30px}

.text-bold,.font-bold{font-weight:bold}

/* Base Font-Size Is 14px */
h1{font-size:28px}h2{font-size:24px}h3{font-size:21px}
h4{font-size:18px}h5{font-size:16px}h6{font-size:14px}

.fs1x{font-size:6px}.fs2x{font-size:12px}.fs3x{font-size:18px}
.fs4x{font-size:24px}.fs5x{font-size:30px}.fs6x{font-size:36px}
.fs7x{font-size:42px}.fs8x{font-size:48px}.fs9x{font-size:54px}
.fs10x{font-size:60px}.fs11x{font-size:66px}.fs12x{font-size:72px}

.fs1v{font-size:6px;font-size:0.5vw}.fs2v{font-size:12px;font-size:1vw}
.fs3v{font-size:18px;font-size:1.5vw}.fs4v{font-size:24px;font-size:1.8vw}
.fs5v{font-size:30px;font-size:2vw}.fs6v{font-size:36px;font-size:2.2vw}
.fs7v{font-size:42px;font-size:2.4vw}.fs8v{font-size:48px;font-size:2.6vw}
.fs9v{font-size:54px;font-size:2.8vw}.fs10v{font-size:60px;font-size:3vw}
.fs11v{font-size:66px;font-size:3.2vw}.fs12v{font-size:72px;font-size:3.5vw}

/* -------------- Line Height ---------------------------------------- */
.line-1em{line-height:1em}.line-2em{line-height:2em}
.line-3em{line-height:3em}.line-4em{line-height:4em}
.line-5em{line-height:5em}.line-6em{line-height:6em}
.line-7em{line-height:7em}.line-8em{line-height:8em}
.line-9em{line-height:9em}.line-10em{line-height:10em}

.lhx{line-height:5px}.lh1x{line-height:10px}.lh2x{line-height:20px}
.lh3x{line-height:30px}.lh4x{line-height:40px}.lh5x{line-height:50px}

/* -------------- Table ---------------------------------------- */
.table{}

.table-style1{}
.table-style1 thead{background:#44616f;color:#ffffff;}
.table-style1 tbody{}
.table-style1 tr{}
.table-style1 tbody tr:nth-child(odd){background-color:#fcfcfc}
.table-style1 tbody tr:nth-child(even){background-color:#f3f3f3}
.table-style1 tbody tr:hover{background-color:#e0e0e0}
.table-style1 th{padding:12px 6px}
.table-style1 td{padding:12px 6px;}

/* -------------- List ---------------------------------------- */
.none-decoration{text-decoration:none}
.none-style,ul.none-style,ul.none-style li{list-style:none;}

.list-inline, ul.list-inline{}
.list-inline li, ul.list-inline li{display:inline}
.list-inlineblock, ul.list-inlineblock{}
.list-inlineblock li, ul.list-inlineblock li{display:inline-block}

.list-middle, ul.list-middle{}
.list-middle li, ul.list-middle li{display:inline-block;vertical-align:middle}

/* -------------- Inputs ---------------------------------------- */
.range{-webkit-appearance:none; appearance:none; outline:none;
	width:100%; height:42px; background:#d3d3d3;
}
.range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;
	width:24px; height:24px; background:#4CAF50; cursor:pointer;
}
.range::-moz-range-thumb{width:25px; height:25px; background:#4CAF50; cursor:pointer;}

/* -------------- Bottuns ---------------------------------------- */
.button-block,.btn-block{display:block;padding:12px}

/* -------------- Dropdown ---------------------------------------- */
.dropdown-tab{}
.dropdown-toggle{}
.dropdown-toggle:hover{cursor:pointer;}
.dropdown-content{}

/* -------------- Other ---------------------------------------- */
.delete-line{color:#999999; text-decoration:line-through;}

/* -------------- Circular ---------------------------------------- */
.circular{
	-webkit-border-radius:50%; /* Safari3-4,iOS1-3.2,Android1.6- */
	-moz-border-radius:50%;  /* Firefox1-3.6 */
	border-radius:50%;  /* Opera10.5,IE9,Safari5,Chrome,Firefox4,iOS4,Android2.1+ */
}

/* Transparent */
.transparent{background-color:transparent;color:transparent}

/* -------------- Box Shadow ---------------------------------------- */
/* box-shadow:[horizontal offset] [vertical offset] [blur radius] [optional spread radius] [color]; */
.box-shadow{
	-webkit-box-shadow:3px 3px 5px 6px #ccc;  /* Safari3-4,iOS4.0.2-4.2,Android2.3+ */
	-moz-box-shadow: 3px 3px 5px 6px #ccc;  /* Firefox 3.5-3.6 */
	box-shadow: 3px 3px 5px 6px #ccc;  /* Opera10.5,IE9,Firefox4+,Chrome6+,iOS5 */
}

.shadow{box-shadow:3px 3px 5px 6px #ccc; /* Opera10.5,IE9,Firefox4+,Chrome6+,iOS5 */
	-webkit-box-shadow:3px 3px 5px 6px #ccc; /* Safari3-4,iOS 4.0.2-4.2,Android 2.3+ */
	-moz-box-shadow:3px 3px 5px 6px #ccc; /* Firefox3.5-3.6 */
}
.shadow-0{box-shadow:0px 6px 6px -6px #e1e1e1;
	-webkit-box-shadow:0px 6px 6px -6px #e1e1e1; -moz-box-shadow:0px 6px 6px -6px #e1e1e1;

}
.shadow-1{box-shadow:0px 0px 6px 1px #404040;
	-webkit-box-shadow:0px 0px 6px 1px #404040; -moz-box-shadow:0px 0px 6px 1px #404040;
}
.shadow-dark1-x{box-shadow:0px 3px 3px -3px #777;
	-webkit-box-shadow:0px 3px 3px -3px #777; -moz-box-shadow:0px 3px 3px -3px #777;
}
.shadow-dark1{box-shadow:0px 6px 6px -6px #777;
	-webkit-box-shadow:0px 6px 6px -6px #777; -moz-box-shadow:0px 6px 6px -6px #777;
}
.shadow-black1-x{box-shadow:0px 3px 3px -3px #0e0e0e;
	-webkit-box-shadow:0px 3px 3px -3px #0e0e0e; -moz-box-shadow:0px 3px 3px -3px #0e0e0e;
}
.shadow-black1{box-shadow:0px 6px 6px -6px #0e0e0e;
	-webkit-box-shadow:0px 6px 6px -6px #0e0e0e; -moz-box-shadow:0px 6px 6px -6px #0e0e0e;
}

/* -------------- Gradiant ---------------------------------------- */
.gradient{height:5px; background:#1987be;
	background:linear-gradient(-150deg,#1987be,#ff00dc);
}

/* -------------- Transforms ---------------------------------------- */
.transform-1{transform:scale(1.5) rotate(7deg);
	-ms-transform:scale(1.5) rotate(7deg); -moz-transform:scale(1.5) rotate(7deg);
	-webkit-transform:scale(1.5) rotate(7deg); -o-transform:scale(1.5) rotate(7deg);
}

/* -------------- Polygon ---------------------------------------- */
.polygon-1{
	clip-path:polygon(0 0,100% 0,100% 30%,95% 30%,88% 100%,37% 100%,30% 30%,15% 30%,15% 15%,0 15%);
	-webkit-clip-path:polygon(0 0,100% 0,100% 30%,95% 30%,88% 100%,37% 100%,30% 30%,15% 30%,15% 15%,0 15%);
}

/* -------------- Cursor ---------------------------------------- */
.cursor-copy{cursor:copy}.cursor-pointer{cursor:pointer}.cursor-crosshair{cursor:crosshair}

/* -------------- Css Kits ---------------------------------------- */
.noselect{
	-webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Old of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed, currently supported by Chrome, Edge, Opera and Firefox */
}
.readonly{
	-webkit-touch-callout: none; -webkit-user-select: none;
	-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;
	user-select: none; pointer-events: none; cursor: default;
}
.disabled{
	-webkit-touch-callout: none; -webkit-user-select: none;
	-khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;
	user-select: none; pointer-events: none; cursor: default;
	background-color:#e0e0e0; border-color:#d0d0d0;
}

/* -------------- Snackbar ---------------------------------------- */
.snackbar{position:fixed; width:80%; left:10%; bottom:12px; background:rgba(40 40 40 / 75%);}