@charset "utf-8";

/* CSS Document */
.posi-rel {position: relative;}
.posi-abs {position: absolute;}
.posi-abs-t5r10 {position: absolute; top: 5px; right: 10px;}
.posi-fix {position: fixed;}

.ds-fx {display:flex;}
.ds-fx-jcend {display:flex; justify-content: flex-end;}
.ds-fx-alc {display:flex; align-items: center;}
.ds-fx-alc-md {display: flex; align-items: center; justify-content: space-between;}
.ds-alc {align-items: center;}
.ds-jcc {justify-content: center;}

.wt-at {width:auto !important;}
.wt-p-100 {width:100% !important;}
.wt-100 {width:100px !important;}
.wt-150 {width:150px !important;}
.wt-200 {width:200px !important;}
.ht-p-100 {height:100% !important;}
.ht-px-50 {height:50px !important;}
.ht-px-100 {height:100px !important;}
.ht-px-150 {height:150px !important;}
.ht-px-200 {height:200px !important;}
.ht-px-400 {height:400px !important;}

.mr-all-0 {margin:0 !important;}
.mr-allpx-10 {margin:10px !important;}

.mr-t-0 {margin-top:0px !important;}
.mr-t-5 {margin-top:5px !important;}
.mr-t-10 {margin-top:10px !important;}
.mr-t-15 {margin-top:15px !important;}
.mr-t-20 {margin-top:20px !important;}
.mr-t-25 {margin-top:25px !important;}
.mr-t-30 {margin-top:30px !important;}

.mr-r-5 {margin-right:5px !important;}
.mr-r-10 {margin-right:10px !important;}
.mr-r-15 {margin-right:15px !important;}
.mr-r-20 {margin-right:20px !important;}
.mr-r-25 {margin-right:25px !important;}
.mr-r-30 {margin-right:30px !important;}
.mr-r-150 {margin-right:150px !important;}
.mr-r-200 {margin-right:200px !important;}

.mr-l-5 {margin-left:5px !important;}
.mr-l-10 {margin-left:10px !important;}
.mr-l-15 {margin-left:15px !important;}
.mr-l-20 {margin-left:20px !important;}
.mr-l-25 {margin-left:25px !important;}
.mr-l-30 {margin-left:30px !important;}
.mr-l-50 {margin-left:50px !important;}
.mr-l-100 {margin-left:100px !important;}

.mr-b-5 {margin-bottom:5px !important;}
.mr-b-10 {margin-bottom:10px !important;}
.mr-b-15 {margin-bottom:15px !important;}
.mr-b-20 {margin-bottom:20px !important;}
.mr-b-25 {margin-bottom:25px !important;}
.mr-b-30 {margin-bottom:30px !important;}

.pd-all-0 {padding:0 !important;}
.pd-all-5 {padding:5px !important;}
.pd-all-10 {padding:10px !important;}
.pd-all-20 {padding:20px !important;}
.pd-all-30 {padding:30px !important;}
.pd-l-10 {padding-left:10px !important;}
.pd-r-10 {padding-right:10px !important;}

.font-sz-12p {font-size:12px;}
.font-sz-14p {font-size:14px;}
.font-sz-16p {font-size:16px;}
.font-sz-18p {font-size:18px;}
.font-sz-20p {font-size:20px;}
.font-sz-login {font-size:2.5em;}

.ft-wgt-400 {font-weight:400;}
.ft-wgt-500 {font-weight:500;}
.ft-wgt-600 {font-weight:600;}

.txt-al-l {text-align:left;}
.txt-al-c {text-align:center;}
.txt-al-r {text-align:right;}
.txt-al-rd {text-align:right; color: #f6504d;}

.txt-col-rd {color: #f6504d;}
.txt-col-bl {color: #4e73df;}
.bg-col-bl {background: #f2f6fc;}

.brd-top-deta {border-top: 1px solid #e3e6f0;}
.brd-all-deta {border: 1px solid #e3e6f0;}

.ovf-hd {overflow:hidden;}
.ovf-at {overflow:auto;}

.box-sw-dom {box-shadow: 0 0.15rem 1.75rem 0 rgb(33 40 50 / 15%);}
.box-10-dom {box-shadow: 2px 1px 3px 1px rgb(0 0 0 / 10%);}
.box-box-dom {box-shadow: 0 1px 6px rgb(32 33 36 / 28%);}
.shadow-sm {box-shadow: 0 .125rem .25rem 0 rgba(58,59,69,.2);}

.mr-sm {margin-right: 5px !important;}