/*=================================================
  HELPERS
===================================================

*/
/* *{transition:1s ease;} */
.mh-20 {
  max-height: 20px !important;
}
.mh-25 {
  max-height: 25px !important;
}
.mh-30 {
  max-height: 30px !important;
}
.mh-35 {
  max-height: 35px !important;
}
.mh-40 {
  max-height: 40px !important;
}
.mh-50 {
  max-height: 50px !important;
}
.mh-100 {
  max-height: 100px !important;
}
.mh-200 {
  max-height: 200px !important;
}
.mh-300 {
  max-height: 300px !important;
}
.mh-400 {
  max-height: 400px !important;
}
.mh-500 {
  max-height: 500px !important;
}
.mh-600 {
  max-height: 600px !important;
}
.mh-700 {
  max-height: 700px !important;
}
.mh-800 {
  max-height: 800px !important;
}
.mh-900 {
  max-height: 900px !important;
}
.mh-1000 {
  max-height: 1000px !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-50 {
  height: 50px !important;
}
.h-80 {
  height: 80px !important;
}
.h-100 {
  height: 100px !important;
}
.h-170 {
  height: 170px !important;
}
.h-200 {
  height: 200px !important;
}
.h-300 {
  height: 300px !important;
}
.h-400 {
  height: 400px !important;
}
.h-500 {
  height: 500px !important;
}
.h-600 {
  height: 600px !important;
}
.h-700 {
  height: 700px !important;
}
.h-800 {
  height: 800px !important;
}
.h-900 {
  height: 900px !important;
}
.h-1000 {
  height: 1000px !important;
}
/*===================================================
  A. General/Misc Helpers
===================================================== */
/* Transform Center Helper(experimental) */
.dblock{display:block;}
.t-center {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/* BG Helpers */
.bg-none {
  background-color: transparent !important;
}
/* box-shadow Helpers */
.no-boxshadow {
  box-shadow: none !important;
}
/* height helpers */
.h-a {
  height: auto !important;
}
/* overflow Helpers */
.of-a {
  overflow: auto !important;
}
.of-h {
  overflow: hidden !important;
}
.of-v {
  overflow: visible !important;
}
.of-x-a {
  overflow-x: auto !important;
}
.of-x-h {
  overflow-x: hidden !important;
}
.of-x-v {
  overflow-x: visible !important;
}
.of-y-a {
  overflow-y: auto !important;
}
.of-y-h {
  overflow-y: hidden !important;
}
.of-y-v {
  overflow-y: visible !important;
}
/* Center Grid Column Helper */
.center-column {
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
}
/* Vertical Align Helpers */
.va-t {
  vertical-align: top !important;
}
.va-m {
  vertical-align: middle !important;
}
.va-b {
  vertical-align: bottom !important;
}
.va-s {
  vertical-align: super !important;
}
/* Relative Position Helper */
.posr {
  position: relative !important;
}
/* Inline Block Helper */
.ib,
.inline-object {
  display: inline-block !important;
}
/* pointer cursor */
.cursor {
  cursor: pointer !important;
}
/* Useful for emphasizing a disabled input */
.option-disabled {
  opacity: 0.6 !important;
}

/*===============================================
  C. Text Helpers
================================================= */
.text-uppercase {
  text-transform: uppercase !important;
}
.fw200 {
  font-weight: 200 !important;
}
.fw300 {
  font-weight: 300 !important;
}
.fw400 {
  font-weight: 400 !important;
}
.fw600 {
  font-weight: 600 !important;
}
.fw700 {
  font-weight: 700 !important;
}
.fs3 {
  font-size: 4px !important;
}
.fs4 {
  font-size: 4px !important;
}
.fs5 {
  font-size: 5px !important;
}
.fs6 {
  font-size: 6px !important;
}
.fs7 {
  font-size: 7px !important;
}
.fs8 {
  font-size: 8px !important;
}
.fs9 {
  font-size: 9px !important;
}
.fs10 {
  font-size: 10px !important;
}
.fs11 {
  font-size: 11px !important;
}
.fs12 {
  font-size: 12px !important;
}
.fs13 {
  font-size: 13px !important;
}
.fs14 {
  font-size: 14px !important;
}
.fs15 {
  font-size: 15px !important;
}
.fs16 {
  font-size: 16px !important;
}
.fs17 {
  font-size: 17px !important;
}
.fs18 {
  font-size: 18px !important;
}
.fs20 {
  font-size: 20px !important;
}
.fs22 {
  font-size: 22px !important;
}
.fs24 {
  font-size: 24px !important;
}
.fs26 {
  font-size: 26px !important;
}
.fs28 {
  font-size: 28px !important;
}
.fs30 {
  font-size: 30px !important;
}
.fs35 {
  font-size: 35px !important;
}
.fs40 {
  font-size: 40px !important;
}
.fs45 {
  font-size: 45px !important;
}
.fs50 {
  font-size: 50px !important;
}
.fs60 {
  font-size: 60px !important;
}
.fs70 {
  font-size: 70px !important;
}
.fs80 {
  font-size: 80px !important;
}
.fs90 {
  font-size: 90px !important;
}
.fs100 {
  font-size: 100px !important;
}
/*===============================================
  D. Padding Helpers
================================================= */
.pn {
  padding: 0 !important;
}
.p1 {
  padding: 1px !important;
}
.p2 {
  padding: 2px !important;
}
.p3 {
  padding: 3px !important;
}
.p4 {
  padding: 4px !important;
}
.p5 {
  padding: 5px !important;
}
.p6 {
  padding: 6px !important;
}
.p7 {
  padding: 7px !important;
}
.p8 {
  padding: 8px !important;
}
.p10 {
  padding: 10px !important;
}
.p12 {
  padding: 12px !important;
}
.p15 {
  padding: 15px !important;
}
.p20 {
  padding: 20px !important;
}
.p25 {
  padding: 25px !important;
}
.p30 {
  padding: 30px !important;
}
.p35 {
  padding: 35px !important;
}
.p40 {
  padding: 40px !important;
}
.p50 {
  padding: 50px !important;
}
.ptn {
  padding-top: 0 !important;
}
.pt5 {
  padding-top: 5px !important;
}
.pt8 {
  padding-top: 8px !important;
}
.pt10 {
  padding-top: 10px !important;
}
.pt15 {
  padding-top: 15px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt25 {
  padding-top: 25px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt35 {
  padding-top: 35px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt60 {
  padding-top:60px !important;
}
.pt100 {
  padding-top: 100px !important;
}
.prn {
  padding-right: 0 !important;
}
.pr5 {
  padding-right: 5px !important;
}
.pr10 {
  padding-right: 10px !important;
}
.pr15 {
  padding-right: 15px !important;
}
.pr20 {
  padding-right: 20px !important;
}
.pr25 {
  padding-right: 25px !important;
}
.pr30 {
  padding-right: 30px !important;
}
.pr35 {
  padding-right: 35px !important;
}
.pr40 {
  padding-right: 40px !important;
}
.pr50 {
  padding-right: 50px !important;
}
.pbn {
  padding-bottom: 0 !important;
}
.pb5 {
  padding-bottom: 5px !important;
}
.pb10 {
  padding-bottom: 10px !important;
}
.pb15 {
  padding-bottom: 15px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb25 {
  padding-bottom: 25px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb35 {
  padding-bottom: 35px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.pln {
  padding-left: 0 !important;
}
.phn {
  padding-left: 0 !important;padding-right: 0 !important;
}
.pl5 {
  padding-left: 5px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl15 {
  padding-left: 15px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.pl25 {
  padding-left: 25px !important;
}
.pl30 {
  padding-left: 30px !important;
}
.pl35 {
  padding-left: 35px !important;
}
.pl40 {
  padding-left: 40px !important;
}
.pl50 {
  padding-left: 50px !important;
}
/* Axis Padding (both top/bottom or left/right) */
.pv5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.pv8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}
.pv10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}
.pv15 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}
.pv16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.pv20 {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}
.pv25 {
  padding-top: 25px !important;
  padding-bottom: 25px !important;
}
.pv30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}
.pv40 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.pv50 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}
.pv100 {
  padding-top: 100px !important;
  padding-bottom: 100px !important;
}
.ph5 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.ph8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}
.ph10 {
  padding-left: 10px !important;
  padding-right: 10px !important;
}
.ph15 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.ph20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.ph25 {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.ph30 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}
.ph40 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.ph50 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}
/* responsive padding helpers */
@media (min-width: 1140px) {
  .ptn-lg {
    padding-top: 0 !important;
  }
  .prn-lg {
    padding-right: 0 !important;
  }
  .pbn-lg {
    padding-bottom: 0 !important;
  }
  .pln-lg {
    padding-left: 0 !important;
  }
  .pt5-lg {
    padding-top: 5px !important;
  }
  .pr5-lg {
    padding-right: 5px !important;
  }
  .pb5-lg {
    padding-bottom: 5px !important;
  }
  .pl5-lg {
    padding-left: 5px !important;
  }
}
@media (min-width: 992px) {
  .ptn-md {
    padding-top: 0 !important;
  }
  .prn-md {
    padding-right: 0 !important;
  }
  .pbn-md {
    padding-bottom: 0 !important;
  }
  .pln-md {
    padding-left: 0 !important;
  }
  .pt5-md {
    padding-top: 5px !important;
  }
  .pr5-md {
    padding-right: 5px !important;
  }
  .pb5-md {
    padding-bottom: 5px !important;
  }
  .pl5-md {
    padding-left: 5px !important;
  }
}
/*===============================================
  E. Margin Helpers
================================================= */
/* margin center helper */
.mauto {
  margin-left: auto;
  margin-right: auto;
}
.mn {
  margin: 0 !important;
}
.m1 {
  margin: 1px !important;
}
.m2 {
  margin: 2px !important;
}
.m3 {
  margin: 3px !important;
}
.m4 {
  margin: 4px !important;
}
.m5 {
  margin: 5px !important;
}
.m8 {
  margin: 8px !important;
}
.m10 {
  margin: 10px !important;
}
.m15 {
  margin: 15px !important;
}
.m20 {
  margin: 20px !important;
}
.m25 {
  margin: 25px !important;
}
.m30 {
  margin: 30px !important;
}
.m35 {
  margin: 35px !important;
}
.m40 {
  margin: 40px !important;
}
.m50 {
  margin: 50px !important;
}
.mtn {
  margin-top: 0 !important;
}
.mt5 {
  margin-top: 5px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt15 {
  margin-top: 15px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt25 {
  margin-top: 25px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt35 {
  margin-top: 35px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mrn {
  margin-right: 0 !important;
}
.mr5 {
  margin-right: 5px !important;
}
.mr10 {
  margin-right: 10px !important;
}
.mr15 {
  margin-right: 15px !important;
}
.mr20 {
  margin-right: 20px !important;
}
.mr25 {
  margin-right: 25px !important;
}
.mr30 {
  margin-right: 30px !important;
}
.mr35 {
  margin-right: 35px !important;
}
.mr40 {
  margin-right: 40px !important;
}
.mr50 {
  margin-right: 50px !important;
}
.mbn {
  margin-bottom: 0 !important;
}
.mb5 {
  margin-bottom: 5px !important;
}
.mb10 {
  margin-bottom: 10px !important;
}
.mb15 {
  margin-bottom: 15px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb25 {
  margin-bottom: 25px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb35 {
  margin-bottom: 35px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mln {
  margin-left: 0 !important;
}
.ml5 {
  margin-left: 5px !important;
}
.ml10 {
  margin-left: 10px !important;
}
.ml15 {
  margin-left: 15px !important;
}
.ml20 {
  margin-left: 20px !important;
}
.ml25 {
  margin-left: 25px !important;
}
.ml30 {
  margin-left: 30px !important;
}
.ml35 {
  margin-left: 35px !important;
}
.ml40 {
  margin-left: 40px !important;
}
.ml50 {
  margin-left: 50px !important;
}
/* Axis Margins (both top/bottom or left/right) */
.mv5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}
.mv10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.mv15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}
.mv20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}
.mv25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}
.mv30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}
.mv40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}
.mv50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}
.mv70 {
  margin-top: 70px !important;
  margin-bottom: 70px !important;
}
.mh5 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.mh10 {
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.mh15 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}
.mh20 {
  margin-left: 20px !important;
  margin-right: 20px !important;
}
.mh25 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}
.mh30 {
  margin-left: 30px !important;
  margin-right: 30px !important;
}
.mh40 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.mh50 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}
.mh70 {
  margin-left: 70px !important;
  margin-right: 70px !important;
}
/* Negative Margin Helpers */
.mtn5 {
  margin-top: -5px !important;
}
.mtn10 {
  margin-top: -10px !important;
}
.mtn15 {
  margin-top: -15px !important;
}
.mtn20 {
  margin-top: -20px !important;
}
.mtn30 {
  margin-top: -30px !important;
}
.mrn5 {
  margin-right: -5px !important;
}
.mrn10 {
  margin-right: -10px !important;
}
.mrn15 {
  margin-right: -15px !important;
}
.mrn20 {
  margin-right: -20px !important;
}
.mrn30 {
  margin-right: -30px !important;
}
.mbn5 {
  margin-bottom: -5px !important;
}
.mbn10 {
  margin-bottom: -10px !important;
}
.mbn15 {
  margin-bottom: -15px !important;
}
.mbn20 {
  margin-bottom: -20px !important;
}
.mbn30 {
  margin-bottom: -30px !important;
}
.mln5 {
  margin-left: -5px !important;
}
.mln10 {
  margin-left: -10px !important;
}
.mln15 {
  margin-left: -15px !important;
}
.mln20 {
  margin-left: -20px !important;
}
.mln30 {
  margin-left: -30px !important;
}
/* Vertical Negative Margin "mv" + "n" + "x" */
.mvn5 {
  margin-top: -5px !important;
  margin-bottom: -5px !important;
}
.mvn10 {
  margin-top: -10px !important;
  margin-bottom: -10px !important;
}
.mvn15 {
  margin-top: -15px !important;
  margin-bottom: -15px !important;
}
.mvn20 {
  margin-top: -20px !important;
  margin-bottom: -20px !important;
}
.mvn30 {
  margin-top: -30px !important;
  margin-bottom: -30px !important;
}
/* Horizontal Negative Margin "mh" + "n" + "x" */
.mhn5 {
  margin-left: -5px !important;
  margin-right: -5px !important;
}
.mhn10 {
  margin-left: -10px !important;
  margin-right: -10px !important;
}
.mhn15 {
  margin-left: -15px !important;
  margin-right: -15px !important;
}
.mhn20 {
  margin-left: -20px !important;
  margin-right: -20px !important;
}
.mhn30 {
  margin-left: -30px !important;
  margin-right: -30px !important;
}
/*===============================================
  F. LineHeight Helpers
================================================= */
.lh0 {
  line-height: 0 !important;
}
.lh5 {
  line-height: 5px !important;
}
.lh10 {
  line-height: 10px !important;
}
.lh15 {
  line-height: 15px !important;
}
.lh20 {
  line-height: 20px !important;
}
.lh25 {
  line-height: 25px !important;
}
.lh30 {
  line-height: 30px !important;
}
.lh35 {
  line-height: 35px !important;
}
.lh40 {
  line-height: 40px !important;
}
.lh50 {
  line-height: 50px !important;
}
/*===============================================
  G. Border Helpers
================================================= */
/* Border Disables */
.br-l-n {
  border-left: none !important;
}
.br-r-n {
  border-right: none !important;
}
.br-t-n {
  border-top: none !important;
}
.br-b-n {
  border-bottom: none !important;
}
.br-n {
  border: none !important;
}
.br-v-n {
  border-top: none !important;
  border-bottom: none !important;
}
.br-h-n {
  border-left: none !important;
  border-right: none !important;
}
/* Default Borders */
.br-a {
  border: 1px solid #eeeeee !important;
}
.br-l {
  border-left: 1px solid #eeeeee !important;
}
.br-r {
  border-right: 1px solid #eeeeee !important;
}
.br-t {
  border-top: 1px solid #eeeeee !important;
}
.br-b {
  border-bottom: 1px solid #eeeeee !important;
}
/* Border Style */
.br-dashed {
  border-style: dotted !important;
}
/* Border Radius */
.br0 {
  border-radius: 0px !important;
}
.br1 {
  border-radius: 1px !important;
}
.br2 {
  border-radius: 2px !important;
}
.br3 {
  border-radius: 3px !important;
}
.br4 {
  border-radius: 4px !important;
}
.br6 {
  border-radius: 6px !important;
}
.br8 {
  border-radius: 8px !important;
}
.br12 {
  border-radius: 12px !important;
}
.br24 {
  border-radius: 24px !important;
}
.br64 {
  border-radius: 64px !important;
}
/* Border Width */
.bw1 {
  border-width: 1px !important;
}
.bw2 {
  border-width: 2px !important;
}
.bw3 {
  border-width: 3px !important;
}
.bw4 {
  border-width: 4px !important;
}
.bw5 {
  border-width: 5px !important;
}
.bw8 {
  border-width: 8px !important;
}
.bw10 {
  border-width: 10px !important;
}
.bw15 {
  border-width: 15px !important;
}
/*Border Colors Generate contextual modifier classes for colorizing the alert.
*/
.br-white {
  border-color: #ffffff !important;
}
.br-lighter {
  border-color: #eeeeee !important;
}
.br-light {
  border-color: #e7e7e7 !important;
}
.br-grey {
  border-color: #d9d9d9 !important;
}
.br-greyer {
  border-color: #cccccc !important;
}
.br-dark {
  border-color: #3b3f4f !important;
}
.br-dark-light {
  border-color: #51566c !important;
}
.br-primary {
  border-color: #4a89dc !important;
}
.br-primary-light {
  border-color: #75a5e4 !important;
}
.br-info {
  border-color: #3bafda !important;
}
.br-info-light {
  border-color: #66c1e2 !important;
}
.br-success {
  border-color: #70ca63 !important;
}
.br-success-light {
  border-color: #93d789 !important;
}
.br-warning {
  border-color: #f6bb42 !important;
}
.br-warning-light {
  border-color: #f8cd73 !important;
}
.br-danger {
  border-color: #e9573f !important;
}
.br-danger-light {
  border-color: #ee7f6d !important;
}
.br-alert {
  border-color: #967adc !important;
}
.br-alert-light {
  border-color: #b6a2e7 !important;
}
.br-system {
  border-color: #37bc9b !important;
}
.br-system-light {
  border-color: #58ceb1 !important;
}
.br-tp-top {
  border-top-color: rgba(0, 0, 0, 0.1);
}
.br-tp-right {
  border-right-color: rgba(0, 0, 0, 0.1);
}
.br-tp-left {
  border-left-color: rgba(0, 0, 0, 0.1);
}
/*===============================================
  H. Max Width Helpers
================================================= */
.fluid-width {
  width: 100% !important;
}
.mw10 {
  max-width: 10px !important;
}
.mw20 {
  max-width: 20px !important;
}
.mw30 {
  max-width: 30px !important;
}
.mw35 {
  max-width: 35px !important;
}
.mw40 {
  max-width: 40px !important;
}
.mw45 {
  max-width: 45px !important;
}
.mw50 {
  max-width: 50px !important;
}
.mw60 {
  max-width: 60px !important;
}
.mw80 {
  max-width: 80px !important;
}
.mw100 {
  max-width: 100px !important;
}
.mw140 {
  max-width: 140px !important;
}
.mw160 {
  max-width: 160px !important;
}
.mw180 {
  max-width: 180px !important;
}
.mw200 {
  max-width: 200px !important;
}
.mw240 {
  max-width: 240px !important;
}
.mw280 {
  max-width: 280px !important;
}
.mw320 {
  max-width: 320px !important;
}
.mw400 {
  max-width: 400px !important;
}
.mw450 {
  max-width: 450px !important;
}
.mw500 {
  max-width: 500px !important;
}
.mw600 {
  max-width: 600px !important;
}
.mw700 {
  max-width: 700px !important;
}
.mw800 {
  max-width: 800px !important;
}
.mw900 {
  max-width: 900px !important;
}
.mw1000 {
  max-width: 1000px !important;
}
.mw1100 {
  max-width: 1100px !important;
}
.mw1200 {
  max-width: 1200px !important;
}
/*Regular Width Helpers. Primarily used
on tables, feel free to add more*/
.w20 {
  width: 20px !important;
}
.w30 {
  width: 30px !important;
}
.w40 {
  width: 40px !important;
}
.w50 {
  width: 50px !important;
}
.w75 {
  width: 75px !important;
}
.w100 {
  width: 100px !important;
}
.w125 {
  width: 125px !important;
}
.w150 {
  width: 150px !important;
}
.w175 {
  width: 175px !important;
}
.w200 {
  width: 200px !important;
}
.w225 {
  width: 225px !important;
}
.w250 {
  width: 250px !important;
}
.w300 {
  width: 300px !important;
}
.w320 {
  width: 320px !important;
}
.w350 {
  width: 350px !important;
}
.w400 {
  width: 400px !important;
}
.w450 {
  width: 450px !important;
}
.mnw20 {
  min-width: 20px !important;
}
.mnw30 {
  min-width: 30px !important;
}
.mnw40 {
  min-width: 40px !important;
}
.mnw50 {
  min-width: 50px !important;
}
.mnw75 {
  min-width: 75px !important;
}
.mnw100 {
  min-width: 100px !important;
}
.mnw125 {
  min-width: 125px !important;
}
.mnw150 {
  min-width: 150px !important;
}
.mnw175 {
  min-width: 175px !important;
}
.mnw200 {
  min-width: 200px !important;
}
.mnw250 {
  min-width: 250px !important;
}
.mnw300 {
  min-width: 300px !important;
}
.mnw500 {
  min-width: 500px !important;
}
.mnw700 {
  min-width: 700px !important;
}
.mnw1000 {
  min-width: 1000px !important;
}
p, h6, h5, h4, h3, h2, h1{margin:0px;}
.carousel-control.left {background-image:none;}
.carousel-control.right {background-image:none;right:65px;}
#page{border-left:15px solid #fff;border-right:15px solid #fff;border-top:5px solid #fff;border-bottom:15px solid #fff;}
.each-bg {    width: 240px;
    text-align: center;
    margin: auto;
}
.st0 {
    fill: none;
    stroke:#dcdcdc;
    stroke-miterlimit:4;
	stroke-width:0.5;
}
.site-logo{padding-top:0px;}
.ss-position{position:absolute;right:0px;top:20px;}
.bg-gb{background:#e8f1f7;padding:80px !important;}
.item-maxw5{max-width:500px;margin:auto;}
.d-iblock{display:inline-block;}
.br-r{border-right:1px solid #fff;}
.br-r989{border-right:1px solid #dcdcdc;}
.clr-757{color:#757779;}
.br-ln{border-left:none !important;}
.br-rn{border-right:none !important;}
.top42p{top:42%;}
.clr-white{color:#fff;}
.clr-orange{color:#dd7844;}
.clr-484{color:#484848;}
.clr-404{color:#404041;}
.clr-989{color:#989898;}
.clr-ec9{color:#ec9449;}
.clr-c5b{color:#c5b3a5;}
.clr-626{color:#626779;}
.clr-f79{color:#f7941d;}
.bg-required{background:#e8f1f7;border-radius:10px;}
.bg-e8f{background:#e8f1f7;}
.btop-gray{border-top:1px solid #cabeb3;}
.tt-inherit{text-transform:inherit;}
.tt-uppercase{text-transform:uppercase;}
.bg-none{background:none !important;}
.button{background:#fcddc0;color:#565555  !important;padding:10px 25px;border-radius:20px;text-transform:uppercase;}
.button:hover{background:#fbc690;color:#000  !important;}
.button.active{background:#fbc690;color:#000  !important;}
.arrow-down{position:relative}
.arrow-down:after {
	content:'';
	display:inline-block;
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
 border-top: 20px solid #dcdcdc;
    position: absolute;
    bottom: -21px;
	left:50%;
}
.cg{color:#858585;}
.cw{color:#fff;}
.clb{color:#668194;}
.online-divider {
    padding: 25px 0px;
    font-size: 20px;
    margin-bottom: 0px;
    position: relative;
	margin-top:0px;
}
.online-divider:before {
    content: '';
    width: 100%;
    height: 1px;
    background: #dddddd;
    display: block;
    position: absolute;
    bottom: 43px;
    overflow: hidden;
}
.online-divider span {
    background: #fff;
    padding: 0 16px;
    position: relative;
    color: #a0a0a0;
}
.sign-overlap{box-shadow: 0px 2px 6px #e0e0e0;
    /*margin-top: -145px;*/
    background: #fff;
    padding: 50px;border-radius:0px;}
.way-idcard-dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    /*background: transparent url('../images/down-arrow.png') no-repeat right center;*/
    background: transparent;
    background-position:100%;
	margin: 8px 0;
    width:80%;
    border-bottom: 1px solid #dcdcdc !important;
    height: 35px !important;
    color: #6e6e6e;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.currency .fa{width:25px;height:25px;border:1px solid #dcdcdc;border-radius:50%;    text-align: center;
    padding: 5px;color:#000;}
	.currency .fa:hover{background:#ec9449;}
	.currency .fa.active{background:#ec9449;}
.title{text-align: center;
    text-transform: uppercase;
    color: #ec9449;
    font-weight: bold;}
	.border-cg{border:1px solid #dcdcdc;background:#fff;}
	.border-rt-cg{border-right:1px solid #dcdcdc;}
	.border-rt-cg.last{border-right:none;}
	.border-rt-cg:hover{background:#f58220;}
	.border-rt-cg:hover .cg{color:#fff;}
	.bg-dot{/*background:url('../images/bg1.png');*/background-size:contain;}
	.bg-dot2{background:url('../images/bg2.png');background-size:contain;}
.social-icons .fa{background:#636466;color:#fff;padding:8px;border-radius:50%;width:28px;height:28px;text-align:center;}
.social-icons .fa:hover{background:#dd7844;}

.sm-left{float:right;}
/*.pl-adjust{padding-left:115px;}*/
.cdb-tab-align{background: #fff;
    padding-bottom: 15px;
    padding-top: 15px;
    padding-left: 15px;
    border: 1px solid #ddd;
    margin-bottom: 5px;}
.cdb-tab-align-dt{
    background:#fff;
padding: 15px;
    border: 1px solid #ddd;
    margin-bottom: 5px;}
.leads-rinfo{width:calc(95% - 86px);padding-left:2%;}
.lead-icons{max-width:200px;float:left;}
.export-excel{cursor: pointer;
    padding-right: 5px;
    position: absolute;}

/* ======================= Responsive ====================================== */

@media only screen and (max-width:1200px)
{
.sign-overlap {
    box-shadow: 0px 2px 6px #e0e0e0;
    margin-top:75px !important;
    background: #fff;
    padding: 50px;
    border-radius: 15px;
}
}
@media only screen and (max-width:991px)
{
.button {
    background: #fcddc0;
    color: #565555 !important;
    padding: 10px 16px;
    border-radius: 20px;
    font-size: 12px;
    text-transform: uppercase;
}
.page-section{padding-top:50px;}
.tab-fs25{font-size:25px !important;}
.lh50{line-height:35px !important;}	
.widget{min-height:auto !important;}
.border-rt-cg {
    border-right:none;
	border-bottom:1px solid #dcdcdc;
}
.border-rt-cg.last {
    border-right:none;
	border-bottom:none;
}
.tab-br-r989{
    border-right:none !important;
	border-bottom: 1px solid #dcdcdc !important;
}
.tab-pn{padding:0px !important;}
.tab-text-center{text-align:center !important;}
.tab-pt30{padding-top:30px !important;}
.sm-wauto{width:auto;}
.mob-table{display:block;
    overflow-x:auto;}
}
@media only screen and (max-width:767px)
{
.ss-position {
    position: absolute;
    right:45px;
    top: 15px;
}
.tab-lh23{line-height: 23px !important;}
.pl-adjust{padding-left:0px;}
.nav-tabs.mdash li a{font-weight: 100;
    margin-bottom: 2px;
    font-size: 11px;
    padding: 4px 6px 4px;}
.sm-left{float:left !important;}

.mob-tab-bdr li a{border-bottom:2px solid #fff;}

.admin-table-bordered p {
    color: #585858;
    font-size: 12px;
    text-align: left;
    padding: 0px 5px 0px 5px;
}
.mob-mb5{margin-bottom:5px !important;}
.sub-menu ul li {
    float: left;
    padding: 0 10px;
    font-size: 13px;
}
.mob-mhn{min-height:auto !important;}
.cdb-tab-align-dt li{margin-bottom:2px;}
.white_content {
    border-radius: 3px;
    display: none;
    position: absolute;
    top: 25%;
    left: 10%;
    width: 80%;
    height: auto;
    padding: 50px 20px;
    background-color: white;
    z-index: 1002;
}
.white_content.vcenter{top:30px;bottom:30px;}
.main-footer{line-height:15px;}
.mob-xe-counter{display:block !important;}
.mob-lh16 h5{line-height:16px;width:80%;}
.sm-divider{padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-top: 10px;}
.admin-subhead{line-height:16px;}
.br-r{border-right:none !important;}
.mob-prn{padding-right:0px !important;}
.mob-pln{padding-left:0px !important;}
.mob-ptn{padding-top:0px !important;}
.mob-pt10{padding-top:10px !important;}
.mob-phn{padding-left:0px !important;padding-right:0px !important;}
.mob-width150{width:150px !important;}
.mob-width250{width:250px !important;}
.export-excel{position:relative;margin-bottom:10px;margin-left:15px;}

.mob-mbten{margin-bottom:10px;}
.mob-mb10 .border-lightgray{margin-bottom:10px;}
.mob-mb10{margin-bottom:10px;}
.mob-dblock{display:block;}
.mob-cc{    padding-top: 0px !important;
    padding-bottom: 0px !important;
    width: 100%;
    text-align: left;}
.leadinfo > div{width:100%;border-right:none;}
}
@media only screen and (max-width:480px)
{
	.navbar-brand > img {
    margin: 0px;
    width: 75px;
}
.button {
    background: #fcddc0;
    color: #565555 !important;
    padding: 7px 14px;
    border-radius: 20px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
}
	.tabx-fs20 {
    font-size:20px !important;
}
.tabx-pt20{padding-top:20px !important;}
.tabx-p25{padding:20px !important;}
.lh50 {
    line-height: 25px !important;
}
h2.title {
    font-size: 28px;
}
.bg-gb {
    background: #c1c1c1;
    padding: 50px !important;
}
.tabx-fs16{font-size:16px !important;}
.tabx-lh20{line-height:20px !important;}
.client-details img{width:80px;}
.tabx-ptn{padding-top:0px !important;}
.app-store a{display:block !important;margin:0px !important;margin-bottom:20px !important;}
.sign-overlap {
    box-shadow: 0px 2px 6px #e0e0e0;
    margin-top: 40px;
    background: #fff;
    padding: 50px;
    border-radius: 15px;
}
h1.inr-title{font-size:24px !important;}
.way-idcard-dropdown{width:100%;}
.inr-title{line-height:20px;}
    .mob-creditinfo-xe-widget {
    }
.lead-icons{width:60px;}
.select-style select {
        padding: 2px 8px;
    }
input {
    line-height: normal;
}
.btn {
    line-height: 22px;
    outline: none;
    padding: 2px 14px !important;
    border: none;
    text-transform: capitalize;
    font-size: 12px;
}
.dataTables_paginate.paging_bootstrap.pagination li a {
    color: #585858;
    padding: 2px 6px;
    display: inline-block;
    font-weight: bold;
}
.dataTables_paginate.paging_bootstrap.pagination li a:hover {
    color: #fff;
    background: #9ec9d4;
    text-decoration: none;
     padding: 2px 6px !important;
    display: inline-block;
}
.cttransform-active{width:185px;z-index: 9999;}
#spnusername{font-size:11px;}
.site-logo{margin-top:12px !important;}
#tleadchart, #tconversionchart, #dleadchart, #dconversionchart, #dbudgetchart, #tbudgetchart {
    width: 100%;
    height: 160px !important;
    position: relative;
}
.mob-list-item tr td{display:list-item;list-style-type:none;}
}
@media only screen and (max-width:380px) {
    .leads-rinfo {
        width: calc(90% - 70px);
        padding-left: 8%;
    }
    .btn {
    line-height: 22px;
    outline: none;
    padding: 2px 8px !important;
    border: none;
    text-transform: capitalize;
    font-size: 10px;
}
}
   .loading-div p {
        text-align: center;
        top: 45%;
        position: absolute;
        z-index: 9;
        left: 50%;
    }

    .loading-div {
        margin: 0px;
        padding: 0px;
        position: fixed;
        right: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
        background-color:rgba(255,255,255,0.8);
        z-index: 30001;
        /*opacity: 1;*/
    }

.sms-anl-h {
    min-height:325px;
}
.email-anl-h {
    min-height:325px;
}
@media only screen and (min-width:767px) {
    .dk-pln {
        padding-left: 0px;
    }
    .dk-ph5{padding-left:5px;padding-right:5px;}
    .dk-pr5{padding-right:5px;}
    .dk-pl5{padding-left:5px;}
    .dk-pl20{padding-left:20px}
    .dk-ml5{margin-left:5px;}
    .dk-mr5{margin-right:5px;}
    .dk-mr20{margin-right:20px;}
    .dk-mt20{margin-top:20px;}
    .dk-mt25{margin-top:25px;}
    .dk-w25p{width:25%;}
    .dk-prn{padding-right:0px !important;}
    .dk-ml50{margin-left:0px;}
    .dk-leftauto{left:auto;}
    .dk-text-left{text-align:left !important;}
    .analytics-spent{bottom:20px;
    position:absolute;
    right:0px;
    z-index:9;padding:20px;}
    .dk-wauto{width:auto;}
}
.set-dp li{display:block;    width: 100%;
    padding: 0px !important;}
.d-grid{display:grid;}
.analytics-spent{margin:5px 0;}


/*.navbar.navbar-bg-light .navbar-nav > li > a > span img{width:15px;}*/