/* Font */
/* */
/* Color */
/* Margins */
/* -------------------------------------------------------------
  List of CSS3 Sass Mixins File to be @imported and @included as you need

  Mixins available:
    -   css3-prefix             - arguments: Property, Value
    -   background-gradient     - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-horizontal   - arguments: Start Color: #3C3C3C, End Color: #999999
    -   background-radial       - arguments: Start Color: #FFFFFF, Start position: 0%, End Color: #000000, End position: 100%
    -   background-size         - arguments: Width: 100%, Height: 100%
    -   background-opacity      - arguments: Color: #000, Opacity: .85
    -   border-radius           - arguments: Radius: 5px
    -   border-radius-separate  - arguments: Top Left: 5px, Top Right: 5px, Bottom Left: 5px, Bottom Right: 5px
    -   box                     - arguments: Orientation: horizontal, Pack: center, Align: center
    -   box-rgba                - arguments: R: 60, G: 3, B: 12, Opacity: 0.23, Color: #3C3C3C
    -   box-shadow              - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   box-sizing              - arguments: Type: border-box
    -   columns                 - arguments: Count: 3, Gap: 10
    -   double-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Radius: 0
    -   flex                    - arguments: Value: 1
    -   flip                    - arguments: ScaleX: -1
    -   font-face               - arguments: Font Family: myFont, Eot File Src: myFont.eot, Woff File Src: myFont.woff, Ttf File Src: myFont.ttf
    -   opacity                 - arguments: Opacity: 0.5
    -   outline radius          - arguments: Radius: 5px
    -   resize                  - arguments: Direction: both
    -   rotate                  - arguments: Degree: 0, M11: 0, M12: 0, M21: 0, M22: 0
    CSS Matrix Rotation Calculator http://www.boogdesign.com/examples/transforms/matrix-calculator.html
    -   text-shadow             - arguments: X: 2px, Y: 2px, Blur: 5px, Color: rgba(0,0,0,.4)
    -   transform               - arguments: Parameters: null
    -   transform-style         - arguments: Style: preserve-3d
    -   transition              - Default arguments: What: all, Length: 1s, Easing: ease-in-out
    -                            - Examples: @include transition (all 2s ease-in-out);
    -                                        @include transition (opacity 1s ease-in 2s, width 2s ease-out);
    -   triple-borders          - arguments: Color One: #3C3C3C, Color Two: #999999, Color Three: #000000, Radius: 0
    -   keyframes               - arguments: Animation name
                                - content:   Animation css
    -   animation               - arguments: name duration timing-function delay iteration-count direction fill-mode play-state
                                             (http://www.w3schools.com/cssref/css3_pr_animation.asp)
    -   abs-pos                 - arguments: top,right,bottom,left -> default all values are on auto

------------------------------------------------------------- */
/*-----------------------------------------*/
.darkBlue {
  color: #122844 !important; }

.blueOVHTelecom {
  color: #32acff; }

.PacificBlue, a.PacificBlue {
  color: #00a2bf; }

.purplePromo {
  color: #AD0067; }

/*-----------------------------------------*/
body .blue {
  color: #32acff; }

body a.newButton16, a.newButton16:visited, a.newButton16:active, a.newButton16:link {
  color: #122844; }

body a.toTop {
  display: block !important;
  bottom: 60px !important;
  opacity: 1 !important; }

body a.link {
  color: #122844 !important; }
  body a.link:hover {
    color: #00a2bf !important; }
  body a.link.white {
    color: white !important; }
    body a.link.white:hover {
      color: #00a2bf; }
  body a.link.blueOVHTelecom {
    color: #32acff !important; }
    body a.link.blueOVHTelecom:hover {
      color: #00a2bf; }

body .backgroundBleuNuit a:hover.link, body .gridTriangle a:hover.link {
  color: #00a2bf !important; }

.bgBlueLight {
  background-color: #32acff; }

.bgBlueDark {
  background-color: #1c3e6d; }

.bgBeige {
  background: #e9ebe7 !important; }

.backgroundPacificBlue {
  background: #00a2bf !important; }

.borderRoundedDarkBlue {
  border: 1px solid #122844 !important;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px; }

.borderBottomDarkBlue {
  border-bottom: 1px solid #122844 !important; }

.flex-container .item.flex-end {
  align-items: flex-end !important;
  -webkit-align-items: flex-end !important;
  -ms-flex-align: flex-end !important; }

/*-----------------------------------------*/
.headDotted {
  background: #1c3e6d url("../../images/newSite2016/pattern-point-bleu.png") repeat 0 0 !important; }

.headSMS {
  background-color: #000;
  background-image: url("../../../images/sms/2016/header.jpg") !important;
  background-repeat: no-repeat;
  background-position: 50% 0 !important;
  background-size: cover !important;
  opacity: 1; }
  .headSMS * {
    color: #FFF !important; }
  .headSMS.boost {
    background-image: url("/images/adsl/boost/header.jpg");
    background-repeat: no-repeat;
    background-position: 50% 0 !important;
    background-size: cover !important;
    opacity: 0.5, 1; }

/*-----------------------------------------*/
/* DOMAIN HOME SEO TABLE */
.responsive-table-line table thead tr th {
  color: #32acff;
  text-align: center;
  font-size: 20px;
  padding: 16px 0;
  height: 55px;
  border-color: #122844 !important; }
.responsive-table-line table tbody tr td {
  border-top: 1px solid #FFFFFF;
  border-top: none;
  text-align: center;
  font-weight: 600;
  border-color: #122844 !important;
  padding: 16px 0;
  height: 55px; }

.responsive-table-line .borderRight {
  border-right: 1px solid #122844;
  padding-right: 2%; }

.responsive-table-line a.orderTable,
.videoLink,
.videoLink:hover,
.doNotUnderline,
.doNotUnderline:hover {
  text-decoration: none !important; }

.responsive-table-line a.orderTable:hover {
  opacity: 0.9; }

.responsive-table-line a.orderTable:active {
  opacity: 0.95; }

/*-----------------------------------------*/
#phoneSmsDiscover {
  border: 2px solid #fff;
  height: 56px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  padding-left: 5px;
  box-sizing: border-box; }

/*-----------------------------------------*/
#uses a, #uses a:hover {
  text-decoration: none !important; }

.breadcrumb a.none {
  color: #fff !important; }

#uses a span.icon-download {
  display: inline-block;
  background-image: url("../../images/sms/2016/page-sms-V02_20.png");
  background-position: 100% 0;
  margin-right: 2%;
  width: 19px;
  height: 19px; }

#uses a:hover span.icon-download {
  background-position: 0 0; }

#bonnePratique {
  position: relative; }

#bonnePratique span.bonnePratique {
  display: inline-block;
  position: absolute;
  width: 287px;
  height: 279px;
  bottom: 0; }

.dashedBottomWhite {
  border-bottom: 1px dashed white; }

.smsBlueSubTitle {
  color: #32acff;
  display: inline-block;
  font-size: 24px;
  padding: 16px;
  text-align: center; }

.smallFaq {
  border-bottom: 1px solid #A4ACB3; }

.smallFaq .infoBulle {
  display: block;
  line-height: 100%;
  padding: 10px; }

.videoLink {
  display: block;
  padding: 60px 0;
  text-align: center;
  text-decoration: none !important; }

@media screen and (max-width: 768px) {
  #btnSmsDiscover {
    margin-top: 15px; } }
@media screen and (min-width: 1024px) {
  .videoLink {
    padding: 200px 0; }

  .smallFaq .infoBulle {
    padding: 0 0 0 80px; }

  .smsNeed {
    border-right: 2px dashed #bbb; }

  .smsBlueSubTitle {
    padding: 16px 52px; }

  #bonnePratique span.bonnePratique {
    background-image: url("../../images/sms/bandeau-bonnes-pratiques.png"); }

  .addRightTab:before {
    content: ">";
    font-family: "lato",sans-serif;
    font-size: 100px;
    font-weight: 100;
    margin: 40px 0 0 60%;
    padding: 0;
    position: absolute;
    text-align: left;
    width: 100%; }

  .dashedRight {
    border-right: 1px dashed #2f2f2f; }

  .dashedRightWhite {
    border-right: 1px dashed white; }

  .dashedBottom {
    border-bottom: 1px dashed #2f2f2f; }

  #timeline .arrow {
    position: relative; }

  #timeline .arrow:after {
    content: '';
    background: url("../../images/sms/2016/fleche.png");
    width: 30px;
    height: 56px;
    display: block;
    position: absolute;
    top: 10%;
    right: 0;
    margin-right: -8%; }

  #timeline .arrow-white:after {
    content: '';
    background: url("../../images/sms/2016/icone-ovh-sms_fleche.png");
    width: 41px;
    height: 66px;
    display: block;
    position: absolute;
    top: 10%;
    right: 0;
    margin-right: -8%; }

  .dashOnRight {
    border-right: dashed rgba(0, 0, 0, 0.5) 1px; } }
.itemList {
  display: none; }

.itemList.active {
  display: block; }

.limitedOffer {
  background: #ac246f none repeat scroll 0 0;
  color: #fff;
  font-size: 1.3em;
  margin: 50px auto 0;
  max-width: 600px;
  padding: 20px;
  text-align: center;
  border: solid #fff 1px;
  z-index: 2;
  position: relative; }

.limitedOfferRibbonContainer {
  margin: -50px auto 0;
  max-width: 690px; }

.limitedOffer:before {
  background: transparent url("/images/adsl/boost/halo.png") no-repeat scroll center bottom;
  content: "";
  display: block;
  height: 240px;
  left: 0;
  margin-top: -260px;
  position: absolute;
  width: 100%; }

.limitedOfferRight, .limitedOfferLeft {
  background: transparent url("/images/adsl/bannerRight.png") top center no-repeat;
  width: 76px;
  height: 82px;
  float: right; }

.limitedOfferLeft {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  float: left; }

.eligibility {
  background: #32ABFC; }

.eligibility #et_form_button, .primaryBtn {
  line-height: 55px;
  margin-top: 50px;
  padding: 0 5px;
  background-color: #353535;
  border-radius: 3px;
  color: #fff !important;
  display: block;
  text-align: center;
  text-decoration: none !important; }

#et_main_form_input {
  background: #FFF;
  line-height: 55px !important;
  height: 55px; }

.noTopBrdr {
  border-top: none !important; }

.noBrdr {
  border-top: none !important;
  border-bottom: none !important; }

.noBtBrdr {
  border-bottom: none !important; }

.backgroundBeige {
  background: #e9ebe7; }

.blue {
  color: #1db9de; }

#et_address_check_main_index_pad {
  display: block; }

#et_address_check_main_index_pad a {
  display: inline-block;
  width: 100%; }

#et_address_check_main_index_pad a:hover {
  color: rgba(255, 255, 255, 0.75) !important; }

#et_address_check_main_index_pad a:active {
  color: white !important; }

#et_main_form_input_resetter {
  display: none !important; }

.gridBg {
  background: url("https://www.ovh.com/fr/images/serveurs-dedies-2013/bare-metal-servers/trame-bckg.png") repeat scroll 0 0; }

.smsNumber {
  font-size: 50px;
  display: inline-block;
  height: 100px;
  line-height: 100px;
  width: 100px;
  border: solid #333 1px;
  border-radius: 9000px; }

.smallFaq, .smsNeed span {
  text-align: left;
  font-size: 24px;
  padding: 16px;
  line-height: 60px;
  cursor: pointer; }

.smallFaq:before {
  content: "";
  display: inline-block;
  height: 60px;
  width: 60px;
  margin: 0 16px -23px 0;
  background: transparent url("/images/sms/open-accordeon.png") center center no-repeat; }

.smallFaq.active:before {
  content: "";
  display: inline-block;
  height: 60px;
  width: 60px;
  margin: 0 16px -23px 0;
  background: transparent url("../../images/sms/close-accordeon.png") center center no-repeat; }

.smsNeed.noBorder {
  border-right: none; }

.smsNeed p {
  padding: 0 16px;
  text-align: center; }

.smsNeed span {
  text-align: center;
  padding: 0; }

.fakeSms {
  background: transparent url("../../images/sms/bulle-sms.png") no-repeat scroll center center;
  box-sizing: border-box;
  color: #fff;
  height: 160px;
  margin: 30px auto;
  padding: 26px 40px;
  width: 260px; }

.linkTitle {
  font-size: 1.88235em;
  color: #17273b;
  font-weight: 400;
  line-height: 1.2em;
  display: inline-block;
  max-width: 800px; }

body a:hover .linkTitle {
  text-decoration: none !important; }

body .newButton.blueBG .text .frame {
  border-color: #28A9FF !important; }

body .newButton.blueBG .text .static {
  border-color: #28A9FF !important; }

body .newButton.blueBG:hover .text .static {
  color: #FFF !important; }

body .newButton:hover .text .static.blueHover {
  color: #289FEE !important; }

body .newButton16.bgGrey.hoverBorderGrey {
  border: 2px solid #123f6d;
  text-align: center;
  border-radius: 3px;
  display: inline-block;
  min-width: 195px;
  height: 56px;
  line-height: 56px;
  padding: 0 16px;
  -webkit-transition: all ease 0.4s;
  -khtml-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  -ms-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
  text-decoration: none !important;
  color: #FFF !important;
  box-shadow: inset 0 0 0 50px rgba(18, 63, 109, 0); }
  body .newButton16.bgGrey.hoverBorderGrey.secondary {
    color: #123f6d !important;
    background: #FFF;
    box-shadow: inset 0 0 0 0px #123f6d;
    background-color: #123f6d !important; }
    body .newButton16.bgGrey.hoverBorderGrey.secondary:hover {
      color: #FFF !important;
      text-decoration: none !important;
      box-shadow: inset 0 0 0 50px #123f6d;
      background-color: #123f6d !important; }
  body .newButton16.bgGrey.hoverBorderGrey:hover {
    color: #FFF !important;
    text-decoration: none !important;
    box-shadow: inset 0 0 0 0px #123f6d;
    background-color: #123f6d !important; }

body .newButton16.borderBlue.hoverBlue {
  border: 2px solid #32acff;
  text-align: center;
  border-radius: 3px;
  display: inline-block;
  min-width: 195px;
  height: 56px;
  line-height: 56px;
  padding: 0 16px;
  -webkit-transition: all ease 0.4s;
  -khtml-transition: all ease 0.4s;
  -moz-transition: all ease 0.4s;
  -ms-transition: all ease 0.4s;
  -o-transition: all ease 0.4s;
  transition: all ease 0.4s;
  text-decoration: none !important;
  color: #32acff !important;
  box-shadow: inset 0 0 0 0px rgba(18, 63, 109, 0); }
  body .newButton16.borderBlue.hoverBlue.secondary {
    color: #FFF !important;
    background: #FFF;
    box-shadow: inset 0 0 0 0px #32acff;
    background-color: rgba(18, 63, 109, 0) !important; }
    body .newButton16.borderBlue.hoverBlue.secondary:hover {
      color: #FFF !important;
      text-decoration: none !important;
      box-shadow: inset 0 0 0 50px #32acff;
      background-color: rgba(18, 63, 109, 0) !important; }
  body .newButton16.borderBlue.hoverBlue:hover {
    color: #FFF !important;
    text-decoration: none !important;
    box-shadow: inset 0 0 0 50px #32acff !important;
    background-color: rgba(18, 63, 109, 0) !important; }

input[type="button"], .newButton.borderWhite.hoverBlueDark {
  padding: 0;
  border-bottom: 0;
  background: #FFF !important; }
  input[type="button"] .text .static, .newButton.borderWhite.hoverBlueDark .text .static {
    border-color: #FFF !important;
    color: #FFF; }
  input[type="button"] .text .frame, .newButton.borderWhite.hoverBlueDark .text .frame {
    border-color: #1c3e6d !important; }
  input[type="button"]:hover, .newButton.borderWhite.hoverBlueDark:hover {
    padding: 0;
    border-bottom: 0; }
    input[type="button"]:hover .text .static, .newButton.borderWhite.hoverBlueDark:hover .text .static {
      color: #F5F5F5 !important; }

body table tr th, body table tr td {
  border-color: #32acff; }

/* DID YOU KNOW */
.colorDidYouKnow {
  color: #8D4238; }

.didYouKnow {
  color: #8D4238;
  background-color: #FFCC00;
  border: solid 1px #8D4238;
  position: relative;
  height: 32px;
  line-height: 30px;
  display: inline-block; }
  .didYouKnow span {
    display: block;
    width: 58px;
    height: 52px;
    position: absolute;
    background-image: url("../../images/main/2017/SaviezVous-bulb.png");
    top: -53px;
    left: 50%;
    margin-left: -28px; }
  .didYouKnow:before {
    content: '';
    background-image: url("../../images/main/2017/SaviezVous-cgh.png");
    width: 28px;
    height: 36px;
    display: block;
    position: absolute;
    top: -5px;
    left: -28px; }
  .didYouKnow:after {
    content: '';
    background-image: url("../../images/main/2017/SaviezVous-drt.png");
    width: 28px;
    height: 36px;
    display: block;
    position: absolute;
    top: -5px;
    right: -28px; }

.slick-prev {
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg); }
  .slick-prev:before {
    content: url("../../images/sms/2016/fleche.png") !important; }

.slick-next:before {
  content: url("../../images/sms/2016/fleche.png") !important; }

.backgroundBleuNuit .slick-prev:before, .backgroundBleuNuit .slick-next:before {
  content: url("../../images/sms/2016/icone-ovh-sms_fleche.png") !important; }

.backgroundBeige #slider-container #slider-paas-sms #left {
  background: url("../../images/sms/2016/fleche.png") no-repeat 0 0 !important; }
.backgroundBeige #slider-container #slider-paas-sms #right {
  background: url("../../images/sms/2016/fleche.png") no-repeat 0 0 !important; }

#slider-container {
  position: relative;
  width: 95%;
  margin: 0 auto;
  overflow: hidden; }
  #slider-container #slider-paas-sms {
    width: 132%;
    margin: 0;
    padding: 0; }
    #slider-container #slider-paas-sms .usecaseContent {
      display: none;
      margin: 0 7% !important;
      width: 66%;
      padding: 3%;
      text-align: center; }
    #slider-container #slider-paas-sms.arrowBlack #left {
      background-image: url("../../images/sms/2016/fleche.png");
      background-repeat: no-repeat; }
    #slider-container #slider-paas-sms.arrowBlack #right {
      background-image: url("../../images/sms/2016/fleche.png"); }
    #slider-container #slider-paas-sms #left {
      -ms-transform: rotate(180deg);
      /* IE 9 */
      -webkit-transform: rotate(180deg);
      /* Chrome, Safari, Opera */
      transform: rotate(180deg);
      background: url("../../images/sms/2016/icone-ovh-sms_fleche.png") no-repeat 0 0;
      left: 0; }
    #slider-container #slider-paas-sms #right {
      background: url("../../images/sms/2016/icone-ovh-sms_fleche.png") no-repeat 0 0;
      right: 0; }
    #slider-container #slider-paas-sms .slider-paas-nav {
      position: absolute;
      width: 41px;
      height: 66px;
      display: block;
      cursor: pointer;
      top: 45px;
      opacity: 0.5;
      -webkit-transition: all 0.4s ease;
      -moz-transition: all 0.4s ease;
      -o-transition: all 0.4s ease;
      transition: all 0.4s ease; }
      #slider-container #slider-paas-sms .slider-paas-nav:hover {
        opacity: 1; }
    #slider-container #slider-paas-sms .phones {
      width: 25%;
      display: inline-block;
      margin: 0;
      float: left; }
      #slider-container #slider-paas-sms .phones.active img {
        opacity: 1;
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1); }
      #slider-container #slider-paas-sms .phones img {
        opacity: 0.5;
        -webkit-transform: scale(0.7, 0.7) translateY(72px);
        -moz-transform: scale(0.7, 0.7) translateY(72px);
        -o-transform: scale(0.7, 0.7) translateY(72px);
        transform: scale(0.7, 0.7) translateY(72px);
        -webkit-transition: all 0.8s linear;
        -moz-transition: all 0.8s linear;
        -o-transition: all 0.8s linear;
        transition: all 0.8s linear; }

ul.list-included li {
  font-size: 17px;
  font-weight: 600;
  list-style-image: url("../../images/sms/2016/check-box.png") !important;
  list-style-type: none;
  list-style-position: inside;
  background: none;
  line-height: 36px; }

.code {
  border: solid 2px #AAA;
  border-radius: 5px;
  padding: 10px 30px 10px 10px;
  font-size: 16px;
  line-height: 24px;
  color: #444;
  background-color: #FFF;
  position: relative; }
  .code pre {
    overflow-x: scroll;
    font-size: 16px;
    line-height: 22px; }
  .code .copyToClip {
    background: #FFF url("../../images/sms/2016/copy-past-paas-sms.png") no-repeat 7px 7px;
    width: 39px;
    height: 45px;
    right: 0;
    top: 0;
    display: block;
    position: absolute;
    cursor: pointer;
    opacity: 0.8; }
    .code .copyToClip .copyToClip:hover {
      opacity: 1; }

.ttoggle {
  position: relative; }
  .ttoggle i {
    height: 16px;
    margin: 0 0 0 12px;
    padding: 0 5px 0 5px;
    display: inline-block;
    background: #334662;
    border: 2px solid #334662;
    color: white;
    font-weight: 200;
    font-size: 14px;
    line-height: 14px;
    border-radius: 50%;
    font-variant: normal;
    font-style: normal;
    cursor: pointer;
    transition: all 0.3s ease; }
  .ttoggle .tooltip {
    position: absolute;
    left: 68%;
    top: 0;
    padding: 0 17px;
    background: white;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    width: 125%;
    z-index: 99;
    border: solid 1px #122844;
    display: none;
    margin-top: -56px;
    transition: all 0.75s ease; }
    .ttoggle .tooltip:after, .ttoggle .tooltip:before {
      right: 100%;
      top: 50%; }
    .ttoggle .tooltip:after {
      border-right-color: #FFF;
      margin-top: -10px; }
    .ttoggle .tooltip:before {
      border-right-color: #122844;
      margin-top: -11px; }
  .ttoggle i:hover {
    background: white;
    color: #334662; }
    .ttoggle i:hover .tooltip {
      display: block; }

.newSite-table thead tr th:first-child {
  color: #00a2bf; }
.newSite-table tbody tr:hover td {
  background-color: #E0F5F2 !important; }
  .newSite-table tbody tr:hover td:nth-of-type(4) {
    background-color: #B6DFEB !important; }
  .newSite-table tbody tr:hover td:last-child {
    background-color: #59d2ef !important; }
  .newSite-table tbody tr:hover td a span.icn-order {
    background-image: url("../../../images/sms/2016/cart2_20px-bkg-light.png") !important; }
.newSite-table tr td {
  padding: 0 15px !important; }
  .newSite-table tr td:nth-child(even) {
    background-color: transparent !important; }
  .newSite-table tr td:nth-of-type(4) {
    background-color: #CBE1EB !important; }
  .newSite-table tr td:last-child:hover {
    background-color: #59d2ef !important; }
  .newSite-table tr td:hover a span.icn-order {
    background-image: url("../../../images/sms/2016/cart2_20px-bkg-light.png") !important; }
  .newSite-table tr td:first-child, .newSite-table tr td:nth-of-type(3) {
    font-weight: 600; }
  .newSite-table tr td a span[class*='icn-'] {
    display: table-cell;
    height: 20px;
    width: 20px; }
    .newSite-table tr td a span[class*='icn-'].icn-order {
      background-image: url("../../../images/sms/2016/cart_20px-bkg-light.png"); }
.newSite-table tr:first-child td {
  color: #122844; }
.newSite-table tr:first-child th {
  padding-left: 15px; }
  .newSite-table tr:first-child th:not(:first-child) {
    text-align: center; }
.newSite-table tr:first-child th, .newSite-table tr:first-child th span {
  color: #7C92A3; }
.newSite-table tr:not(:first-child) {
  text-align: center; }

#sendSMSbyWeb i {
  display: block;
  height: 80px;
  width: 80px;
  background: url("../../../images/sms/2016/sprint-sms.png");
  background-repeat: no-repeat;
  background-position: 0 0; }
  #sendSMSbyWeb i.icn-web {
    background-position: -80px 0; }
  #sendSMSbyWeb i.icn-outlook {
    background-position: -160px 0; }
  #sendSMSbyWeb i.icn-api {
    background-position: -240px 0; }

.openHelp {
  color: white !important;
  padding: 3px 16px;
  border: 1px solid #59d2ef;
  right: 16px;
  top: -26px;
  position: absolute;
  border-radius: 3px;
  cursor: pointer;
  background: transparent;
  text-decoration: none !important;
  transition: all 0.2s ease; }
  .openHelp:hover {
    color: #59d2ef !important;
    background: #143f6c;
    text-decoration: none !important; }

#helpTab {
  background: white;
  position: absolute;
  top: 15px;
  right: 0;
  min-width: 300px; }
  #helpTab * {
    color: #122844 !important; }
  #helpTab a {
    text-decoration: none !important; }
    #helpTab a p, #helpTab a span {
      color: #122844 !important;
      text-decoration: none !important; }
    #helpTab a:hover {
      text-decoration: none !important;
      color: #00a2bf !important; }
      #helpTab a:hover div {
        text-decoration: none !important; }
      #helpTab a:hover p, #helpTab a:hover span {
        color: #00a2bf !important;
        text-decoration: none !important; }

/*# sourceMappingURL=sms.css.map */