/* -------------------------------------------------------------
  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

------------------------------------------------------------- */
* {
  color: #17273b;
}

.backgroundYellow {
  background: #1db9de !important;
}

.backgroundBleuNuit {
  background: #122844 !important;
}

.backgroundBleuVif {
  background: #59d2ef !important;
}

.backgroundBleuInter {
  background: #143f6c !important;
}

.backgroundBleuDedicated {
  background: #123e6f !important;
}

.backgroundYellowCloud {
  background: #ffcc00 !important;
}

.backgroundBeige {
  background: #e9ebe7 !important;
}

.colorYello {
  color: #1db9de !important;
}

.colorBleuNuit {
  color: #122844 !important;
}

.colorBleuVif {
  color: #59d2ef !important;
}

.colorBleuInter {
  color: #143f6c !important;
}

.colorYellowCloud {
  color: #ffcc00 !important;
}

.colorBeige {
  color: #e9ebe7 !important;
}

.colorBleuDedicated {
  color: #123e6f !important;
}

.colorTxt {
  color: #17273b !important;
}

.header * {
  color: white;
}

.config {
  /*&:hover {
  	border-color:$yellowCloud !important;

  	.priceConfig {
  		border-color:$yellowCloud !important;
  	}
  }*/
  /*	.orderConfig {
  		.zone-order-button-dedicated-availability.button-order > a {
  			background-color:$bleuVif !important;
  			border-color: $bleuVif !important;

  			&:hover {
  				background:none !important;
  			}
  		}
  	}*/
}
.config.promo {
  border-color: #5c286b !important;
}
.config.promo .priceConfig {
  border-color: #5c286b !important;
}
.config .headerConfig {
  height: 390px;
}
.config .headerConfig.small {
  height: 280px;
}

.fixForBorderSeparation {
  margin: 0;
  width: calc((6/12)*100%);
}
@media screen and (max-width: 768px) {
  .fixForBorderSeparation {
    width: 100%;
  }
}
.fixForBorderSeparation:last-child {
  width: calc((6/12)*100% - 1px);
}

.fixForBorderSeparationRight {
  margin: 0;
  padding: 0 !important;
  width: calc((6/12)*100% - 1px);
}
@media screen and (max-width: 768px) {
  .fixForBorderSeparationRight {
    width: 100%;
  }
}

.paddingForTableSQL tr td {
  height: 45px;
}

/*#overview {
	.zone-order-button-dedicated-availability.button-order {
		width:195px;

		a {

			&:hover {
				span {
					color:white !important;
				}
			}

		}
	}
}

.zone-order-button-dedicated-availability.button-order {
	width:195px;

	a {
		text-decoration: none !important;
		span {
			color:$txtColor !important;
			font-weight:normal !important;
		}

		&:hover {
			span {
				color:white !important;
			}
		}
	}

	&.lightBackground {
		a {
			&:hover {
				span {
					color:$txtColor !important;
				}				
			}
		}
	}
}

.zone-order-button-dedicated-availability.button-order > a {
    background-color: $yellowCloud;
    box-shadow: none !important;
    display: table-cell;
    position: relative;
    color: #fff;
    font-size: 17px;
    text-align: center;
    line-height: 27px;
    border: 2px solid $yellowCloud;
    @include border-radius(3px);
    width: 195px;
    z-index: 2;
    vertical-align: middle;
    height:56px;
    color:$txtColor !important;

    &:hover {
    	background:none !important;
    	text-decoration: none !important;
    }
}*/
#subMenu.fixed {
  background: rgba(18, 40, 68, 0.9) !important;
}

.MenuInternal {
  border-color: #59d2ef !important;
}

ul.menuInternal li a.selected, ul.menuInternal li a:hover {
  color: #59d2ef !important;
  border-color: #59d2ef !important;
}
ul.menuInternal li a.smallButton:hover, ul.menuInternal li a.smallButton.selected {
  background: none !important;
  border-color: #ffcc00 !important;
  color: white !important;
}

.breadcrumb a:hover {
  color: #59d2ef !important;
}

.smallButton {
  color: #17273b !important;
}

/*.newButton {
	.text {
		.static {
			border-color: $yellowCloud !important;
			color:$txtColor !important;
		}

		.frame {
			border-top-color:$yellowCloud !important;
			border-bottom-color:$yellowCloud !important;
			border-left-color:$yellowCloud !important;
			border-right-color:$yellowCloud !important;
		}
	}

	&:hover {
		.text {
			.static {
				color:white !important;

				&.lightBackground {
					color:$txtColor !important;
				}
			}

			.frame {
				border-top-color:$bleuNuit !important;
				border-bottom-color:$bleuNuit !important;
				border-left-color:$bleuNuit !important;
				border-right-color:$bleuNuit !important;

				&.lightBackground {
					border-top-color:transparent !important;
					border-bottom-color:transparent !important;
					border-left-color:transparent !important;
					border-right-color:transparent !important;
				}
			}
		}
	}
}*/
.avantages {
  border: 1px solid #59d2ef;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.avantages * {
  color: white;
}
.avantages .borderBottom {
  height: 1px;
  background: #59d2ef;
  width: calc(100% - 32px);
}
.avantages .middleBorderSeparation, .avantages .middleBorderSeparationRight {
  border-color: #59d2ef !important;
}
@media screen and (max-width: 1025px) {
  .avantages .middleBorderSeparation, .avantages .middleBorderSeparationRight {
    border: none !important;
    margin-left: 8px !important;
  }
}

#inclus {
  background: url("../../../images/serveurs-dedies-2013/bare-metal-servers/trame-bckg.png");
}
#inclus * {
  color: #17273b;
}
#inclus ul {
  text-align: left;
}
#inclus ul li {
  text-align: left;
  background: none;
  list-style: none !important;
  margin-left: 0 !important;
}
#inclus .borderBottomBleu {
  border-bottom: 1px solid #59d2ef;
  margin: 40px 0;
}

.serverBorder {
  border: 1px solid #17273b;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.radialBackground {
  background: -moz-radial-gradient(center, ellipse cover, #143f6c 0%, #122844 100%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #143f6c), color-stop(100%, #122844));
  background: -webkit-radial-gradient(center, ellipse cover, #143f6c 0%, #122844 100%);
  background: -o-radial-gradient(center, ellipse cover, #143f6c 0%, #122844 100%);
  background: -ms-radial-gradient(center, ellipse cover, #143f6c 0%, #122844 100%);
  background: radial-gradient(ellipse at center, #143f6c 0%, #122844 100%);
}
.radialBackground * {
  color: white;
}

#more .icons a {
  text-decoration: none;
}
#more .icons a svg {
  width: 82px;
  display: block;
  text-align: center;
  margin: 0 auto;
}
#more .icons a:hover svg circle {
  fill: rgba(29, 185, 222, 0.6);
}

.pop {
  height: 125px;
  box-sizing: border-box;
}

.whiteChild * {
  color: white;
}

.toggleWeek {
  border: 1px solid #17273b;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.toggleWeek div {
  height: 28px;
  font-size: 14px;
  cursor: pointer;
}
.toggleWeek div.selected {
  background: #59d2ef;
}

.priceConfig .paddingToggle {
  padding: 25px 0;
}

/*.svgCircleDotted {
	cursor:pointer;
	&:hover {
		circle {
			stroke:$bleuVif;
		}
	}
}*/
.borderPoint {
  border-right: 1px dashed #17273b;
}
@media screen and (max-width: 600px) {
  .borderPoint {
    border: none;
  }
}

.yellowChart {
  /*     text:last-child { */
  /*         font-size:0px !important; */
  /*         pointer-event:none !important; */
  /*     } */
}
.yellowChart tspan {
  text-shadow: none !important;
}
.yellowChart .highcharts-background {
  fill: transparent;
  stroke: transparent;
  stroke-width: 2px;
}
.yellowChart .highcharts-xaxis-labels {
  display: none;
}
.yellowChart .highcharts-axis-labels text {
  color: #ffcc00 !important;
  fill: #ffcc00 !important;
}
.yellowChart .highcharts-axis path {
  display: none;
}
.yellowChart .highcharts-axis tspan {
  color: #ffcc00 !important;
}
.yellowChart .infoGraph {
  background: #122844;
  padding: 20px 50px;
}

.lightChart {
  /* text:last-child { */
  /*     font-size:0px !important; */
  /*     pointer-event:none !important; */
  /* } */
}
.lightChart tspan {
  text-shadow: none !important;
}
.lightChart .highcharts-background {
  fill: transparent;
  stroke: transparent;
  stroke-width: 2px;
}
.lightChart .highcharts-xaxis-labels {
  display: none;
}
.lightChart .highcharts-axis-labels text {
  color: #17273b !important;
  fill: #17273b !important;
}
.lightChart .highcharts-axis path {
  display: none;
}
.lightChart .highcharts-axis tspan {
  color: #17273b !important;
}
.lightChart .infoGraph {
  background: #eaf6fd;
  padding: 20px 50px;
}

.filterPanel {
  border-right: 1px solid #7b92a4;
}

.OffersList .promotionShowServer {
  background: #ad0067;
  padding: 10px 0;
  color: white;
}
.OffersList .promotionShowServer .promo {
  padding: 5px 10px;
  background: white;
  color: #ad0067;
  margin-right: 16px;
  border-radius: 5px;
}
.OffersList.filterSD {
  border: 1px solid #d4dcde;
  margin: 0 10px 10px 10px;
}
.OffersList .trickCssForHeight {
  padding-bottom: 1000px;
  margin-bottom: -1000px;
}
.OffersList .showOffers {
  cursor: pointer;
}
.OffersList .borderForPad {
  border-right: 1px solid #d4dcde;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
}
.OffersList .borderForPad:last-child {
  border: none;
}
.OffersList .infoServer {
  position: relative;
  margin-top: 10px;
}
.OffersList .infoServer * {
  /*height:33px;*/
  line-height: 33px;
}
.OffersList .infoServer .promotionPrice .promo {
  background: #ad0067;
  padding: 15px 5px;
  display: inline-block;
  color: white;
  border-radius: 5px;
  /*position: absolute;
     right: 0;
     top: 0%;*/
}
.OffersList .appendDispoForServer {
  display: none;
}
.OffersList .appendDispoForServer .infoServer {
  width: 300px;
  text-align: left;
  display: inline-block;
  padding-bottom: 10px;
  border-bottom: 1px solid #d4dcde;
  margin-right: 20px;
}
.OffersList .appendDispoForServer .infoServer * {
  line-height: 0px !important;
}
.OffersList .appendDispoForServer .infoServer div {
  display: inline-block;
}
.OffersList .appendDispoForServer .infoServer .dcDispo {
  margin-left: 32px;
}
.OffersList .buttonTable {
  min-width: auto;
  font-size: 14px;
  line-height: 30px !important;
  height: 35px;
}

#globalFilter * {
  font-size: 15px !important;
}
@media screen and (max-width: 768px) {
  #globalFilter {
    display: none;
  }
}

#globalFilter .ui-slider-horizontal {
  height: 0.3em !important;
}

#globalFilter .ui-slider-horizontal .ui-slider-handle {
  top: -2em !important;
  margin-left: -1em !important;
}

#globalFilter .ui-slider .ui-slider-handle {
  width: 2.4em !important;
  height: 4.1em !important;
}

#globalFilter .ui-widget-header {
  background-color: #59d2ef !important;
}

#globalFilter .ui-slider-horizontal .ui-slider-handle {
  /*top:-2.3em !important;*/
  font-size: 17px;
}

#globalFilter .slider {
  width: 85%;
  background: #7b92a4;
}

#globalFilter .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: none !important;
  background: url("../../images/serveurs-dedies-2013/2016/newSD/poignee-slider.png") 35% 50% no-repeat !important;
  font-weight: normal !important;
  color: #17273b !important;
}

.circleDispoColor {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50px;
  vertical-align: middle;
  margin-top: -2px;
}

a.linkToProduct {
  text-decoration: none;
}

.distribution hr {
  width: 100%;
  border-color: #59d2ef;
}
.distribution table tr td {
  border: none;
}
.distribution h4 {
  font-size: 20px !important;
  line-height: 14px;
  cursor: pointer;
  color: #143f6c !important;
}
.distribution h4:hover {
  color: #59d2ef;
  text-decoration: underline;
}
.distribution h4 .showOrHide {
  float: right;
  font-size: 33px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  color: #7b92a4;
}
.distribution h4 .showOrHide:hover {
  background: #59d2ef;
}
.distribution a {
  text-decoration: none;
}
.distribution a:hover {
  text-decoration: underline;
}

#sidebar {
  height: 1000px;
  overflow-y: scroll;
  width: 100%;
  box-sizing: border-box;
  padding: 0 15px;
}

.SpriteSDHome-antiDDoS80pxBkgLight, .SpriteSDHome-counter80pxBkgLight, .SpriteSDHome-infinite80pxBkgLight, .SpriteSDHome-truck80pxBkgLight, .SpriteSDHome-9064pxBkgLight, .SpriteSDHome-antiDDoS64pxBkgLight, .SpriteSDHome-bandwidth64pxBkgLight, .SpriteSDHome-floppy64pxBkgLight, .SpriteSDHome-IP64pxBkgLight {
  background-image: url("../../images/serveurs-dedies-2013/2016/SpriteSDHome.png");
  background-repeat: no-repeat;
  margin: 0 auto;
}

.SpriteSDHome-antiDDoS80pxBkgLight {
  width: 80px;
  height: 80px;
  background-position: -80px 0;
}

.SpriteSDHome-counter80pxBkgLight {
  width: 80px;
  height: 80px;
  background-position: 0 0;
}

.SpriteSDHome-infinite80pxBkgLight {
  width: 79px;
  height: 80px;
  background-position: -160px 0;
}

.SpriteSDHome-truck80pxBkgLight {
  width: 80px;
  height: 80px;
  background-position: -239px 0;
}

.SpriteSDHome-9064pxBkgLight {
  width: 65px;
  height: 65px;
  background-position: -319px -8px;
}

.SpriteSDHome-antiDDoS64pxBkgLight {
  width: 65px;
  height: 65px;
  background-position: -384px -8px;
}

.SpriteSDHome-bandwidth64pxBkgLight {
  width: 65px;
  height: 65px;
  background-position: -449px -8px;
}

.SpriteSDHome-floppy64pxBkgLight {
  width: 65px;
  height: 65px;
  background-position: -514px -8px;
}

.SpriteSDHome-IP64pxBkgLight {
  width: 65px;
  height: 65px;
  background-position: -579px -8px;
}

.iconsNVMe {
  width: 80px;
  height: 80px;
  background: url("../../images/serveurs-dedies-2013/2016/nvme/sprite_NVMe_sprite_NVMe.png");
  margin: 0 auto;
}

.hpc {
  background-position: -560px 0px;
}

.BigData {
  background-position: -480px 0px;
}

.DB {
  background-position: -400px 0px;
}

.SiteWeb {
  background-position: -320px 0px;
}

.capacity {
  background-position: -240px 0px;
}

.Security {
  background-position: -160px 0px;
}

.Performances {
  background-position: -80px 0px;
}

.PCI-Express {
  background-position: 0px 0px;
}

.graphicNVMe {
  width: 660px;
  height: 375px;
  background-position: -654px 0 !important;
  background: url("../../images/serveurs-dedies-2013/2016/nvme/sprit_shema.png");
  margin: 0 auto;
}
.graphicNVMe.secondGraphic {
  background-position: 0 380px !important;
}

.backgroundNone {
  background: none !important;
}

.OffersList .label {
  border: 1px solid #59d2ef;
  padding: 2px;
  display: inline-block;
  width: 40px;
  text-align: center;
}
.OffersList .padProductSD {
  padding: 0;
  margin-bottom: 20px;
  background: white;
}
.OffersList .padProductSD div.clear {
  padding: 0 15px;
}
.OffersList .padProductSD div.clear .toggleWeek {
  padding: 0 !important;
}
.OffersList .padProductSD .distribution {
  display: none;
  background-color: #e5f5fc;
  height: 100%;
}
.OffersList .padProductSD .distribution .distrib {
  display: inline-block;
  width: 60px;
  height: 35px;
  background: white;
  margin-right: 5px;
  padding: 0 5px;
  border: 1px solid #7b92a4;
}
.OffersList .padProductSD .distribution .distrib * {
  vertical-align: middle;
}
.OffersList .padProductSD .normalPrice {
  word-wrap: break-word;
}
.OffersList .padProductSD .promotionPrice {
  word-wrap: break-word;
}
.OffersList .needWidthFixDC {
  width: 56px;
  display: inline-block;
}
.OffersList #changeLanguage {
  font-size: 17px !important;
}
.OffersList #changeLanguage .ovhFlag {
  display: inline-block;
  vertical-align: middle;
  margin: -5px 0 0 0 !important;
}

.accordionItem {
  margin: 20px 0;
  background-color: white;
  background-image: url("../../../images/2016wishes/arrowdown.png");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 8px;
  padding-right: 32px;
  border-bottom: 1px solid #7b92a4;
  padding-bottom: 20px;
  cursor: pointer;
}
.accordionItem .infoToShow:not(:first-child) {
  display: none;
}

.paddingSpecialProductPage {
  padding: 0 25px;
}

.numberInfos.distributions {
  width: 130px;
  height: 130px;
  padding: 5px;
  border-color: #253953;
}
.numberInfos.distributions img {
  vertical-align: middle;
  /*margin-top:40px;*/
}

.switch {
  position: absolute;
  display: inline-block;
  width: 64px;
  height: 34px;
  /* Hide default HTML checkbox */
  /* Rounded sliders */
}
.switch .switch input {
  display: none;
}
.switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: white !important;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 1px solid #7B92A4;
}
.switch .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: #C3C3C3;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.switch input:checked + .slider {
  background-color: white !important;
}
.switch input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
  background: #B0CA67 url("../../images/2016wishes/SD_CHECK.svg") no-repeat 50%;
}
.switch .slider.round {
  border-radius: 34px;
}
.switch .slider.round:before {
  border-radius: 50%;
}

.promoLabel {
  background: #ad0067;
  color: white;
  padding: 0 5px;
  text-align: center;
  display: inline-block;
  margin: 0 1em 0px 0;
  height: 35px;
  line-height: 36px;
}

table.specialTable tr:not(:first-child) {
  background: none !important;
}
table.specialTable td:nth-child(even) {
  background: none !important;
}

table.homepage-table tr th,
table.homepage-table tr td {
  border: none;
  line-height: 42px;
  height: auto;
  padding: 0 1em;
  font-size: 17px;
}

table.homepage-table tr th {
  font-weight: bold;
  color: #122844;
  line-height: 110%;
  height: 42px;
}

table.homepage-table tr:nth-child(2n) td {
  background-color: #e6f8fc;
}

table.homepage-table * {
  font-size: 17px !important;
  color: #494949 !important;
}

.durationSelector.promo {
  background: #AD0067;
  color: white;
  text-align: center;
  padding: 10px 5px;
}
.durationSelector.promo span {
  color: white;
}
.durationSelector.promo .chooseDurationPromotion {
  margin-top: 0px;
}

.ttoggle .tooltip {
  max-width: 100% !important;
}

/* The slider */