.color-title{ color:#17669b; }
.color-text{ color:#4d4d4d; }
.text-justify{ text-align: justify; }
.bg-title{ background-color:#17669b; }
.bg-title2{ background-color:#0189d3; border:none; }
.bold{ font-weight: bold; }
.txt-center{ text-align:center; }
.center{ text-align:center; }

/* spaces */
.font-size5{ font-size:5px !important; }
.font-size6{ font-size:6px !important; }
.font-size7{ font-size:7px !important; }
.font-size8{ font-size:8px !important; }
.font-size9{ font-size:9px !important; }
.font-size10{ font-size:10px !important; }
.ft-sz12{ font-size:12px !important; }
.font-size13{ font-size:13px !important; }
.ft-sz14{ font-size:14px !important; }
.font-size15{ font-size:15px !important; }
.font-size16{ font-size:16px !important; }
.font-size17{ font-size:17px !important; }
.font-size18{ font-size:18px !important; }
.font-size19{ font-size:19px !important; }
.font-size20{ font-size:20px !important; }
.font-size21{ font-size:21px !important; }
.font-size22{ font-size:22px !important; }
.font-size23{ font-size:23px !important; }
.font-size24{ font-size:24px !important; }
.font-size25{ font-size:25px !important; }

.txt-center{ text-align:center !important; }
.txt-right{ text-align:right !important; }
.txt-left{ text-align: left !important; }
#txt-center{ text-align:center !important; }

.pdt-5{ padding-top:5px !important; }
.pdt-10{ padding-top:10px !important; }
.pdt-15{ padding-top:15px !important; }
.pdt-20{ padding-top:20px !important; }
.pdt-25{ padding-top:25px !important; }

.mt-10{ margin-top:10px !important; }
.mt-13{ margin-top:13px !important; }
.mt-14{ margin-top:14px !important; }
.mt-15{ margin-top:15px !important; }
.mt-20{ margin-top:20px !important; }
.mt-25{ margin-top:25px !important; }
.mt-30{ margin-top:30px !important; }
.mt-32{ margin-top:32px !important; }
.mt-33{ margin-top:33px !important; }
.mt-34{ margin-top:34px !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-n3{ margin-top:-3px !important; }
.mt-n5{ margin-top:-5px !important; }
.mt-n6{ margin-top:-6px !important; }
.mt-n7{ margin-top:-7px !important; }
.mt-n8{ margin-top:-8px !important; }
.mt-n10{ margin-top:-10px !important; }
.mt-n12{ margin-top:-12px !important; }
.mt-n15{ margin-top:-15px !important; }
.mt-n30{ margin-top:-30px !important; }

.mt-p-5{ margin-top:5%; }
.mt-p-10{ margin-top:10%; }
.mt-p-15{ margin-top:15%; }
.mt-p-20{ margin-top:20%; }
.mt-p-25{ margin-top:25%; }
.mt-p-30{ margin-top:30%; }
.mt-p-35{ margin-top:35%; }
.mt-p-40{ margin-top:40%; }
.mt-p-45{ margin-top:45%; }
.mt-p-50{ margin-top:50%; }

.ml-15{ margin-left:15px; }
.ml-20{ margin-left:20px; }
.ml-22{ margin-left:22px; }
.ml-23{ margin-left:23px; }
.ml-24{ margin-left:24px; }
.ml-30{ margin-left:30px; }
.ml-70{ margin-left:70px; }

.ml-n2{ margin-left:-2px; }
.ml-n3{ margin-left:-3px; }
.ml-n4{ margin-left:-4px; }
.ml-n5{ margin-left:-5px; }
.ml-n10{ margin-left:-10px; }
.ml-n13{ margin-left:-13px; }
.ml-n15{ margin-left:-15px; }
.ml-n20{ margin-left:-20px; }
.ml-n22{ margin-left:-22px; }
.ml-n23{ margin-left:-23px; }
.ml-n24{ margin-left:-24px; }
.ml-n25{ margin-left:-25px; }
.ml-n26{ margin-left:-26px; }
.ml-n27{ margin-left:-27px; }
.ml-n28{ margin-left:-28px; }
.ml-n29{ margin-left:-29px; }
.ml-n30{ margin-left:-30px; }

/* web */

.mt-2-w{ margin-top:2px !important; }
.mt-3-w{ margin-top:3px !important; }
.mt-3-w{ margin-top:3px !important; }
.mt-4-w{ margin-top:4px !important; }
.mt-5-w{ margin-top:5px !important; }
.mt-4-w{ margin-top:4px !important; }
.mt-6-w{ margin-top:6px !important; }
.mt-7-w{ margin-top:7px !important; }
.mt-8-w{ margin-top:8px !important; }
.mt-9-w{ margin-top:9px !important; }
.mt-10-w{ margin-top:10px !important; }
.mt-15-w{ margin-top:15px !important; }
.mt-20-w{ margin-top:20px !important; }
.mt-30-w{ margin-top:30px !important; }
.mt-40-w{ margin-top:40px !important; }

.mt-1-nw{ margin-top:-1px !important; }
.mt-5-nw{ margin-top:-5px !important; }
.mt-10-nw{ margin-top:-10px !important; }
.mt-15-nw{ margin-top:-15px !important; }
.mt-20-nw{ margin-top:-20px !important; }
.mt-25-nw{ margin-top:-25px !important; }
.mt-40-nw{ margin-top:-40px !important; }

.font-size13-w{ font-size:13px !important; }
.font-size14-w{ font-size:14px !important; }
.font-size15-w{ font-size:15px !important; }
.font-size16-w{ font-size:16px !important; }
.font-size17-w{ font-size:17px !important; }
.font-size18-w{ font-size:18px !important; }
.font-size19-w{ font-size:19px !important; }
.font-size20-w{ font-size:20px !important; }

.ml-1-w{ margin-left:1px !important; }
.ml-2-w{ margin-left:2px !important; }
.ml-3-w{ margin-left:3px !important; }
.ml-4-w{ margin-left:4px !important; }
.ml-5-w{ margin-left:5px !important; }
.ml-8-w{ margin-left:8px !important; }
.ml-10-w{ margin-left:10px !important; }
.ml-15-w{ margin-left:15px !important; }
.ml-20-w{ margin-left:20px !important; }

.ml-n2-w{ margin-left:-2px; }
.ml-n3-w{ margin-left:-3px; }
.ml-n4-w{ margin-left:-4px; }
.ml-n5-w{ margin-left:-5px; }
.ml-n10-w{ margin-left:-10px; }
.ml-n13-w{ margin-left:-13px; }
.ml-n15-w{ margin-left:-15px; }
.ml-n20-w{ margin-left:-20px; }
.ml-n22-w{ margin-left:-22px; }
.ml-n23-w{ margin-left:-23px; }
.ml-n24-w{ margin-left:-24px; }