* {
  box-sizing: border-box;
}

a, a:hover, a:active {
  text-decoration: none;
  color: inherit;
}

.mauto {
  margin: auto;
}

.fnone {
  float: none;
}

.nofl {
  float: none;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.hide {
  display: none;
}

.clear {
  clear: both;
}

.normal {
  font-weight: normal !important;
}

.bold {
  font-weight: bold;
}

.cpointer {
  cursor: pointer;
}

.dinline {
  display: inline;
}

.dblock {
  display: block;
}

.diblock {
  display: inline-block;
}

.nopd {
  padding: 0;
}

.noradius {
  border-radius: 0 !important;
}

.nolradius {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}

.mg-0 {
  margin: 0px !important;
}

.mgr-0 {
  margin-right: 0px !important;
}

.mgl-0 {
  margin-left: 0px !important;
}

.mgt-0 {
  margin-top: 0px !important;
}

.mgb-0 {
  margin-bottom: 0px !important;
}

.pd-0 {
  padding: 0px !important;
}

.pdr-0 {
  padding-right: 0px !important;
}

.pdl-0 {
  padding-left: 0px !important;
}

.pdt-0 {
  padding-top: 0px !important;
}

.pdb-0 {
  padding-bottom: 0px !important;
}

.f0 {
  font-size: 0px !important;
}

.f20 {
  font-size: 20px !important;
}

.mg-1 {
  margin: 1px !important;
}

.mgr-1 {
  margin-right: 1px !important;
}

.mgl-1 {
  margin-left: 1px !important;
}

.mgt-1 {
  margin-top: 1px !important;
}

.mgb-1 {
  margin-bottom: 1px !important;
}

.pd-1 {
  padding: 1px !important;
}

.pdr-1 {
  padding-right: 1px !important;
}

.pdl-1 {
  padding-left: 1px !important;
}

.pdt-1 {
  padding-top: 1px !important;
}

.pdb-1 {
  padding-bottom: 1px !important;
}

.f1 {
  font-size: 1px !important;
}

.f21 {
  font-size: 21px !important;
}

.mg-2 {
  margin: 2px !important;
}

.mgr-2 {
  margin-right: 2px !important;
}

.mgl-2 {
  margin-left: 2px !important;
}

.mgt-2 {
  margin-top: 2px !important;
}

.mgb-2 {
  margin-bottom: 2px !important;
}

.pd-2 {
  padding: 2px !important;
}

.pdr-2 {
  padding-right: 2px !important;
}

.pdl-2 {
  padding-left: 2px !important;
}

.pdt-2 {
  padding-top: 2px !important;
}

.pdb-2 {
  padding-bottom: 2px !important;
}

.f2 {
  font-size: 2px !important;
}

.f22 {
  font-size: 22px !important;
}

.mg-3 {
  margin: 3px !important;
}

.mgr-3 {
  margin-right: 3px !important;
}

.mgl-3 {
  margin-left: 3px !important;
}

.mgt-3 {
  margin-top: 3px !important;
}

.mgb-3 {
  margin-bottom: 3px !important;
}

.pd-3 {
  padding: 3px !important;
}

.pdr-3 {
  padding-right: 3px !important;
}

.pdl-3 {
  padding-left: 3px !important;
}

.pdt-3 {
  padding-top: 3px !important;
}

.pdb-3 {
  padding-bottom: 3px !important;
}

.f3 {
  font-size: 3px !important;
}

.f23 {
  font-size: 23px !important;
}

.mg-4 {
  margin: 4px !important;
}

.mgr-4 {
  margin-right: 4px !important;
}

.mgl-4 {
  margin-left: 4px !important;
}

.mgt-4 {
  margin-top: 4px !important;
}

.mgb-4 {
  margin-bottom: 4px !important;
}

.pd-4 {
  padding: 4px !important;
}

.pdr-4 {
  padding-right: 4px !important;
}

.pdl-4 {
  padding-left: 4px !important;
}

.pdt-4 {
  padding-top: 4px !important;
}

.pdb-4 {
  padding-bottom: 4px !important;
}

.f4 {
  font-size: 4px !important;
}

.f24 {
  font-size: 24px !important;
}

.mg-5 {
  margin: 5px !important;
}

.mgr-5 {
  margin-right: 5px !important;
}

.mgl-5 {
  margin-left: 5px !important;
}

.mgt-5 {
  margin-top: 5px !important;
}

.mgb-5 {
  margin-bottom: 5px !important;
}

.pd-5 {
  padding: 5px !important;
}

.pdr-5 {
  padding-right: 5px !important;
}

.pdl-5 {
  padding-left: 5px !important;
}

.pdt-5 {
  padding-top: 5px !important;
}

.pdb-5 {
  padding-bottom: 5px !important;
}

.f5 {
  font-size: 5px !important;
}

.f25 {
  font-size: 25px !important;
}

.mg-6 {
  margin: 6px !important;
}

.mgr-6 {
  margin-right: 6px !important;
}

.mgl-6 {
  margin-left: 6px !important;
}

.mgt-6 {
  margin-top: 6px !important;
}

.mgb-6 {
  margin-bottom: 6px !important;
}

.pd-6 {
  padding: 6px !important;
}

.pdr-6 {
  padding-right: 6px !important;
}

.pdl-6 {
  padding-left: 6px !important;
}

.pdt-6 {
  padding-top: 6px !important;
}

.pdb-6 {
  padding-bottom: 6px !important;
}

.f6 {
  font-size: 6px !important;
}

.f26 {
  font-size: 26px !important;
}

.mg-7 {
  margin: 7px !important;
}

.mgr-7 {
  margin-right: 7px !important;
}

.mgl-7 {
  margin-left: 7px !important;
}

.mgt-7 {
  margin-top: 7px !important;
}

.mgb-7 {
  margin-bottom: 7px !important;
}

.pd-7 {
  padding: 7px !important;
}

.pdr-7 {
  padding-right: 7px !important;
}

.pdl-7 {
  padding-left: 7px !important;
}

.pdt-7 {
  padding-top: 7px !important;
}

.pdb-7 {
  padding-bottom: 7px !important;
}

.f7 {
  font-size: 7px !important;
}

.f27 {
  font-size: 27px !important;
}

.mg-8 {
  margin: 8px !important;
}

.mgr-8 {
  margin-right: 8px !important;
}

.mgl-8 {
  margin-left: 8px !important;
}

.mgt-8 {
  margin-top: 8px !important;
}

.mgb-8 {
  margin-bottom: 8px !important;
}

.pd-8 {
  padding: 8px !important;
}

.pdr-8 {
  padding-right: 8px !important;
}

.pdl-8 {
  padding-left: 8px !important;
}

.pdt-8 {
  padding-top: 8px !important;
}

.pdb-8 {
  padding-bottom: 8px !important;
}

.f8 {
  font-size: 8px !important;
}

.f28 {
  font-size: 28px !important;
}

.mg-9 {
  margin: 9px !important;
}

.mgr-9 {
  margin-right: 9px !important;
}

.mgl-9 {
  margin-left: 9px !important;
}

.mgt-9 {
  margin-top: 9px !important;
}

.mgb-9 {
  margin-bottom: 9px !important;
}

.pd-9 {
  padding: 9px !important;
}

.pdr-9 {
  padding-right: 9px !important;
}

.pdl-9 {
  padding-left: 9px !important;
}

.pdt-9 {
  padding-top: 9px !important;
}

.pdb-9 {
  padding-bottom: 9px !important;
}

.f9 {
  font-size: 9px !important;
}

.f29 {
  font-size: 29px !important;
}

.mg-10 {
  margin: 10px !important;
}

.mgr-10 {
  margin-right: 10px !important;
}

.mgl-10 {
  margin-left: 10px !important;
}

.mgt-10 {
  margin-top: 10px !important;
}

.mgb-10 {
  margin-bottom: 10px !important;
}

.pd-10 {
  padding: 10px !important;
}

.pdr-10 {
  padding-right: 10px !important;
}

.pdl-10 {
  padding-left: 10px !important;
}

.pdt-10 {
  padding-top: 10px !important;
}

.pdb-10 {
  padding-bottom: 10px !important;
}

.f10 {
  font-size: 10px !important;
}

.f30 {
  font-size: 30px !important;
}

.mg-11 {
  margin: 11px !important;
}

.mgr-11 {
  margin-right: 11px !important;
}

.mgl-11 {
  margin-left: 11px !important;
}

.mgt-11 {
  margin-top: 11px !important;
}

.mgb-11 {
  margin-bottom: 11px !important;
}

.pd-11 {
  padding: 11px !important;
}

.pdr-11 {
  padding-right: 11px !important;
}

.pdl-11 {
  padding-left: 11px !important;
}

.pdt-11 {
  padding-top: 11px !important;
}

.pdb-11 {
  padding-bottom: 11px !important;
}

.f11 {
  font-size: 11px !important;
}

.f31 {
  font-size: 31px !important;
}

.mg-12 {
  margin: 12px !important;
}

.mgr-12 {
  margin-right: 12px !important;
}

.mgl-12 {
  margin-left: 12px !important;
}

.mgt-12 {
  margin-top: 12px !important;
}

.mgb-12 {
  margin-bottom: 12px !important;
}

.pd-12 {
  padding: 12px !important;
}

.pdr-12 {
  padding-right: 12px !important;
}

.pdl-12 {
  padding-left: 12px !important;
}

.pdt-12 {
  padding-top: 12px !important;
}

.pdb-12 {
  padding-bottom: 12px !important;
}

.f12 {
  font-size: 12px !important;
}

.f32 {
  font-size: 32px !important;
}

.mg-13 {
  margin: 13px !important;
}

.mgr-13 {
  margin-right: 13px !important;
}

.mgl-13 {
  margin-left: 13px !important;
}

.mgt-13 {
  margin-top: 13px !important;
}

.mgb-13 {
  margin-bottom: 13px !important;
}

.pd-13 {
  padding: 13px !important;
}

.pdr-13 {
  padding-right: 13px !important;
}

.pdl-13 {
  padding-left: 13px !important;
}

.pdt-13 {
  padding-top: 13px !important;
}

.pdb-13 {
  padding-bottom: 13px !important;
}

.f13 {
  font-size: 13px !important;
}

.f33 {
  font-size: 33px !important;
}

.mg-14 {
  margin: 14px !important;
}

.mgr-14 {
  margin-right: 14px !important;
}

.mgl-14 {
  margin-left: 14px !important;
}

.mgt-14 {
  margin-top: 14px !important;
}

.mgb-14 {
  margin-bottom: 14px !important;
}

.pd-14 {
  padding: 14px !important;
}

.pdr-14 {
  padding-right: 14px !important;
}

.pdl-14 {
  padding-left: 14px !important;
}

.pdt-14 {
  padding-top: 14px !important;
}

.pdb-14 {
  padding-bottom: 14px !important;
}

.f14 {
  font-size: 14px !important;
}

.f34 {
  font-size: 34px !important;
}

.mg-15 {
  margin: 15px !important;
}

.mgr-15 {
  margin-right: 15px !important;
}

.mgl-15 {
  margin-left: 15px !important;
}

.mgt-15 {
  margin-top: 15px !important;
}

.mgb-15 {
  margin-bottom: 15px !important;
}

.pd-15 {
  padding: 15px !important;
}

.pdr-15 {
  padding-right: 15px !important;
}

.pdl-15 {
  padding-left: 15px !important;
}

.pdt-15 {
  padding-top: 15px !important;
}

.pdb-15 {
  padding-bottom: 15px !important;
}

.f15 {
  font-size: 15px !important;
}

.f35 {
  font-size: 35px !important;
}

.mg-16 {
  margin: 16px !important;
}

.mgr-16 {
  margin-right: 16px !important;
}

.mgl-16 {
  margin-left: 16px !important;
}

.mgt-16 {
  margin-top: 16px !important;
}

.mgb-16 {
  margin-bottom: 16px !important;
}

.pd-16 {
  padding: 16px !important;
}

.pdr-16 {
  padding-right: 16px !important;
}

.pdl-16 {
  padding-left: 16px !important;
}

.pdt-16 {
  padding-top: 16px !important;
}

.pdb-16 {
  padding-bottom: 16px !important;
}

.f16 {
  font-size: 16px !important;
}

.f36 {
  font-size: 36px !important;
}

.mg-17 {
  margin: 17px !important;
}

.mgr-17 {
  margin-right: 17px !important;
}

.mgl-17 {
  margin-left: 17px !important;
}

.mgt-17 {
  margin-top: 17px !important;
}

.mgb-17 {
  margin-bottom: 17px !important;
}

.pd-17 {
  padding: 17px !important;
}

.pdr-17 {
  padding-right: 17px !important;
}

.pdl-17 {
  padding-left: 17px !important;
}

.pdt-17 {
  padding-top: 17px !important;
}

.pdb-17 {
  padding-bottom: 17px !important;
}

.f17 {
  font-size: 17px !important;
}

.f37 {
  font-size: 37px !important;
}

.mg-18 {
  margin: 18px !important;
}

.mgr-18 {
  margin-right: 18px !important;
}

.mgl-18 {
  margin-left: 18px !important;
}

.mgt-18 {
  margin-top: 18px !important;
}

.mgb-18 {
  margin-bottom: 18px !important;
}

.pd-18 {
  padding: 18px !important;
}

.pdr-18 {
  padding-right: 18px !important;
}

.pdl-18 {
  padding-left: 18px !important;
}

.pdt-18 {
  padding-top: 18px !important;
}

.pdb-18 {
  padding-bottom: 18px !important;
}

.f18 {
  font-size: 18px !important;
}

.f38 {
  font-size: 38px !important;
}

.mg-19 {
  margin: 19px !important;
}

.mgr-19 {
  margin-right: 19px !important;
}

.mgl-19 {
  margin-left: 19px !important;
}

.mgt-19 {
  margin-top: 19px !important;
}

.mgb-19 {
  margin-bottom: 19px !important;
}

.pd-19 {
  padding: 19px !important;
}

.pdr-19 {
  padding-right: 19px !important;
}

.pdl-19 {
  padding-left: 19px !important;
}

.pdt-19 {
  padding-top: 19px !important;
}

.pdb-19 {
  padding-bottom: 19px !important;
}

.f19 {
  font-size: 19px !important;
}

.f39 {
  font-size: 39px !important;
}

.mg-20 {
  margin: 20px !important;
}

.mgr-20 {
  margin-right: 20px !important;
}

.mgl-20 {
  margin-left: 20px !important;
}

.mgt-20 {
  margin-top: 20px !important;
}

.mgb-20 {
  margin-bottom: 20px !important;
}

.pd-20 {
  padding: 20px !important;
}

.pdr-20 {
  padding-right: 20px !important;
}

.pdl-20 {
  padding-left: 20px !important;
}

.pdt-20 {
  padding-top: 20px !important;
}

.pdb-20 {
  padding-bottom: 20px !important;
}

.f20 {
  font-size: 20px !important;
}

.f40 {
  font-size: 40px !important;
}

.mg-20 {
  margin: 20px;
}

.mgr-20 {
  margin-right: 20px;
}

.mgl-20 {
  margin-left: 20px;
}

.mgt-20 {
  margin-top: 20px;
}

.mgb-20 {
  margin-bottom: 20px;
}

.pd-20 {
  padding: 20px;
}

.pdr-20 {
  padding-right: 20px;
}

.pdl-20 {
  padding-left: 20px;
}

.pdt-20 {
  padding-top: 20px;
}

.pdb-20 {
  padding-bottom: 20px;
}

.mg-25 {
  margin: 25px;
}

.mgr-25 {
  margin-right: 25px;
}

.mgl-25 {
  margin-left: 25px;
}

.mgt-25 {
  margin-top: 25px;
}

.mgb-25 {
  margin-bottom: 25px;
}

.pd-25 {
  padding: 25px;
}

.pdr-25 {
  padding-right: 25px;
}

.pdl-25 {
  padding-left: 25px;
}

.pdt-25 {
  padding-top: 25px;
}

.pdb-25 {
  padding-bottom: 25px;
}

.mg-30 {
  margin: 30px;
}

.mgr-30 {
  margin-right: 30px;
}

.mgl-30 {
  margin-left: 30px;
}

.mgt-30 {
  margin-top: 30px;
}

.mgb-30 {
  margin-bottom: 30px;
}

.pd-30 {
  padding: 30px;
}

.pdr-30 {
  padding-right: 30px;
}

.pdl-30 {
  padding-left: 30px;
}

.pdt-30 {
  padding-top: 30px;
}

.pdb-30 {
  padding-bottom: 30px;
}

.mg-35 {
  margin: 35px;
}

.mgr-35 {
  margin-right: 35px;
}

.mgl-35 {
  margin-left: 35px;
}

.mgt-35 {
  margin-top: 35px;
}

.mgb-35 {
  margin-bottom: 35px;
}

.pd-35 {
  padding: 35px;
}

.pdr-35 {
  padding-right: 35px;
}

.pdl-35 {
  padding-left: 35px;
}

.pdt-35 {
  padding-top: 35px;
}

.pdb-35 {
  padding-bottom: 35px;
}

.mg-40 {
  margin: 40px;
}

.mgr-40 {
  margin-right: 40px;
}

.mgl-40 {
  margin-left: 40px;
}

.mgt-40 {
  margin-top: 40px;
}

.mgb-40 {
  margin-bottom: 40px;
}

.pd-40 {
  padding: 40px;
}

.pdr-40 {
  padding-right: 40px;
}

.pdl-40 {
  padding-left: 40px;
}

.pdt-40 {
  padding-top: 40px;
}

.pdb-40 {
  padding-bottom: 40px;
}

.mg-45 {
  margin: 45px;
}

.mgr-45 {
  margin-right: 45px;
}

.mgl-45 {
  margin-left: 45px;
}

.mgt-45 {
  margin-top: 45px;
}

.mgb-45 {
  margin-bottom: 45px;
}

.pd-45 {
  padding: 45px;
}

.pdr-45 {
  padding-right: 45px;
}

.pdl-45 {
  padding-left: 45px;
}

.pdt-45 {
  padding-top: 45px;
}

.pdb-45 {
  padding-bottom: 45px;
}

.mg-50 {
  margin: 50px;
}

.mgr-50 {
  margin-right: 50px;
}

.mgl-50 {
  margin-left: 50px;
}

.mgt-50 {
  margin-top: 50px;
}

.mgb-50 {
  margin-bottom: 50px;
}

.pd-50 {
  padding: 50px;
}

.pdr-50 {
  padding-right: 50px;
}

.pdl-50 {
  padding-left: 50px;
}

.pdt-50 {
  padding-top: 50px;
}

.pdb-50 {
  padding-bottom: 50px;
}

.w1 {
  width: 1% !important;
}

.w5 {
  width: 5% !important;
}

.w1px {
  width: 1px !important;
}

.mw5 {
  max-width: 5px !important;
}

.w2 {
  width: 2% !important;
}

.w10 {
  width: 10% !important;
}

.w2px {
  width: 2px !important;
}

.mw10 {
  max-width: 10px !important;
}

.w3 {
  width: 3% !important;
}

.w15 {
  width: 15% !important;
}

.w3px {
  width: 3px !important;
}

.mw15 {
  max-width: 15px !important;
}

.w4 {
  width: 4% !important;
}

.w20 {
  width: 20% !important;
}

.w4px {
  width: 4px !important;
}

.mw20 {
  max-width: 20px !important;
}

.w5 {
  width: 5% !important;
}

.w25 {
  width: 25% !important;
}

.w5px {
  width: 5px !important;
}

.mw25 {
  max-width: 25px !important;
}

.w6 {
  width: 6% !important;
}

.w30 {
  width: 30% !important;
}

.w6px {
  width: 6px !important;
}

.mw30 {
  max-width: 30px !important;
}

.w7 {
  width: 7% !important;
}

.w35 {
  width: 35% !important;
}

.w7px {
  width: 7px !important;
}

.mw35 {
  max-width: 35px !important;
}

.w8 {
  width: 8% !important;
}

.w40 {
  width: 40% !important;
}

.w8px {
  width: 8px !important;
}

.mw40 {
  max-width: 40px !important;
}

.w9 {
  width: 9% !important;
}

.w45 {
  width: 45% !important;
}

.w9px {
  width: 9px !important;
}

.mw45 {
  max-width: 45px !important;
}

.w10 {
  width: 10% !important;
}

.w50 {
  width: 50% !important;
}

.w10px {
  width: 10px !important;
}

.mw50 {
  max-width: 50px !important;
}

.w11 {
  width: 11% !important;
}

.w55 {
  width: 55% !important;
}

.w11px {
  width: 11px !important;
}

.mw55 {
  max-width: 55px !important;
}

.w12 {
  width: 12% !important;
}

.w60 {
  width: 60% !important;
}

.w12px {
  width: 12px !important;
}

.mw60 {
  max-width: 60px !important;
}

.w13 {
  width: 13% !important;
}

.w65 {
  width: 65% !important;
}

.w13px {
  width: 13px !important;
}

.mw65 {
  max-width: 65px !important;
}

.w14 {
  width: 14% !important;
}

.w70 {
  width: 70% !important;
}

.w14px {
  width: 14px !important;
}

.mw70 {
  max-width: 70px !important;
}

.w15 {
  width: 15% !important;
}

.w75 {
  width: 75% !important;
}

.w15px {
  width: 15px !important;
}

.mw75 {
  max-width: 75px !important;
}

.w16 {
  width: 16% !important;
}

.w80 {
  width: 80% !important;
}

.w16px {
  width: 16px !important;
}

.mw80 {
  max-width: 80px !important;
}

.w17 {
  width: 17% !important;
}

.w85 {
  width: 85% !important;
}

.w17px {
  width: 17px !important;
}

.mw85 {
  max-width: 85px !important;
}

.w18 {
  width: 18% !important;
}

.w90 {
  width: 90% !important;
}

.w18px {
  width: 18px !important;
}

.mw90 {
  max-width: 90px !important;
}

.w19 {
  width: 19% !important;
}

.w95 {
  width: 95% !important;
}

.w19px {
  width: 19px !important;
}

.mw95 {
  max-width: 95px !important;
}

.w20 {
  width: 20% !important;
}

.w100 {
  width: 100% !important;
}

.w20px {
  width: 20px !important;
}

.mw100 {
  max-width: 100px !important;
}

.w21 {
  width: 21% !important;
}

.w105 {
  width: 105% !important;
}

.w21px {
  width: 21px !important;
}

.mw105 {
  max-width: 105px !important;
}

.w22 {
  width: 22% !important;
}

.w110 {
  width: 110% !important;
}

.w22px {
  width: 22px !important;
}

.mw110 {
  max-width: 110px !important;
}

.w23 {
  width: 23% !important;
}

.w115 {
  width: 115% !important;
}

.w23px {
  width: 23px !important;
}

.mw115 {
  max-width: 115px !important;
}

.w24 {
  width: 24% !important;
}

.w120 {
  width: 120% !important;
}

.w24px {
  width: 24px !important;
}

.mw120 {
  max-width: 120px !important;
}

.w25 {
  width: 25% !important;
}

.w125 {
  width: 125% !important;
}

.w25px {
  width: 25px !important;
}

.mw125 {
  max-width: 125px !important;
}

.w26 {
  width: 26% !important;
}

.w130 {
  width: 130% !important;
}

.w26px {
  width: 26px !important;
}

.mw130 {
  max-width: 130px !important;
}

.w27 {
  width: 27% !important;
}

.w135 {
  width: 135% !important;
}

.w27px {
  width: 27px !important;
}

.mw135 {
  max-width: 135px !important;
}

.w28 {
  width: 28% !important;
}

.w140 {
  width: 140% !important;
}

.w28px {
  width: 28px !important;
}

.mw140 {
  max-width: 140px !important;
}

.w29 {
  width: 29% !important;
}

.w145 {
  width: 145% !important;
}

.w29px {
  width: 29px !important;
}

.mw145 {
  max-width: 145px !important;
}

.w30 {
  width: 30% !important;
}

.w150 {
  width: 150% !important;
}

.w30px {
  width: 30px !important;
}

.mw150 {
  max-width: 150px !important;
}

.w31 {
  width: 31% !important;
}

.w155 {
  width: 155% !important;
}

.w31px {
  width: 31px !important;
}

.mw155 {
  max-width: 155px !important;
}

.w32 {
  width: 32% !important;
}

.w160 {
  width: 160% !important;
}

.w32px {
  width: 32px !important;
}

.mw160 {
  max-width: 160px !important;
}

.w33 {
  width: 33% !important;
}

.w165 {
  width: 165% !important;
}

.w33px {
  width: 33px !important;
}

.mw165 {
  max-width: 165px !important;
}

.w34 {
  width: 34% !important;
}

.w170 {
  width: 170% !important;
}

.w34px {
  width: 34px !important;
}

.mw170 {
  max-width: 170px !important;
}

.w35 {
  width: 35% !important;
}

.w175 {
  width: 175% !important;
}

.w35px {
  width: 35px !important;
}

.mw175 {
  max-width: 175px !important;
}

.w36 {
  width: 36% !important;
}

.w180 {
  width: 180% !important;
}

.w36px {
  width: 36px !important;
}

.mw180 {
  max-width: 180px !important;
}

.w37 {
  width: 37% !important;
}

.w185 {
  width: 185% !important;
}

.w37px {
  width: 37px !important;
}

.mw185 {
  max-width: 185px !important;
}

.w38 {
  width: 38% !important;
}

.w190 {
  width: 190% !important;
}

.w38px {
  width: 38px !important;
}

.mw190 {
  max-width: 190px !important;
}

.w39 {
  width: 39% !important;
}

.w195 {
  width: 195% !important;
}

.w39px {
  width: 39px !important;
}

.mw195 {
  max-width: 195px !important;
}

.w40 {
  width: 40% !important;
}

.w200 {
  width: 200% !important;
}

.w40px {
  width: 40px !important;
}

.mw200 {
  max-width: 200px !important;
}

.w41 {
  width: 41% !important;
}

.w205 {
  width: 205% !important;
}

.w41px {
  width: 41px !important;
}

.mw205 {
  max-width: 205px !important;
}

.w42 {
  width: 42% !important;
}

.w210 {
  width: 210% !important;
}

.w42px {
  width: 42px !important;
}

.mw210 {
  max-width: 210px !important;
}

.w43 {
  width: 43% !important;
}

.w215 {
  width: 215% !important;
}

.w43px {
  width: 43px !important;
}

.mw215 {
  max-width: 215px !important;
}

.w44 {
  width: 44% !important;
}

.w220 {
  width: 220% !important;
}

.w44px {
  width: 44px !important;
}

.mw220 {
  max-width: 220px !important;
}

.w45 {
  width: 45% !important;
}

.w225 {
  width: 225% !important;
}

.w45px {
  width: 45px !important;
}

.mw225 {
  max-width: 225px !important;
}

.w46 {
  width: 46% !important;
}

.w230 {
  width: 230% !important;
}

.w46px {
  width: 46px !important;
}

.mw230 {
  max-width: 230px !important;
}

.w47 {
  width: 47% !important;
}

.w235 {
  width: 235% !important;
}

.w47px {
  width: 47px !important;
}

.mw235 {
  max-width: 235px !important;
}

.w48 {
  width: 48% !important;
}

.w240 {
  width: 240% !important;
}

.w48px {
  width: 48px !important;
}

.mw240 {
  max-width: 240px !important;
}

.w49 {
  width: 49% !important;
}

.w245 {
  width: 245% !important;
}

.w49px {
  width: 49px !important;
}

.mw245 {
  max-width: 245px !important;
}

.w50 {
  width: 50% !important;
}

.w250 {
  width: 250% !important;
}

.w50px {
  width: 50px !important;
}

.mw250 {
  max-width: 250px !important;
}

.bgbeyaz {
  background-color: #FFFFFF !important;
}

.bgsiyah {
  background-color: #000000 !important;
}

.bggri {
  background-color: #DDDDDD !important;
}

.bgyesil {
  background-color: #23ab00 !important;
}

.bgkirmizi {
  background-color: #ab021f !important;
}

.bggri2 {
  background-color: #EEEEEE !important;
}

.beyaz {
  color: #FFFFFF !important;
}

.yesil {
  color: #23ab00 !important;
}

.kirmizi {
  color: #ab021f !important;
}

.va-b {
  vertical-align: bottom;
}

.va-m {
  vertical-align: middle !important;
}

.va-t {
  vertical-align: top;
}

.text-right, .r {
  text-align: right;
}

.text-left, .l {
  text-align: left;
}

.text-center, .c {
  text-align: center;
}

/* Font */
h1 {
  font-size: 24px;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 16px;
}

h5 {
  font-size: 14px;
}

.bold {
  font-weight: bold;
}

input[type=text]:focus {
  background-color: #a6e1ec;
}

@media print {
  .phide {
    display: none !important;
  }
}
.renklitr {
  background-color: #d6b82a;
  color: #FFF;
}

.vcenter {
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.br3 {
  border-radius: 0.3125em;
  -moz-border-radius: 0.3125em;
  -webkit-border-radius: 0.3125em;
}

.h-32 {
  height: 32px;
}

.lh-32 {
  line-height: 32px;
}

.diblock {
  display: inline-block;
}

.dblock {
  display: block;
}

.girenBg {
  background-color: #94ff95 !important;
}

.cikanBg {
  background-color: #ffaa8e !important;
}

#loginForm {
  width: 100%;
  max-width: 500px;
  padding: 20px;
  border: solid 1px #d9dbdd;
  margin: 150px auto auto auto;
}
#loginForm label {
  font-size: 14px;
}
#loginForm input[type=text] {
  margin-bottom: 20px;
  padding: 10px 10px;
  border: solid 1px #d9dbdd;
}
#loginForm button {
  width: 150px;
  padding: 10px 15px;
  text-align: center;
  border: solid 1px #d9dbdd;
}

#bildirim {
  color: #FFFFFF;
  position: fixed;
  width: 99%;
  margin: auto;
  height: 40px;
}
#bildirim.ok {
  background-color: #069c00;
}
#bildirim.fail {
  background-color: #b80c02;
}

#main {
  width: 100%;
  max-width: 900px;
  margin: auto;
}

#fis {
  width: 100%;
  text-align: center;
}

.detay {
  padding: 5px;
}

#detay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-color: #FFF;
  width: 100%;
}

#hesaplar {
  border-color: #DDD;
}
#hesaplar tr td {
  padding: 10px 2px;
}
#hesaplar tr td:first-child {
  padding-right: 5px;
}

a, a:hover, a:active {
  text-decoration: none;
  color: inherit;
}

body table.data {
  border-collapse: collapse;
  /* thead th{ font-size: 18px;} */
}
body table.data tr th, body table.data tr td, body table.data thead tr th {
  border: solid 1px #333333;
}
body table.data tr:nth-child(odd) td {
  background-color: #EEE;
}
body.lang_ar {
  /* table thead th{ font-size: 22px;} */
}

@media screen and (max-device-width: 767px) {
  #loginForm {
    margin-top: 20px !important;
  }

  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
}
.table-responsive .table {
  max-width: none;
  -webkit-overflow-scrolling: touch !important;
}

.modaloverlay {
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  z-index: -1;
  display: none;
}
.modaloverlay.show {
  display: block;
  opacity: 1;
  pointer-events: auto;
  z-index: 99999;
}
.modaloverlay .modal {
  background-color: white;
  height: 100%;
  position: relative;
  margin: 0 auto;
  padding: 3em;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
@media (min-width: 60em) {
  .modaloverlay .modal {
    height: 75%;
    margin: 5% auto;
    max-height: 57em;
    max-width: 66em;
    width: 85%;
  }
}
.modaloverlay .modal > iframe, .modaloverlay .modal > div {
  border: none;
  width: 100%;
  height: 100%;
}
.modaloverlay .close {
  background-color: turquoise;
  color: white;
  font-size: 24px;
  padding: 8px 12px;
  position: absolute;
  right: 0;
  text-align: center;
  text-decoration: none;
  top: 0;
  z-index: 1;
}

.alertify,
.alertify-show,
.alertify-log {
  -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  /* easeOutBack */
}

.alertify-hide {
  -webkit-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -moz-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -ms-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -o-transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: all 250ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  /* easeInBack */
}

.alertify-log-hide {
  -webkit-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -moz-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -ms-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  -o-transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  transition: all 500ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
  /* easeInBack */
}

.alertify-cover {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: white;
  filter: alpha(opacity=0);
  opacity: 0;
}

.alertify-cover-hidden {
  display: none;
}

.alertify {
  position: fixed;
  z-index: 99999;
  top: 50px;
  left: 50%;
  width: 550px;
  margin-left: -275px;
  opacity: 1;
}

.alertify-hidden {
  -webkit-transform: translate(0, -150px);
  -moz-transform: translate(0, -150px);
  -ms-transform: translate(0, -150px);
  -o-transform: translate(0, -150px);
  transform: translate(0, -150px);
  opacity: 0;
  display: none;
}

/* overwrite display: none; for everything except IE6-8 */
:root * > .alertify-hidden {
  display: block;
  visibility: hidden;
}

.alertify-logs {
  position: fixed;
  z-index: 5000;
  bottom: 10px;
  right: 10px;
  width: 300px;
}

.alertify-logs-hidden {
  display: none;
}

.alertify-log {
  display: block;
  margin-top: 10px;
  position: relative;
  right: -200px;
  opacity: 0;
}

.alertify-log-show {
  right: 0;
  opacity: 1;
}

.alertify-log-hide {
  -webkit-transform: translate(300px, 0);
  -moz-transform: translate(300px, 0);
  -ms-transform: translate(300px, 0);
  -o-transform: translate(300px, 0);
  transform: translate(300px, 0);
  opacity: 0;
}

.alertify-dialog {
  padding: 25px;
}

.alertify-resetFocus {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.alertify-inner {
  text-align: center;
}

.alertify-text {
  margin-bottom: 15px;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 100%;
}

.alertify-button,
.alertify-button:hover,
.alertify-button:active,
.alertify-button:visited {
  background: none;
  text-decoration: none;
  border: none;
  /* line-height and font-size for input button */
  line-height: 1.5;
  font-size: 100%;
  display: inline-block;
  cursor: pointer;
  margin-left: 5px;
}

@media only screen and (max-width: 680px) {
  .alertify,
.alertify-logs {
    width: 90%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .alertify {
    left: 5%;
    margin: 0;
  }
}
/**
 * Default Look and Feel
 */
.alertify,
.alertify-log {
  font-family: sans-serif;
}

.alertify {
  background: #FFF;
  border: 10px solid #333;
  /* browsers that don't support rgba */
  border: 10px solid rgba(0, 0, 0, 0.7);
  border-radius: 8px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding;
  /* Safari 4? Chrome 6? */
  -moz-background-clip: padding;
  /* Firefox 3.6 */
  background-clip: padding-box;
  /* Firefox 4, Safari 5, Opera 10, IE 9 */
}

.alertify-text {
  border: 1px solid #CCC;
  padding: 10px;
  border-radius: 4px;
}

.alertify-button {
  border-radius: 4px;
  color: #FFF;
  font-weight: bold;
  padding: 6px 15px;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.5);
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0));
}

.alertify-button:hover,
.alertify-button:focus {
  outline: none;
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}

.alertify-button:focus {
  box-shadow: 0 0 15px #2B72D5;
}

.alertify-button:active {
  position: relative;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.alertify-button-cancel,
.alertify-button-cancel:hover,
.alertify-button-cancel:focus {
  background-color: #FE1A00;
  border: 1px solid #D83526;
}

.alertify-button-ok,
.alertify-button-ok:hover,
.alertify-button-ok:focus {
  background-color: #5CB811;
  border: 1px solid #3B7808;
}

.alertify-log {
  background: #1F1F1F;
  background: rgba(0, 0, 0, 0.9);
  padding: 15px;
  border-radius: 4px;
  color: #FFF;
  text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5);
}

.alertify-log-error {
  background: #FE1A00;
  background: rgba(254, 26, 0, 0.9);
}

.alertify-log-success {
  background: #5CB811;
  background: rgba(92, 184, 17, 0.9);
}