/* Add here all your CSS customizations */ /* margins */ .mb-0 { margin-bottom:0px !important; } .mb-1 { margin-bottom:1px !important; } .mb-2 { margin-bottom:2px !important; } .mb-3 { margin-bottom:3px !important; } .mb-4 { margin-bottom:4px !important; } .mb-5 { margin-bottom:5px !important; } .mb-6 { margin-bottom:6px !important; } .mb-7 { margin-bottom:7px !important; } .mb-8 { margin-bottom:8px !important; } .mb-9 { margin-bottom:9px !important; } .mb-10 { margin-bottom:10px !important; } .mb-12 { margin-bottom:12px !important; } .mb-15 { margin-bottom:15px !important; } .mb-18 { margin-bottom:18px !important; } .mb-20 { margin-bottom:20px !important; } .mb-25 { margin-bottom:20px !important; } .mb-30 { margin-bottom:30px !important; } .mb-35 { margin-bottom:35px !important; } .mb-40 { margin-bottom:40px !important; } .mb-45 { margin-bottom:45px !important; } .mb-50 { margin-bottom:50px !important; } .mb-60 { margin-bottom:60px !important; } .mb-70 { margin-bottom:70px !important; } .mb-80 { margin-bottom:80px !important; } .mb-90 { margin-bottom:90px !important; } .mb-100 { margin-bottom:100px !important; } .mb-110 { margin-bottom:110px !important; } .mb-120 { margin-bottom:120px !important; } .mb-130 { margin-bottom:130px !important; } .mb-140 { margin-bottom:140px !important; } .mb-150 { margin-bottom:150px !important; } .mb-200 { margin-bottom:200px !important; } .mt-0 { margin-top:0px !important; } .mt-1 { margin-top:1px !important; } .mt-2 { margin-top:2px !important; } .mt-3 { margin-top:3px !important; } .mt-4 { margin-top:4px !important; } .mt-5 { margin-top:5px !important; } .mt-6 { margin-top:6px !important; } .mt-7 { margin-top:7px !important; } .mt-8 { margin-top:8px !important; } .mt-9 { margin-top:9px !important; } .mt-10 { margin-top:10px !important; } .mt-12 { margin-top:12px !important; } .mt-15 { margin-top:15px !important; } .mt-18 { margin-top:18px !important; } .mt-20 { margin-top:20px !important; } .mt-25 { margin-top:20px !important; } .mt-30 { margin-top:30px !important; } .mt-35 { margin-top:35px !important; } .mt-40 { margin-top:40px !important; } .mt-45 { margin-top:45px !important; } .mt-50 { margin-top:50px !important; } .mt-60 { margin-top:60px !important; } .mt-70 { margin-top:70px !important; } .mt-80 { margin-top:80px !important; } .mt-90 { margin-top:90px !important; } .mt-100 { margin-top:100px !important; } .mt-110 { margin-top:110px !important; } .mt-120 { margin-top:120px !important; } .mt-130 { margin-top:130px !important; } .mt-140 { margin-top:140px !important; } .mt-150 { margin-top:150px !important; } .mt-200 { margin-top:200px !important; } .ml-0 { margin-left:0px !important; } .ml-1 { margin-left:1px !important; } .ml-2 { margin-left:2px !important; } .ml-3 { margin-left:3px !important; } .ml-4 { margin-left:4px !important; } .ml-5 { margin-left:5px !important; } .ml-6 { margin-left:6px !important; } .ml-7 { margin-left:7px !important; } .ml-8 { margin-left:8px !important; } .ml-9 { margin-left:9px !important; } .ml-10 { margin-left:10px !important; } .ml-12 { margin-left:12px !important; } .ml-15 { margin-left:15px !important; } .ml-18 { margin-left:18px !important; } .ml-20 { margin-left:20px !important; } .ml-25 { margin-left:20px !important; } .ml-30 { margin-left:30px !important; } .ml-35 { margin-left:35px !important; } .ml-40 { margin-left:40px !important; } .ml-45 { margin-left:45px !important; } .ml-50 { margin-left:50px !important; } .ml-60 { margin-left:60px !important; } .ml-70 { margin-left:70px !important; } .ml-80 { margin-left:80px !important; } .ml-90 { margin-left:90px !important; } .ml-100 { margin-left:100px !important; } .ml-110 { margin-left:110px !important; } .ml-120 { margin-left:120px !important; } .ml-130 { margin-left:130px !important; } .ml-140 { margin-left:140px !important; } .ml-150 { margin-left:150px !important; } .ml-200 { margin-left:200px !important; } .mr-0 { margin-right:0px !important; } .mr-1 { margin-right:1px !important; } .mr-2 { margin-right:2px !important; } .mr-3 { margin-right:3px !important; } .mr-4 { margin-right:4px !important; } .mr-5 { margin-right:5px !important; } .mr-6 { margin-right:6px !important; } .mr-7 { margin-right:7px !important; } .mr-8 { margin-right:8px !important; } .mr-9 { margin-right:9px !important; } .mr-10 { margin-right:10px !important; } .mr-12 { margin-right:12px !important; } .mr-15 { margin-right:15px !important; } .mr-18 { margin-right:18px !important; } .mr-20 { margin-right:20px !important; } .mr-25 { margin-right:20px !important; } .mr-30 { margin-right:30px !important; } .mr-35 { margin-right:35px !important; } .mr-40 { margin-right:40px !important; } .mr-45 { margin-right:45px !important; } .mr-50 { margin-right:50px !important; } .mr-60 { margin-right:60px !important; } .mr-70 { margin-right:70px !important; } .mr-80 { margin-right:80px !important; } .mr-90 { margin-right:90px !important; } .mr-100 { margin-right:100px !important; } .mr-110 { margin-right:110px !important; } .mr-120 { margin-right:120px !important; } .mr-130 { margin-right:130px !important; } .mr-140 { margin-right:140px !important; } .mr-150 { margin-right:150px !important; } .mr-200 { margin-right:200px !important; } .m-0 { margin:0px !important; } .m-1 { margin:1px !important; } .m-2 { margin:2px !important; } .m-3 { margin:3px !important; } .m-4 { margin:4px !important; } .m-5 { margin:5px !important; } .m-6 { margin:6px !important; } .m-7 { margin:7px !important; } .m-8 { margin:8px !important; } .m-9 { margin:9px !important; } .m-10 { margin:10px !important; } .m-12 { margin:12px !important; } .m-15 { margin:15px !important; } .m-18 { margin:18px !important; } .m-20 { margin:20px !important; } .m-25 { margin:20px !important; } .m-30 { margin:30px !important; } .m-35 { margin:35px !important; } .m-40 { margin:40px !important; } .m-45 { margin:45px !important; } .m-50 { margin:50px !important; } .m-60 { margin:60px !important; } .m-70 { margin:70px !important; } .m-80 { margin:80px !important; } .m-90 { margin:90px !important; } .m-100 { margin:100px !important; } .m-110 { margin:110px !important; } .m-120 { margin:120px !important; } .m-130 { margin:130px !important; } .m-140 { margin:140px !important; } .m-150 { margin:150px !important; } .m-200 { margin:200px !important; } /* paddings */ .pb-0 { padding-bottom:0px !important; } .pb-1 { padding-bottom:1px !important; } .pb-2 { padding-bottom:2px !important; } .pb-3 { padding-bottom:3px !important; } .pb-4 { padding-bottom:4px !important; } .pb-5 { padding-bottom:5px !important; } .pb-6 { padding-bottom:6px !important; } .pb-7 { padding-bottom:7px !important; } .pb-8 { padding-bottom:8px !important; } .pb-9 { padding-bottom:9px !important; } .pb-10 { padding-bottom:10px !important; } .pb-12 { padding-bottom:12px !important; } .pb-15 { padding-bottom:15px !important; } .pb-18 { padding-bottom:18px !important; } .pb-20 { padding-bottom:20px !important; } .pb-25 { padding-bottom:20px !important; } .pb-30 { padding-bottom:30px !important; } .pb-35 { padding-bottom:35px !important; } .pb-40 { padding-bottom:40px !important; } .pb-45 { padding-bottom:45px !important; } .pb-50 { padding-bottom:50px !important; } .pb-60 { padding-bottom:60px !important; } .pb-70 { padding-bottom:70px !important; } .pb-80 { padding-bottom:80px !important; } .pb-90 { padding-bottom:90px !important; } .pb-100 { padding-bottom:100px !important; } .pb-110 { padding-bottom:110px !important; } .pb-120 { padding-bottom:120px !important; } .pb-130 { padding-bottom:130px !important; } .pb-140 { padding-bottom:140px !important; } .pb-150 { padding-bottom:150px !important; } .pb-200 { padding-bottom:200px !important; } .pt-0 { padding-top:0px !important; } .pt-1 { padding-top:1px !important; } .pt-2 { padding-top:2px !important; } .pt-3 { padding-top:3px !important; } .pt-4 { padding-top:4px !important; } .pt-5 { padding-top:5px !important; } .pt-6 { padding-top:6px !important; } .pt-7 { padding-top:7px !important; } .pt-8 { padding-top:8px !important; } .pt-9 { padding-top:9px !important; } .pt-10 { padding-top:10px !important; } .pt-12 { padding-top:12px !important; } .pt-15 { padding-top:15px !important; } .pt-18 { padding-top:18px !important; } .pt-20 { padding-top:20px !important; } .pt-25 { padding-top:20px !important; } .pt-30 { padding-top:30px !important; } .pt-35 { padding-top:35px !important; } .pt-40 { padding-top:40px !important; } .pt-45 { padding-top:45px !important; } .pt-50 { padding-top:50px !important; } .pt-60 { padding-top:60px !important; } .pt-70 { padding-top:70px !important; } .pt-80 { padding-top:80px !important; } .pt-90 { padding-top:90px !important; } .pt-100 { padding-top:100px !important; } .pt-110 { padding-top:110px !important; } .pt-120 { padding-top:120px !important; } .pt-130 { padding-top:130px !important; } .pt-140 { padding-top:140px !important; } .pt-150 { padding-top:150px !important; } .pt-200 { padding-top:200px !important; } .pl-0 { padding-left:0px !important; } .pl-1 { padding-left:1px !important; } .pl-2 { padding-left:2px !important; } .pl-3 { padding-left:3px !important; } .pl-4 { padding-left:4px !important; } .pl-5 { padding-left:5px !important; } .pl-6 { padding-left:6px !important; } .pl-7 { padding-left:7px !important; } .pl-8 { padding-left:8px !important; } .pl-9 { padding-left:9px !important; } .pl-10 { padding-left:10px !important; } .pl-12 { padding-left:12px !important; } .pl-15 { padding-left:15px !important; } .pl-18 { padding-left:18px !important; } .pl-20 { padding-left:20px !important; } .pl-25 { padding-left:20px !important; } .pl-30 { padding-left:30px !important; } .pl-35 { padding-left:35px !important; } .pl-40 { padding-left:40px !important; } .pl-45 { padding-left:45px !important; } .pl-50 { padding-left:50px !important; } .pl-60 { padding-left:60px !important; } .pl-70 { padding-left:70px !important; } .pl-80 { padding-left:80px !important; } .pl-90 { padding-left:90px !important; } .pl-100 { padding-left:100px !important; } .pl-110 { padding-left:110px !important; } .pl-120 { padding-left:120px !important; } .pl-130 { padding-left:130px !important; } .pl-140 { padding-left:140px !important; } .pl-150 { padding-left:150px !important; } .pl-200 { padding-left:200px !important; } .pr-0 { padding-right:0px !important; } .pr-1 { padding-right:1px !important; } .pr-2 { padding-right:2px !important; } .pr-3 { padding-right:3px !important; } .pr-4 { padding-right:4px !important; } .pr-5 { padding-right:5px !important; } .pr-6 { padding-right:6px !important; } .pr-7 { padding-right:7px !important; } .pr-8 { padding-right:8px !important; } .pr-9 { padding-right:9px !important; } .pr-10 { padding-right:10px !important; } .pr-12 { padding-right:12px !important; } .pr-15 { padding-right:15px !important; } .pr-18 { padding-right:18px !important; } .pr-20 { padding-right:20px !important; } .pr-25 { padding-right:20px !important; } .pr-30 { padding-right:30px !important; } .pr-35 { padding-right:35px !important; } .pr-40 { padding-right:40px !important; } .pr-45 { padding-right:45px !important; } .pr-50 { padding-right:50px !important; } .pr-60 { padding-right:60px !important; } .pr-70 { padding-right:70px !important; } .pr-80 { padding-right:80px !important; } .pr-90 { padding-right:90px !important; } .pr-100 { padding-right:100px !important; } .pr-110 { padding-right:110px !important; } .pr-120 { padding-right:120px !important; } .pr-130 { padding-right:130px !important; } .pr-140 { padding-right:140px !important; } .pr-150 { padding-right:150px !important; } .pr-200 { padding-right:200px !important; } .p-0 { padding:0px !important; } .p-1 { padding:1px !important; } .p-2 { padding:2px !important; } .p-3 { padding:3px !important; } .p-4 { padding:4px !important; } .p-5 { padding:5px !important; } .p-6 { padding:6px !important; } .p-7 { padding:7px !important; } .p-8 { padding:8px !important; } .p-9 { padding:9px !important; } .p-10 { padding:10px !important; } .p-12 { padding:12px !important; } .p-15 { padding:15px !important; } .p-18 { padding:18px !important; } .p-20 { padding:20px !important; } .p-25 { padding:20px !important; } .p-30 { padding:30px !important; } .p-35 { padding:35px !important; } .p-40 { padding:40px !important; } .p-45 { padding:45px !important; } .p-50 { padding:50px !important; } .p-60 { padding:60px !important; } .p-70 { padding:70px !important; } .p-80 { padding:80px !important; } .p-90 { padding:90px !important; } .p-100 { padding:100px !important; } .p-110 { padding:110px !important; } .p-120 { padding:120px !important; } .p-130 { padding:130px !important; } .p-140 { padding:140px !important; } .p-150 { padding:150px !important; } .p-200 { padding:200px !important; } /* borders */ .b-0 { border: 0 !important; } .bb-0 { border-bottom: 0 !important; } .bt-0 { border-top: 0 !important; } .bl-0 { border-left: 0 !important; } .br-0 { border-right: 0 !important; } .bw-0 { border-width: 0px !important; } .bw-1 { border-width: 1px !important; } .bw-2 { border-width: 2px !important; } .bw-3 { border-width: 3px !important; } .bw-4 { border-width: 4px !important; } .bw-5 { border-width: 5px !important; } .bw-10 { border-width: 10px !important; } .btw-0 { border-top-width: 0px !important; } .btw-1 { border-top-width: 1px !important; } .btw-2 { border-top-width: 2px !important; } .btw-3 { border-top-width: 3px !important; } .btw-4 { border-top-width: 4px !important; } .btw-5 { border-top-width: 5px !important; } .btw-10 { border-top-width: 10px !important; } .bbw-0 { border-bottom-width: 0px !important; } .bbw-1 { border-bottom-width: 1px !important; } .bbw-2 { border-bottom-width: 2px !important; } .bbw-3 { border-bottom-width: 3px !important; } .bbw-4 { border-bottom-width: 4px !important; } .bbw-5 { border-bottom-width: 5px !important; } .bbw-10 { border-bottom-width: 10px !important; } .blw-0 { border-left-width: 0px !important; } .blw-1 { border-left-width: 1px !important; } .blw-2 { border-left-width: 2px !important; } .blw-3 { border-left-width: 3px !important; } .blw-4 { border-left-width: 4px !important; } .blw-5 { border-left-width: 5px !important; } .blw-10 { border-left-width: 10px !important; } .brw-0 { border-right-width: 0px !important; } .brw-1 { border-right-width: 1px !important; } .brw-2 { border-right-width: 2px !important; } .brw-3 { border-right-width: 3px !important; } .brw-4 { border-right-width: 4px !important; } .brw-5 { border-right-width: 5px !important; } .brw-10 { border-right-width: 10px !important; } /* width */ .w-10 { width:10px !important; } .w-20 { width:20px !important; } .w-30 { width:30px !important; } .w-40 { width:40px !important; } .w-50 { width:50px !important; } .w-60 { width:60px !important; } .w-70 { width:70px !important; } .w-80 { width:80px !important; } .w-90 { width:90px !important; } .w-100 { width:100px !important; } .w-110 { width:110px !important; } .w-120 { width:120px !important; } .w-130 { width:130px !important; } .w-140 { width:140px !important; } .w-150 { width:150px !important; } .w-200 { width:200px !important; } .w-250 { width:250px !important; } .w-300 { width:300px !important; } .w-350 { width:350px !important; } .w-400 { width:400px !important; } .w-450 { width:450px !important; } .w-500 { width:500px !important; } .w-550 { width:550px !important; } .w-600 { width:600px !important; } .w-650 { width:650px !important; } .w-700 { width:700px !important; } .w-750 { width:750px !important; } .w-800 { width:800px !important; } /* width percent */ .w-100p { width: 100% !important; } .w-75p { width: 75% !important; } .w-50p { width: 50% !important; } .w-33p { width: 33% !important; } .w-25p { width: 25% !important; } .w-20p { width: 20% !important; } .w-10p { width: 10% !important; } /* height */ .h-1 { height:1px !important; } .h-2 { height:2px !important; } .h-3 { height:3px !important; } .h-4 { height:4px !important; } .h-5 { height:5px !important; } .h-6 { height:6px !important; } .h-7 { height:7px !important; } .h-8 { height:8px !important; } .h-9 { height:9px !important; } .h-10 { height:10px !important; } .h-15 { height:15px !important; } .h-20 { height:20px !important; } .h-25 { height:25px !important; } .h-30 { height:30px !important; } .h-35 { height:35px !important; } .h-40 { height:40px !important; } .h-45 { height:45px !important; } .h-50 { height:50px !important; } .h-60 { height:60px !important; } .h-70 { height:70px !important; } .h-80 { height:80px !important; } .h-90 { height:90px !important; } .h-100 { height:100px !important; } .h-110 { height:110px !important; } .h-120 { height:120px !important; } .h-130 { height:130px !important; } .h-140 { height:140px !important; } .h-150 { height:150px !important; } .h-200 { height:200px !important; } .h-250 { height:250px !important; } .h-300 { height:300px !important; } .h-350 { height:350px !important; } .h-400 { height:400px !important; } .h-450 { height:450px !important; } .h-500 { height:500px !important; } .h-550 { height:550px !important; } .h-600 { height:600px !important; } .h-650 { height:650px !important; } .h-700 { height:700px !important; } .h-750 { height:750px !important; } .h-800 { height:800px !important; } /* height percent */ .h-100p { height: 100vh !important; } .h-75p { height: 75vh !important; } .h-50p { height: 50vh !important; } .h-33p { height: 33vh !important; } .h-25p { height: 25vh !important; } .h-20p { height: 20vh !important; } .h-10p { height: 10vh !important; } /* utils - will be removed in the future! */ .size-11 { font-size:11px !important; line-height:15px !important; } .size-12 { font-size:12px !important; line-height:16px !important; } .size-13 { font-size:13px !important; line-height:17px !important; } .size-14 { font-size:14px !important; line-height:18px !important; } .size-15 { font-size:15px !important; line-height:19px !important; } .size-16 { font-size:16px !important; line-height:20px !important; } .size-17 { font-size:17px !important; line-height:23px !important; } .size-18 { font-size:18px !important; line-height:24px !important; } .size-19 { font-size:19px !important; line-height:25px !important; } .size-20 { font-size:20px !important; line-height:26px !important; } .size-25 { font-size:25px !important; line-height:30px !important; } .size-30 { font-size:30px !important; line-height:36px !important; } .size-40 { font-size:40px !important; line-height:46px !important; } .size-50 { font-size:50px !important; line-height:56px !important; } .size-60 { font-size:60px !important; line-height:66px !important; } .size-70 { font-size:70px !important; line-height:76px !important; } .size-80 { font-size:80px !important; line-height:86px !important; } .size-90 { font-size:90px !important; line-height:96px !important; } .size-100 { font-size:100px !important; line-height:106px !important; } .size-150 { font-size:150px !important; line-height:166px !important; } .size-200 { font-size:200px !important; line-height:216px !important; } .weight-300 { font-weight:300 !important; } .weight-400 { font-weight:400 !important; } .weight-500 { font-weight:500 !important; } .weight-600 { font-weight:600 !important; } .weight-700 { font-weight:700 !important; } .weight-800 { font-weight:800 !important; } .width-10 { width:10px !important; } .width-20 { width:20px !important; } .width-30 { width:30px !important; } .width-40 { width:40px !important; } .width-50 { width:50px !important; } .width-100 { width:100px !important; } .width-150 { width:150px !important; } .width-200 { width:200px !important; } .width-250 { width:250px !important; } .width-300 { width:300px !important; } .width-350 { width:350px !important; } .width-400 { width:400px !important; } .width-450 { width:450px !important; } .width-500 { width:500px !important; } .width-550 { width:550px !important; } .width-600 { width:600px !important; } .width-650 { width:650px !important; } .width-700 { width:700px !important; } .width-750 { width:750px !important; } .width-800 { width:800px !important; } .height-10 { height:10px !important; } .height-20 { height:20px !important; } .height-30 { height:30px !important; } .height-50 { height:50px !important; } .height-100 { height:100px !important; } .height-150 { height:150px !important; } .height-200 { height:200px !important; } .height-250 { height:250px !important; } .height-300 { height:300px !important; } .height-350 { height:350px !important; } .height-400 { height:400px !important; } .height-450 { height:450px !important; } .height-500 { height:500px !important; } .height-550 { height:550px !important; } .height-600 { height:600px !important; } .height-650 { height:650px !important; } .height-700 { height:700px !important; } .height-750 { height:750px !important; } .height-800 { height:800px !important; } .padding-0 { padding:0 !important; } .padding-3 { padding:3px !important; } .padding-6 { padding:6px !important; } .padding-8 { padding:8px !important; } .padding-10 { padding:10px !important; } .padding-15 { padding:15px !important; } .padding-20 { padding:20px !important; } .padding-30 { padding:30px !important; } .padding-40 { padding:40px !important; } .padding-50 { padding:50px !important; } .padding-60 { padding:60px !important; } .padding-70 { padding:70px !important; } .padding-80 { padding:80px !important; } .padding-90 { padding:90px !important; } .padding-100 { padding:100px !important; } .padding-top-0 { padding-top:0 !important; } .padding-top-10 { padding-top:10px !important; } .padding-top-15 { padding-top:15px !important; } .padding-top-20 { padding-top:20px !important; } .padding-top-30 { padding-top:30px !important; } .padding-top-40 { padding-top:40px !important; } .padding-top-50 { padding-top:50px !important; } .padding-top-60 { padding-top:60px !important; } .padding-top-80 { padding-top:80px !important; } .padding-top-100 { padding-top:100px !important; } .padding-top-130 { padding-top:130px !important; } .padding-top-150 { padding-top:150px !important; } .padding-top-180 { padding-top:180px !important; } .padding-top-200 { padding-top:200px !important; } .padding-bottom-0 { padding-bottom:0 !important; } .padding-bottom-10 { padding-bottom:10px !important; } .padding-bottom-15 { padding-bottom:15px !important; } .padding-bottom-20 { padding-bottom:20px !important; } .padding-bottom-30 { padding-bottom:30px !important; } .padding-bottom-40 { padding-bottom:40px !important; } .padding-bottom-50 { padding-bottom:50px !important; } .padding-bottom-60 { padding-bottom:60px !important; } .padding-bottom-80 { padding-bottom:80px !important; } .padding-bottom-100 { padding-bottom:100px !important; } .padding-bottom-130 { padding-bottom:130px !important; } .padding-bottom-150 { padding-bottom:150px !important; } .padding-bottom-180 { padding-bottom:180px !important; } .padding-bottom-200 { padding-bottom:200px !important; } .margin-top-0 { margin-top:0 !important; } .margin-top-1 { margin-top:1px !important; } .margin-top-2 { margin-top:2px !important; } .margin-top-3 { margin-top:3px !important; } .margin-top-6 { margin-top:6px !important; } .margin-top-8 { margin-top:8px !important; } .margin-top-10 { margin-top:10px !important; } .margin-top-15 { margin-top:15px !important; } .margin-top-20 { margin-top:20px !important; } .margin-top-25 { margin-top:25px !important; } .margin-top-30 { margin-top:30px !important; } .margin-top-40 { margin-top:40px !important; } .margin-top-50 { margin-top:50px !important; } .margin-top-60 { margin-top:60px !important; } .margin-top-80 { margin-top:80px !important; } .margin-top-100 { margin-top:100px !important; } .margin-top-130 { margin-top:130px !important; } .margin-top-150 { margin-top:150px !important; } .margin-top-180 { margin-top:180px !important; } .margin-top-200 { margin-top:200px !important; } .margin-bottom-0 { margin-bottom:0 !important; } .margin-bottom-1 { margin-bottom:1px !important; } .margin-bottom-2 { margin-bottom:2px !important; } .margin-bottom-3 { margin-bottom:3px !important; } .margin-bottom-6 { margin-bottom:6px !important; } .margin-bottom-8 { margin-bottom:8px !important; } .margin-bottom-10 { margin-bottom:10px !important; } .margin-bottom-20 { margin-bottom:20px !important; } .margin-bottom-15 { margin-bottom:15px !important; } .margin-bottom-30 { margin-bottom:30px !important; } .margin-bottom-40 { margin-bottom:40px !important; } .margin-bottom-50 { margin-bottom:50px !important; } .margin-bottom-60 { margin-bottom:60px !important; } .margin-bottom-80 { margin-bottom:80px !important; } .margin-bottom-100 { margin-bottom:100px !important; } .margin-bottom-130 { margin-bottom:130px !important; } .margin-bottom-150 { margin-bottom:150px !important; } .margin-bottom-180 { margin-bottom:180px !important; } .margin-bottom-200 { margin-bottom:200px !important; } .margin-left-0 { margin-left:0 !important; } .margin-left-3 { margin-left:3px !important; } .margin-left-6 { margin-left:6px !important; } .margin-left-8 { margin-left:8px !important; } .margin-left-10 { margin-left:10px !important; } .margin-left-15 { margin-left:15px !important; } .margin-left-20 { margin-left:20px !important; } .margin-left-30 { margin-left:30px !important; } .margin-left-40 { margin-left:40px !important; } .margin-left-50 { margin-left:50px !important; } .margin-left-60 { margin-left:60px !important; } .margin-left-80 { margin-left:80px !important; } .margin-left-100 { margin-left:100px !important; } .margin-left-130 { margin-left:130px !important; } .margin-left-150 { margin-left:150px !important; } .margin-left-180 { margin-left:180px !important; } .margin-left-200 { margin-left:200px !important; } .margin-left-250 { margin-left:250px !important; } .margin-left-300 { margin-left:300px !important; } .margin-right-0 { margin-right:0 !important; } .margin-right-3 { margin-right:3px !important; } .margin-right-6 { margin-right:6px !important; } .margin-right-8 { margin-right:8px !important; } .margin-right-10 { margin-right:10px !important; } .margin-right-15 { margin-right:15px !important; } .margin-right-20 { margin-right:20px !important; } .margin-right-30 { margin-right:30px !important; } .margin-right-40 { margin-right:40px !important; } .margin-right-50 { margin-right:50px !important; } .margin-right-60 { margin-right:60px !important; } .margin-right-80 { margin-right:80px !important; } .margin-right-100 { margin-right:100px !important; } .margin-right-130 { margin-right:130px !important; } .margin-right-150 { margin-right:150px !important; } .margin-right-180 { margin-right:180px !important; } .margin-right-200 { margin-right:200px !important; } .margin-right-250 { margin-right:250px !important; } .margin-right-300 { margin-right:300px !important; } .line-height-0 { line-height:0 !important; } .line-height-10 { line-height:10px !important; } .line-height-20 { line-height:20px !important; } .line-height-30 { line-height:30px !important; } .line-height-40 { line-height:40px !important; } .line-height-50 { line-height:50px !important; } .line-height-60 { line-height:60px !important; } .line-height-70 { line-height:70px !important; } .line-height-80 { line-height:80px !important; } .line-height-90 { line-height:90px !important; } .line-height-100 { line-height:100px !important; } ul { list-style:none; margin:0; padding:0; } /* 팝업레이어 */ #hd_pop {z-index:1000;position:relative;margin:0 auto;height:0} #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff;} .hd_pops img{max-width:100%} .hd_pops_con {} .hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;} .hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""} .hd_pops_footer button {padding: 10px;border:0;color:#fff} .hd_pops_footer .hd_pops_reject{background:#000;text-align:left} .hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0} /* 게시물 선택복사 선택이동 */ #copymove {} #copymove .win_desc {text-align:center;display:block} #copymove .tbl_wrap{margin:20px } #copymove .win_btn{padding:0 20px 20px} .copymove_current {float:right;background:#ff3061;padding:5px;color:#fff;border-radius:3px} .copymove_currentbg {background:#f4f4f4} /* 화면낭독기 사용자용 */ #hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden} .msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} /* 본문 바로가기 */ #skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} #skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} /* ie6 이미지 너비 지정 */ .img_fix {width:100%;height:auto} /* 캡챠 자동등록(입력)방지 기본 -pc */ #captcha {display:inline-block;position:relative} #captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;} #captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0} #captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px} #captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px} #captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top} #captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} /* 캡챠 자동등록(입력)방지 기본 - mobile */ #captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px} #captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;} #captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('/img/captcha2.png') no-repeat 0 -40px;text-indent:-999px} #captcha.m_captcha #captcha_reload span{display:none;} #captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px} #captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} #captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('/img/captcha2.png') no-repeat 0 0 ; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none} /* ckeditor 단축키 */ .cke_sc {margin:0 0 5px;text-align:right} .btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer} .cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center} .cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1} .cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""} .cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9} .cke_sc_def dt {width:20%;font-weight:bold} .cke_sc_def dd {width:30%} /* 버튼 */ /*a.btn,.btn{line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out;}*/ a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle} a.btn01:focus, a.btn01:hover {text-decoration:none} button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none} a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle;} a.btn02:focus, .btn02:hover {text-decoration:none} button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none} .btn_confirm {text-align:right} /* 서식단계 진행 */ .btn_submit {border:0;background:#253dbe;color:#fff;cursor:pointer;border:0} .btn_submit:hover {background:#0025eb} a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle;} button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle} .btn_cancel:hover {background:#aaa; } a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:40px;border:0;background:#3c3c3c;border-radius:5px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */ a.btn_frmline {} button.btn_frmline {font-size:1em} /* 게시판용 버튼 */ a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle} a.btn_b01:focus, .btn_b01:hover {text-decoration:none; color:#000;} a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle} a.btn_b02:focus, .btn_b02:hover {text-decoration:none; color:#fff;} a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 ì „ìš© 버튼 */ a.btn_admin:focus, a.btn_admin:hover {text-decoration:none; color:#fff;} /*컬러*/ .color_1 {background:#169dd6} .color_2 {background:#14d53d} .color_3 {background:#3814ff} .color_4 {background:#7520c5} /* 기본테이블 */ .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing: 0 5px;border:1px solid #ccc;} .tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left} .tbl_head01 {margin:0 0 10px} .tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head01 thead th {padding:10px 0;font-weight:normal;text-align:center;border-bottom:1px solid #ddd;background:#fafafa;height:40px} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head01 tbody th {padding:8px 0;border-bottom:1px solid #e8e8e8} .tbl_head01 td {color:#666;background:#fff;padding:10px 5px;border-top:1px solid #ecf0f1;line-height:1.4em;height:60px;word-break:break-all} .tbl_head01 tbody tr:hover td{background:#fafafa;} .tbl_head01 a:hover {text-decoration:underline} .tbl_head02 {margin:0 0 10px} .tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} .tbl_head02 thead a {color:#383838} .tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff} .tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#fff;line-height:1.4em;word-break:break-all} .tbl_head02 a {} /* 폼 테이블 */ .tbl_frm01 {margin:0 0 20px} .tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_frm01 th {width:100px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left} .tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent} .wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); } .tbl_frm01 textarea {padding:2px 2px 3px} .frm_input {height:40px;} .full_input{width:100%} .half_input{width:49.5%} .tbl_frm01 textarea, .write_div textarea {width:100%;height:100px} .tbl_frm01 a {text-decoration:none} .tbl_frm01 .frm_file {display:block;margin-bottom:5px} .tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em} /*기본 리스트*/ .list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative;} .list_01 li:after {display:block;visibility:hidden;clear:both;content:""} .list_01 li:hover{background:#f9f9f9} .list_01 li.empty_li{text-align:center;padding:20px 0;color:#666} /*폼 리스트*/ .form_01 h2{margin:0 0 10px;font-size:1.167em} .form_01 li{margin:10px 0} .form_01 li:after {display:block;visibility:hidden;clear:both;content:""} .form_01 li .right_input{float:right} .form_01 textarea{height:100px;width:100%} .form_01 .frm_label{display:inline-block;width:130px} /* 자료 없는 목록 */ .empty_table {padding:50px 0 !important;text-align:center} .empty_list {padding:20px 0 !important;color:#666;text-align:center} /* 필수입력 */ .required, textarea.required {background-image:url('/img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important;} /* 테이블 항목별 정의 */ .td_board {width:80px;text-align:center} .td_category {width:80px;text-align:center} .td_chk {width:30px;text-align:center} .td_date {width:60px;text-align:center} .td_datetime {width:110px;text-align:center} .td_group {width:80px;text-align:center} .td_mb_id {width:100px;text-align:center} .td_mng {width:80px;text-align:center} .td_name {width:100px;text-align:left} .td_nick {width:100px;text-align:center} .td_num {width:50px;text-align:center} .td_numbig {width:80px;text-align:center} .td_stat {width:60px;text-align:center} .txt_active {color:#5d910b} .txt_done {color:#e8180c} .txt_expired {color:#ccc} .txt_rdy {color:#8abc2a} /* 새창 기본 스타일 */ .new_win {position:relative;} .new_win .tbl_wrap {margin:0 20px} .new_win #win_title {font-size:1.25em;height:50px;line-height:30px;padding:10px 20px;background:#333;color:#fff;} .new_win #win_title .sv {font-size:0.75em;line-height:1.2em} .new_win .win_ul {border-right:1px solid #dfe6e7;} .new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px} .new_win .win_ul li a{display:block;padding:10px 0} .new_win .win_ul .selected{background:#fff;border-color:#253dbe;position:relative;z-index:5} .new_win .win_ul .selected a{color:#253dbe;font-weight:bold} .new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;} .new_win .frm_info{font-size:0.92em;color:#3598db} .new_win .win_total{text-align:right;margin:10px 0} .new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;} .new_win .new_win_con{margin:20px;} .new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""} .new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_btn{text-align:right} .new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer} .new_win .btn_submit {padding:0 20px;height:40px;font-weight:bold;font-size:1.083em;float:right} /* 검색결과 색상 */ .sch_word {color:#00c4ac} /* 자바스크립트 alert 대안 */ #validation_check {margin:100px auto;width:500px} #validation_check h1 {margin-bottom:20px;font-size:1.3em} #validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff} /* 사이드뷰 */ .sv_wrap {position:relative;font-weight:normal} .sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;font-size:0.92em;background:#333; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2);} .sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;} .sv_wrap .sv a {display:inline-block;margin:0;padding:0 10px;line-height:30px;width:100px;font-weight:normal;color:#bbb } .sv_wrap .sv a:hover{background:#000;color:#fff} .sv_member{color:#333} .sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto} .sv_nojs .sv {display:block} /* 페이징 */ .pg_wrap {clear:both;margin:30px 0 ;text-align:center} .pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} .pg {} .pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3} .pg a:focus, .pg a:hover {text-decoration:none} .pg_page {color:#555;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px;} .pg_page:hover{background-color:#ddd} .pg_start {text-indent:-999px;overflow:hidden;background:url('/img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;} .pg_prev {text-indent:-999px;overflow:hidden;background:url('/img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb} .pg_end {text-indent:-999px;overflow:hidden;background:url('/img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb} .pg_next {text-indent:-999px;overflow:hidden;background:url('/img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb} .pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa} .pg_current {display:inline-block;background:#4c4f6f;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px; -webkit-box-shadow: inset 1px 1px 2px #222542; -moz-box-shadow: inset 1px 1px 2px #222542; box-shadow: inset 1px 1px 2px #222542; } /* cheditor 이슈 */ .cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* Mobile화면으로 */ #device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}