* html input { overflow: visible; }

BODY
{
  font-family: Arial, helvetica, sans-serif;
  font-size: 16px;
  color: #262626;
  background-color: #E6E6E6;
  z-index: 0;
  margin: 0;
}
.accept
{
  background: url(../images/newdesign/icons/accept.png) 0 center no-repeat;
}
A
{
  color: #0066cc;
  text-decoration: none;
  /*text-transform: capitalize;*/
}

A:hover, .active
{
  color: #373737;
  text-decoration: none;
}

A.noCapitals
{
  text-transform: none;
}

a.allCaps
{
  text-transform: uppercase;
}

H1, .h1Like
{
  /*font-family: 'Open Sans', Arial, sans-serif; */
  font-size: 30px;
  color: #82B840;
  text-transform: capitalize;
  display:inline;
}

H1 a, H1 .innerTitleLinks
{
  font-size: 12px;
  font-weight: normal;
}

H1.error
{
  color: #9F0A04;
}

.h1Text, .h2Text, .h3Text
{
  font-family: Arial, helvetica, sans-serif;
  font-size: 12px;
  color: #454545;
  display: inline;
  font-weight: normal;
  text-decoration: none;
}

.list_line_height { line-height: 17px; }

ul.noStyleType {
  line-height: 17px;
  list-style: none outside none;
  padding: 0px;
}
ul.noStyleType1 {
  line-height: 34px;
  list-style: none outside none;
}

.inline
{
  display: inline !important;
}

H2
{
  /*font-family: 'Open Sans', Arial, sans-serif; */
  font-size: 22px;
  font-weight: normal;
}

H3
{
  font-size: 18px;
}

H4
{
  font-size: 16px;
}

H5
{
  font-size: 14px;
}

H6
{
  font-size: 12px;
}

H1, H2, H3, H4, H5, H6
{
  margin: 0px;
  padding: 0px;
}

.b
{
  font-weight: bold;
}

.c
{
  text-align: center;
}

.l
{
  text-align: left;
}

.r
{
  text-align: right;
}

.l_imp
{
  text-align: left !important;
}

.i
{
  font-style: italic;
}

.pointer
{
  cursor:pointer;
}

.cursorNone
{
  cursor: default !important;
}

.cursorHelp
{
  cursor: help !important;
}

.spanHelp
{
  cursor: help !important;
  line-height: 16px;
  height: 16px;
  display: block;
  vertical-align: top;
  background: url(../images/help_icon.gif) no-repeat center right;
  padding-right: 20px;
}

.spanHelp span
{
  vertical-align: top;
}

.striked
{
  text-decoration: line-through !important;
}

.vspace3  {height: 3px;}
.vspace5 {height: 5px;}
.vspace10 {height: 10px;}
.vspace20 {height: 20px;}
.vspace30 {height: 30px !important;}
.vspace40 {height: 40px !important;}
.vspace55 {height: 55px !important;}
.vspace50 {height: 50px;}
.hspace5  {width: 5px;display: inline;}
.hspace10 {width: 10px;display: inline;}
.hspace20 {width: 20px;display: inline;}
.hspace50 {width: 50px;display: inline;}

.txtwhite { color: #fff; text-decoration: none;}
.txtgreen { color: #82B840; text-decoration: none; }
.txtforestgreen { color: forestgreen; text-decoration: none; }
.txtred { color: #E51F36; text-decoration: none; }
.txtblack_imp { color: #000000 !important; text-decoration: none; }
.txtred, .commonTable th.txtred { color: #990033; text-decoration: none;}
.txtneonblue   { color: #008DB6; text-decoration: none;}
.txtlandingblue   { color: #008FC7; text-decoration: none;}
.txtlightgrey   { color: #D5D5D5; text-decoration: none;}
.txtlightverygrey   { color: #AEAEAE; text-decoration: none;}
.txtdarkgrey   { color: #454545; text-decoration: none;}
.txtblue   { color: #4384C5; text-decoration: none;}
.txtbluelink   { color: #025D78; text-decoration: none;}

.txt_fetures_keyword { color: #AB6B11; }
.txt_fetures_coupons { color: #60476F; }
.txt_fetures_mms { color: #D39E00; }
.txt_fetures_url { color: #10AF5D; }
.txt_fetures_link { color: #0077A0; font-weight: bold;}
.txt_fetures_two_way { color: #690505; }
.txt_fetures_sms_api { color: #673434; }

.txt10, .txt10:link, .txt10:visited, .txt10:active { font-size: 10px !important; text-decoration: none;}
.txt11, .txt11:link, .txt11:visited, .txt11:active { font-size: 11px !important; text-decoration: none;}
.txt12, .txt12:link, .txt12:visited, .txt12:active { font-size: 12px !important; text-decoration: none;}
.txt13, .txt13:link, .txt13:visited, .txt13:active { font-size: 13px !important; text-decoration: none;}
.txt14, .txt14:link, .txt14:visited, .txt14:active { font-size: 14px !important; text-decoration: none;}
.txt15, .txt15:link, .txt15:visited, .txt15:active { font-size: 15px !important; text-decoration: none;}
.txt16, .txt16:link, .txt16:visited, .txt16:active { font-size: 16px !important; text-decoration: none;}
.txt17, .txt17:link, .txt17:visited, .txt17:active { font-size: 17px !important; text-decoration: none;}
.txt18, .txt18:link, .txt18:visited, .txt18:active { font-size: 18px !important; text-decoration: none;}
.txt20, .txt20:link, .txt20:visited, .txt20:active { font-size: 20px !important; text-decoration: none;}
.txt22, .txt22:link, .txt22:visited, .txt22:active { font-size: 22px !important; text-decoration: none;}
.txt24, .txt24:link, .txt24:visited, .txt24:active { font-size: 24px !important; text-decoration: none;}
.txt26, .txt26:link, .txt26:visited, .txt26:active { font-size: 26px !important; text-decoration: none;}
.txt28, .txt28:link, .txt28:visited, .txt28:active { font-size: 28px !important; text-decoration: none;}
.txt30, .txt30:link, .txt30:visited, .txt30:active { font-size: 30px !important; text-decoration: none;}
.txt36, .txt36:link, .txt36:visited, .txt36:active { font-size: 36px !important; text-decoration: none;}
.txt50, .txt50:link, .txt50:visited, .txt50:active { font-size: 50px !important; text-decoration: none;}

.bw_text
{
  font-size:18px;
  color: #0c3d6a;
}

.s10
{
  font-size: 10px;
}

.s12
{
  font-size: 12px;
}

.s14
{
  font-size: 14px;
}

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

.s18
{
  font-size: 18px;
}

.nobold { font-weight: normal; }
.bld { font-weight: bold; }

.fontStyleNone
{
  font-style: normal;
}

.floatLeft
{
  float: left;
}

.floatRight
{
  float: right;
}

.floatNone
{
  float: none;
}

.clearBoth
{
  clear: both;
}

.displayNone
{
  display: none;
}

.displayBlock
{
  display: block !important;
}

.displayInlineBlock
{
  display: inline-block !important;
}

.displayInline
{
  display: inline !important;
}

.noPadding
{
  padding: 0px !important;
}

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

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

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

.padding5
{
  padding: 5px !important;
}

.padding10
{
  padding: 10px;
}

.padding12
{
  padding: 12px;
}

.padding20
{
  padding: 20px;
}

.padding30
{
  padding: 30px;
}

.paddingBottom5
{
  padding-bottom: 5px;
}

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

.paddingBottom20
{
  padding-bottom: 20px;
}

.paddingBottom30
{
  padding-bottom: 30px;
}

.paddingBottom50
{
  padding-bottom: 50px;
}

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

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

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

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

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

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

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

.paddingTop25
{
  padding-top: 25px;
}

.paddingTop28
{
  padding-top: 28px;
}

.paddingTop30
{
  padding-top: 30px;
}

.paddingTop37
{
  padding-top: 37px;
}

.paddingTop40
{
  padding-top: 40px;
}

.paddingTop50
{
  padding-top: 50px;
}

.paddingTop60
{
  padding-top: 60px;
}

.paddingTop145
{
  padding-top: 145px;
}

.paddingLeft3
{
  padding-left: 3px;
}

.paddingLeft10
{
  padding-left: 10px;
}

.paddingLeft15
{
  padding-left: 15px;
}

.paddingLeft17
{
  padding-left: 17px;
}

.paddingLeft5
{
  padding-left: 5px;
}

.paddingLeft20
{
  padding-left: 20px;
}

.paddingLeft25
{
  padding-left: 25px;
}

.paddingLeft30
{
  padding-left: 30px;
}

.paddingLeft40
{
  padding-left: 40px;
}

.paddingLeft45
{
  padding-left: 45px;
}

.paddingLeft50
{
  padding-left: 50px;
}

.paddingLeft60
{
  padding-left: 60px;
}

.paddingLeft70
{
  padding-left: 70px;
}

.paddingRight5
{
  padding-right: 5px ;
}

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

.paddingRight10
{
  padding-right: 10px;
}

.paddingRight19
{
  padding-right: 19px;
}

.paddingRight20
{
  padding-right: 20px;
}

.paddingRight25
{
  padding-right: 25px;
}

.paddingRight30
{
  padding-right: 30px;
}

.paddingRight90
{
  padding-right: 90px;
}

.paddingRight60
{
  padding-right: 60px;
}

.paddingRight200
{
  padding-right: 370px;
}

.noMarginRight
{
  margin-right: 0px;
}

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

.marginBottom10
{
  margin-bottom: 10px;
}

.marginBottom20
{
  margin-bottom: 20px;
}

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

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

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

.marginLeft10Imp, .marginLeft10Imp.commonButton
{
  margin-left: 10px !important;
}

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

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

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

.positionAbsolute
{
  position: absolute;
}

.positionRelative
{
  position: relative;
}

.width50P
{
  width: 50%;
}

.width50P_imp
{
  width: 50% !important;
}

.width1P
{
  width: 1%;
}

.width65P
{
  width: 65%;
}

.width60P
{
  width: 60%;
}

.width48P
{
  width:48%;
}

.mceEditor
{
  width:100% !important;
}

.width40P
{
  width: 40% !important;
}

.width100P
{
  width: 100% !important;
}

.width75P
{
  width: 75% !important;
}

.width80P
{
  width: 80% !important;
}

.width87P
{
  width: 87% !important;
}

.width55P
{
  width: 55%;
}

.width45P
{
  width: 45%;
}

.width33P
{
  width: 33%;
}

.width30P
{
  width: 31% !important;
}

.width20P
{
  width: 20% !important;
}

.width15P
{
  width: 15%;
}

.width25P
{
  width: 25%;
}

.width10P
{
  width: 10%;
}

.width8P
{
  width: 8%;
}

.width2P
{
  width: 2%;
}

.width50
{
  width: 50px;
}

.width270
{
  width: 270px !important;
}

.width350
{
  width: 350px;
}

.width370
{
  width: 370px !important;
}

.width365
{
  width: 360px !important;
}

.width395
{
  width: 395px !important;
}

.width300
{
  width: 300px;
}

.width600
{
  width: 600px;
}

.width160
{
  width: 160px !important;
}

.width100
{
  width: 100px !important;
}

.width200
{
  width: 200px;
}

.width210
{
  width: 210px !important;
}

.width235
{
  width: 235px;
}


.width280
{
  width: 280px !important;
}

.width300
{
  width: 300px !important;
}

.width400
{
  width: 400px !important;
}

.width450
{
  width: 450px;
}

.width490
{
  width: 490px;
}

.width510
{
  width: 510px !important;
}

.width520
{
  width: 520px !important;
}

.width570
{
  width: 570px !important;
}

.width600
{
  width: 600px;
}

.width640
{
  width: 640px;
}

.width660
{
  width: 660px;
}

.width700
{
  width: 700px;
}

.width800
{
  width: 800px;
}

.width900
{
  width: 900px;
}

.width1000
{
  width: 1000px;
}

.height100P
{
  height: 100%;
}

.height35
{
  height: 35px;
}

.height37
{
  height: 37px;
}

.height45
{
  height: 45px;
}

.height25
{
  height: 25px;
}

.height300
{
  height: 300px;
}

.height390
{
  height: 390px;
}

.height500
{
  height: 500px;
}

.height150
{
  height: 150px;
}

.height200
{
  height: 200px;
}

.displayTable
{
  width: 100%;
  display: block;
}

.displayTableCell, .displayTable > div
{
  display: block;
  float: left;
}

.displayTableCell .clearBoth, .displayTable > div.clearBoth
{
  display: block;
  float: none;
  clear: both;
}

.marginAuto
{
  margin-left: auto;
  margin-right: auto;
}

.marginLeft10
{
  margin-left: 10px;
}

.marginLeft50
{
  margin-left: 50px;
}

.marginLeft60
{
  margin-left: 60px;
}

.marginRight10
{
  margin-right: 10px;
}

.marginRight20
{
  margin-right: 20px;
}

.relative
{
  position: relative;
}

.absolute
{
  position: absolute;
}

.top30
{
  top: 30px;
}

.top50
{
  top: 50px;
}

.top60
{
  top: 60px;
}

.lineHeight35
{
  line-height: 35px;
}

.lineHeight25
{
  line-height: 25px;
}

.lineHeight15
{
  line-height: 15px !important;
}

.verticalTop
{
  vertical-align: top;
}

.verticalMiddle
{
  vertical-align: middle !important;
}

fieldset, img
{
  border: 0 none;
  padding: 0px;
}

#mainWrapper
{
  width: 100%;
  min-height: 398px;
  z-index: 10;
  position: relative;
}

@media (min-width: 980px) {
  #container {
    position: relative;
    margin: 0 auto;
    /*min-width: 980px!important;*/
    max-width: 1280px;
    left: 0 !important;
    z-index: 20;
  }
}

.boxWRoundCorners
{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #FFFFFF;
  -moz-box-shadow: 0 3px 5px rgba(150, 150, 150, 0.7);
  -webkit-box-shadow: 0 3px 5px rgba(150, 150, 150, 0.7);
  box-shadow: 0 3px 5px rgba(150, 150, 150, 0.7);
  min-height: 200px;
  padding: 35px 45px!important;
}

/* ----------- iPhone X ----------- */

/* Portrait and Landscape */
@media only screen
and (min-device-width: 375px)
and (max-device-width: 812px)
and (-webkit-min-device-pixel-ratio: 3) {
  .boxWRoundCorners { padding: 35px 15px!important;}
}

.boxWRoundCornersWBorder
{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  -moz-box-shadow: 2px 2px 2px #CFCFCF;
  -webkit-box-shadow: 2px 2px 2px #CFCFCF;
  box-shadow: 2px 2px 2px #CFCFCF;
  padding: 5px;
}

.boxWRoundCornersNoShadow
{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #FFFFFF;
  border: 1px solid #D2D2D2;
}

.boxWOUpperRoundCorners
{
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottom-right: 5px;
  -moz-border-radius-bottom-left: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #FFFFFF;
  -moz-box-shadow: 2px 3px 4px #CFCFCF;
  -webkit-box-shadow: 2px 3px 4px #CFCFCF;
  box-shadow: 2px 3px 4px #CFCFCF;
}

.boxWAllRoundCorners
{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #FFFFFF;
  -moz-box-shadow: 0 3px 5px rgba(150, 150, 150, 0.7);
  -webkit-box-shadow: 0 3px 5px rgba(150, 150, 150, 0.7);
  box-shadow: 0 3px 5px rgba(150, 150, 150, 0.7);
}

.detailsTitleWUpperRoundCorners
{
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-top-right: 5px;
  -moz-border-radius-top-left: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;

  background-color: #F1F1F1;
  border-bottom: 1px solid #D8D8D8;
  width: auto;
  padding: 20px;
  margin-bottom: 30px;

  position: relative;
}

.boxWAllRoundCornersWBackground
{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  -moz-box-shadow: 0 3px 5px rgba(150, 150, 150, 0.7);
  -webkit-box-shadow: 0 3px 5px rgba(150, 150, 150, 0.7);
  box-shadow: 0 3px 5px rgba(150, 150, 150, 0.7);

  background-color: #F1F1F1;
  border: 1px solid #D8D8D8;

  padding: 10px;
}

.boxWAllRoundCornersPayment
{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  -moz-box-shadow: 0 3px 5px rgba(150, 150, 150, 0.7);
  -webkit-box-shadow: 0 3px 5px rgba(150, 150, 150, 0.7);
  box-shadow: 0 3px 5px rgba(150, 150, 150, 0.7);

  background-color: #FFF8DC;
  border: 1px solid #D8D8D8;

  padding: 10px;
}

.boxFeatures
{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #E7EAEF;
  border: 1px solid #E7EAEF;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.featuresBoxPadding
{
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.boxFeaturesBlue
{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #087DAD;
  border: 0px solid #087DAD;
  padding: 0px;

}

.featuresRed
{
  background-color: #CE0000;
  border: 0px solid #CE0000;
}

.featuresViolet
{
  background-color: #630063;
  border: 0px solid #630063;
}

.featuresGreen
{
  background-color: #316500;
  border: 0px solid #316500;
}

.featuresGrey
{
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottom-right: 5px;
  -moz-border-radius-bottom-left: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #424542;
  border: 0px solid #424542;
}

.detailsTitleWUpperRoundCorners H2
{
  font-size: 20px;
  color: #464646;
  margin: 0px;
  padding: 0px;
}

.detailsTitleWUpperRoundCorners div
{
  position: absolute;
  bottom: -9px;
  left: 20px;
  width: 13px;
  height: 9px;
  background: url(../images/newdesign/details_tick.gif) no-repeat;
}

.reserveKeywordTitleText
{
  font-size: 24px;
}

#reserveKeywordBox
{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #4E8C11;
  height: 65px;
  line-height: 65px;
  display: block;
}

#reserveKeywordBox .text, #reserveKeywordBoxNew .text
{
  font-size: 24px;
  font-weight: bold;
  text-shadow: #000000 1px 1px 1px;
  color: #FFFFFF;
  float: left;
}

#reserveKeywordBoxNew .text
{
  padding-left: 10px;
  padding-top: 10px;
}

#reserveKeywordBox .box
{
  width: 720px;
  height: 65px;
  position: relative;
  float: left;
}

#reserveKeywordBox .innerBox
{
  width: 100%;
  height: 65px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
}

#reserveKeywordBox .help
{
  background: url(../images/newdesign/question.png) center center no-repeat transparent;
  width: 39px;
  height: 41px;
  margin: 0px;
  padding: 0px;
  display: block;
  float: left;
}

#reserveKeywordBox .help a:link, #reserveKeywordBox .help a:visited, #reserveKeywordBox .help a:active
{
  width: 39px;
  height: 41px;
  display: block;
}

#reserveKeywordBox .inputText
{
  width: 460px;
  height: 41px;
  line-height: 39px;
  border: 0px;
  font-size: 16px;
  font-weight: bold;
  color: #A1A1A1;
  padding: 0px;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 15px;
  display: block;
  float: left;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

#reserveKeywordBox .inputText.ajaxLoader, #reserveKeywordBoxPopup .ajaxLoader, #reserveKeywordBoxNew .ajaxLoader
{
  background: #fff url(../images/newstore/ajax-loader.gif) no-repeat 97% 50%;
}

#reserveKeywordBox .inputText.okTick, #reserveKeywordBoxPopup .okTick, #reserveKeywordBoxNew .okTick
{
  background: #fff url(../images/newdesign/accept.png) no-repeat 97% 50%;
}

#reserveKeywordBox .inputText.redCrossTick, #reserveKeywordBoxPopup .redCrossTick, #reserveKeywordBoxNew .redCrossTick
{
  background: #fff url(../images/newstore/cross.png) no-repeat 97% 50%;
}

.reserveKeywordBoxSmall
{
  background-color: transparent !important;
  height:110px !important;
}

.contentSeparatorHorizontal
{
  width: 100%;
  height: 1px;
  /*  background: #DADADA;*/
  border-bottom: 1px solid #DADADA;
}

.contentSeparatorDotsHorizontal
{
  width: 100%;
  height: 1px;
  border-bottom: 2px dotted #E4E4E4;
}

.contentSeparatorVertical
{
  width: 1px;
  height: 100%;
  min-height: 100%;
  background: #DADADA;
  float: left;
}

.border
{
  border: 1px solid #DADADA !important;
}

#message-holder, .message-holder, #message-holder-popup
{
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
  float: left;
  padding: 5px;
  margin-bottom: 20px;
  font-size: 14px;
  border-radius:5px;
  text-align: center;
  font-weight: normal;
  text-align: left;
  display: none;
  width: 100%;;
  vertical-align: middle;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  position: relative;
}

/*#message-holder div { padding: 0px; }*/
#message-holder.ie { border-bottom: 1px solid #CCC; }

#message-holder.txtgreen,
#message-holder.txtblack,
.message-holder.txtgreen,
.message-holder.txtblack,
#message-holder-popup.txtgreen,
#message-holder-popup.txtblack
{
  color: #ffffff;
  border-color: #66ac44;
  background:#66ac44 no-repeat 7px center;
}

#message-holder.txtblue, #message-holder-popup.txtblue
{
  color: #31708f;
  border-color: #bce8f1;
  background: #d9edf7;
}

.message-holder.txtyellow,#message-holder.txtyellow
{
  color: #8a6d3b;
  border-color: #faf2cc;
  background: #fcf8e3 no-repeat 7px center;
}

#message-holder .icon-error,
.message-holder .icon-error,
#message-holder-popup .icon-error
{
  float: left;
  height: 16px;
  width: 16px;
  margin: auto 5px;
}

#message-holder .close, #message-holder-popup .close
{
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
  padding: .75rem 1.25rem;
  color: inherit;
}

.message-holder .message.minPadding
{
  padding: 10px;
}

.featureImage
{
  margin-right:20px;
  margin-bottom:0px;
  float: left;
}

.featureMain
{
  min-height: 62px;
}

.featureMain p
{
  display: block;
}

.featureMain h2
{
  clear: both;
  padding-left: 70px;
}

.feature1
{
  background: url(../images/appicons/svg/app_i-group-texting.svg) no-repeat;
}

.feature2
{
  background: url(../images/appicons/svg/app_i-mobile-keyword.svg) no-repeat;
}

.feature3
{
  background: url(../images/appicons/svg/app_i-Mobile-Sweepstakes.svg) no-repeat;
}

.feature4
{
  background: url(../images/appicons/svg/app_i-Mobile-Surveys-voting.svg) no-repeat;
}

.feature5
{
  background: url(../images/appicons/svg/app_i-Mobile-Coupons.svg) no-repeat;
}

.feature6
{
  background: url(../images/appicons/svg/app_i-QR-codes.svg) no-repeat;
}

.feature7
{
  background: url(../images/appicons/svg/i-URL-Shortening-txplus.svg) no-repeat;
}

.feature8
{
  background: url(../images/appicons/svg/app_i-analytics.svg) no-repeat;
}

.feature9
{
  background: url(../images/appicons/svg/app_i-Web-Sign-Up-Forms.svg) no-repeat;
}


.feature10
{
  background: url(../images/appicons/svg/app_i-lbs.svg) no-repeat;
}


.feature11
{
  background: url(../images/appicons/svg/app_i-mms.svg) no-repeat;
}

.feature12
{
  background: url(../images/appicons/svg/app_i-text-me.svg) no-repeat;
}

.feature13
{
  background: url(../images/appicons/svg/app_i-mobile-apps.svg) no-repeat;
}

.feature15
{
  background: url(../images/appicons/svg/app_i-Virtual-Business-Card.svg) no-repeat;
}

.feature16
{
  background: url(../images/appicons/svg/i-Api-Send-Sms-Mms.svg) no-repeat;
}


.feature17
{
  background: url(../images/appicons/svg/app_i-Auto-Responder.svg) no-repeat;
}

.feature19
{
  background: url(../images/appicons/svg/app_i-name-capture.svg) no-repeat;
}

.feature20
{
  background: url(../images/appicons/svg/app_i-email-capture.svg) no-repeat;
}

.feature21
{
  background: url(../images/appicons/svg/app_i-2-way%20Messaging.svg) no-repeat;
}

.feature22
{
  background: url(../images/appicons/svg/app_i-text-me.svg) no-repeat;
}

.feature23
{
  background: url(../images/appicons/svg/i-mms-to-screen.svg) no-repeat;
}

.feature24
{
  background: url(../images/appicons/svg/app_i-Date-Of-Birth-Capture.svg) no-repeat;
}

.feature25
{
  background: url(../images/appicons/svg/app_i-Social-Media-Integration.svg) no-repeat;
}

.feature26
{
  background: url(../images/appicons/svg/app_i-Device-URL-Forwarding.svg) no-repeat;
}

.feature27
{
  background: url(../images/appicons/svg/app_i-Recurring-Group-Messaging.svg) no-repeat;
}
.feature28
{
  background: url(../images/appicons/svg/app_i-URL-Track-Numbers.svg) no-repeat;
}


.readMore:link, #slider .readMore:active, #slider .readMore:visited
{

  /*
  color: #0D4D7D;
  text-decoration: underline;
  */
}


.keywords_pic
{
  width: 382px;
  height: 330px;
  background: url(../images/newdesign/features/keywords_pic.jpg) no-repeat;
}

.coupons_pic
{
  width: 382px;
  height: 330px;
  background: url(../images/newdesign/features/coupons_pic.jpg) no-repeat;
}

.mms_pic
{
  width: 382px;
  height: 330px;
  background: url(../images/newdesign/features/mms_pic.jpg) no-repeat;
}
.vcadrs_pic
{
  width: 382px;
  height: 330px;
  background: url(../images/newdesign/features/bcards_pic.jpg) no-repeat;
}

.sweeps_pic
{
  width: 382px;
  height: 616px;
  background: url(../images/newdesign/features/win_pic.jpg) no-repeat;
}

.sweeps2_pic
{
  width: 382px;
  height: 330px;
  background: url(../images/newdesign/features/sweeps2_pic.jpg) no-repeat;
}

.surveys_pic
{
  width: 382px;
  height: 330px;
  background: url(../images/newdesign/features/survey_pic.jpg) no-repeat;
}

.surveys2_pic
{
  width: 497px;
  height: 326px;
  background: url(../images/newdesign/features/survey2_pic.jpg) no-repeat;
}

.group_pic
{
  width: 382px;
  height: 330px;
  background: url(../images/newdesign/features/group_pic.jpg) no-repeat;
}

.text_pic
{
  width: 550px;
  height: 330px;
  background: url(../images/newdesign/features/text_pic.jpg) no-repeat;
}

.text_icon
{
  width: 55px;
  height: 228px;
  background: url(../images/newdesign/features/text_icons.gif) no-repeat;
}

.coupons_icon
{
  width: 55px;
  height: 253px;
  background: url(../images/newdesign/features/coupons_icons.gif) no-repeat;
}

.mms_icon
{
  width: 55px;
  height: 314px;
  background: url(../images/newdesign/features/mms_icons.gif) no-repeat;
}

.vcards_icon
{
  width: 55px;
  height: 210px;
  background: url(../images/newdesign/features/bcards_icons.gif) no-repeat;
}

.sweep_icon
{
  width: 55px;
  height: 327px;
  background: url(../images/newdesign/features/sweeps_icons.gif) no-repeat;
}

.group_icon
{
  width: 55px;
  height: 257px;
  background: url(../images/newdesign/features/group_icons.gif) no-repeat;
}

.url_background
{
  background-image:url(../images/newdesign/features/url_pic.jpg);
  background-repeat:no-repeat;
  background-position:0px 190px;
}

.sweeps_background
{
  position: absolute;
  background-image:url(../images/newdesign/features/sweeps_bg.jpg);
  background-repeat:no-repeat;
  width: 980px;
  height: 455px;
  right: 0px;
  z-index: 1;
}

.sweep_abs
{
  position: absolute;
  z-index: 2;
}

.sweep_dentist
{
  padding-top: 270px;
  padding-left: 548px;
}

.sweep_any
{
  padding-top: 325px;
  padding-left: 548px;
}

.group_background
{
  background-image:url(../images/newdesign/features/group_phones.jpg);
  background-repeat:no-repeat;
  background-position:590px 30px;
}

.two_way_icon
{
  width: 55px;
  height: 300px;
  background: url(../images/newdesign/features/2way_icons.gif) no-repeat;
}

.two_way_background
{
  background-image:url(../images/newdesign/features/2way_pic.jpg);
  background-repeat:no-repeat;
  background-position:520px 95px;
}

.sms_api_background
{
  background-image:url(../images/newdesign/features/api-pic.png);
  background-repeat:no-repeat;
  background-position:440px 230px;
}

.commonTable
{
  border: 0px;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
  border: 0px;
}

table.small th
{
  font-size: 12px !important;
  padding: 5px 15px 5px 15px !important;
  font-weight:normal !important;
  background-color:#DEDEDE !important;
}

table.small td
{
  font-size: 12px !important;
  padding: 5px 15px 0px 15px !important;
  font-weight:normal !important;
}

.commonTable th, .commonTable div.header
{
  background-color: #F1F1F1;
  border: 0px;
  border-right: 3px solid #FFFFFF;
  border-bottom: 1px solid #C4C4C4;

  color: #3F3F3F;
  padding: 15px;
  padding-right: 10px;
  text-align: left;
  vertical-align: top;
  text-transform: capitalize;
}

.commonTable th.details
{
  color: #1C80B4;
}

.commonTable th.first, .commonTable div.header .first
{
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}

.commonTable th.last, .commonTable div.header .last
{
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  border-spacing-right: 0px;
  border-right: 0px;
}

.commonTable th.noTopBottomPadding
{
  padding-top: 0px;
  padding-bottom: 0px;
}

.commonTable td
{
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: top;
  color: #363636;
}

.commonTable td.important
{
  font-size: 16px;
  font-weight: bold;
  color: #505050;
  /* text-transform: uppercase; */
}

.commonTable td.importantDetails, .commonTable td.importantDetails a.text
{
  font-size: 16px;
}

.commonTable td.importantDetails a.link
{
  font-size: 12px;
  font-weight: normal;
  text-transform: none;
}

.commonTable td.status
{
  color: #1377B2;
}

.commonTable td.statusActive
{
  color: green;
  font-weight: bold;
  text-transform: uppercase;
}

.commonTable td.statusNotActive
{
  color: red;
  font-weight: bold;
  text-transform: uppercase;
}

.commonTable .note
{
  font-size: 12px;
  font-weight: normal;
  color: #505050;
  text-transform: none;
  font-style: italic;
}

.commonTable td.separator
{
  padding: 0px;
}

.commonTable td.separatorVertical
{
  border-right: 1px solid #DADADA;
}

.commonTable td span.stress
{
  font-size: 16px;
  font-weight: bold;
  /* text-transform: uppercase; */
}

.commonTable .ticks
{
  position: relative;
  height: 1px;
}

.commonTable .ticks div.tick
{
  position: absolute;
  top: -7px;
  left: 50px;
  width: 13px;
  height: 9px;
  background: url(../images/newdesign/details_tick.gif) no-repeat;
}

.commonTable .ticks div.tick_apps
{
  position: absolute;
  top: -7px;
  left: 10px;
  width: 13px;
  height: 9px;
  background: url(../images/newdesign/details_tick.gif) no-repeat;
}

.commonTable td.verticalMiddle
{
  vertical-align: middle;
}

.commonTable td.verticalTop
{
  vertical-align: top;
}

.commonTable td.verticalBottom
{
  vertical-align: bottom;
}

.commonTable td.noTopBottomPadding
{
  padding-top: 0px;
  padding-bottom: 0px;
}

.commonTable td.noLeftRightPadding
{
  padding-left: 0px;
  padding-right: 0px;
}

.commonTable td.noRightPadding
{
  padding-right: 0px;
}

.commonTable td.noPadding
{
  padding: 0px;
}

.commonTable td.noBottomBorder
{
  border-bottom: 1px solid transparent !important;
}

.commonTableNopadding td
{
  padding: 0px;
}

.dashboardTable
{
  border: 0px;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
  border: 0px;
}

.dashboardTable tr.odd
{
  background-color: #FFFFFF;
}

.dashboardTable tr.even
{
  background-color: #F1F1F1;
}

.dashboardTable td
{
  font-size: 20px;
  font-weight: bold;
  color: #505050;
  padding: 15px;
  border-bottom: 1px solid #DDDDDD;
}

.dashboardTable td.noBottomBorder
{
  border-bottom: 0px !important;
}

.dashboardTable td.leftBorder
{
  border-left: 1px solid #DDDDDD;
}

.dashboardTable td.alignRight
{
  text-align: right;
}

.dashboardTable a:link, .dashboardTable a:visited, .dashboardTable a:active
{
  font-size: 24px;
  font-weight: bold;
  color: #008DB6;
}

.dashboardTable a:hover
{
  text-decoration: underline;
  color: #008DB6;
}

#detailedInformation
{
  width: 100%;
  height: 70px;
  display: none;
}

#detailedInformation div
{
  font-size: 11px;
  font-weight: normal;
  color: #464646;

}

.manageLinksBox
{
  /*position: relative;*/
  display: inline-block;
  position: static;
  z-index: 1;
}

.manageLinksBox .manageLinks
{
  /*float: right;*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  -moz-box-shadow: 2px 2px 2px #CFCFCF;
  -webkit-box-shadow: 2px 2px 2px #CFCFCF;
  box-shadow: 2px 2px 2px #CFCFCF;

  background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D1E3E7), to(#E1F1F1)); /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #E1F1F1, #D1E3E7); /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #E1F1F1, #D1E3E7); /* IE 10 */
  background: -ms-linear-gradient(top, #E1F1F1, #D1E3E7); /* Opera 11.10+ */
  background: -o-linear-gradient(top, #E1F1F1, #D1E3E7);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E1F1F1', endColorstr='#D1E3E7',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #E1F1F1 0%,#D1E3E7 100%); /* W3C */

  border: 1px solid #99BED0;
  min-height: 40px;
  line-height: 40px;
  padding-left: 15px;
  padding-right: 15px;
  margin-right: 10px;
  z-index: 2;
  width: auto;
  display: inline-block;
  position: static;
}

.manageLinksBox .manageLinksNoRightMargin
{
  margin-right: 0px;
}

/*.manageLinksBox div.tick*/
/*{*/
/*  position: absolute;*/
/*  top: -10px;*/
/*  right: 20px;*/
/*  width: 18px;*/
/*  height: 11px;*/
/*  background: url(../images/newdesign/magane_drop_arrow.png) no-repeat;*/
/*  z-index: 3;*/
/*}*/

/*.manageLinksBox div.tickMovedToLeft*/
/*{*/
/*  right: 35px;*/
/*}*/

.manageLinks a:link, .manageLinks a:visited, .manageLinks a:active, .manageLinks span.notactive
{
  display: block;
  float: left;
  padding-left: 20px;
  margin-right: 10px;
  line-height: 40px;
  font-size: 14px;
}

.manageLinks a.noicon:link, .manageLinks a.noicon:visited, .manageLinks a.noicon:active, .manageLinks a.noicon:hover
{
  padding-left: 0px;
}

/*
.manageLinks a.noicon span.unread
{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #930E0F;

  background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#ECA885), to(#C42716));
  background: -moz-linear-gradient(center top , #ECA885, #C42716) repeat scroll 0 0 transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECA885', endColorstr='#C42716');

  font-size: 10px;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  color: #FFFFFF;
}
*/

.unreadBase{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #930E0F;

  background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#ECA885), to(#C42716));
  background: -moz-linear-gradient(center top , #ECA885, #C42716) repeat scroll 0 0 transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ECA885', endColorstr='#C42716'); /* for IE */

  font-size: 10px;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  color: #FFFFFF;
}

.manageLinks a.send:link, .manageLinks a.send:visited, .manageLinks a.send:active
{
  background: url(../images/newdesign/icons/send.png) 0 center no-repeat;
}

.manageLinks a.contacts:link, .manageLinks a.contacts:visited, .manageLinks a.contacts:active
{
  background: url(../images/newdesign/icons/contacts.png) 0 center no-repeat;
}

.manageLinks a.responder:link, .manageLinks a.responder:visited, .manageLinks a.responder:active
{
  background: url(../images/newdesign/icons/responder.png) 0 center no-repeat;
}

.manageLinks a.edit:link, .manageLinks a.edit:visited, .manageLinks a.edit:active
{
  background: url(../images/newdesign/icons/edit.png) 0 center no-repeat;
}

.manageLinks span.edit
{
  background: url(../images/newdesign/icons/edit.png) 0 center no-repeat;
  filter: alpha(opacity=50);
  -moz-opacity: 0.50;
  -khtml-opacity: 0.50;
  opacity: 0.50;
}

.manageLinks a.delete:link, .manageLinks a.delete:visited, .manageLinks a.delete:active
{
  background: url(../images/newdesign/icons/delete.png) 0 center no-repeat;
}

.manageLinks span.delete
{
  background: url(../images/newdesign/icons/delete.png) 0 center no-repeat;
  filter: alpha(opacity=50);
  -moz-opacity: 0.50;
  -khtml-opacity: 0.50;
  opacity: 0.50;
}

.manageLinks a.release:link, .manageLinks a.release:visited, .manageLinks a.release:active
{
  background: url(../images/newdesign/icons/release.png) 0 center no-repeat;
}

.manageLinks a.groups:link, .manageLinks a.groups:visited, .manageLinks a.groups:active
{
  background: url(../images/newdesign/icons/group.png) 0 center no-repeat;
}

.manageLinks a.optout:link, .manageLinks a.optout:visited, .manageLinks a.optout:active
{
  background: url(../images/newdesign/icons/optout.png) 0 center no-repeat;
}

.manageLinks span.optout
{
  background: url(../images/newdesign/icons/optout.png) 0 center no-repeat;
  filter: alpha(opacity=50);
  -moz-opacity: 0.50;
  -khtml-opacity: 0.50;
  opacity: 0.50;
}

.manageLinks a.getLink:link, .manageLinks a.getLink:visited, .manageLinks a.getLink:active
{
  background: url(../images/newdesign/icons/getlink.png) 0 center no-repeat;
}

.manageLinks a.getHTML:link, .manageLinks a.getHTML:visited, .manageLinks a.getHTML:active
{
  background: url(../images/newdesign/icons/xtml.png) 0 center no-repeat;
}

.manageLinks a.getEmbedCode:link, .manageLinks a.getEmbedCode:visited, .manageLinks a.getEmbedCode:active
{
  background: url(../images/newdesign/icons/embed.png) 0 center no-repeat;
}

.manageLinks a.details:link, .manageLinks a.details:visited, .manageLinks a.details:active, .manageLinks a.preview:link, .manageLinks a.preview:visited, .manageLinks a.preview:active
{
  background: url(../images/newdesign/icons/chart.png) 0 center no-repeat;
}

.manageLinks a.winners:link, .manageLinks a.winners:visited, .manageLinks a.winners:active
{
  background: url(../images/newdesign/icons/trophy.png) 0 center no-repeat;
}

.manageLinks a.pause:link, .manageLinks a.pause:visited, .manageLinks a.pause:active
{
  background: url(../images/newdesign/icons/control_pause.png) 0 center no-repeat;
}

.manageLinks a.resume:link, .manageLinks a.resume:visited, .manageLinks a.resume:active
{
  background: url(../images/newdesign/icons/control_play.png) 0 center no-repeat;
}

.manageLinks a.stop:link, .manageLinks a.stop:visited, .manageLinks a.stop:active
{
  background: url(../images/newdesign/icons/control_stop.png) 0 center no-repeat;
}

.manageLinks a.AddContacts:link, .manageLinks a.AddContacts:visited, .manageLinks a.AddContacts:active
{
  background: url(../images/newdesign/icons/release.png) 0 center no-repeat;
}

.manageLinks a.download:link, .manageLinks a.download:visited, .manageLinks a.download:active
{
  background: url(../images/newdesign/icons/release.png) 0 center no-repeat;
}

.manageLinks a.analytics:link, .manageLinks a.analytics:visited, .manageLinks a.analytics:active
{
  background: url(../images/newdesign/icons/analitics.png) 0 center no-repeat;
}

.manageLinks a.inbox:link, .manageLinks a.inbox:visited, .manageLinks a.inbox:active
{
  background: url(../images/newdesign/icons/menu_inbox.png) 0 center no-repeat;
}

.manageLinks a.sendsurvey:link, .manageLinks a.sendsurvey:visited, .manageLinks a.sendsurvey:active
{
  background: url(../images/newdesign/icons/sendsurvey.png) 0 center no-repeat;
}

.manageLinks a.activate:link, .manageLinks a.activate:visited, .manageLinks a.activate:active
{
  background: url(../images/newdesign/icons/activate.png) 0 center no-repeat;
}

.manageLinks a.deactivate:link, .manageLinks a.deactivate:visited, .manageLinks a.deactivate:active
{
  background: url(../images/newdesign/icons/deavtivate.png) 0 center no-repeat;
}

.manageLinks a.addRecipient:link, .manageLinks a.addRecipient:visited, .manageLinks a.addRecipient:active
{
  background: url(../images/newdesign/icons/addrecipient.png) 0 center no-repeat;
}

.manageLinks a.forwarding:link, .manageLinks a.forwarding:visited, .manageLinks a.forwarding:active
{
  background: url(../images/newdesign/icons/forwarding.png) 0 center no-repeat;
}

.manageLinks a.insertInSMS:link, .manageLinks a.insertInSMS:visited, .manageLinks a.insertInSMS:active
{
  background: url(../images/newdesign/icons/insertsms.png) 0 center no-repeat;
}

.manageLinks a.redeem:link, .manageLinks a.redeem:visited, .manageLinks a.redeem:active
{
  background: url(../images/newdesign/icons/redeem.png) 0 center no-repeat;
}

.manageLinks a.risk:link, .manageLinks a.risk:visited, .manageLinks a.risk:active
{
  background: url(../images/newdesign/icons/risk.png) 0 center no-repeat;
}

.manageLinks a.assign:link, .manageLinks a.assign:visited, .manageLinks a.assign:active
{
  background: url(../images/newdesign/icons/redeem.png) 0 center no-repeat;
}

.manageLinks a.loginAsClient:link, .manageLinks a.loginAsClient:visited, .manageLinks a.loginAsClient:active
{
  background: url(../images/newdesign/icons/door_in.png) 0 center no-repeat;
}

.manageLinks a.transactionOperations:link, .manageLinks a.transactionOperations:visited, .manageLinks a.transactionOperations:active
{
  background: url(../images/newdesign/icons/timeline_marker.png) 0 center no-repeat;
}

.manageLinks a.activateClient:link, .manageLinks a.activateClient:visited, .manageLinks a.activateClient:active
{
  background: url(../images/newdesign/icons/connect.png) 0 center no-repeat;
}

.manageLinks a.deactivateClient:link, .manageLinks a.deactivateClient:visited, .manageLinks a.deactivateClient:active
{
  background: url(../images/newdesign/icons/disconnect.png) 0 center no-repeat;
}

.manageLinks a.activeOperation:link, .manageLinks a.activeOperation:visited, .manageLinks a.activeOperation:active
{
  background: url(../images/newdesign/icons/active.png) 0 center no-repeat;
}

.manageLinks a.deactiveOperation:link, .manageLinks a.deactiveOperation:visited, .manageLinks a.deactiveOperation:active
{
  background: url(../images/newdesign/icons/notactive.png) 0 center no-repeat;
}

.manageLinks a.resetPassword:link, .manageLinks a.resetPassword:visited, .manageLinks a.resetPassword:active
{
  background: url(../images/newdesign/icons/lock.png) 0 center no-repeat;
}

.manageLinks a.addKeyword:link, .manageLinks a.addKeyword:visited, .manageLinks a.addKeyword:active
{
  background: url(../images/newdesign/icons/magnet.png) 0 center no-repeat;
}

.manageLinks a.forward:link, .manageLinks a.forward:visited, .manageLinks a.forward:active
{
  background: url(../images/newdesign/icons/forward.png) 0 center no-repeat;
}

.manageLinks a.reply:link, .manageLinks a.reply:visited, .manageLinks a.reply:active
{
  background: url(../images/newdesign/icons/reply.png) 0 center no-repeat;
}

.manageLinks a.delete_group:link, .manageLinks a.delete_group:visited, .manageLinks a.delete_group:active
{
  background: url(../images/newdesign/icons/del-group.png) 0 center no-repeat;
}

.manageLinks a.design:link, .manageLinks a.design:visited, .manageLinks a.design:active
{
  background: url(../images/newdesign/icons/control_wheel.png) 0 center no-repeat;
}

.manageLinks a.edit_reply:link, .manageLinks a.edit_reply:visited, .manageLinks a.edit_reply:active
{
  background: url(../images/newdesign/icons/comment.png) 0 center no-repeat;
}

.manageLinks a.private_reply:link, .manageLinks a.private_reply:visited, .manageLinks a.private_reply:active
{
  background: url(../images/newdesign/icons/envelope.png) 0 center no-repeat;
}

.manageLinks a.show:link, .manageLinks a.show:visited, .manageLinks a.show:active
{
  background: url(../images/newdesign/icons/lightbulb.png) 0 center no-repeat;
}

.manageLinks a.hide:link, .manageLinks a.hide:visited, .manageLinks a.hide:active
{
  background: url(../images/newdesign/icons/lightbulb_off.png) 0 center no-repeat;
}

.manageLinks a.approve:link, .manageLinks a.approve:visited, .manageLinks a.approve:active
{
  background: url(../images/newdesign/accept.png) 0 center no-repeat;
}

.manageLinks a.disapprove:link, .manageLinks a.disapprove:visited, .manageLinks a.disapprove:active
{
  background: url(../images/newdesign/icons/cross.png) 0 center no-repeat;
}

.manageLinks a.sent:link, .manageLinks a.sent:visited, .manageLinks a.sent:active
{
  background: url(../images/newdesign/icons/comment.png) 0 center no-repeat;
}

.manageLinks a.mms_preview:link, .manageLinks a.mms_preview:visited, .manageLinks a.mms_preview:active
{
  background: url(../images/newdesign/icons/magnifier_zoom_in.png) 0 center no-repeat;
}
.manageLinks a.manage:link, .manageLinks a.manage:visited, .manageLinks a.manage:active
{
  background: url(../images/newdesign/icons/manage_ico.png) 0 center no-repeat;
}
.manageLinks a.mobilePhone:link, .manageLinks a.mobilePhone:visited, .manageLinks a.mobilePhone:active
{
  background: url(../images/newdesign/icons/mobile_phone.png) 0 center no-repeat;
}

.manageLinks a.reset:link, .manageLinks a.reset:visited, .manageLinks a.reset:active
{
  background: url(../images/newdesign/icons/counter_reset.png) 0 center no-repeat;
}

.headerInboxCount, .manageLinks a.noicon span.unread
{
  display: inline-block;
  line-height: 18px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #8a0000;

  background-image: url(gradient_IE/headerInboxCount.svg);
  background-size: 100% 100%;
  background-repeat: repeat-x;
  background-position: 0 0;
  background-color: transparent;

  background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a90000), to(#ff0000)); /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #ff0000, #a90000); /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #ff0000, #a90000); /* IE 10 */
  background: -ms-linear-gradient(top, #ff0000, #a90000); /* Opera 11.10+ */
  background: -o-linear-gradient(top, #ff0000, #a90000);

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#a90000',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #ff0000 0%,#a90000 100%); /* W3C */


  padding: 0px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  margin-right: 5px;
  color: #FFF;
  -moz-box-shadow: 1px 1px 5px #363636;
  -webkit-box-shadow: 1px 1px 5px #363636;
  box-shadow: 1px 1px 5px #363636;
}

a.headerInboxEmptyLink:link, a.headerInboxEmptyLink:visited, a.headerInboxEmptyLink:active
{
  background: url(../images/newdesign/icons/inbox.png) 0 center no-repeat;
  padding-left: 25px;
}

.new
{
  color: #B1181D;
  font-weight: bold;
}

.listHome
{
  list-style-type: disc;
  padding-left: 10px;
  margin-left: 10px;
}

.grCheck
{
  width: 16px;
  height: 16px;
  line-height: 16px;
  background: url('../images/newdesign/accept.png') no-repeat 0 0;
}

ul.greenCheck
{
  list-style-position: inside;
  list-style-image: url(../images/newdesign/accept.png);
  list-style-type: square;
  padding: 0px;
  margin: 0px;
}

ul.greenCheck li
{
  font-size: 16px;
  font-weight: bold;
  padding-top: 10px;
}

ul.greenCheck li a
{
  font-size: 16px;
  font-weight: normal;
  padding-top: 10px;
}

/****************White Label Reseller Program*******************/
.wlsDetails
{
  background: url(../images/whitelabel/wls-details.jpg) no-repeat center top;
  position:relative;
  height:205px;
}


.wlsDetailsHeadTitle
{
  padding-left:30px;
  padding-top:10px;
  color:#fff;
  font-size:26px;
  line-height:25px;
  font-weight:bold;
}

.wlsDetailsHeadText
{
  padding-left:30px;
  padding-top:10px;
  color:#fff;
  font-size:22px;
  line-height:25px;
}

.wlsDetailsHeadTextColored
{
  color:#98ffff;
}

.wlsHeaderTextRight
{
  padding-top:10px;
  text-align:center;
}

.getStarted
{
  background-image: url(../images/whitelabel/btn-started.png);
  background-position:center;
  background-repeat:no-repeat;
  height:100px;
  width:305px;
  margin:0 auto;
  cursor:pointer;
}

.wlsHorizontalLine
{
  font-size:1px;
  height:1px;
  border-top: 1px solid #D5D5D5;
}

.wlsListImage
{
  width:70px;
}

.wlsListText
{
  width:340px;
  padding-left:10px;
}

/****************White Label Reseller Program*******************/

.Package
{
  background-color: #E5E5E5;

  border: 1px solid #BBBBBB;
  border-right: 0px;
  width: 180px;
  padding: 0px;
  z-index: 1;
}

.firstPackage
{
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -moz-border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  background-color: #E5E5E5;

  border: 1px solid #BBBBBB;
  border-right: 0px;
  width: 180px;
  padding: 0px;
  z-index: 1;
}

.lastPackage
{
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #E5E5E5;

  border: 1px solid #BBBBBB;
  width: 180px;
  padding: 0px;
  z-index: 1;
}

.Package .packageTitle
{
  background-color: #363636;
  font-size: 16px;
  font-weight: bold;
  color: #CCCCCC;
  padding: 10px;
  text-align: center;
}

.firstPackage .packageTitle
{
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;

  background-color: #363636;
  font-size: 16px;
  font-weight: bold;
  color: #CCCCCC;
  padding: 10px;
  text-align: center;
}

.lastPackage .packageTitle
{
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;

  background-color: #363636;
  font-size: 16px;
  font-weight: bold;
  color: #CCCCCC;
  padding: 10px;
  text-align: center;
}

.packagePrice
{
  width: auto;
  font-size: 42px;
  text-align: center;
  color: #FFFFFF;
  padding: 10px;
  border-bottom: 1px solid #FFFFFF;

  background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#577077), to(#2E373C));
  background: -moz-linear-gradient(center top , #577077, #2E373C) repeat scroll 0 0 transparent;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2E373C', endColorstr='#577077',GradientType=0 ); /* IE6-9 */
}

.packagePrice span.packagePriceDolar
{
  font-size: 28px;
}

.packagePrice sup
{
  font-size: 11px !important;
  font-weight: bold;
  text-transform: uppercase;
  color: #CFCFCF;
  padding-left: 5px;
}

.packageSeparator
{
  width: 100%;
  height: 1px;
  background: #BBBBBB;
}

.Package:hover, .firstPackage:hover, .lastPackage:hover, .ActivePackage, .firstActivePackage, .lastActivePackage
{
  border: 1px solid #BBBBBB;
  width: 181px;
  display: block;
  z-index: 4;
  position: relative;
  top: -10px;
  margin: 0 -1px;
  background-color: #E5E5E5;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
}

.ActivePackage
{
  z-index: 5;
}

.Package:hover .packageTitle, .firstPackage:hover .packageTitle, .lastPackage:hover .packageTitle
{
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.Package:hover .packagePrice, .firstPackage:hover .packagePrice, .lastPackage:hover .packagePrice, .ActivePackage .packagePrice, .firstActivePackage .packagePrice, .lastActivePackage .packagePrice
{
  padding-top: 20px;
  padding-bottom: 20px;
}

.ActivePackage .packageTitle, .firstActivePackage .packageTitle, .lastActivePackage .packageTitle
{
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;

  background-color: #363636;
  font-size: 16px;
  font-weight: bold;
  color: #CCCCCC;
  padding: 10px;
  text-align: center;
}

.packageText
{
  color: #005D7B;
}

.promoPackage
{
  background: url('../images/newstore/promo.png') no-repeat center top;
  position: relative;
  width: 61px;
  height: 59px;
  left: 122px;
  top: -3px;
  z-index: 5;
}

.promoPackageBox
{
  position: absolute;
  z-index: 4;
}

.trialPackage
{
  background: url('../images/newstore/trial.png') no-repeat center top;
  position: relative;
  width: 73px;
  height: 73px;
  left: 0px;
  top: 0px;
  z-index: 5;
}

.trialPackageBox
{
  position: absolute;
  z-index: 4;
}

.centerPackage
{
  margin-left: auto;
  margin-right: auto;
  width: 182px;
}

.centerTwoPackages
{
  margin-left: auto;
  margin-right: auto;
  width: 400px;
}
/****************White Label Reseller Program*******************/

table.aff_table td
{
  border-top: 0px;
  border-right: 1px solid #E5E5E5;
  text-align: right;
  font-weight: bold;
  color: #82B840;
}

table.aff_table td.last { border: 0px; }

table.datepicker select
{
  width: 95px;
}

table.datepicker td
{
  padding: 0px !important;
  margin: 0px !important;
}

.filterToggle
{
  background-color: #70B33F;
  font-family: arial, lucida grande, tahoma, verdana, sans-serif;
  font-weight: bold;
  font-size: 16px;
  color: #FFFFFF;
  text-align: center;
  float: left;
  display: inline;
  width:20px;
  margin-left: 7px;
  margin-right: 0px;
  cursor:pointer;
}

.alphabet { font-size: 12px; margin: 10px 0px; }
.alphabet a { padding: 2px 6px; margin: 0px 3px; background: #fff; text-decoration: none; color:#5ABA21;border: solid 1px #E5E5E5; font-family: Verdana;font-size: 10px;}
.alphabet a:visited { padding: 2px 6px; background: #fff; text-decoration: none; }
.alphabet .curr { font-family: Verdana; font-weight: bold; font-size: 12px; vertical-align: center; color: #000; align:center;padding-right:3px;padding-left:3px;}
.alphabet a:hover {color: #fff; background: #7EB720; border-color: #7EB720; text-decoration: none;}

/*.pagesHolder {padding-bottom: 5px;}*/
/*.pages { font-size: 12px; margin-left: auto; margin-right: auto; margin-top:10px; }*/
/*.pages a, .pageList .curr { padding: 2px 6px; background: #fff; text-decoration: none; color:#5ABA21;border: solid 1px #E5E5E5; font-family: Verdana;font-size: 10px;}*/
/*.pages a:visited { padding: 2px 6px; background: #fff; text-decoration: none; }*/
/*.pages .begin { padding: 2px 6px; background: #fff; color: #aaa; }*/
/*.pages .end { padding: 2px 6px; background: #fff; color: #aaa; }*/
/*.pages .Prev { margin-right: 5px; padding: 2px 6px; border: solid 1px #E5E5E5; background: #fff; color: #608B18; font-weight: bold;font-family: Verdana;font-size: 10px; }*/
/*.pages .Next { margin-left: 2px; padding: 2px 6px; border: solid 1px #E5E5E5; background: #fff; color: #608B18; font-weight: bold;font-family: Verdana;font-size: 10px; }*/
/*.pages .curr { font-family: Verdana; font-weight: bold; font-size: 12px; vertical-align: center; color: #000; align:center;padding-right:3px;padding-left:3px;}*/
/*.pages a:hover {color: #fff; background: #7EB720; border-color: #7EB720; text-decoration: none;}*/
/*.pages .curralp { font-family: Verdana; font-weight: bold; font-size: 12px; vertical-align: center; background: #fff; color: #000; padding-right:5px;padding-left:3px;padding-top:3px}*/
/*.pages .prevalp { margin-right: 5px; border: solid 1px #ddd; background: #fff; color: #FD00F1; font-weight: bold;font-family: Verdana;padding-top:3px;padding-bottom:3px;}*/

.pagesHolder {padding-bottom: 5px;}
.pages { font-size: 14px; margin-left: auto; margin-right: auto; margin-top:10px; }
.pages a, .pageList .curr {  width: auto;
  overflow: visible;
  background-color: #F9F9F9;
  padding: 6px 12px;
  border: 1px solid #CCC;
  text-decoration: none;
  color: #337ab7;
  display: inline-block;
  cursor: pointer;
  text-transform: capitalize;
  margin: -2px;
}
.pages .Prev {  width: auto;
  overflow: visible;
  padding: 6px 12px;
  border: 1px solid #CCC;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  display: inline-block;
  cursor: pointer;
  text-transform: capitalize;
  margin: -2px;
}
.pages .Next {  width: auto;
  overflow: visible;
  padding: 6px 12px;
  border: 1px solid #CCC;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  display: inline-block;
  cursor: pointer;
  text-transform: capitalize;
  margin: 0 0 0 -5px;
}

.pages .curr {
  color: #fff;
  margin: -1px;
  cursor: default;
  padding: 9px 13px;
  background-color: #337ab7;
  border: 1px solid #d3d3d3;
}
.pages a:hover {color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}



.hspace10 {width: 10px;display: inline;}
.hspace20 {width: 20px;display: inline;}
.hspace50 {width: 50px;display: inline;}

.noWrap
{
  white-space:nowrap;
}

/* QR code */

.stepNumber
{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;

  background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#599BDC), to(#3072B3));
  background: -moz-linear-gradient(center top , #599BDC, #3072B3) repeat scroll 0 0 transparent;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#599BDC', endColorstr='#3072B3'); /* for IE */

  line-height: normal !important;
  font-size: 12px;
  font-weight: bold;
  padding: 2px !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
  margin-right: 5px;
  color: #FFFFFF;
  display: inline;
}

/* QR code */
#QRCode
{
  background: url(../images/newstore/droidQR.jpg) no-repeat center right;
  width: 360px;
  height: 300px;
  position: absolute;
  left: -40px;
  padding-top: 20px;
}

#QRCode #phoneTo
{
  position: absolute;
  left: 152px;
  top: 118px;
  font-size: 16px;
  font-weight: bold;
  color: #1377B2;
}

#QRCode #TextMessage
{
  position: absolute;
  width: 193px;
  height: 54px;
  left: 132px;
  top: 152px;
  font-size: 16px;
  font-weight: bold;
  color: #1377B2;
  overflow: hidden;
}

ul.qrCodeReaders
{
  margin: 0px;
  padding: 0px 0px 0px 10px;
  list-style: none;
  color: black;
  position: relative;
}

ul.qrCodeReaders li
{
  width: 60px;
  height: 70px;
  float: left;
  display: block;
  position: relative;
  margin-right: 38px;
}

ul.qrCodeReaders li a
{
  color: black;
  width: 60px;
  height: 60px;
  display: block;
  position: relative;
  line-height: 100px;
  vertical-align: bottom;
  text-align: center;
}

ul.qrCodeReaders a.apple
{
  background: url(../images/newstore/apps-apple.png) no-repeat center top;
}

ul.qrCodeReaders a.android
{
  background: url(../images/newstore/apps-andro.png) no-repeat center top;
}

ul.qrCodeReaders a.blackberry
{
  background: url(../images/newstore/apps-berry.png) no-repeat center top;
}

/* QR code */

/* Legend */
.greySectionToggle
{
  display: block;

  cursor: pointer;
  padding: 8px;
  border: 0px;
  color: #3F3F3F;

  font-weight: bold;
  height: 18px;
}

/*.greySectionToggle:hover { border:1px solid #666;}*/
.questionMark
{
  position: relative;
  left: 3px;
  background: url(../images/help_icon.gif) no-repeat top center;
  width: 16px;
  height: 16px;
}

.legentContent
{
  display: none;
  color: white !important;
}

.whatYouCanDoContent
{
  display: none;
}

.whatYouCanDoContent ul
{
  padding: 0px 40px 10px 40px;
}

.whatYouCanDoContent ul li
{
  margin: 10px 0px;
}

.darkContentTransparent {
  background-color: #3F3F3F;
  /*color: #fff !important;*/
  font-size: 11px;
  left: 0;
  top: 0;
  padding: 10px;

  text-align: left;

  -moz-border-radius: 0px 10px 10px 10px;
  /*filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);*/
  -moz-opacity: .90;
  -khtml-opacity: .90;
  opacity: .90;

  -moz-background-inline-policy:continuous;
  -moz-border-radius:0px 0px 5px 5px;
  -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-border-radius:0px 0px 5px 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}

.darkContentTransparent table{z-index: 30 !important;}
.darkContentTransparent td{color: white !important; font-size: 12px;}

.lightGreyContentTransparent, #legentContentContainer
{
  left: 0;
  top: 0;
  padding: 0px;
  padding-top: 10px;
  text-align: left;
  border-top: 1px solid #DADADA;
}

.lightGreyContentTransparent table{z-index: 30 !important;}

#legentClickId
{
  position: relative;
  top: 2px;
}

.importantBox
{
  color: white;
  border: 1px solid #ff0000;
  background-color:#FF9999;
  padding: 5px;
}

.newBox
{
  color: white;
  background-color:#F0F5D7;
  padding: 5px;
}

.warn
{
  color: white;
  border: 1px solid #ff0000;
  background-color:#FF9999;
  padding: 5px;
}

/* NOTIFICATIONS */
.notificationPreviewBox
{
  background: url('../images/newdesign/bgd-joinlist.png') no-repeat!important;
  height: 500px!important;
  width: 480px!important;
  padding-top: 105px!important;
  border-bottom: #c0bdb7 solid 1px!important;
  box-shadow: 0 8px 6px -6px #00000047!important;
}

.notificationPreviewShorCode
{
  margin: auto;
  text-align: center;
  height: 25px;
  padding-left: 0px;
  color: #353535;
  font-weight: bold;
  font-size: 15px;
}

.notificationPreviewText
{
  overflow: hidden;
  width: 380px;
  height: auto;
  padding: 10px;
  max-height: 280px;
  margin-left: 45px;
  margin-top: 45px;
  line-height: normal;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #E6E5EB;
  border-radius: 20px;
}

.notificationPreviewBoxBiggerPhone
{
  background: url(../images/newdesign/bgd-joinlist.png) no-repeat!important;
  height: 500px!important;
  width: 480px!important;
  padding-top: 105px!important;
  border-bottom: #c0bdb7 solid 1px!important;
  box-shadow: 0 8px 6px -6px #00000047!important;
}

.notificationPreviewBiggerPhoneShorCode
{
  margin: auto;
  text-align: center;
  height: 25px;
  padding-left: 0px;
  color: #353535;
  font-weight: bold;

}

.notificationPreviewBiggerPhoneText
{
  margin: 54px 0px 30px 59px;
  width: 365px;
  height: 300px;

}

.notificationPreviewBiggerPhoneTextFixed
{
  margin: 54px 0px 3px 59px;
  width: 365px;
  height: 300px;
  ;
}

.notificationPreviewBoxBiggerPhoneCustom
{
  background: url(../images/newdesign/bgd-joinlist.png) no-repeat!important;
  height: 500px!important;
  width: 480px!important;
  padding-top: 105px!important;
  border-bottom: #c0bdb7 solid 1px!important;
  box-shadow: 0 8px 6px -6px #00000047!important;
}

.notificationPreviewBiggerPhoneTextFixedCustom {
    border: medium none;
    height: 300px;
    margin: 55px 0 3px 60px;
    overflow: hidden;
    width: 355px;
}

.ideaPreviewBiggerPhoneText
{
  width: 250px;
  text-align: center;
  position: relative;
  padding-bottom: 3px;
}

/* NOTIFICATIONS */

a.help:link, a.help:active, a.help:visited, a.help:hover
{
  background: url(../images/help_icon.gif) no-repeat;
  width: 16px;
  height: 16px;
  display: inline-block;
}

.couponToolsRow
{
  margin: 10px 0px;
  padding-bottom: 10px;
}

.couponToolsRow a
{
  display: inline-block;
  margin-left: 20px;
}

.couponToolsRow input[type="checkbox"]
{
  position: relative;
  top: 5px;
  margin-left: 15px;
}

.couponToolsRow input[type="text"]
{
  height: 27px;
  line-height: 23px;
}

.defaultAutoReplayMessageHolderWrapper
{
  position: relative;
  width: 1px;
  height: 1px;
}

.defaultAutoReplayMessageHolder, .defaultCouponCampaignMessageHolder, .defaultCouponCampaignMessageHolderWhenTextExist
{
  position: absolute;
  /*    top: -110px;
left: 3px;*/
}

.orBall
{
  width: 23px;
  height: 23px;
  line-height: 23px;
  background: url('../images/newstore/dot.png') no-repeat 0 0;
  text-align: center;
  color: #fff;
  font-weight: bold;
  padding: 0px;
  margin: 0px 5px 0px;
  font-family: Arial;
}

#stepsHolder
{
  width: 90%;
  margin-left:auto;
  margin-right:auto;
}

#stepsHolder div.step
{
  padding: 3px 0;
  line-height: 24px;
}

#stepsHolder div.step div
{
  padding: 0px;
}

.vt
{
  vertical-align: top;
}

.vtb
{
  vertical-align: text-bottom;
}

#dashboardVisualizationMessages
{
  width: 300px;
  margin: 0px 5px 0px;
}

#dashboardDeliveryRates
{
  width: 300px;
  margin: 0px 5px 0px;
}

#dashboardKeywordSignups
{
  width: 300px;
}

.contestantWaiter
{
  display: inline-block;
  background: url(../images/loading.gif) no-repeat;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  padding-left: 37px;
  font-style: italic;
}

.ninja
{
  display: none;
}

.test
{
  border: 1px solid red !important;
}
.test2 { border: 1px solid navy !important; }
.test3 { border: 1px solid goldenrod !important; }
.test4 { border: 1px solid green !important; }
.test5 { border: 1px solid blueviolet !important; }
.borderGrey { border: 1px solid #CCCCCC; }
.noTopBorder { border-top: 0px; }

ul.commonLi
{
  /*    list-style: none;*/
  display: block;
}

ul.commonLi li
{
  float: left;
  display: block;
  line-height: 40px;
  border-bottom: 1px solid #ccc;
}

.expandableLink
{
  display: inline-block;
  padding-left: 15px;
  background: url(../images/expand.gif) no-repeat center left;

}

.collapsebleLink
{
  display: inline-block;
  padding-left: 15px;
  background: url(../images/contract.gif) no-repeat center left;
}

.clickableLinkSimulate
{
  display: inline-block;
  padding-left: 15px;
}

.waiterLabel
{
  display: inline-block;
  padding-left: 15px;
  background: url(../images/newstore/ajax-loader.gif) no-repeat center left;
}

.ui-datepicker-trigger
{
  vertical-align: middle;
  margin: 3px;
  cursor: pointer;
}

.leftmenu a
{
  background-color:white;
  border-radius: 3px;
  -moz-border-radius:3px;
  border:none;
  border-bottom: 1px solid white;
  padding: 3px;
  display: block;
  margin: 0px 3px;
}

.leftmenu a.active, .leftmenu a:hover
{
  color:#fff;
  background-color:#75B44B;
  border-radius: 3px;
  -moz-border-radius:3px;
  border:none;
  border-bottom: 1px solid #A0A0A0;
  padding: 3px;
  display: block;
  margin: 0px 3px;
}

#shortenFeedback
{
  margin: 5px 0px 0px 0px;
  line-height: 20px;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
}

.collapsePT
{
  width: 16px;
  height: 16px;
  background: url(../images/newdesign/icons/control_drop.png) no-repeat;
}

.defaultAutoReplayMessageHolder, .defaultCouponCampaignMessageHolder
{
  position: relative;
  top: -125px;
  left: 3px;
  width: 303px;
}

.defaultCouponCampaignMessageHolderWhenTextExist
{
  position: relative;
  top: 0px;
  left: 3px;
  width: 303px;
}

label.labelFixedWith
{
  width: 340px;
}

.createNewCampaignBox
{
  border: 1px solid #BBBBBB;
  width: 200px;
  display: block;
  position: relative;
  top: -10px;
  background-color: #E5E5E5;

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
  margin: 0px;
  margin-left: 46px;
}

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

.createNewCampaignBox .title
{
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-right-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;

  background-color: #363636;
  font-size: 16px;
  font-weight: bold;
  color: #CCCCCC;
  padding: 10px;
  text-align: center;
}

.createNewCampaignBox .subTitle
{
  font-size: 14px;
  padding: 20px;
  text-align: center;
  min-height: 50px;
}

.createNewCampaignBox .subTitleTaller
{
  font-size: 14px;
  padding: 20px;
  text-align: left;
  min-height: 120px;
}

.dashboard_count_neon, .dashboard_count_neon:hover
{
  font-size: 24px;
  color: #008DB6;
  text-decoration: none;

}

.dashboard_count_link_neon
{
  font-size: 24px;
  color: #008DB6;
  text-decoration: none;

}

.dashboard_count_link_neon:hover
{
  font-size: 24px;
  color: #008DB6;
  text-decoration: underline;

}

.dashboard_count_link_grey
{
  font-size: 24px;
  color: #363636;
  text-decoration: none;

}

.dashboard_count_link_grey:hover
{
  font-size: 24px;
  color: #363636;
  text-decoration: underline;

}

.dashboard_count_link_red
{
  font-size: 24px;
  color: #990033;
  text-decoration: none;

}

.dashboard_count_link_red:hover
{
  font-size: 24px;
  color: #990033;
  text-decoration: underline;

}

.ajaxLoader
{
  /*width: 25px;*/
  height: 36px;
  line-height: 36px;
  background: url(../images/newstore/ajax-loader.gif) no-repeat 50% 50%;
}

.greenCheckMark
{
  width: 25px;
  height: 36px;
  line-height: 36px;
  background: url(../images/newstore/accept.png) no-repeat 50% 50%;
}

.warningMark

{
  width: 200px;
  height: 36px;
  line-height: 36px;
  background: url(../images/newstore/error.png) no-repeat 3px 50%;
  padding-left: 20px;
}

.industryTitle
{
  font-size:18px;
  font-weight:bold;
}

.underline
{
  text-decoration: underline;
}

.fl {float: left;}
.fr {float: right;}
.cl {clear: both;}

/* FEEDBACK MODULE */

.livefeedWrapper
{
  position: relative;
  width: 1px;
  height: 1px;
}

.livefeed_play
{
  background-image: url(../images/newdesign/button_blue_play.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 40px;
  height: 40px;
  display: block;
  cursor: pointer;
  position: relative;
  top: -13px;
  left: -40px;
}

.livefeed_stop
{
  background-image: url(../images/newdesign/button_blue_stop.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 40px;
  height: 40px;
  display: block;
  cursor: pointer;
  position: relative;
  top: -13px;
  left: -40px;
}

.livefeed2_play
{
  background-image: url(../images/newdesign/button_blue_play2.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 90px;
  height: 40px;
  display: block;
  cursor: pointer;
}

.livefeed2_stop
{
  background-image: url(../images/newdesign/button_blue_stop2.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-color: transparent;
  width: 90px;
  height: 40px;
  display: block;
  cursor: pointer;
}

.feedbackReplyDummy
{
  /*width: 290px;*/
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  background: #FFFFFF;
  border: 1px solid #CECFCE;
  padding: 5px;
  color: #BDBEBD;
  font-size: 16px;
}

textarea.feedback
{
  width: 290px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  background: #FFFFFF;
  border: 1px solid #CECFCE;
  padding: 5px;
  font-size: 16px;
}

.feedbackReplyDummyActualReply
{
  color: #454545;
}

.feedbackCheckWrapper
{
  position: relative;
  width: 1px;
  height: 1px;
}

.feedbackCheck
{
  background: url(../images/newdesign/feedback_check.png) no-repeat;
  position: relative;
  top: -7px;
  left: 10px;
  width: 11px;
  height: 10px;
}
/* FEEDBACK MODULE */

.affiliateRedeemBoxForIndex
{
  position: absolute;
  top: 80px;
  left: 0px;
  z-index: 100;
  width: 978px;
  background: #7FB440;
}

.affiliateRedeemBoxForOuterPages
{
  position: absolute;
  top: 80px;
  left: -1px;
  z-index: 100;
  width: 980px;
  background: #7FB440;
}

.promoCodeRedeemBoxForIndex
{
  position: absolute;
  top: 100px;
  left: 0px;
  z-index: 10;
  width: 978px;
  background: #7FB440 !important;
}

.promoCodeRedeemBoxForOuterPages
{
  position: absolute;
  top: 100px;
  left: 0px;
  z-index: 10;
  width: 980px;
  background: #7FB440 !important;
}

.normalCaseTxtInLink
{
  text-transform: none !important;
}

.pl150{
  padding-left: 150px;
}

.pl100{
  padding-left: 100px;
}

/* CLIENTS' STATUS */
.client_active
{
  display: block;
  height: 18px;
  color: #428208;
  background: url(../images/newdesign/icons/paid.png) no-repeat;
  padding-left: 20px;
}

.client_notactive
{
  display: block;
  height: 18px;
  color: #595959;
  background: url(../images/newdesign/icons/notactive.png) no-repeat;
  padding-left: 20px;
}

.client_risk
{
  display: block;
  height: 18px;
  color: #9C5500;
  background: url(../images/newdesign/icons/risk.png) no-repeat;
  padding-left: 20px;
}

.client_suspended
{
  display: block;
  height: 18px;
  color: #97141A;
  background: url(../images/newdesign/icons/deavtivate.png) no-repeat;
  padding-left: 20px;
}

.client_failed_payment
{
  display: block;
  height: 18px;
  color: #97141A;
  background: url(../images/newdesign/icons/deavtivate.png) no-repeat;
  padding-left: 20px;
}

.filterDownPointer
{
  background: url(../images/newdesign/icons/control_drop.png) no-repeat 0% 50% !important;
  padding: 0px 0px 0px 20px;
  width: 40px;
  height: 38px;
  line-height: 38px;
}

a#filterToggler
{
  line-height: 30px;
  width: 100%;
  display: block;
  cursor: pointer;
}

a#filterToggler:hover
{
  background: #f1f1f1;
  cursor: pointer;
}

.filterToggleractive
{
  background: #F1F1F1;
  cursor: pointer;
}

div.separatorVerticalLeft
{
  border-left: 1px solid #DADADA;
  padding-left: 20px;
  margin-left: 0px;
  min-height: 150px;
}

div.leftMenuCustomDesign
{
  width: 185px;
}

ul.customlogo
{
  padding: 0px;
  margin-left: 15px;
  color: black;
}

.ml10
{
  margin-left: 10px;
}

.chartTitle
{
  font-family: Arial;
  font-size: 11px;
  font-weight: bold;
  color: #666060;
}

.boxWRoundCornersSmallerAreaWrapper
{
  /*    padding: 55px;*/

  /*    This one doesn't work from here ... I don't know why, but it should be inline
text-align: center !important;*/
}

.boxWRoundCornersSmallerArea
{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #FFFFFF;
  -moz-box-shadow: 0 3px 5px rgba(150, 150, 150, 0.7);
  -webkit-box-shadow: 0 3px 5px rgba(150, 150, 150, 0.7);
  box-shadow: 0 3px 5px rgba(150, 150, 150, 0.7);
  min-height: 200px;
  padding: 30px;
  width: 510px;
  text-align: left;
}

.leftmenu a.unavailableInfo
{
  color: #777;
}

.leftmenu a.unavailableInfo:hover
{
  color:#fff;
  background-color:#999;
  border-radius: 3px;
  -moz-border-radius:3px;
  border:none;
  border-bottom: 1px solid #A0A0A0;
  padding: 3px;
}

.textAfterSelect
{
  display: inline-block;
  line-height: 25px;
  margin-left: 5px;
}

.cssFieldHint
{
  font-size: 11px;
  display: block;
  width: 300px;
}

.steps_step1
{
  width: 920px;
  height: 47px;
  background: url(../images/step1.png) no-repeat;
}

.steps_step2
{
  width: 920px;
  height: 47px;
  background: url(../images/step2.png) no-repeat;
}

.register_step
{
  float: left;
  width: 460px;
  height: 47px;
  line-height: 47px;
  font-size: 22px;
  font-weight: normal;
  color: #454545;
}

h1.px20
{
  font-size: 20px;
}

.seeExampleImage
{
  line-height: 70px;
}

.seeExampleImage a
{
  margin-left: 10px;
  padding-right: 20px;
  background: url(../images/help_icon.gif) no-repeat right center;
  display: block;
}

.seeExampleImageLeft
{
  line-height: 20px;
  display: inline-block;
}

.seeExampleImageLeft a
{
  margin-left: 10px;
  padding-left: 20px;
  background: url(../images/help_icon.gif) no-repeat left center;
  display: inline-block;
}

div.noteBlue
{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;

  background-repeat: repeat-x; /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#D1E3E7), to(#E1F1F1)); /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #E1F1F1, #D1E3E7); /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #E1F1F1, #D1E3E7); /* IE 10 */
  background: -ms-linear-gradient(top, #E1F1F1, #D1E3E7); /* Opera 11.10+ */
  background: -o-linear-gradient(top, #E1F1F1, #D1E3E7);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E1F1F1', endColorstr='#D1E3E7',GradientType=0 ); /* IE6-9 */
  background: linear-gradient(top, #E1F1F1 0%,#D1E3E7 100%); /* W3C */
  padding: 10px;

}

div.noteBlue font
{
  font-weight: bold;
}


a.sectionToggler
{
  line-height: 30px;
  width: 100%;
  display: block;
  cursor: pointer;
}

a.sectionToggler:hover
{
  background: #F1F1F1;
  cursor: pointer;
}

.sectionTogglerActive
{
  background: #F1F1F1;
  cursor: pointer;
}

.roundInfo
{
  -moz-border-radius:5px !important;
  -webkit-border-radius:5px !important;
  background: #208CA8 !important;
  width: 15px !important;
  height: 13px !important;
  color: white !important;
  font-size: 11px !important;
  display: inline-block !important;
  padding: 0px 0px 1px 0px !important;
  text-align: center !important;
  line-height: 13px !important;
  text-indent: 0px !important;
}

.roundInfo13
{
  -moz-border-radius:10px !important;
  -webkit-border-radius:10px !important;
  background: #208CA8 !important;
  width: 20px !important;
  height: 18px !important;
  color: white !important;
  font-weight: bold;
  font-size: 13px !important;
  display: inline-block !important;
  padding: 0px 0px 1px 0px !important;
  text-align: center !important;
  line-height: 19px !important;
  text-indent: 0px !important;
}

.detailsTitleWUpperRoundCornersSmaller
{
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-top-right: 5px;
  -moz-border-radius-top-left: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background-color: #F1F1F1;
  border-bottom: 1px solid #D8D8D8;
  width: auto;
  /*  padding: 10px;*/
  /*  margin-bottom: 30px;*/
  position: relative;
  font-size: 13px;
  line-height: 35px;
  height: 35px;
  padding: 0px 5px;
  display: block;
  min-width: 90px;
}

.detailsTitleWUpperRoundCornersSmaller INPUT[TYPE="radio"]
{
  position: relative;
  top: 3px;
}

.detailsTitleWUpperRoundCornersSmaller div.downPointer
{
  position: absolute;
  bottom: -9px;
  left: 20px;
  width: 13px;
  height: 9px;
  background: url(../images/newdesign/details_tick.gif) no-repeat;
}

.radio2animateWrapper
{
  display: block;
  position: relative;
  width: 1px;
  height: 1px;
}

.radio2animate
{
  position: absolute;
  font-size: 12px;
  top: -27px;
  left: 8px;
  display: block;
  min-width: 100px;
  margin: 0px;
  padding: 0px;
  height: 10px;
}

.radio2animate INPUT[TYPE="radio"]
{
  position: relative;
  /*    top: 0px;*/
  margin: 0px;
  padding: 0px;
  width: 15px;
  height: 15px;
  line-height: 20px;
  cursor: pointer;
}

.radio2animate span
{
  line-height: 20px;
  position: relative;
  top: -3px;
}

.detailsTitleWUpperRoundCornersSmaller4Lending
{
  width: auto;
  /*  padding: 10px;*/
  /*  margin-bottom: 30px;*/
  position: relative;
  font-size: 13px;
  line-height: 35px;
  height: 35px;
  padding: 0px 5px;
  display: block;
  min-width: 100px;
}

.RoundCorners
{
  /*    -webkit-border-top-right-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-top-right: 5px;
-moz-border-radius-top-left: 5px;
border-top-right-radius: 5px;
border-top-left-radius: 5px;
background-color: #F1F1F1;
border-bottom: 1px solid #D8D8D8;*/

  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-radius: 5px;
  background-color: #F1F1F1;

  width: auto;
  /*  padding: 10px;*/
  /*  margin-bottom: 30px;*/
  position: relative;
  font-size: 13px;
  line-height: 35px;
  height: 35px;
  padding: 0px 5px;
  display: block;
  min-width: 90px;
}

.grCheckBack
{
  line-height: 16px;
  background: url('../images/newdesign/accept.png') no-repeat 0 0;
  padding-left: 20px;
}

.upgrade_txt
{
  color: #555555;
}

.noCapitalsText
{
  text-transform: none !important;
}

.x99percentsy20 {width: 99%;height: 50px;}
.x98percentsy20 {width: 98% !important;height: 50px;}
.x98percents {width: 98% !important;}
.x94percents {width: 94% !important;}

ul.commonUl li
{
  padding: 7px 0px;
}

.listFancy
{
  width: 500px;
  height: 400px;
  overflow: auto;
}

.elCenter
{
  margin: 0 auto;
}


.noPaddingTable td
{
  padding: 0px;
}

.clearForMenu
{
  clear: both;
  position: absolute;
  width: 1px;
  height: 1px;
}

.ajax-loader-arrows
{
  /*    display: block;*/
  background: url(../images/ajax-loader-arrows.gif) no-repeat center center;
  /*    width: 16px;
      height: 16px;
      line-height: 16px;
      margin: 0 auto;*/
}

.fixedBackground
{
  display: block;
  width: 180px !important;
  height: 135px;
  position: fixed;
}

.fixedBackgroundRight
{
  right: 300px;
}

.fixedBackgroundLeft
{
  /*    left: 780px;*/
  left: 61%;
}

.fixedBackgroundTop
{
  top: 260px;
}

.qrListCenter
{
  display: block;
  width: 45px;
  margin: 0 auto;
}

.loaderWithTxt
{
  min-width: 100px;
  height: 23px;
  line-height: 23px;
  padding-left: 17px;
  margin-left: 3px;
  background: url(../images/newstore/ajax-loader.gif) no-repeat left center;
}

.contactsListWithScroll
{
  height: 550px;
  overflow-y: scroll;
  margin: 0px;
  padding: 0px;
}

.greyBorderRounded
{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  background-color: #FEFEFE;
  -moz-box-shadow: 0 3px 5px rgba(150, 150, 150, 0.7);
  -webkit-box-shadow: 0 3px 5px rgba(150, 150, 150, 0.7);
  box-shadow: 0 3px 5px rgba(150, 150, 150, 0.7);

  margin: 0px;
  padding: 0px;
}

div.commonTableTitle
{
  background-color: #F1F1F1;
  border: 0px;
  border-right: 3px solid #FFFFFF;
  border-bottom: 1px solid #C4C4C4;
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;

  font-size: 14px;
  color: #3F3F3F;
  padding: 15px;
  padding-right: 10px;
  text-align: left;
  vertical-align: top;
  text-transform: capitalize;
}

.message {
  border-radius: 20px 20px 20px 20px;
  /* margin: 0 15px 10px;*/
  padding: 15px 20px;
  position: relative;
}
.message.minPadding
{
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
}
.message.to {
  background-color: #2095FE;
  color: #fff;
  margin-left: 80px;
}
.message.from {
  background-color: #E5E4E9;
  color: #363636;
  text-align: left;
  margin: 35px 35px 0 35px;
  max-width: 190px;
  max-height: 130px;
  overflow-y: auto;
  overflow-x: hidden;
}
.message.to + .message.to,
.message.from + .message.from {
  margin-top: -7px;
}

.message.from:before {
  border-color: #E5E4E9;
  z-index: 99999;
  left: -50px;
  transform: rotateY(180deg);
}
.quotation_div {
  position: relative;
  display: table;
  height: 500px;
  background: url(' ../images/newdesign/Text-to-join.png') no-repeat top center ;
  background-size: auto ;
}

.overlay {
  display: table-cell;
  vertical-align: top;

  width: 300px;
}
.title_p{
  text-align:center;
  color:#939393;
  font-size: 18px !important;
}
.pJoinlist {
  font-family: 'Lato', sans-serif;
  text-align: center;
  font-weight:400;
  font-size: 1.7rem;
  padding: 0 30px 70px 30px;
  color:#000000;
  line-height: 1.3;

}

.font11{

  margin-bottom: 1px!important;
  font-size: 19px !important;
  font-family: 'Lato', sans-serif;
  text-align: left;
  font-weight:400;
}

.short_code_iphone{
  margin-top-top:135px;
  text-align:center;
  font-size: 22px !important;
}
.blue{
  color:#0969fe;
  font-size: 100%;
  font-family: 'Lato', sans-serif;
  text-align: left;
  font-weight:700;


}
.commonlinkJoin{

  color: #0088cc;;
  font-size:13px;
  text-decoration: underline;
}
.txt{
  width:100%;
  text-align:left;
  color:#6f6f6f;
  line-height:17px;
  position: fixed;
  bottom: 50px;
}
.text_1{

  font-size:12px !important;
  margin-top: 15px;
  margin-left: 10px;
}

.btn:focus
{
  outline:none;
}

.textAfterSelect
{
  display: inline-block;
  line-height: 25px;
  margin-left: 5px;
}

.cOutDroid
{
  background: url('../images/newdesign/Text-to-join.png') no-repeat center 160px;
  position: relative;
  display: table;
  height: 500px;
  background-size: auto;
}

.rotatedPageArrow {
  -moz-transform: rotate(180deg);
}

.mms_template_preview
{
  width: 130px;
  height: 80px;
  line-height: 40px;
  border: 2px #CCCCCC;
  border-style: double;
  font-size: 24px;
  text-align: center;
  vertical-align: middle;
  text-transform: uppercase;
}

.commonTableDivs .cell
{
  float: left;
  display: block;
  padding-bottom: 5px;
}

.commonTableDivs .title
{
  border: 0px;
  border-right: 3px solid #FFFFFF;
  border-bottom: 1px solid #C4C4C4;

  color: #3F3F3F;
  text-align: left;
  vertical-align: top;
  text-transform: capitalize;

  font-size: 12px;
  padding: 5px 15px 5px 15px;
  font-weight: normal;
  background-color: #DEDEDE;
}

.commonTableDivs .value
{
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  display: block;
}

.linethrough {
  text-decoration: line-through !important;
}

#notificationBar {
  min-height: 36px;
}
#notificationBar div {
  line-height: 18px;
}
div.cross
{
  background: url(../images/newdesign/icons/cross.png) top left no-repeat;
  padding: 0px 0px 0px 20px;
}
div.risk
{
  background: url(../images/newdesign/icons/risk.png) top left no-repeat;
  padding: 0px 0px 0px 20px;
}

a.icon_facebook
{
  width: 30px;
  height: 27px !important;
  background: url(../images/fb_page/smedia-icons.gif) 0px -1px;
  display: inline-block;
  vertical-align: middle;
}

a.icon_facebook:hover
{
  width: 30px;
  height: 27px !important;
  display: inline-block;
  background: url(../images/fb_page/smedia-icons.gif) 0px -29px;
  position: relative;
  vertical-align: middle;
}

a.icon_twitter
{
  width: 30px;
  height: 27px !important;
  background: url(../images/fb_page/smedia-icons.gif) 0px -58px;
  display: inline-block;
  vertical-align: middle;
}

a.icon_twitter:hover
{
  width: 30px;
  height: 27px !important;
  display: inline-block;
  background: url(../images/fb_page/smedia-icons.gif) 0px -86px;
  position: relative;
  vertical-align: middle;
}

a.icon_gplus
{
  width: 30px;
  height: 27px !important;
  background: url(../images/fb_page/smedia-icons.gif) 0px -115px;
  display: inline-block;
  vertical-align: middle;
}

a.icon_gplus:hover
{
  width: 30px;
  height: 27px !important;
  display: inline-block;
  background: url(../images/fb_page/smedia-icons.gif) 0px -143px;
  position: relative;
  vertical-align: middle;
}

#referFriendTextBox {
  display: inline-block;
  background: url(../images/newdesign/icons/add.png) top left no-repeat;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 20px;


}

.attach
{
  color: #F48500;
  font-size: 14px;
}

.attach_img
{
  background: url(../images/newdesign/mms-attach.gif) no-repeat;
  width: 91px;
  height: 24px;
  margin-top: 15px;
}

.social_img
{
  background: url(../images/newdesign/smp-icon.png) no-repeat;
  width: 27px;
  height: 23px;
}

.social_border
{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #CCCCCC;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
}

.social_border_bg
{
  background-color: #E3EBED;
}

.gery_border
{
  border: 1px solid #CCCCCC;
}

.opacity_icon
{
  opacity:0.5;
}

.fb_social_icon
{
  background: url(../images/newdesign/facebook.png) no-repeat;
  width: 24px;
  height: 24px;
}

.tw_social_icon
{
  background: url(../images/newdesign/twitter.png) no-repeat;
  width: 24px;
  height: 24px;
}

.howToPreview
{
  width: 504px;
  height: 275px;
  background: url(../images/newdesign/phone-mms.jpg) no-repeat -10px center;
}

#inbox_message_type_selector a.active
{
  color:#fff;
  background-color:#75B44B;
  border-radius: 3px;
  -moz-border-radius:3px;
  border:none;
  border-bottom: 1px solid #A0A0A0;
  padding: 3px;
  margin: 0px 3px;
}

.gallery_view_column
{
  width: 212px;
}

.gallery_view_box
{
  width: 200px;
  /*    height: 150px;*/
  text-align: center;
  vertical-align: middle;
  border: 1px solid #C2C2C2;
  padding: 0px;
  display: block;

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #FFFFFF;
  -moz-box-shadow: 0 3px 5px rgba(150, 150, 150, 0.7);
  -webkit-box-shadow: 0 3px 5px rgba(150, 150, 150, 0.7);
  box-shadow: 0 0px 5px rgba(150, 150, 150, 0.7);
}

.gallery_view_box_text
{
  padding: 12px;
  padding-bottom: 0px;
  color: #6E6E6E;
  background: #ECECEC;

  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-bottom-left-radius: 3px;
  -moz-border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.gallery_view_box_actions
{
  left: 0px;
  bottom: 5px;
  width: 186px;
  padding: 7px;
  padding-bottom: 0px;
  z-index: 100;
  display: none;
}

div.gallery_view_box:hover div.gallery_view_box_actions
{
  display: block;
}

.gallery_view_preview
{
  width: 220px;
  min-height: 100%;
  background: url(../images/newdesign/button_blue_play.png) center center no-repeat;
  position: absolute;
  top: 0px;
  opacity:0.7;
  filter:alpha(opacity=70);
  z-index: 50;
}

.gallery_view_preview:hover
{
  opacity:1.0;
  filter:alpha(opacity=100);
  cursor: pointer;
}

.upperCase
{
  text-transform: uppercase;
}

.previewcontent_content
{
  height: 350px !important;
  border-right: 1px solid #DADADA;
}

#preview_message_text
{
  position: absolute;
  bottom: 0px;
}

.previewcontent_scale
{
  max-width: 600px;
  max-height: 400px;
  overflow-y: scroll;
}

.previewcontent_scale img
{
  width: 100%;
  height: auto;
}

.radio_frameset
{
  border: 1px solid #CCCCCC;
  padding: 10px;
  margin-bottom: 20px;
}

.radio_frameset legend
{
  font-size: 14px;
  font-weight: normal;
  color: #464646;
}

.rss
{
  background: url(../images/newdesign/icons/rss.png) 0 center no-repeat;
}

.marginTop20
{
  margin-top: 20px;
}

.marginTop25
{
  margin-top: 25px;
}

.wl-sort-asc
{
  background: url(../wl/images/sort-ascending_16x16.png) 0 center no-repeat;
}
.wl-sort-desc
{
  background: url(../wl/images/sort-descending_16x16.png) 0 center no-repeat;
}

.shortUrlDevice1
{
  background: url(../images/newdesign/mobile-os-icons.png) 0px 3px no-repeat !important;
  width: 410px !important;
  padding-left: 40px !important;
}

.shortUrlDevice2
{
  background: url(../images/newdesign/mobile-os-icons.png) 0px -32px no-repeat !important;
  width: 410px !important;
  padding-left: 40px !important;
}


.pre
{
  white-space: pre-wrap;
  word-wrap: break-word;
  word-break: break-all;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.previewVideo
{
  width: 75px;
  min-height: 100%;
  background: url(../images/newdesign/button_blue_play.png) center center no-repeat;
  position: absolute;
  top: 0px;
  opacity:0.7;
  filter:alpha(opacity=70);
}

.previewVideo:hover
{
  opacity:1.0;
  filter:alpha(opacity=100);
  cursor: pointer;
}

.previewVideo2
{
  width: 40px;
  height: 40px;
  background: url(../images/newdesign/button_blue_play.png) center center no-repeat;
  position: absolute;
  margin-top: -20px;
  margin-left: -20px;
  top: 50%;
  left: 50%;
  opacity: 0.7;
  filter:alpha(opacity=70);
}

.previewVideo2:hover
{
  opacity:1.0;
  filter:alpha(opacity=100);
}

.overflowYAuto
{
  overflow-y: auto !important;
}

.strikethrough
{
  text-decoration: none;
  position: relative;
  display: inline-block;
}

.strikethrough:after
{
  content:"";    /* required property */
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 2px solid #990033;
  height: 45%;    /* adjust as necessary, depending on line thickness */
  /* or use calc() if you don't need to support IE8: */
  height: calc(50% - 1px); /* 1px = half the line thickness */
  width: 100%;
  /*transform: rotateZ(-10deg);*/
  /*border-bottom: 2px solid #990033;*/
  /*position: absolute;*/
  /*content: "";*/
  /*width: 100%;*/
  /*height: 60%;*/
}

.reserved-date
{
  margin-top: 15px;
  font-style: italic;
  font-size: 11px;
}

ul.emoji-list
{
  list-style: none;
  padding: 0px;
  margin: 0px;
  width: 250px;
}


ul.emoji-list li {
  float: left;
  width: 40px;
  height: 40px;
  cursor: pointer;
  font-size: 1.5em;
  text-align: center;
  padding-top: 5px;
}

.emoji-item-devider
{
  clear: both;
  border-bottom: 1px dotted;
}

/* COPIED FROM BOOTSTRAP 3.3.6 */
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}

.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}

.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}

.widget-right .text-muted {
  color: #9fadbb;
}
.widget-right .large {
  color: #5f6468;
}

.panel-blue .widget-left { background: #30a5ff; color:rgba(255,255,255,0.70); }
.panel-teal .widget-left { background: #1ebfae; color:rgba(255,255,255,0.70); }
.panel-orange .widget-left { background: #ffb53e; color:rgba(255,255,255,0.70); }
.panel-red .widget-left { background: #f9243f; color:rgba(255,255,255,0.70); }

.panel-widget {
  background: #fff;
}

.panel {
  border: 0;
}


.panel-default .panel-heading {
  background: #fff;
  border-bottom: 0px solid #fff;
  color: #5f6468;
  font-size:15px;
  border-color: #fff;padding: 5px 15px;
}

.panel-footer {
  background: #fff;
  border-top: 1px solid #eee;
}

.panel-widget {
  padding: 0;
  position: relative;
}

.panel-widget .panel-footer {
  border: 0;
  text-align: center;
}

.panel-footer .input-group {
  padding: 0px;
  margin: 0 -5px;
}

.panel-footer .input-group-btn:last-child>.btn,
.panel-footer .input-group-btn:last-child>.btn-group {
  margin: 0;
}

.panel-widget .panel-footer a {
  color: #999;
}

.panel-widget .panel-footer a:hover {
  color: #666;
  text-decoration: none;
}

.panel-blue { background: #30a5ff; color: #fff; }
.panel-teal { background: #1ebfae; color: #fff; }
.panel-orange { background: #ffb53e; color: #fff; }
.panel-red { background: #f9243f; color: #fff; }

.panel-blue .panel-body p,
.panel-teal .panel-body p,
.panel-orange .panel-body p,
.panel-red .panel-body p {
  color: #fff;
  color: rgba(255, 255, 255, .8);
}

.panel-blue .panel-heading,
.panel-teal .panel-heading,
.panel-orange .panel-heading,
.panel-red .panel-heading {
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.panel-blue .text-muted,
.panel-teal .text-muted,
.panel-orange .text-muted,
.panel-red .text-muted {
  color: rgba(255, 255, 255, .5);
}

.dark-overlay {
  background: rgba(0, 0, 0, .05);
  text-align: center;
}

.widget-schedules {
  color: #999;
  height: 160px;
  padding: 20px;
  text-align: left;
  background: #f9f9f9;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.widget-signups {

  color: #999;
  height: 160px;
  padding: 20px;
  text-align: left;
  background: #f9f9f9;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: solid white 3px;
}

.widget-signups:hover {
  background: #30a5ff;
}

.widget-optout {

  color: #999;
  height: 160px;
  padding: 20px;
  text-align: left;
  background: #f9f9f9;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: solid white 3px;
}

.widget-optout:hover {
  background: #f9243f;
}

.widget-chart {
  color: #999;
  padding: 20px;
  text-align: left;
  background: #fff;
  border-radius: 4px;
  min-height:490px;
  background-color:#f9f9f9;
}

.widget-left {
  height: 80px;
  padding-top: 15px;
  text-align: center;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.widget-right {
  text-align: left;
  line-height: normal;
  margin: 0px;
  padding: 20px;
  height: 80px;
  color: #999;
  font-weight: 300;
  background: #f9f9f9;
  /*border-top-right-radius: 4px;*/
  /*border-bottom-right-radius: 4px;*/
}

.large {
  font-size: 2em;
  font-weight:600;
}

.largeSchedules {
  font-size: 3.5em;
  font-weight:600;
  color:#1ebfae;
  text-align:left;
}

.largeSignups {
  font-size: 3.5em;
  font-weight:600;
  color:#30a5ff;
  text-align:left;
}

.largeSignupsAlternativeText, .largeOptoutAlternativeText {
  font-size: 18px;
  color:#fff;
  text-align:left;
  font-weight: 500;
  line-height: 1.6em;
}

.largeOptout {
  font-size: 3.5em;
  font-weight:600;
  color:#f9243f;
  text-align:left;
}

.widget-right .text-muted {
  color: #9fadbb;
}
.widget-right .large {
  color: #5f6468;
}

.inbox_view_preview
{
  width: 75px;
  min-height: 100%;
  background: url(../images/newdesign/button_blue_play.png) center center no-repeat;
  position: absolute;
  top: 0px;
  opacity:0.7;
  filter:alpha(opacity=70);
  z-index: 50;
}

.inbox_view_preview:hover
{
  opacity:1.0;
  filter:alpha(opacity=100);
  cursor: pointer;
}

.custom-handle
{
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  width: auto !important;
}

td.crushed, th.crushed
{
  white-space: nowrap;
}

td.noncrushed
{
  width: 100%;
}

.maxWidth50P
{
  max-width: 50%;
}

.iconSelect
{
  width: 48px;
  height: 48px;
  border: 1px solid #CCCCCC;
  cursor: pointer;
  background-size: cover;
  background-position: center;
}

.manageLinks a.moveUp:link, .manageLinks a.moveUp:visited, .manageLinks a.moveUp:active
{
  background: url(../images/newdesign/icons/control_up.png) 0 center no-repeat;
}
.manageLinks a.moveDown:link, .manageLinks a.moveDown:visited, .manageLinks a.moveDown:active
{
  background: url(../images/newdesign/icons/control_drop.png) 0 center no-repeat;
}

@media (min-width: 1200px) {
  .modal-xlg {
    width: 1100px;
  }
}
@media (min-width: 1440px) {
  .modal-xlg {
    width: 1300px;
  }
}

.summary
{
  font-size: 14px;
  padding: 5px 10px;
  color: #777777;
  text-align: center;
  border: 1px solid #f9f2f4;
  border-radius: 15px;
  background-color: #f9f9f9;
}

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


.commonTable td.statusActive
{
  color: green;
  font-weight: bold;
  text-transform: uppercase;
}

.commonTable td.statusNotActive, .statusNotActive
{
  color: grey;
  font-weight: bold;
  text-transform: uppercase;
}

.maxWidth300P {
  max-width: 300px;
}

.paddingBottom40
{
  padding-bottom:40px;
}

.lineHeight20
{
  line-height: 20px;
}

.cookieBanner
{
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: 0 !important;
  z-index: 999;
  border-radius: 0;
  color: #ecf0f1;
  background-color: #333333;

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  align-content: center;
}

.cookieBanner a:link, .cookieBanner a:visited, .cookieBanner a:active
{
  color: #ecf0f1;
  text-decoration: underline;
}

.cookieButton
{
  display: inline-block;
  font-weight: 400;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid transparent;

  color: #fff;
  background-color: #007bff;
  border-color: #007bff;

  padding: .25rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;

  cursor: pointer;
}

.noPageBreakForPDFExport
{
  /*page-break-inside: avoid;*/
}

@media (max-width: 980px) {
  .footerRow ul:not(.list-inline) li {
    display: block;
  }
}

@media (max-width: 768px) {
  /*.boxWRoundCorners {*/
  /*  padding: 5px!important;*/
  /*}*/
  .appInfo {
    float: left;
    padding-right: 15px;
    padding-left: 0!important;
    width: 100%!important;

  }

  .app-title-mobile {
    max-width:270px !important;
  }


}


.commonTable [class*="span"] {
  float: none;
  min-height: 1px;
  margin-left: 0px !important;
}

.commonTable100P
{
  border: 0px;
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0px;
  border: 0px;
}

.commonTable100P th, .commonTable100P div.header
{
  background-color: #F1F1F1;
  border: 0px;
  border-right: 3px solid #FFFFFF;
  border-bottom: 1px solid #C4C4C4;

  font-size: 14px;
  color: #3F3F3F;
  padding: 15px;
  padding-right: 10px;
  text-align: left;
  vertical-align: top;
  text-transform: capitalize;
}

.commonTable100P th.details
{
  color: #1C80B4;
}

.commonTable100P th.first, .commonTable100P div.header .first
{
  -webkit-border-top-left-radius: 5px;
  -moz-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}

.commonTable100P th.last, .commonTable100P div.header .last
{
  -webkit-border-top-right-radius: 5px;
  -moz-border-top-right-radius: 5px;
  border-top-right-radius: 5px;
  border-spacing-right: 0px;
  border-right: 0px;
}

.commonTable100P td
{
  padding: 5px;
  padding-left: 15px;
  padding-right: 15px;
  vertical-align: top;
  color: #363636;
}

.commonTable100P td.noPadding
{
  padding: 0px;
}

.proGridView .items td:last-child
{
  text-align: left;
}

.proGridView .items .mainMenuRow
{
  width: auto;
}

@media (max-width: 768px) {
  .pl-xs-0
  {
    padding-left: 0px !important;
  }
  .pl-xs-15
  {
    padding-left: 15px !important;
  }
  .pr-xs-0
  {
    padding-right: 0px !important;
  }
  .pr-xs-15
  {
    padding-right: 15px !important;
  }
  .ml-xs-0
  {
    margin-left: 0px !important;
  }
  .ml-xs-15
  {
    margin-left: 15px !important;
  }
  .mr-xs-0
  {
    margin-right: 0px !important;
  }
  .mr-xs-15
  {
    margin-right: 15px !important;
  }

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

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

@media (min-width: 768px) and (max-width: 992px) {
  .pl-sm-0
  {
    padding-left: 0px !important;
  }
  .pl-sm-15
  {
    padding-left: 15px !important;
  }
  .pr-sm-0
  {
    padding-right: 0px !important;
  }
  .pr-sm-15
  {
    padding-right: 15px !important;
  }
  .ml-sm-0
  {
    margin-left: 0px !important;
  }
  .ml-sm-15
  {
    margin-left: 15px !important;
  }
  .mr-sm-0
  {
    margin-right: 0px !important;
  }
  .mr-sm-15
  {
    margin-right: 15px !important;
  }

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

@media (min-width: 992px) {
  .pl-md-0
  {
    padding-left: 0px !important;
  }
  .pl-md-15
  {
    padding-left: 15px !important;
  }
  .pr-md-0
  {
    padding-right: 0px !important;
  }
  .pr-md-15
  {
    padding-right: 15px !important;
  }
  .ml-md-0
  {
    margin-left: 0px !important;
  }
  .ml-md-15
  {
    margin-left: 15px !important;
  }
  .mr-md-0
  {
    margin-right: 0px !important;
  }
  .mr-md-15
  {
    margin-right: 15px !important;
  }
}

@media (min-width: 1200px) {
  .pl-lg-0
  {
    padding-left: 0px !important;
  }
  .pl-lg-15
  {
    padding-left: 15px !important;
  }
  .pr-lg-0
  {
    padding-right: 0px !important;
  }
  .pr-lg-15
  {
    padding-right: 15px !important;
  }
  .ml-lg-0
  {
    margin-left: 0px !important;
  }
  .ml-lg-15
  {
    margin-left: 15px !important;
  }
  .mr-lg-0
  {
    margin-right: 0px !important;
  }
  .mr-lg-15
  {
    margin-right: 15px !important;
  }
}

@media (min-width: 768px) {
  .feedbackReplyDummy
  {
    width: 290px;
  }
}

#reserveKeywordBoxNew
{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #4E8C11;
}

input.form-control
{
  max-width: initial !important;
}


/* Bootstrap 4.5.0 copied */

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

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

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

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

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}
@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important;
  }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important;
  }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important;
  }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important;
  }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important;
  }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important;
  }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important;
  }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important;
  }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important;
  }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important;
  }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important;
  }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important;
  }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important;
  }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important;
  }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important;
  }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important;
  }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important;
  }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important;
  }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important;
  }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important;
  }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important;
  }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important;
  }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important;
  }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important;
  }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important;
  }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important;
  }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important;
  }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important;
  }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important;
  }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important;
  }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important;
  }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important;
  }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important;
  }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important;
  }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important;
  }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important;
  }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important;
  }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important;
  }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important;
  }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important;
  }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important;
  }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important;
  }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important;
  }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important;
  }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important;
  }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important;
  }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important;
  }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important;
  }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important;
  }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important;
  }
}

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important;
  }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important;
  }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important;
  }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important;
  }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important;
  }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important;
  }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important;
  }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important;
  }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important;
  }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important;
  }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important;
  }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important;
  }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important;
  }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important;
  }
}

/* Bootstrap 4.5.0 copied */



#menuOuterContainer .bg-light {
  background-color: #f8f9fa00!important;
}

@media (min-width: 769px) {
  #menuOuterContainer .collapse {
    background: #f8f8f800!important;
  }
}

div.separatorVerticalRight
{
  border-right: 1px solid #DADADA;
  padding-left: 20px;
  margin-left: 0px;
}

div.reportHolder
{
  height: auto !important;
}
div.reportHolder div.reportTitle
{
  height: auto !important;
}

/*@media only screen and (max-width: 980px) {*/

/*  !* Force table to not be like tables anymore *!*/
/*  table.commonTable table,*/
/*  table.commonTable thead,*/
/*  table.commonTable tbody,*/
/*  table.commonTable th,*/
/*  table.commonTable td,*/
/*  table.commonTable tr {*/
/*    display: block;*/
/*  }*/

/*  !* Hide table headers (but not display: none;, for accessibility) *!*/
/*  table.commonTable thead tr, table.commonTable tr:first-of-type {*/
/*    position: absolute;*/
/*    top: -9999px;*/
/*    left: -9999px;*/
/*  }*/

/*  table.commonTable tr { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }*/
/*  table.commonTable tr:nth-of-type(2) { border-top: 1px solid #ccc; }*/

/*  table.commonTable td {*/
/*    !* Behave  like a "row" *!*/
/*    border: none;*/
/*    border-bottom: 1px solid #eee;*/
/*    position: relative;*/
/*    padding-left: 50%;*/
/*    white-space: normal;*/
/*    text-align:left;*/
/*  }*/

/*  table.commonTable td:before {*/
/*    !* Now like a table header *!*/
/*    position: absolute;*/
/*    !* Top/left values mimic padding *!*/
/*    top: 6px;*/
/*    left: 6px;*/
/*    width: 45%;*/
/*    padding-right: 10px;*/
/*    white-space: nowrap;*/
/*    text-align:left;*/
/*    font-weight: bold;*/
/*  }*/

/*  !**/
/*  Label the data*/
/*  *!*/
/*  table.commonTable td:before { content: attr(data-content); }*/

/*  table.commonTable td.separator .contentSeparatorHorizontal*/
/*  {*/
/*    display: none;*/
/*    border: 0px;*/
/*  }*/

/*  !* Force table to not be like tables anymore *!*/
/*  table.items table,*/
/*  table.items thead,*/
/*  table.items tbody,*/
/*  table.items th,*/
/*  table.items td,*/
/*  table.items tr {*/
/*    display: block;*/
/*  }*/

/*  !* Hide table headers (but not display: none;, for accessibility) *!*/
/*  table.items thead tr, table.items tr:first-of-type {*/
/*    position: absolute;*/
/*    top: -9999px;*/
/*    left: -9999px;*/
/*  }*/

/*  table.items tr { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }*/
/*  table.items tr:nth-of-type(2) { border-top: 1px solid #ccc; }*/

/*  table.items td {*/
/*    !* Behave  like a "row" *!*/
/*    border: none;*/
/*    border-bottom: 1px solid #eee;*/
/*    position: relative;*/
/*    padding-left: 50%;*/
/*    white-space: normal;*/
/*    text-align:left;*/
/*  }*/

/*  table.items td:before {*/
/*    !* Now like a table header *!*/
/*    position: absolute;*/
/*    !* Top/left values mimic padding *!*/
/*    top: 6px;*/
/*    left: 6px;*/
/*    width: 45%;*/
/*    padding-right: 10px;*/
/*    white-space: nowrap;*/
/*    text-align:left;*/
/*    font-weight: bold;*/
/*  }*/

/*  !**/
/*  Label the data*/
/*  *!*/
/*  table.items td:before { content: attr(data-content); }*/

/*  table.items td.separator .contentSeparatorHorizontal*/
/*  {*/
/*    display: none;*/
/*    border: 0px;*/
/*  }*/
/*}*/




/*Switch .commonTable to be displayed vertically*/
@media only screen and (max-width: 980px) {

   /*Force table to not be like tables anymore*/
  .commonTable table,
  .commonTable thead,
  .commonTable tbody,
  .commonTable th,
  .commonTable td,
  .commonTable tr,
  .proGridView .items table,
  .proGridView .items thead,
  .proGridView .items tbody,
  .proGridView .items td,
  .proGridView .items tr
  {
    display: block;
  }

  table.reportHolder
  {
    display: table !important;
    width: 100%;
  }
  table.reportHolder tr
  {
    display: table-row !important;
  }
  table.reportHolder td:not(.colspanCell)
  {
    display: table-cell !important;
    padding-left: 15px !important;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  .commonTable thead tr, .proGridView .items thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  /* Hide table headers (but not display: none;, for accessibility) */
  .commonTable tr th, .proGridView .items tr th {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .commonTable tr, .proGridView .items tr { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
  table.commonTable tr:nth-of-type(2), table.commonTable tr:nth-of-type(2), table.items tbody tr:nth-of-type(1) { border-top: 1px solid #ccc; }

  .commonTable td:not(.colspanCell), .proGridView .items td:not(.colspanCell) {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    white-space: normal;
    padding-left: 50% !important
    text-align:left
  }

  /*.commonTable th, .headingRow div {*/
  /*  background-color: #F1F1F1;*/
  /*  border: 0px;*/
  /*  border-right: 1px solid #ddd;*/
  /*  border-bottom: 1px solid #ddd;*/
  /*  font-size: 14px;*/
  /*  color: #3F3F3F;*/
  /*  padding: 10px;*/
  /*  text-align: left;*/
  /*  vertical-align: top;*/
  /*  text-transform: capitalize;*/
  /*}*/

  .commonTable td.colspanCell, .proGridView .items td.colspanCell
  {
    padding-left: 15px !important;
  }

  .commonTable tr.colspanRow, .proGridView .items tr.colspanRow
  {
    display: table;
    /*height: 130px;*/
    float: none;
    width: 100%;
    /*border: none;*/
  }

  .commonTable td:before, .proGridView .items td:before {
    /* Now like a table header */
    position: revert;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    /*white-space: nowrap;*/
    /*word-wrap: break-word;*/
    text-align:left;
    font-weight: bold;
    font-size: 14px;
    color: #454545;
  }

  .commonTable td div.width30P, .proGridView .items td div.width30P, .proGridView .items td.width400
  {
    width: auto !important;
  }

  table.commonTable td.separator .contentSeparatorHorizontal, table.items td.separator .contentSeparatorHorizontal
  {
    display: none;
    border: 0px;
  }

  table.commonTable td:before, table.items td:before { content: attr(data-content); }

  .displayNoneXS
  {
    display: none;
  }

  .displayNoneSM
  {
    display: none;
  }

  div.separatorVerticalLeft
  {
    border: 0px;
    padding: 0px;
    margin: 0px;
  }

  div.inboxRightContainer
  {
    width: auto;
    float: initial;
  }

  input[type="text"].shortUrlDevice1,
  input[type="text"].shortUrlDevice2,
  input[type="text"].shortUrlDevice3,
  input[type="text"].shortUrlDevice4,
  input[type="text"].shortUrlDevice5
  {
    width: auto !important;
    margin-bottom: 5px;
  }

  .d-sm-none {
    display: none !important;
  }
}
/*Switch .commonTable to be displayed vertically*/

.nav-tabs {
  font-weight:600;
  font-size: large;
}
.nav-tabs li a {
  background: #efefef;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

/*.navbar-nav > .active > a.borderFix*/
/*{*/
/*   border: 1px solid #e7e7e7;*/
/*}*/
.borderless > tbody > tr > td,
.borderless > tbody > tr > th,
.borderless > tfoot > tr > td,
.borderless > tfoot > tr > th,
.borderless > thead > tr > td,
.borderless > thead > tr > th {
  border: none;
}

.badge-blue {
  display: inline-block;
  line-height: 18px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #30a5ff;
  background-size: 100% 100%;
  background-repeat: repeat-x;
  background-position: 0 0;
  background-color: #30a5ff;
  background-repeat: repeat-x;
  font-size: 10px;
  padding: 0px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
  margin-right: 5px;
  color: #FFF;
  -moz-box-shadow: 1px 1px 5px #363636;
  -webkit-box-shadow: 1px 1px 5px #363636;
  box-shadow: 1px 1px 5px #363636;
}

#message-holder-popup
 {
   padding:0px;
   margin: 5px 0px 10px 0px;
   text-align: center;
   font-weight: normal;
   text-align: left;
   color: #FFF;
   display: none;
   float: left;
   width: 100%;
   background: #CD3E12 no-repeat 7px center;
   vertical-align: middle;
   -moz-border-radius:5px;
   -moz-box-shadow:0px 1px 1px 1px rgba(0, 0, 0, 0.5);
   -webkit-border-radius:5px;
   -webkit-box-shadow:0px 1px 1px 1px rgba(0, 0, 0, 0.5);
 }

#message-holder-popup div { padding: 10px 0 0 5px; }
#message-holder-popup.ie { border-bottom: 1px solid #CCC; }

#message-holder-popup.txtgreen,
#message-holder-popup.txtblack
{
  background: #76B23B no-repeat 7px center;
}

#message-holder-popup .icon-error
{
  float: left;
  height: 16px;
  width: 16px;
  margin: auto 5px;
}

#message-holder-popup .close
{
  margin: auto 10px;
  float: right;
  cursor: pointer;
  cursor: hand;
  width: 20px;
  height: 20px;
  font-size: 16px;
  text-align: center;
}

/* enable absolute positioning */
.outerSearchIcon
{
  position: relative;
}

/* style icon */
.outerSearchIcon .fa
{
  position: absolute;
  padding: 10px;
  pointer-events: none;
  left:  0px;
  z-index: 5;
}

/* add padding  */
.outerSearchIcon input { padding-left:  30px !important; }

.analyticsInfo {
  clear: both;
  position: relative;
  float: right !important;
  padding-top: 20px !important;
  color: #505050;
  font-size: 13px;
  text-transform: none;
  font-weight: normal;

}

fieldset.customFields {
  display: block;
  margin-left: 2px;
  margin-right: 2px;
  margin-bottom: 20px;
  padding-top: 0.35em;
  padding-bottom: 0.625em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  border: 1px solid #9A9A9A;
}

fieldset.customFields legend {
  border: none;
  width: auto;
  line-height: auto;
  margin-bottom: 0px;
  font-size: 14px;
}

/* Vuejs modal */

.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  display: table;
  transition: opacity 0.3s ease;
}

.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.modal-container-vuejs {
  width: 800px;
  height: 700px;
  max-width: 80%;
  max-height: 95%;
  margin: 0px auto;
  padding: 20px 30px 5px 30px;
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.33);
  transition: all 0.3s ease;
  font-family: Helvetica, Arial, sans-serif;
  border-radius: 10px;
}

.modal600
{
  width: 600px !important;
  height: 400px !important;
}

.modal600_body
{
  height: 280px !important;
}

.modal-body-vuejs
{
  height: 570px;
  overflow-y: scroll;
  margin-top: 5px;
}

.modal-footer-vuejs {
  padding: 5px;
  margin-bottom: 0px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-header h3 {
  margin-top: 0;
  color: #42b983;
}

.modal-body {
  margin: 20px 0;
}

.modal-default-button {
  float: right;
}

/*
 * The following styles are auto-applied to elements with
 * transition="modal" when their visibility is toggled
 * by Vue.js.
 */

.modal-enter {
  opacity: 0;
}

.modal-leave-active {
  opacity: 0;
}

.modal-enter .modal-container-vuejs,
.modal-leave-active .modal-container-vuejs {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.modal-header-vuejs
{
  padding: 0px;
}

@media only screen and (device-width : 375px)
{
  .modal-container-vuejs {
    width: 375px;
  }
}

.close-modal-vuejs
{
  float: right;
  margin-top: -35px !important;
  margin-right: -40px !important;
  cursor: pointer;
  color: #fff;
  border: 3px solid #fff;
  border-radius: 30px;
  background: #000000;
  font-size: 28px;
  line-height: 0px;
  padding: 0px 0px 5px 0px;
  width: 35px;
  height: 35px;
}


.chat-modal-content {
  display: flex;
  flex-direction: column;
  height: 600px;
  min-height: 300px;
}

/* Scrollable chat area */
.chat-messages-area {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 15px;
  overscroll-behavior: contain;
}

/* Sticky send message form */
.chat-send-form {
  flex-shrink: 0;
  background: #fff;
  padding: 10px 15px 0 15px;
}

/* Vuejs modal */

.no-side-padding { padding-left: 0 !important; padding-right: 0 !important; }
.no-side-margin { margin-left: 0 !important; margin-right: 0 !important; }

.glyphicon-spin-animated {
  -webkit-animation: spin 1000ms infinite linear;
  animation: spin 1000ms infinite linear;
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg);}
  100% { -webkit-transform: rotate(359deg);}
}
@keyframes spin {
  0% { transform: rotate(0deg);}
  100% { transform: rotate(359deg);}
}

.paddingLeft8
{
  padding-left: 8px;
}

.dropdown-menu.dropup-menu {
  bottom: 100%;
  top: auto;
  margin-bottom: 5px;
  right: 0;
  left: auto;
}

.dropdown-menu.dropup-menu li a.delete {
  color: #d9534f;
  font-weight: 600;
}

.dropdown-menu.dropup-menu li a.delete:hover {
  background-color: #ffcccc;
}