html
{
	overflow-y : scroll;
}

h2
{
	padding-bottom : 10px;
}

.no-margin
{
	margin : 0;
}

/* Agrandir la page ? C'est ici */
/*.container*/
/*{*/
/*width: 1700px;*/
/*}*/

.dt_col_hide
{ display : none; }

.box-header
{
	text-transform : none;
}

.disabled
{
	pointer-events : none;
	/* for "disabled" effect */
	opacity        : 0.5;
}

.error
{
	display   : block;
	color     : #D9534F;
	font-size : .85em;
}

.message
{
	margin  : 0 0 15px 0;
	padding : 10px 10px 10px 20px;
}

.message-error
{
	color : #444444;
}

.error-help-block
{
	display     : block;
	color       : #D9534F;
	font-size   : .85em;
	margin-left : 10px;
}

.inline
{
	display : inline !important;
}

.form-actions
{
	padding : 19px 0 20px;
}

.phoneNoAreaCode
{
	display : inline !important;
	width   : 38px !important;
}

.phoneNoCentralOfficeCode
{
	display : inline !important;
	width   : 38px !important;
}

.phoneNoStationCode
{
	display : inline !important;
	width   : 45px !important;
}

#phoneLinesNav li
{
	margin : 10px 0;
}

.phoneLineBox
{
	padding : 0 10px;
}

.phoneLineStateControls
{
	border           : 1px solid #D6D6D6;
	border-radius    : 3px;
	display          : block;
	color            : #444444;
	background-color : #FFFFFF;
	min-height       : 206px;
	margin           : 40px 0 20px 0;
	padding          : 10px 7px 0 7px;
}

.phoneLineState
{
	display        : block;
	width          : 100%;
	border-bottom  : 1px solid #EBEBEB;
	padding-bottom : 13px;
	text-align     : center;
}

.phoneLineStateControls a, .phoneLineStateControls button
{
	margin : 12px 0;
}

.televisionServiceStateControls
{
	border           : 1px solid #D6D6D6;
	border-radius    : 3px;
	display          : block;
	color            : #444444;
	background-color : #FFFFFF;
	min-height       : 206px;
	margin           : 40px 0 20px 0;
	padding          : 10px 7px 0 7px;
}

.televisionServiceState
{
	display        : block;
	width          : 100%;
	border-bottom  : 1px solid #EBEBEB;
	padding-bottom : 13px;
	text-align     : center;
}

.televisionServiceStateControls a, .televisionServiceStateControls button
{
	margin : 12px 0;
}

.nonSelected
{
	opacity : 0.12;
	filter  : grayscale(100%);
}

.padd
{
	padding-left : 15px;
	margin-right : 0;
}

a.logo > img
{
	margin-top : 2px;
}

#megaSearch
{
	margin : 0 auto;
	float  : none;
	width  : 320px;
}

.megaSearchLoading
{
	height : 70px;
}

.megaSearchLoading i
{
	margin-top : 10px;
}

#searchProposals
{
	width            : 320px;
	margin-left      : 600px;
	margin-top       : -7px;
	background-color : white;
	box-shadow       : 2px 2px 5px 2px grey;
}

.searchProposal
{
	border-bottom : 1px solid rgba(0, 0, 0, 0.08);
	padding       : 0;
	height        : 50px;
}

.searchProposal:last-child
{
	border : none;
}

.searchProposal:hover a
{
	color : #FFFFFF;
}

.searchProposal:hover
{
	background-color : #3B93E5;
}

/*a:hover.searchProposal*/
/*{*/
/*background-color:  grey;*/
/*}*/

.searchProposal a
{
	padding         : 10px !important;
	margin-top      : -6px;
	display         : block;
	/*width : 100%;*/
	/*height : 100%;*/
	color           : #000000;
	text-decoration : none;
}

.searchProposal svg
{
	float     : left;
	font-size : 30px;
	margin    : 5px 0 0 15px;
}

.searchProposal .title
{
	margin-left : 20px;
}

.searchProposal .description
{
	margin-left : 10px;
}

.boiteWidget
{
	background-color : #FFFFFF;
	border           : 1px solid #D6D6D6;
	border-radius    : 3px;
	display          : block;
	margin           : 0 0 20px;
}

.ligneWidget
{
	padding       : 15px 20px;
	border-bottom : 1px solid rgba(0, 0, 0, 0.08);
}

.ligneWidget:last-child
{
	border : none;
}

.noBorder
{
	border : none;
}

.etiquetteWidget
{
	min-width : 150px;
	display   : inline-block;
}

.etiquetteWidget:after
{
	content : " : ";
}

.description
{
	padding-left : 10px;
}

.choisi
{
	background : none repeat scroll 0 0 rgba(0, 0, 0, 0.05);
}

.ligneChoix:hover, .ligneChoix.choisi
{
	cursor     : hand;
	cursor     : pointer;
	background : none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
}

.ligneChoix input[type="radio"]
{
	margin-top     : -3px;
	vertical-align : middle;
}

.boiteForm input, .boiteForm select, .boiteForm textarea
{
	display            : block;
	width              : 100%;
	min-height         : 28px;
	-webkit-box-sizing : border-box;
	-moz-box-sizing    : border-box;
	box-sizing         : border-box;
}

.ligneWidget .btn:hover
{
	background   : #3B94E5;
	border-color : #3C6791;
	color        : #FFFFFF;
	text-shadow  : 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.basWidget
{
	background : none repeat scroll 0 0 rgba(0, 0, 0, 0.03);
	padding    : 15px 20px;
}

.item
{
	border-bottom  : 1px solid rgba(0, 0, 0, 0.08);
	padding-top    : 0;
	padding-bottom : 0;
}

.item:last-child
{
	border : none;
}

.lignePrix
{
	min-height : 5px !important;
	padding    : 0;
	margin     : 0;
}

.prix
{
	text-align  : right;
	font-weight : bold;
}

.right
{
	text-align : right;
}

.bold
{
	font-weight : bold;
}

.prix:after
{
	content : " $";
}

.itemDescription
{
	font-weight : bold;
	font-size   : 1em;
}

.choix-recurrence
{
	display : block;
}

.nbRecurrence
{
	display : block;
}

/*
.basWidget .ligne {
	width: 100%
	margin-right: 20px;
}

.basWidget > div > span {
	width: 100px;
	text-align: left;
	display: inline-block;
}*/

.descriptionLigne
{
	width   : 120px;
	display : inline-block;
}

.descriptionLigne::after, .descriptionChoix::after
{
	content : " :";
}

.labelFormulaire::after, .descriptionChoix::after
{
	content : " :";
}

.popover
{
	z-index : 2000;
}

.info-tag
{
	float          : right;
	text-align     : center;
	width          : 140px;
	height         : 19px;
	font-size      : 15px;
	vertical-align : middle;
	padding-top    : 6px;
}

.widget-facture .ligneFacture .total
{
	float : right;
}

.ligneAccesInternet .dateFin
{
	float : right;
}

.enCours
{
	background-color : #9BB921;
}

.enBanque
{
	background-color : #3F89DE;
}

.limiteAtteinte
{
	background-color : #F3A139;
}

.expire
{
	background-color : #DC6343;
}

.echu
{
	background-color : #DDDDDD;
}

.boxValid
{
	box-shadow : 0 0 5px #00FF00;
}

.boxError
{
	box-shadow : 0 0 5px #FF0000;
}

.btn-top
{
	margin-top : 11px;
}

.btn-large
{
	font-size : 25px;
}

.btn-medium
{
	font-size : 20px;
}

.boiteLien > a
{
	margin          : 30px;
	padding         : 30px 10px;
	background      : none repeat scroll 0% 0% padding-box #EEEEEE;
	border-radius   : 4px;
	display         : block;
	color           : #5096BC;
	transition      : all 0.4s ease-in-out 0s;
	text-decoration : none;
	text-align      : center;
}

.boiteLien > a > .icon
{
	font-size : 65px;
}

#activateSubscription
{
	width   : 100px;
	display : block;
	margin  : 10px auto 0 auto;
}

.boiteLien:hover > a
{
	background-color : #DDDDDD;
}

.simpleLine
{
	line-height : 2em;
}

#consommation
{
	height : 300px;
}

.activeTicket
{
	font-weight : 800;
}

.closedTicket
{
	color : #999999;
}

#left-panel-content a span, .lp-dropdown-menu a span
{
	margin-top : -28px;
}

#left-panel-content a, .lp-dropdown-menu a
{
	padding-top : 41px;
}

/*
.actionListServices
{
	list-style-type: none;
	padding:0;
	margin:0;
}

.actionListServices li
{
	margin: 0.8em 0;
}*/

/*Added to override Bootstrap*/
/*We need it to use x-editable in tab of bootstrap*/
.tab-content
{
	overflow : visible;
}

/* Tweaked the fluid system so the widget box fit inside the fixed row */
.fluid91
{
	width : 90.8%;
}

.fluidSpan4
{
	width : 88.5%;
}

.fluid87
{
	width : 87.4%;
}

.fluid85
{
	width : 85.3%;
}

.fluid89
{
	width : 89.7%;
}

.fluidSpan6
{
	width : 92.5%;
}

.fluid94
{
	width : 93.6%;
}

.span4InputFullWidth
{
	width : 285px;
}

.allGood
{
	color : #5CB85C;
}

.problem
{
	color : #D9534F;
}

.somethingWrong
{
	color : #F0AD4E;
}

.notImportant
{
	color : #AAAAAA;
}

.wirelessColor
{
	color : #4D97BD;
}

.fiberColor
{
	color : #FDBA29;
}

.littlePaddingLeft
{
	padding-left : 10px;
}

.code
{
	font-family : "Courier New", serif;
	font-weight : bold;
}

.phoneLineBox
{
	min-height : 700px;
}

/* TV */
#channels-list img
{
	padding : 7px;
	margin  : 5px;
	cursor  : pointer;
}

#channels-list img.active
{
	background-color : #4D97BD;
}

#channels-list img.active.packed
{
	background-color : #FDBA29;
}

#channels-list img:hover
{
	background-color : #9AD0ED;
}

.channelListAlignment
{
	display         : flex;
	flex-flow       : row wrap;
	justify-content : space-around;
}

.channel
{
	width   : 64px;
	height  : 64px;
	padding : 3px;
	margin  : 2px;
	border  : 4px solid #FFFFFF;
}

.channelIsLocked
{
	border : 4px solid #4D97BD;
}

.clickableImage:hover
{
	cursor     : hand;
	cursor     : pointer;
	background : none repeat scroll 0 0 rgba(300, 0, 0, 0.35);
}

.logoChannel
{
	display         : inline-flex;
	justify-content : space-between;
	margin          : 3px;
}

.logoChannel .logo
{
	width  : 65px;
	height : 65px;
}

.channelInfoPanel
{
	display       : none;
	color         : #FFFFFF;
	background    : #172332;
	padding       : 15px;
	border-radius : 20px;
	box-shadow    : 0 0 5px rgba(0, 0, 0, 0.5);
	z-index       : 999;
	width         : 340px;
	margin-top    : -108px;
	margin-left   : -187px;
}

.channelInfoPanel .channelName
{
	font-size  : 24px;
	text-align : center;
	margin-top : 25px;
	padding    : 0 10px;
	color      : #FFFFFF;
}

.channelInfoPanel .channelNo
{
	font-size  : 18px;
	padding    : 0 10px;
	text-align : center;
	color      : #FFFFFF;
}

.channelInfoPanel .channelDescription
{
	text-align : justify;
}

.channelInfoPanel .channelPrice
{
	display    : block;
	text-align : center;
	font-size  : larger;
	padding    : 10px 0;
}

.channelInfoPanel .channelLogo
{
	display          : block;
	width            : 100px;
	height           : 100px;
	margin           : 15px auto 0 auto;
	background-color : transparent;
}

.channelInfoPanel .channelLockDescription
{
	float : right;
	color : #FFFFFF88;
}

.channelLockDescription i
{
	padding-left : 4px;
}

.logoChannel:focus .channelInfoPanel
{
	display  : inline;
	position : absolute;
}

.logoChannel:hover
{
	cursor : hand;
	cursor : pointer;
	/*background: none repeat scroll 0 0 rgba(300, 0, 0, 0.35);*/
}

.padded-multiline
{
	display : inline-block;
}

.networkAuthenticationChoice .chosenMark
{
	display : none;
}

.networkAuthenticationChoice .chooserBtn
{
	display : block;
}

.networkAuthenticationChoice.choisi .chosenMark
{
	display : block;
}

.networkAuthenticationChoice.choisi .chooserBtn
{
	display : none;
}

.red-borders
{
	box-shadow : 0 0 10px red;
}

#modalAddCreditCard
{
	width : 400px;
}

.input-error
{
	border-color : red !important;
}

.error-message
{
	color      : red;
	font-size  : 10px;
	margin-top : -10px;
}

.d-none
{
	display : none;
}

#left-panel-content a svg, .lp-dropdown-menu a svg
{
	font-size     : 2.5em;
	display       : block;
	margin-top    : -28px;
	margin-bottom : 5px;
	width         : 82px;
}

.lp-dropdown-menu a svg
{
	margin-left : 27px;
}

.background-white
{
	background-color : white;
}

.fa-flash
{
	-webkit-animation : flash 2s ease infinite;
	animation         : flash 2s ease infinite;
}

.dropdown-add-on:hover
{
	background-color : #3983DE;
	color            : #FFFFFF;
	cursor           : pointer;
}

.dropdown-add-on
{
	background-color : #FFFFFF;
	border           : 1px solid #CCCCCC;
	height           : 28px;
	width            : 26px !important;
	margin-left      : -6px;
	z-index          : 1000;
	position         : relative;
}

.dropdown-btn:hover
{
	cursor : pointer;
}

.slide-authorize
{
	opacity    : 0.5;
	margin-top : 15px;
}

.slide-authorize:hover
{
	opacity    : 1;
	transition : 400ms;
}

.checkbox-option input
{
	width         : 10px;
	display       : inline-block;
	margin-bottom : 5px;
	margin-right  : 5px
}

.checkbox-option label
{
	display : inline-block
}

.checkbox-option a
{
	display : inline-block; margin-left : 5px
}

/* Step Page Create Customer */
.container
{
	margin-top    : 30px;
	margin-bottom : 15px;
}

.wizards
{
	overflow      : hidden;
	position      : relative;
	margin-top    : 30px;
	margin-bottom : 40px;
}

.progressbar
{
	position   : absolute;
	top        : 24px;
	left       : 0;
	width      : 100%;
	height     : 1px;
	background : #DDDDDD;
}

.progress-line
{
	position   : absolute;
	top        : 0;
	left       : 0;
	height     : 1px;
	background : #3B94E5;
}

.form-wizard
{
	position   : relative;
	float      : left;
	width      : 19%;
	padding    : 0 5px;
	text-align : center;
}

.wizard-icon
{
	display               : inline-block;
	width                 : 40px;
	height                : 40px;
	margin-top            : 4px;
	background            : #DDDDDD;
	font-size             : 16px;
	color                 : #FFFFFF;
	line-height           : 40px;
	-moz-border-radius    : 50%;
	-webkit-border-radius : 50%;
	border-radius         : 50%;
}

.wizard-icon i
{
	padding : 10px;
}

.form-wizard.activated .wizard-icon
{
	background  : #FFFFFF;
	border      : 1px solid #3B94E5;
	color       : #3B94E5;
	line-height : 38px;
}

.form-wizard.active .wizard-icon
{
	width       : 48px;
	height      : 48px;
	margin-top  : 0;
	background  : #3B94E5;
	font-size   : 22px;
	line-height : 48px;
}

.form-wizard p
{
	color : #CCCCCC;
}

.form-wizard.activated p
{
	color : #3B94E5;
}

.form-wizard.active p
{
	color : #3B94E5;
}

.wizardStep
{
	display    : none;
	text-align : left;
}

.wizard-buttons
{
	text-align : right;
}

.input-error
{
	border-color : red;
}

.btn-previous
{
	background-color : lightgrey;
}

.btn-next
{
	background-color : #3B94E5;
	color            : white;
}

iframe
{
	width  : 100%;
	height : 400px;
	border : 1px solid #CCCCCC;
}

.none
{
	display : none;
}

.block
{
	display : block;
}

.noDecoration
{
	color           : #000000 !important;
	text-decoration : none;
}

.clickable
{
	cursor : pointer;
}