img.jumbo {
	width: 100%;
  	height: auto;
	margin-bottom: 10px !important;
}
.tns-subscription-change-preview {
	min-height: 100px;
}
.tns-channel-grid-row {
	margin-left: 5px;
	margin-bottom: 5px;
}
.tns-channel-grid-item {
	border: #d2d2d2 1px solid;
    border-radius: 5px;
    width: 60px;
    height: 30px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 2px;
    box-shadow: 1px 1px 15px #aaa;
}
.tns-channel-grid-item.inactive {
	opacity: 0.3;
    box-shadow: none;
    border-style: dotted;
}
.tns-channel-grid-item.added {
	border: #52D233 2px solid;
}
.tns-channel-grid-item.removed {
	border: #ea1c0d 2px solid;
}

.tns-channel-grid-item-logo {
	background-size: cover;
	width: 90%;
	height: 100%;
	margin: auto;
}

.green {
	color: #52D233;
}
.red {
	color: #ea1c0d;
}

.tns-channel-grid-item-logo.arte {background-image: url("../images/tns/logo_arte.png");}
.tns-channel-grid-item-logo.cplus {background-image: url("../images/tns/logo_c+.png");}
.tns-channel-grid-item-logo.cpluscinema {background-image: url("../images/tns/logo_c+cinema.png");}
.tns-channel-grid-item-logo.cplusseries {background-image: url("../images/tns/logo_c+series.png");}
.tns-channel-grid-item-logo.cplussport {background-image: url("../images/tns/logo_c+sport.png");}
.tns-channel-grid-item-logo.c8 {background-image: url("../images/tns/logo_c8.png");}
.tns-channel-grid-item-logo.cine_premier {background-image: url("../images/tns/logo_cine_premier.png");}
.tns-channel-grid-item-logo.cn {background-image: url("../images/tns/logo_cn.png");}
.tns-channel-grid-item-logo.cnn {background-image: url("../images/tns/logo_cnn.png");}
.tns-channel-grid-item-logo.comedy {background-image: url("../images/tns/logo_comedy.png");}
.tns-channel-grid-item-logo.discovery {background-image: url("../images/tns/logo_discovery.png");}
.tns-channel-grid-item-logo.disney_ch {background-image: url("../images/tns/logo_disney_ch.png");}
.tns-channel-grid-item-logo.disney_ci {background-image: url("../images/tns/logo_disney_ci.png");}
.tns-channel-grid-item-logo.dorcel {background-image: url("../images/tns/logo_dorcel.png");}
.tns-channel-grid-item-logo.france2 {background-image: url("../images/tns/logo_france2.png");}
.tns-channel-grid-item-logo.france3 {background-image: url("../images/tns/logo_france3.png");}
.tns-channel-grid-item-logo.france4 {background-image: url("../images/tns/logo_france4.png");}
.tns-channel-grid-item-logo.france5 {background-image: url("../images/tns/logo_france5.png");}
.tns-channel-grid-item-logo.france24 {background-image: url("../images/tns/logo_france24.png");}
.tns-channel-grid-item-logo.franceo {background-image: url("../images/tns/logo_franceo.png");}
.tns-channel-grid-item-logo.gulli {background-image: url("../images/tns/logo_gulli.png");}
.tns-channel-grid-item-logo.infosport {background-image: url("../images/tns/logo_infosport.png");}
.tns-channel-grid-item-logo.lci {background-image: url("../images/tns/logo_lci.png");}
.tns-channel-grid-item-logo.lcp {background-image: url("../images/tns/logo_lcp.png");}
.tns-channel-grid-item-logo.m6 {background-image: url("../images/tns/logo_m6.png");}
.tns-channel-grid-item-logo.music {background-image: url("../images/tns/logo_music.png");}
.tns-channel-grid-item-logo.natwild {background-image: url("../images/tns/logo_nat_wild.png");}
.tns-channel-grid-item-logo.national {background-image: url("../images/tns/logo_national.png");}
.tns-channel-grid-item-logo.ocs_choc {background-image: url("../images/tns/logo_ocs_choc.png");}
.tns-channel-grid-item-logo.ocs_city {background-image: url("../images/tns/logo_ocs_city.png");}
.tns-channel-grid-item-logo.ocs_geants {background-image: url("../images/tns/logo_ocs_geants.png");}
.tns-channel-grid-item-logo.ocs_max {background-image: url("../images/tns/logo_ocs_max.png");}
.tns-channel-grid-item-logo.planete_ae {background-image: url("../images/tns/logo_planete_ae.png");}
.tns-channel-grid-item-logo.planete {background-image: url("../images/tns/logo_planete.png");}
.tns-channel-grid-item-logo.polynesie1 {background-image: url("../images/tns/logo_polynesie1.png");}
.tns-channel-grid-item-logo.premiere {background-image: url("../images/tns/logo_premiere.png");}
.tns-channel-grid-item-logo.rmc1 {background-image: url("../images/tns/logo_rmc1.jpg");}
.tns-channel-grid-item-logo.rmc2 {background-image: url("../images/tns/logo_rmc2.jpg");}
.tns-channel-grid-item-logo.rmc4 {background-image: url("../images/tns/logo_rmc4.jpg");}
.tns-channel-grid-item-logo.teletoon {background-image: url("../images/tns/logo_teletoon_.png");}
.tns-channel-grid-item-logo.teva {background-image: url("../images/tns/logo_teva.png");}
.tns-channel-grid-item-logo.tf1 {background-image: url("../images/tns/logo_tf1.png");}
.tns-channel-grid-item-logo.tntv {background-image: url("../images/tns/logo_tntv.png");}
.tns-channel-grid-item-logo.voyage {background-image: url("../images/tns/logo_voyage.png");}
.tns-channel-grid-item-logo.w9 {background-image: url("../images/tns/logo_w9.png");}
.tns-channel-grid-item-logo.bein1 {background-image: url("../images/tns/logo_beinsports1.png");}
.tns-channel-grid-item-logo.bein2 {background-image: url("../images/tns/logo_beinsports2.png");}
.tns-channel-grid-item-logo.bein3 {background-image: url("../images/tns/logo_beinsports3.png");}

.tns-block-error {
	background-color: #D0041D;
	color: white;
	text-align: center;
	padding: 1em;
}


#toolbar #menu {
	padding-bottom: 1.5rem;
}

span.btn input {
	width: 100%;
}

.btn-large {
	padding-left: 3rem;
	padding-right: 3rem;
}

.dark {
	color: #343a40;
}

.line-through {
	text-decoration: line-through;
}
.divider {
	margin-top: .25rem !important;
	margin-bottom: .25rem !important;
	border-top-color: rgba(0,0,0,.05);
}

.top-navbar-brand {
	padding-top: 1.5rem !important;
	margin-left: 6rem !important;
}

.top-navbar-logo {
	max-width: 50px;
	position: absolute;
	float: left;
}
.top-navbar-logo.unauthenticated {
	left: 0px;
}

@media ( max-width :991px) {
	.top-navbar-logo {
	    max-width: 50px;
	    position: absolute;
	    float: left;
	    left: 64px;
	    top: 0;
	}
}


.line-detail-service .card .button-panel {
	position: absolute;
	bottom: 10px;
	width: 100%;
	margin-bottom: 4rem !important;
}

@media ( max-width : 576px) {
	.line-detail-service .card {
		min-height: unset;
	}
	.line-detail-service .card .button-panel {
		position: relative;
		bottom: auto;
	}
}

button, input[type=button], input[type=submit] {
	cursor: pointer !important;
}

a i, a i[class*=" icon-"] {
	cursor: pointer;
	text-decoration: none !important;
}

.cursor-pointer {
	cursor: pointer;
}

.text-no-underline {
	text-decoration: none !important;
}

em {
	font-weight: lighter;
	color: #777;
	font-size: 1.3rem;
}

hr {
	border-top: 1px solid rgba(0, 0, 0, .1);
}

.d-blocks strong {
	display: block;
}

.vini-red-border {
	border: 1px solid #d0041d !important;
}
.vini-red-fg {
	color: #d0041d !important;
}

.vini-red-bg {
	background-color: #d0041d !important;
}

.text-bold {
	font-weight: bold !important
}

.text-align-right {
	text-align: right !important
}

.text-align-center {
	text-align: center !important
}

.display-block {
	display: block !important
}

.vini-link {
	color: #d0041d !important;
	text-decoration: underline;
}

.margin-auto {
	margin: auto !important;
}

.page-layout.simple.tabbed .page-content .nav-tabs {
	padding: 0 2rem;
}

.nav.nav-tabs.nav-tabs-small .btn {
	padding: 0;
	min-width: 2rem;
}

.nav.nav-tabs.nav-tabs-small .nav-link [class*=" icon-"], .nav.nav-tabs.nav-tabs-small .nav-link [class^="icon-"],
	.nav.nav-tabs.nav-tabs-small .nav-link i {
	margin-right: 0;
}

.footer-link:hover {
	text-decoration: underline !important;
	color: #d0041d
}

.btn-fit-content {
	height: auto;
	white-space: normal;
	line-height: 2.4rem;
	padding: 6px 10px;
}

.btn-vini {
	color: #fff;
	background-color: #d0041d;
	border-color: #d0041d;
	-webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0
		rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0
		rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
	-webkit-transition: -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
	transition: -webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
	transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
	transition: box-shadow 280ms cubic-bezier(.4, 0, .2, 1),
		-webkit-box-shadow 280ms cubic-bezier(.4, 0, .2, 1);
	will-change: box-shadow;
	color: #fff !important
}

.btn-vini:hover {
	color: #fff;
	background-color: #f22112;
	border-color: #ea1c0d;
	color: #fff
}

    

.btn-vini:hover a:hover {
	color: #1c1e26
}

.btn-vini:hover [class*=" icon-"], .btn-vini:hover [class^=icon-],
	.btn-vini:hover i {
	color: rgba(255, 255, 255, .87)
}

.btn-vini:hover .text-muted {
	color: rgba(255, 255, 255, .5) !important
}

.btn-vini:hover .fuse-ripple-ready .fuse-ripple {
	background: rgba(255, 255, 255, .28)
}

.btn-vini:hover .form-control {
	color: #fff;
	-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .7);
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, .7)
}

.btn-vini:hover .form-control:hover {
	-webkit-box-shadow: 0 2px 0 0 #fff;
	box-shadow: 0 2px 0 0 #fff
}

.btn-vini:hover .form-control:focus {
	-webkit-box-shadow: 0 2px 0 0 #3c4252;
	box-shadow: 0 2px 0 0 #3c4252
}

.btn-vini:hover .form-control::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-vini:hover .form-control::-moz-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-vini:hover .form-control:-ms-input-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-vini:hover .form-control::placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-vini:hover textarea.form-control {
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}

.btn-vini:hover textarea.form-control:hover {
	-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.btn-vini:hover textarea.form-control:focus, .btn-vini:hover textarea.form-control:focus:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px #3c4252;
	box-shadow: inset 0 0 0 2px #3c4252
}

.btn-vini:hover select.form-control {
	background-image:
		url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.5%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E)
}

.btn-vini:hover select.form-control[multiple], .btn-vini:hover select.form-control[size]
	{
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}

.btn-vini:hover select.form-control[multiple]:hover, .btn-vini:hover select.form-control[size]:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.btn-vini:hover select.form-control[multiple]:focus, .btn-vini:hover select.form-control[multiple]:focus:hover,
	.btn-vini:hover select.form-control[size]:focus, .btn-vini:hover select.form-control[size]:focus:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px #3c4252;
	box-shadow: inset 0 0 0 2px #3c4252
}

.btn-vini:hover .form-group>label {
	color: rgba(255, 255, 255, .7)
}

.btn-vini:hover .nav .subheader {
	color: rgba(255, 255, 255, .5)
}

.btn-vini:hover .nav .nav-link {
	color: #fff
}

.btn-vini:hover .nav .nav-link:hover {
	color: #3c4252
}

.btn-vini:hover .nav .nav-link:hover>i {
	color: #3c4252
}

.btn-vini:hover .custom-checkbox input[type=radio] ~.custom-control-indicator:before,
	.btn-vini:hover .custom-checkbox input[type=radio] ~.radio-icon:before,
	.btn-vini:hover .custom-radio input[type=radio] ~.custom-control-indicator:before,
	.btn-vini:hover .custom-radio input[type=radio] ~.radio-icon:before,
	.btn-vini:hover .form-check-label input[type=radio] ~.custom-control-indicator:before,
	.btn-vini:hover .form-check-label input[type=radio] ~.radio-icon:before
	{
	border-color: rgba(255, 255, 255, .7)
}

.btn-vini:hover .custom-checkbox input[type=checkbox] ~.checkbox-icon:before,
	.btn-vini:hover .custom-checkbox input[type=checkbox] ~.custom-control-indicator:before,
	.btn-vini:hover .custom-radio input[type=checkbox] ~.checkbox-icon:before,
	.btn-vini:hover .custom-radio input[type=checkbox] ~.custom-control-indicator:before,
	.btn-vini:hover .form-check-label input[type=checkbox] ~.checkbox-icon:before,
	.btn-vini:hover .form-check-label input[type=checkbox] ~.custom-control-indicator:before
	{
	color: rgba(255, 255, 255, .7)
}

.btn-vini:hover input[type=checkbox]:disabled ~.checkbox-icon, .btn-vini:hover input[type=checkbox]:disabled
	 ~.custom-control-indicator, .btn-vini:hover input[type=checkbox]:disabled
	 ~.form-check-description, .btn-vini:hover input[type=checkbox][disabled]
	 ~.checkbox-icon, .btn-vini:hover input[type=checkbox][disabled] ~.custom-control-indicator,
	.btn-vini:hover input[type=checkbox][disabled] ~.form-check-description
	{
	color: rgba(255, 255, 255, .5) !important
}

.btn-vini:hover .form-check.disabled .form-check-label {
	color: rgba(255, 255, 255, .5) !important
}

.btn-vini:hover .custom-control-input:disabled ~.custom-control-description
	{
	color: rgba(255, 255, 255, .5)
}

.btn-vini










:hover





 





#sidenav





 





.nav-link










:hover










:not





 





(
.active





 





){
background










:





 





rgba










(255
,
255,
255,
.1










)
!
important












}
.btn-vini:hover #sidenav .nav-link:hover:not (.active )>i {
	color: rgba(255, 255, 255, .87) !important
}

.btn-vini a:hover {
	color: #1c1e26
}

.btn-vini [class*=" icon-"], .btn-vini [class^=icon-], .btn-vini i {
	color: rgba(255, 255, 255, .87) !important
}

.btn-vini .text-muted {
	color: rgba(255, 255, 255, .5) !important
}

.btn-vini .fuse-ripple-ready .fuse-ripple {
	background: rgba(255, 255, 255, .28)
}

.btn-vini .form-control {
	color: #fff;
	-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .7);
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, .7)
}

.btn-vini .form-control:hover {
	-webkit-box-shadow: 0 2px 0 0 #fff;
	box-shadow: 0 2px 0 0 #fff
}

.btn-vini .form-control:focus {
	-webkit-box-shadow: 0 2px 0 0 #3c4252;
	box-shadow: 0 2px 0 0 #3c4252
}

.btn-vini .form-control::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-vini .form-control::-moz-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-vini .form-control:-ms-input-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-vini .form-control::placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-vini textarea.form-control {
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}

.btn-vini textarea.form-control:hover {
	-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.btn-vini textarea.form-control:focus, .btn-vini textarea.form-control:focus:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px #3c4252;
	box-shadow: inset 0 0 0 2px #3c4252
}

.btn-vini select.form-control {
	background-image:
		url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.5%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E)
}

.btn-vini select.form-control[multiple], .btn-vini select.form-control[size]
	{
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}

.btn-vini select.form-control[multiple]:hover, .btn-vini select.form-control[size]:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.btn-vini select.form-control[multiple]:focus, .btn-vini select.form-control[multiple]:focus:hover,
	.btn-vini select.form-control[size]:focus, .btn-vini select.form-control[size]:focus:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px #3c4252;
	box-shadow: inset 0 0 0 2px #3c4252
}

.btn-vini .form-group>label {
	color: rgba(255, 255, 255, .7)
}

.btn-vini .nav .subheader {
	color: rgba(255, 255, 255, .5)
}

.btn-vini .nav .nav-link {
	color: #fff
}

.btn-vini .nav .nav-link:hover {
	color: #3c4252
}

.btn-vini .nav .nav-link:hover>i {
	color: #3c4252
}

.btn-vini .custom-checkbox input[type=radio] ~.custom-control-indicator:before,
	.btn-vini .custom-checkbox input[type=radio] ~.radio-icon:before,
	.btn-vini .custom-radio input[type=radio] ~.custom-control-indicator:before,
	.btn-vini .custom-radio input[type=radio] ~.radio-icon:before,
	.btn-vini .form-check-label input[type=radio] ~.custom-control-indicator:before,
	.btn-vini .form-check-label input[type=radio] ~.radio-icon:before {
	border-color: rgba(255, 255, 255, .7)
}

.btn-vini .custom-checkbox input[type=checkbox] ~.checkbox-icon:before,
	.btn-vini .custom-checkbox input[type=checkbox] ~.custom-control-indicator:before,
	.btn-vini .custom-radio input[type=checkbox] ~.checkbox-icon:before,
	.btn-vini .custom-radio input[type=checkbox] ~.custom-control-indicator:before,
	.btn-vini .form-check-label input[type=checkbox] ~.checkbox-icon:before,
	.btn-vini .form-check-label input[type=checkbox] ~.custom-control-indicator:before
	{
	color: rgba(255, 255, 255, .7)
}

.btn-vini input[type=checkbox]:disabled ~.checkbox-icon, .btn-vini input[type=checkbox]:disabled
	 ~.custom-control-indicator, .btn-vini input[type=checkbox]:disabled ~.form-check-description,
	.btn-vini input[type=checkbox][disabled] ~.checkbox-icon, .btn-vini input[type=checkbox][disabled]
	 ~.custom-control-indicator, .btn-vini input[type=checkbox][disabled] 
	 ~.form-check-description {
	color: rgba(255, 255, 255, .5) !important
}

.btn-vini .form-check.disabled .form-check-label {
	color: rgba(255, 255, 255, .5) !important
}

.btn-vini .custom-control-input:disabled ~.custom-control-description {
	color: rgba(255, 255, 255, .5)
}

.btn-vini





 





#sidenav





 





.nav-link










:hover










:not





 





(
.active





 





){
background










:





 





rgba










(255
,
255,
255,
.1










)
!
important












}
.btn-vini #sidenav .nav-link:hover:not (.active )>i {
	color: rgba(255, 255, 255, .87) !important
}

.btn-vini.disabled, .btn-vini:disabled {
	background-color: #d0041d;
	border-color: #d0041d
}

.btn-vini.active, .btn-vini:active, .show>.btn-vini.dropdown-toggle {
	color: #fff;
	background-color: #f22112;
	background-image: none;
	-webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px
		rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px
		rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.btn-vini.active a:hover, .btn-vini:active a:hover, .show>.btn-vini.dropdown-toggle a:hover
	{
	color: #1c1e26
}

.btn-vini.active [class*=" icon-"], .btn-vini.active [class^=icon-],
	.btn-vini.active i, .btn-vini:active [class*=" icon-"], .btn-vini:active [class^=icon-],
	.btn-vini:active i, .show>.btn-vini.dropdown-toggle [class*=" icon-"],
	.show>.btn-vini.dropdown-toggle [class^=icon-], .show>.btn-vini.dropdown-toggle i
	{
	color: rgba(255, 255, 255, .87)
}

.btn-vini.active .text-muted, .btn-vini:active .text-muted, .show>.btn-vini.dropdown-toggle .text-muted
	{
	color: rgba(255, 255, 255, .5) !important
}

.btn-vini.active .fuse-ripple-ready .fuse-ripple, .btn-vini:active .fuse-ripple-ready .fuse-ripple,
	.show>.btn-vini.dropdown-toggle .fuse-ripple-ready .fuse-ripple {
	background: rgba(255, 255, 255, .28)
}

.btn-vini.active .form-control, .btn-vini:active .form-control, .show>.btn-vini.dropdown-toggle .form-control
	{
	color: #fff;
	-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .7);
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, .7)
}

.btn-vini.active .form-control:hover, .btn-vini:active .form-control:hover,
	.show>.btn-vini.dropdown-toggle .form-control:hover {
	-webkit-box-shadow: 0 2px 0 0 #fff;
	box-shadow: 0 2px 0 0 #fff
}

.btn-vini.active .form-control:focus, .btn-vini:active .form-control:focus,
	.show>.btn-vini.dropdown-toggle .form-control:focus {
	-webkit-box-shadow: 0 2px 0 0 #3c4252;
	box-shadow: 0 2px 0 0 #3c4252
}

.btn-vini.active .form-control::-webkit-input-placeholder, .btn-vini:active .form-control::-webkit-input-placeholder,
	.show>.btn-vini.dropdown-toggle .form-control::-webkit-input-placeholder
	{
	color: rgba(255, 255, 255, .7)
}

.btn-vini.active .form-control::-moz-placeholder, .btn-vini:active .form-control::-moz-placeholder,
	.show>.btn-vini.dropdown-toggle .form-control::-moz-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-vini.active .form-control:-ms-input-placeholder, .btn-vini:active .form-control:-ms-input-placeholder,
	.show>.btn-vini.dropdown-toggle .form-control:-ms-input-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-vini.active .form-control::placeholder, .btn-vini:active .form-control::placeholder,
	.show>.btn-vini.dropdown-toggle .form-control::placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-vini.active textarea.form-control, .btn-vini:active textarea.form-control,
	.show>.btn-vini.dropdown-toggle textarea.form-control {
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}

.btn-vini.active textarea.form-control:hover, .btn-vini:active textarea.form-control:hover,
	.show>.btn-vini.dropdown-toggle textarea.form-control:hover {
	-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.btn-vini.active textarea.form-control:focus, .btn-vini.active textarea.form-control:focus:hover,
	.btn-vini:active textarea.form-control:focus, .btn-vini:active textarea.form-control:focus:hover,
	.show>.btn-vini.dropdown-toggle textarea.form-control:focus, .show>.btn-vini.dropdown-toggle textarea.form-control:focus:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px #3c4252;
	box-shadow: inset 0 0 0 2px #3c4252
}

.btn-vini.active select.form-control, .btn-vini:active select.form-control,
	.show>.btn-vini.dropdown-toggle select.form-control {
	background-image:
		url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.5%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E)
}

.btn-vini.active select.form-control[multiple], .btn-vini.active select.form-control[size],
	.btn-vini:active select.form-control[multiple], .btn-vini:active select.form-control[size],
	.show>.btn-vini.dropdown-toggle select.form-control[multiple], .show>.btn-vini.dropdown-toggle select.form-control[size]
	{
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}

.btn-vini.active select.form-control[multiple]:hover, .btn-vini.active select.form-control[size]:hover,
	.btn-vini:active select.form-control[multiple]:hover, .btn-vini:active select.form-control[size]:hover,
	.show>.btn-vini.dropdown-toggle select.form-control[multiple]:hover,
	.show>.btn-vini.dropdown-toggle select.form-control[size]:hover {
	-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.btn-vini.active select.form-control[multiple]:focus, .btn-vini.active select.form-control[multiple]:focus:hover,
	.btn-vini.active select.form-control[size]:focus, .btn-vini.active select.form-control[size]:focus:hover,
	.btn-vini:active select.form-control[multiple]:focus, .btn-vini:active select.form-control[multiple]:focus:hover,
	.btn-vini:active select.form-control[size]:focus, .btn-vini:active select.form-control[size]:focus:hover,
	.show>.btn-vini.dropdown-toggle select.form-control[multiple]:focus,
	.show>.btn-vini.dropdown-toggle select.form-control[multiple]:focus:hover,
	.show>.btn-vini.dropdown-toggle select.form-control[size]:focus, .show>.btn-vini.dropdown-toggle select.form-control[size]:focus:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px #3c4252;
	box-shadow: inset 0 0 0 2px #3c4252
}

.btn-vini.active .form-group>label, .btn-vini:active .form-group>label,
	.show>.btn-vini.dropdown-toggle .form-group>label {
	color: rgba(255, 255, 255, .7)
}

.btn-vini.active .nav .subheader, .btn-vini:active .nav .subheader,
	.show>.btn-vini.dropdown-toggle .nav .subheader {
	color: rgba(255, 255, 255, .5)
}

.btn-vini.active .nav .nav-link, .btn-vini:active .nav .nav-link, .show>.btn-vini.dropdown-toggle .nav .nav-link
	{
	color: #fff
}

.btn-vini.active .nav .nav-link:hover, .btn-vini:active .nav .nav-link:hover,
	.show>.btn-vini.dropdown-toggle .nav .nav-link:hover {
	color: #3c4252
}

.btn-vini.active .nav .nav-link:hover>i, .btn-vini:active .nav .nav-link:hover>i,
	.show>.btn-vini.dropdown-toggle .nav .nav-link:hover>i {
	color: #3c4252
}

.btn-vini.active .custom-checkbox input[type=radio] ~.custom-control-indicator:before,
	.btn-vini.active .custom-checkbox input[type=radio] ~.radio-icon:before,
	.btn-vini.active .custom-radio input[type=radio] ~.custom-control-indicator:before,
	.btn-vini.active .custom-radio input[type=radio] ~.radio-icon:before,
	.btn-vini.active .form-check-label input[type=radio] ~.custom-control-indicator:before,
	.btn-vini.active .form-check-label input[type=radio] ~.radio-icon:before,
	.btn-vini:active .custom-checkbox input[type=radio] ~.custom-control-indicator:before,
	.btn-vini:active .custom-checkbox input[type=radio] ~.radio-icon:before,
	.btn-vini:active .custom-radio input[type=radio] ~.custom-control-indicator:before,
	.btn-vini:active .custom-radio input[type=radio] ~.radio-icon:before,
	.btn-vini:active .form-check-label input[type=radio] ~.custom-control-indicator:before,
	.btn-vini:active .form-check-label input[type=radio] ~.radio-icon:before,
	.show>.btn-vini.dropdown-toggle .custom-checkbox input[type=radio] ~.custom-control-indicator:before,
	.show>.btn-vini.dropdown-toggle .custom-checkbox input[type=radio] ~.radio-icon:before,
	.show>.btn-vini.dropdown-toggle .custom-radio input[type=radio] ~.custom-control-indicator:before,
	.show>.btn-vini.dropdown-toggle .custom-radio input[type=radio] ~.radio-icon:before,
	.show>.btn-vini.dropdown-toggle .form-check-label input[type=radio] ~.custom-control-indicator:before,
	.show>.btn-vini.dropdown-toggle .form-check-label input[type=radio] ~.radio-icon:before
	{
	border-color: rgba(255, 255, 255, .7)
}

.btn-vini.active .custom-checkbox input[type=checkbox] ~.checkbox-icon:before,
	.btn-vini.active .custom-checkbox input[type=checkbox] ~.custom-control-indicator:before,
	.btn-vini.active .custom-radio input[type=checkbox] ~.checkbox-icon:before,
	.btn-vini.active .custom-radio input[type=checkbox] ~.custom-control-indicator:before,
	.btn-vini.active .form-check-label input[type=checkbox] ~.checkbox-icon:before,
	.btn-vini.active .form-check-label input[type=checkbox] ~.custom-control-indicator:before,
	.btn-vini:active .custom-checkbox input[type=checkbox] ~.checkbox-icon:before,
	.btn-vini:active .custom-checkbox input[type=checkbox] ~.custom-control-indicator:before,
	.btn-vini:active .custom-radio input[type=checkbox] ~.checkbox-icon:before,
	.btn-vini:active .custom-radio input[type=checkbox] ~.custom-control-indicator:before,
	.btn-vini:active .form-check-label input[type=checkbox] ~.checkbox-icon:before,
	.btn-vini:active .form-check-label input[type=checkbox] ~.custom-control-indicator:before,
	.show>.btn-vini.dropdown-toggle .custom-checkbox input[type=checkbox] 
	 ~.checkbox-icon:before, .show>.btn-vini.dropdown-toggle .custom-checkbox input[type=checkbox] 
	 ~.custom-control-indicator:before, .show>.btn-vini.dropdown-toggle .custom-radio input[type=checkbox] 
	 ~.checkbox-icon:before, .show>.btn-vini.dropdown-toggle .custom-radio input[type=checkbox] 
	 ~.custom-control-indicator:before, .show>.btn-vini.dropdown-toggle .form-check-label input[type=checkbox]
	 ~.checkbox-icon:before, .show>.btn-vini.dropdown-toggle .form-check-label input[type=checkbox]
	 ~.custom-control-indicator:before {
	color: rgba(255, 255, 255, .7)
}

.btn-vini.active input[type=checkbox]:disabled ~.checkbox-icon,
	.btn-vini.active input[type=checkbox]:disabled ~.custom-control-indicator,
	.btn-vini.active input[type=checkbox]:disabled ~.form-check-description,
	.btn-vini.active input[type=checkbox][disabled] ~.checkbox-icon,
	.btn-vini.active input[type=checkbox][disabled] ~.custom-control-indicator,
	.btn-vini.active input[type=checkbox][disabled] ~.form-check-description,
	.btn-vini:active input[type=checkbox]:disabled ~.checkbox-icon,
	.btn-vini:active input[type=checkbox]:disabled ~.custom-control-indicator,
	.btn-vini:active input[type=checkbox]:disabled ~.form-check-description,
	.btn-vini:active input[type=checkbox][disabled] ~.checkbox-icon,
	.btn-vini:active input[type=checkbox][disabled] ~.custom-control-indicator,
	.btn-vini:active input[type=checkbox][disabled] ~.form-check-description,
	.show>.btn-vini.dropdown-toggle input[type=checkbox]:disabled ~.checkbox-icon,
	.show>.btn-vini.dropdown-toggle input[type=checkbox]:disabled ~.custom-control-indicator,
	.show>.btn-vini.dropdown-toggle input[type=checkbox]:disabled ~.form-check-description,
	.show>.btn-vini.dropdown-toggle input[type=checkbox][disabled] ~.checkbox-icon,
	.show>.btn-vini.dropdown-toggle input[type=checkbox][disabled] ~.custom-control-indicator,
	.show>.btn-vini.dropdown-toggle input[type=checkbox][disabled] ~.form-check-description
	{
	color: rgba(255, 255, 255, .5) !important
}

.btn-vini.active .form-check.disabled .form-check-label, .btn-vini:active .form-check.disabled .form-check-label,
	.show>.btn-vini.dropdown-toggle .form-check.disabled .form-check-label
	{
	color: rgba(255, 255, 255, .5) !important
}

.btn-vini.active .custom-control-input:disabled ~.custom-control-description,
	.btn-vini:active .custom-control-input:disabled ~.custom-control-description,
	.show>.btn-vini.dropdown-toggle .custom-control-input:disabled ~.custom-control-description
	{
	color: rgba(255, 255, 255, .5)
}

.btn-vini










.active





 





#sidenav





 





.nav-link










:hover










:not





 





(
.active





 





),
.btn-vini










:active





 





#sidenav





 





.nav-link










:hover










:not






	





(
.active





 





),
.show
>
.btn-vini










.dropdown-toggle





 





#sidenav





 





.nav-link










:hover










:not






	





(
.active





 





){
background










:





 





rgba










(255
,
255,
255,
.1










)
!
important












}
.btn-vini.active #sidenav .nav-link:hover:not (.active )>i, .btn-vini:active #sidenav .nav-link:hover:not
	 (.active )>i, .show>.btn-vini.dropdown-toggle #sidenav .nav-link:hover:not
	 (.active )>i {
	color: rgba(255, 255, 255, .87) !important
}

.btn-vini.fuse-ripple-ready .fuse-ripple {
	background: rgba(255, 255, 255, .28) !important
}

.btn-white-vini {
	color: #d0041d;
	background-color: #fff;
	border: 1px solid #d0041d !important;
}

.btn-white-vini:hover {
	color: #d0041d;
	background-color: #fff;
	border: 1px solid #d0041d !important;
}

.btn-white-vini:hover a:hover {
	color: #d0041d
}

.btn-white-vini:hover [class*=" icon-"], .btn-white-vini:hover [class^=icon-],
	.btn-white-vini:hover i {
	color: #d0041d
}

.btn-white-vini:hover .text-muted {
	color: rgba(255, 255, 255, .5) !important
}

.btn-white-vini:hover .fuse-ripple-ready .fuse-ripple {
	background: rgba(255, 255, 255, .28)
}

.btn-white-vini:hover .form-control {
	color: #fff;
	-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .7);
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, .7)
}

.btn-white-vini:hover .form-control:hover {
	-webkit-box-shadow: 0 2px 0 0 #fff;
	box-shadow: 0 2px 0 0 #fff
}

.btn-white-vini:hover .form-control:focus {
	-webkit-box-shadow: 0 2px 0 0 #3c4252;
	box-shadow: 0 2px 0 0 #3c4252
}

.btn-white-vini:hover .form-control::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-white-vini:hover .form-control::-moz-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-white-vini:hover .form-control:-ms-input-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-white-vini:hover .form-control::placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-white-vini:hover textarea.form-control {
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}

.btn-white-vini:hover textarea.form-control:hover {
	-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.btn-white-vini:hover textarea.form-control:focus, .btn-white-vini:hover textarea.form-control:focus:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px #3c4252;
	box-shadow: inset 0 0 0 2px #3c4252
}

.btn-white-vini:hover select.form-control {
	background-image:
		url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.5%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E)
}

.btn-white-vini:hover select.form-control[multiple], .btn-white-vini:hover select.form-control[size]
	{
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}

.btn-white-vini:hover select.form-control[multiple]:hover,
	.btn-white-vini:hover select.form-control[size]:hover {
	-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.btn-white-vini:hover select.form-control[multiple]:focus,
	.btn-white-vini:hover select.form-control[multiple]:focus:hover,
	.btn-white-vini:hover select.form-control[size]:focus, .btn-white-vini:hover select.form-control[size]:focus:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px #3c4252;
	box-shadow: inset 0 0 0 2px #3c4252
}

.btn-white-vini:hover .form-group>label {
	color: rgba(255, 255, 255, .7)
}

.btn-white-vini:hover .nav .subheader {
	color: rgba(255, 255, 255, .5)
}

.btn-white-vini:hover .nav .nav-link {
	color: #fff
}

.btn-white-vini:hover .nav .nav-link:hover {
	color: #3c4252
}

.btn-white-vini:hover .nav .nav-link:hover>i {
	color: #3c4252
}

.btn-white-vini:hover .custom-checkbox input[type=radio] ~.custom-control-indicator:before,
	.btn-white-vini:hover .custom-checkbox input[type=radio] ~.radio-icon:before,
	.btn-white-vini:hover .custom-radio input[type=radio] ~.custom-control-indicator:before,
	.btn-white-vini:hover .custom-radio input[type=radio] ~.radio-icon:before,
	.btn-white-vini:hover .form-check-label input[type=radio] ~.custom-control-indicator:before,
	.btn-white-vini:hover .form-check-label input[type=radio] ~.radio-icon:before
	{
	border-color: rgba(255, 255, 255, .7)
}

.btn-white-vini:hover .custom-checkbox input[type=checkbox] ~.checkbox-icon:before,
	.btn-white-vini:hover .custom-checkbox input[type=checkbox] ~.custom-control-indicator:before,
	.btn-white-vini:hover .custom-radio input[type=checkbox] ~.checkbox-icon:before,
	.btn-white-vini:hover .custom-radio input[type=checkbox] ~.custom-control-indicator:before,
	.btn-white-vini:hover .form-check-label input[type=checkbox] ~.checkbox-icon:before,
	.btn-white-vini:hover .form-check-label input[type=checkbox] ~.custom-control-indicator:before
	{
	color: rgba(255, 255, 255, .7)
}

.btn-white-vini:hover input[type=checkbox]:disabled ~.checkbox-icon,
	.btn-white-vini:hover input[type=checkbox]:disabled ~.custom-control-indicator,
	.btn-white-vini:hover input[type=checkbox]:disabled ~.form-check-description,
	.btn-white-vini:hover input[type=checkbox][disabled] ~.checkbox-icon,
	.btn-white-vini:hover input[type=checkbox][disabled] ~.custom-control-indicator,
	.btn-white-vini:hover input[type=checkbox][disabled] ~.form-check-description
	{
	color: rgba(255, 255, 255, .5) !important
}

.btn-white-vini:hover .form-check.disabled .form-check-label {
	color: rgba(255, 255, 255, .5) !important
}

.btn-white-vini:hover .custom-control-input:disabled ~.custom-control-description
	{
	color: rgba(255, 255, 255, .5)
}

.btn-white-vini










:hover





 





#sidenav





 





.nav-link










:hover










:not





 





(
.active





 





){
background










:





 





rgba










(255
,
255,
255,
.1










)
!
important












}
.btn-white-vini:hover #sidenav .nav-link:hover:not (.active )>i {
	color: rgba(255, 255, 255, .87) !important
}

.btn-white-vini a:hover {
	color: #d0041d
}

.btn-white-vini [class*=" icon-"], .btn-white-vini [class^=icon-],
	.btn-white-vini i {
	color: rgba(255, 255, 255, .87) !important
}

.btn-white-vini .text-muted {
	color: rgba(255, 255, 255, .5) !important
}

.btn-white-vini .fuse-ripple-ready .fuse-ripple {
	background: rgba(255, 255, 255, .28)
}

.btn-white-vini .form-control {
	color: #d0041d;
}

.btn-white-vini .form-control::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-white-vini .form-control::-moz-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-white-vini .form-control:-ms-input-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-white-vini .form-control::placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-white-vini textarea.form-control {
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}

.btn-white-vini textarea.form-control:hover {
	-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.btn-white-vini textarea.form-control:focus, .btn-white-vini textarea.form-control:focus:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px #3c4252;
	box-shadow: inset 0 0 0 2px #3c4252
}

.btn-white-vini select.form-control {
	background-image:
		url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.5%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E)
}

.btn-white-vini select.form-control[multiple], .btn-white-vini select.form-control[size]
	{
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}

.btn-white-vini select.form-control[multiple]:hover, .btn-white-vini select.form-control[size]:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.btn-white-vini select.form-control[multiple]:focus, .btn-white-vini select.form-control[multiple]:focus:hover,
	.btn-white-vini select.form-control[size]:focus, .btn-white-vini select.form-control[size]:focus:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px #3c4252;
	box-shadow: inset 0 0 0 2px #3c4252
}

.btn-white-vini .form-group>label {
	color: rgba(255, 255, 255, .7)
}

.btn-white-vini .nav .subheader {
	color: rgba(255, 255, 255, .5)
}

.btn-white-vini .nav .nav-link {
	color: #fff
}

.btn-white-vini .nav .nav-link:hover {
	color: #3c4252
}

.btn-white-vini .nav .nav-link:hover>i {
	color: #3c4252
}

.btn-white-vini .custom-checkbox input[type=radio] ~.custom-control-indicator:before,
	.btn-white-vini .custom-checkbox input[type=radio] ~.radio-icon:before,
	.btn-white-vini .custom-radio input[type=radio] ~.custom-control-indicator:before,
	.btn-white-vini .custom-radio input[type=radio] ~.radio-icon:before,
	.btn-white-vini .form-check-label input[type=radio] ~.custom-control-indicator:before,
	.btn-white-vini .form-check-label input[type=radio] ~.radio-icon:before
	{
	border-color: rgba(255, 255, 255, .7)
}

.btn-white-vini .custom-checkbox input[type=checkbox] ~.checkbox-icon:before,
	.btn-white-vini .custom-checkbox input[type=checkbox] ~.custom-control-indicator:before,
	.btn-white-vini .custom-radio input[type=checkbox] ~.checkbox-icon:before,
	.btn-white-vini .custom-radio input[type=checkbox] ~.custom-control-indicator:before,
	.btn-white-vini .form-check-label input[type=checkbox] ~.checkbox-icon:before,
	.btn-white-vini .form-check-label input[type=checkbox] ~.custom-control-indicator:before
	{
	color: rgba(255, 255, 255, .7)
}

.btn-white-vini input[type=checkbox]:disabled ~.checkbox-icon,
	.btn-white-vini input[type=checkbox]:disabled ~.custom-control-indicator,
	.btn-white-vini input[type=checkbox]:disabled ~.form-check-description,
	.btn-white-vini input[type=checkbox][disabled] ~.checkbox-icon,
	.btn-white-vini input[type=checkbox][disabled] ~.custom-control-indicator,
	.btn-white-vini input[type=checkbox][disabled] ~.form-check-description
	{
	color: rgba(255, 255, 255, .5) !important
}

.btn-white-vini .form-check.disabled .form-check-label {
	color: rgba(255, 255, 255, .5) !important
}

.btn-white-vini .custom-control-input:disabled ~.custom-control-description
	{
	color: rgba(255, 255, 255, .5)
}

.btn-white-vini





 





#sidenav





 





.nav-link










:hover










:not





 





(
.active





 





){
background










:





 





rgba










(255
,
255,
255,
.1










)
!
important












}
.btn-white-vini #sidenav .nav-link:hover:not (.active )>i {
	color: rgba(255, 255, 255, .87) !important
}

.btn-white-vini.disabled, .btn-white-vini:disabled {
	background-color: #d0041d;
	border-color: #d0041d
}

.btn-white-vini.active, .btn-white-vini:active, .show>.btn-white-vini.dropdown-toggle
	{
	color: #fff;
	background-color: #f22112;
	background-image: none;
	-webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px
		rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px
		rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.btn-white-vini.active a:hover, .btn-white-vini:active a:hover, .show>.btn-white-vini.dropdown-toggle a:hover
	{
	color: #1c1e26
}

.btn-white-vini.active [class*=" icon-"], .btn-white-vini.active [class^=icon-],
	.btn-white-vini.active i, .btn-white-vini:active [class*=" icon-"],
	.btn-white-vini:active [class^=icon-], .btn-white-vini:active i, .show>.btn-white-vini.dropdown-toggle [class*=" icon-"],
	.show>.btn-white-vini.dropdown-toggle [class^=icon-], .show>.btn-white-vini.dropdown-toggle i
	{
	color: rgba(255, 255, 255, .87)
}

.btn-white-vini.active .text-muted, .btn-white-vini:active .text-muted,
	.show>.btn-white-vini.dropdown-toggle .text-muted {
	color: rgba(255, 255, 255, .5) !important
}

.btn-white-vini.active .fuse-ripple-ready .fuse-ripple, .btn-white-vini:active .fuse-ripple-ready .fuse-ripple,
	.show>.btn-white-vini.dropdown-toggle .fuse-ripple-ready .fuse-ripple {
	background: rgba(255, 255, 255, .28)
}

.btn-white-vini.active .form-control, .btn-white-vini:active .form-control,
	.show>.btn-white-vini.dropdown-toggle .form-control {
	color: #fff;
	-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .7);
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, .7)
}

.btn-white-vini.active .form-control:hover, .btn-white-vini:active .form-control:hover,
	.show>.btn-white-vini.dropdown-toggle .form-control:hover {
	-webkit-box-shadow: 0 2px 0 0 #fff;
	box-shadow: 0 2px 0 0 #fff
}

.btn-white-vini.active .form-control:focus, .btn-white-vini:active .form-control:focus,
	.show>.btn-white-vini.dropdown-toggle .form-control:focus {
	-webkit-box-shadow: 0 2px 0 0 #3c4252;
	box-shadow: 0 2px 0 0 #3c4252
}

.btn-white-vini.active .form-control::-webkit-input-placeholder,
	.btn-white-vini:active .form-control::-webkit-input-placeholder, .show>.btn-white-vini.dropdown-toggle .form-control::-webkit-input-placeholder
	{
	color: rgba(255, 255, 255, .7)
}

.btn-white-vini.active .form-control::-moz-placeholder, .btn-white-vini:active .form-control::-moz-placeholder,
	.show>.btn-white-vini.dropdown-toggle .form-control::-moz-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-white-vini.active .form-control:-ms-input-placeholder,
	.btn-white-vini:active .form-control:-ms-input-placeholder, .show>.btn-white-vini.dropdown-toggle .form-control:-ms-input-placeholder
	{
	color: rgba(255, 255, 255, .7)
}

.btn-white-vini.active .form-control::placeholder, .btn-white-vini:active .form-control::placeholder,
	.show>.btn-white-vini.dropdown-toggle .form-control::placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-white-vini.active textarea.form-control, .btn-white-vini:active textarea.form-control,
	.show>.btn-white-vini.dropdown-toggle textarea.form-control {
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}

.btn-white-vini.active textarea.form-control:hover, .btn-white-vini:active textarea.form-control:hover,
	.show>.btn-white-vini.dropdown-toggle textarea.form-control:hover {
	-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.btn-white-vini.active textarea.form-control:focus, .btn-white-vini.active textarea.form-control:focus:hover,
	.btn-white-vini:active textarea.form-control:focus, .btn-white-vini:active textarea.form-control:focus:hover,
	.show>.btn-white-vini.dropdown-toggle textarea.form-control:focus,
	.show>.btn-white-vini.dropdown-toggle textarea.form-control:focus:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px #3c4252;
	box-shadow: inset 0 0 0 2px #3c4252
}

.btn-white-vini.active select.form-control, .btn-white-vini:active select.form-control,
	.show>.btn-white-vini.dropdown-toggle select.form-control {
	background-image:
		url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.5%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E)
}

.btn-white-vini.active select.form-control[multiple], .btn-white-vini.active select.form-control[size],
	.btn-white-vini:active select.form-control[multiple], .btn-white-vini:active select.form-control[size],
	.show>.btn-white-vini.dropdown-toggle select.form-control[multiple],
	.show>.btn-white-vini.dropdown-toggle select.form-control[size] {
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}

.btn-white-vini.active select.form-control[multiple]:hover,
	.btn-white-vini.active select.form-control[size]:hover, .btn-white-vini:active select.form-control[multiple]:hover,
	.btn-white-vini:active select.form-control[size]:hover, .show>.btn-white-vini.dropdown-toggle select.form-control[multiple]:hover,
	.show>.btn-white-vini.dropdown-toggle select.form-control[size]:hover {
	-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.btn-white-vini.active select.form-control[multiple]:focus,
	.btn-white-vini.active select.form-control[multiple]:focus:hover,
	.btn-white-vini.active select.form-control[size]:focus, .btn-white-vini.active select.form-control[size]:focus:hover,
	.btn-white-vini:active select.form-control[multiple]:focus,
	.btn-white-vini:active select.form-control[multiple]:focus:hover,
	.btn-white-vini:active select.form-control[size]:focus, .btn-white-vini:active select.form-control[size]:focus:hover,
	.show>.btn-white-vini.dropdown-toggle select.form-control[multiple]:focus,
	.show>.btn-white-vini.dropdown-toggle select.form-control[multiple]:focus:hover,
	.show>.btn-white-vini.dropdown-toggle select.form-control[size]:focus,
	.show>.btn-white-vini.dropdown-toggle select.form-control[size]:focus:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px #3c4252;
	box-shadow: inset 0 0 0 2px #3c4252
}

.btn-white-vini.active .form-group>label, .btn-white-vini:active .form-group>label,
	.show>.btn-white-vini.dropdown-toggle .form-group>label {
	color: rgba(255, 255, 255, .7)
}

.btn-white-vini.active .nav .subheader, .btn-white-vini:active .nav .subheader,
	.show>.btn-white-vini.dropdown-toggle .nav .subheader {
	color: rgba(255, 255, 255, .5)
}

.btn-white-vini.active .nav .nav-link, .btn-white-vini:active .nav .nav-link,
	.show>.btn-white-vini.dropdown-toggle .nav .nav-link {
	color: #fff
}

.btn-white-vini.active .nav .nav-link:hover, .btn-white-vini:active .nav .nav-link:hover,
	.show>.btn-white-vini.dropdown-toggle .nav .nav-link:hover {
	color: #3c4252
}

.btn-white-vini.active .nav .nav-link:hover>i, .btn-white-vini:active .nav .nav-link:hover>i,
	.show>.btn-white-vini.dropdown-toggle .nav .nav-link:hover>i {
	color: #3c4252
}

.btn-white-vini.active .custom-checkbox input[type=radio] ~.custom-control-indicator:before,
	.btn-white-vini.active .custom-checkbox input[type=radio] ~.radio-icon:before,
	.btn-white-vini.active .custom-radio input[type=radio] ~.custom-control-indicator:before,
	.btn-white-vini.active .custom-radio input[type=radio] ~.radio-icon:before,
	.btn-white-vini.active .form-check-label input[type=radio] ~.custom-control-indicator:before,
	.btn-white-vini.active .form-check-label input[type=radio] ~.radio-icon:before,
	.btn-white-vini:active .custom-checkbox input[type=radio] ~.custom-control-indicator:before,
	.btn-white-vini:active .custom-checkbox input[type=radio] ~.radio-icon:before,
	.btn-white-vini:active .custom-radio input[type=radio] ~.custom-control-indicator:before,
	.btn-white-vini:active .custom-radio input[type=radio] ~.radio-icon:before,
	.btn-white-vini:active .form-check-label input[type=radio] ~.custom-control-indicator:before,
	.btn-white-vini:active .form-check-label input[type=radio] ~.radio-icon:before,
	.show>.btn-white-vini.dropdown-toggle .custom-checkbox input[type=radio]
	 ~.custom-control-indicator:before, .show>.btn-white-vini.dropdown-toggle .custom-checkbox input[type=radio]
	 ~.radio-icon:before, .show>.btn-white-vini.dropdown-toggle .custom-radio input[type=radio]
	 ~.custom-control-indicator:before, .show>.btn-white-vini.dropdown-toggle .custom-radio input[type=radio]
	 ~.radio-icon:before, .show>.btn-white-vini.dropdown-toggle .form-check-label input[type=radio]
	 ~.custom-control-indicator:before, .show>.btn-white-vini.dropdown-toggle .form-check-label input[type=radio]
	 ~.radio-icon:before {
	border-color: rgba(255, 255, 255, .7)
}

.btn-white-vini.active .custom-checkbox input[type=checkbox] ~.checkbox-icon:before,
	.btn-white-vini.active .custom-checkbox input[type=checkbox] ~.custom-control-indicator:before,
	.btn-white-vini.active .custom-radio input[type=checkbox] ~.checkbox-icon:before,
	.btn-white-vini.active .custom-radio input[type=checkbox] ~.custom-control-indicator:before,
	.btn-white-vini.active .form-check-label input[type=checkbox] ~.checkbox-icon:before,
	.btn-white-vini.active .form-check-label input[type=checkbox] ~.custom-control-indicator:before,
	.btn-white-vini:active .custom-checkbox input[type=checkbox] ~.checkbox-icon:before,
	.btn-white-vini:active .custom-checkbox input[type=checkbox] ~.custom-control-indicator:before,
	.btn-white-vini:active .custom-radio input[type=checkbox] ~.checkbox-icon:before,
	.btn-white-vini:active .custom-radio input[type=checkbox] ~.custom-control-indicator:before,
	.btn-white-vini:active .form-check-label input[type=checkbox] ~.checkbox-icon:before,
	.btn-white-vini:active .form-check-label input[type=checkbox] ~.custom-control-indicator:before,
	.show>.btn-white-vini.dropdown-toggle .custom-checkbox input[type=checkbox]
	 ~.checkbox-icon:before, .show>.btn-white-vini.dropdown-toggle .custom-checkbox input[type=checkbox]
	 ~.custom-control-indicator:before, .show>.btn-white-vini.dropdown-toggle .custom-radio input[type=checkbox]
	 ~.checkbox-icon:before, .show>.btn-white-vini.dropdown-toggle .custom-radio input[type=checkbox]
	 ~.custom-control-indicator:before, .show>.btn-white-vini.dropdown-toggle .form-check-label input[type=checkbox]
	 ~.checkbox-icon:before, .show>.btn-white-vini.dropdown-toggle .form-check-label input[type=checkbox]
	 ~.custom-control-indicator:before {
	color: rgba(255, 255, 255, .7)
}

.btn-white-vini.active input[type=checkbox]:disabled ~.checkbox-icon,
	.btn-white-vini.active input[type=checkbox]:disabled ~.custom-control-indicator,
	.btn-white-vini.active input[type=checkbox]:disabled ~.form-check-description,
	.btn-white-vini.active input[type=checkbox][disabled] ~.checkbox-icon,
	.btn-white-vini.active input[type=checkbox][disabled] ~.custom-control-indicator,
	.btn-white-vini.active input[type=checkbox][disabled] ~.form-check-description,
	.btn-white-vini:active input[type=checkbox]:disabled ~.checkbox-icon,
	.btn-white-vini:active input[type=checkbox]:disabled ~.custom-control-indicator,
	.btn-white-vini:active input[type=checkbox]:disabled ~.form-check-description,
	.btn-white-vini:active input[type=checkbox][disabled] ~.checkbox-icon,
	.btn-white-vini:active input[type=checkbox][disabled] ~.custom-control-indicator,
	.btn-white-vini:active input[type=checkbox][disabled] ~.form-check-description,
	.show>.btn-white-vini.dropdown-toggle input[type=checkbox]:disabled ~.checkbox-icon,
	.show>.btn-white-vini.dropdown-toggle input[type=checkbox]:disabled ~.custom-control-indicator,
	.show>.btn-white-vini.dropdown-toggle input[type=checkbox]:disabled ~.form-check-description,
	.show>.btn-white-vini.dropdown-toggle input[type=checkbox][disabled] ~.checkbox-icon,
	.show>.btn-white-vini.dropdown-toggle input[type=checkbox][disabled] ~.custom-control-indicator,
	.show>.btn-white-vini.dropdown-toggle input[type=checkbox][disabled] ~.form-check-description
	{
	color: rgba(255, 255, 255, .5) !important
}

.btn-white-vini.active .form-check.disabled .form-check-label,
	.btn-white-vini:active .form-check.disabled .form-check-label, .show>.btn-white-vini.dropdown-toggle .form-check.disabled .form-check-label
	{
	color: rgba(255, 255, 255, .5) !important
}

.btn-white-vini.active .custom-control-input:disabled ~.custom-control-description,
	.btn-white-vini:active .custom-control-input:disabled ~.custom-control-description,
	.show>.btn-white-vini.dropdown-toggle .custom-control-input:disabled ~.custom-control-description
	{
	color: rgba(255, 255, 255, .5)
}

.btn-white-vini










.active





 





#sidenav





 





.nav-link










:hover










:not





 





(
.active





 





),
.btn-white-vini










:active





 





#sidenav





 





.nav-link










:hover










:not





 





(
.active





 





),
.show
>
.btn-white-vini










.dropdown-toggle





 





#sidenav





 





.nav-link










:hover










:not






	





(
.active





 





){
background










:





 





rgba










(255
,
255,
255,
.1










)
!
important












}
.btn-white-vini.active #sidenav .nav-link:hover:not (.active )>i,
	.btn-white-vini:active #sidenav .nav-link:hover:not (.active )>i, .show>.btn-white-vini.dropdown-toggle #sidenav .nav-link:hover:not
	 (.active )>i {
	color: rgba(255, 255, 255, .87) !important
}

.btn-white-vini.fuse-ripple-ready .fuse-ripple {
	background: rgba(255, 255, 255, .28) !important
}

.btn-grey {
	color: #fff;
	background-color: #9e9e9e;
	border: 1px solid #9e9e9e !important;
}

.btn-grey:hover {
	color: #fff;
	background-color: #9e9e9e;
	border: 1px solid #9e9e9e !important;
}

.btn-grey:hover a:hover {
	color: #fff
}

.btn-grey:hover [class*=" icon-"], .btn-grey:hover [class^=icon-],
	.btn-grey:hover i {
	color: #fff
}

.btn-grey:hover .text-muted {
	color: rgba(255, 255, 255, .5) !important
}

.btn-grey:hover .fuse-ripple-ready .fuse-ripple {
	background: rgba(255, 255, 255, .28)
}

.btn-grey:hover .form-control {
	color: #9e9e9e;
	-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .7);
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, .7)
}

.btn-grey:hover .form-control:hover {
	-webkit-box-shadow: 0 2px 0 0 #9e9e9e;
	box-shadow: 0 2px 0 0 #9e9e9e
}

.btn-grey:hover .form-control:focus {
	-webkit-box-shadow: 0 2px 0 0 #3c4252;
	box-shadow: 0 2px 0 0 #3c4252
}

.btn-grey:hover .form-control::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-grey:hover .form-control::-moz-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-grey:hover .form-control:-ms-input-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-grey:hover .form-control::placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-grey:hover textarea.form-control {
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}

.btn-grey:hover textarea.form-control:hover {
	-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.btn-grey:hover textarea.form-control:focus, .btn-grey:hover textarea.form-control:focus:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px #3c4252;
	box-shadow: inset 0 0 0 2px #3c4252
}

.btn-grey:hover select.form-control {
	background-image:
		url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.5%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E)
}

.btn-grey:hover select.form-control[multiple], .btn-grey:hover select.form-control[size]
	{
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}

.btn-grey:hover select.form-control[multiple]:hover, .btn-grey:hover select.form-control[size]:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.btn-grey:hover select.form-control[multiple]:focus, .btn-grey:hover select.form-control[multiple]:focus:hover,
	.btn-grey:hover select.form-control[size]:focus, .btn-grey:hover select.form-control[size]:focus:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px #3c4252;
	box-shadow: inset 0 0 0 2px #3c4252
}

.btn-grey:hover .form-group>label {
	color: rgba(255, 255, 255, .7)
}

.btn-grey:hover .nav .subheader {
	color: rgba(255, 255, 255, .5)
}

.btn-grey:hover .nav .nav-link {
	color: #9e9e9e
}

.btn-grey:hover .nav .nav-link:hover {
	color: #3c4252
}

.btn-grey:hover .nav .nav-link:hover>i {
	color: #3c4252
}

.btn-grey:hover .custom-checkbox input[type=radio] ~.custom-control-indicator:before,
	.btn-grey:hover .custom-checkbox input[type=radio] ~.radio-icon:before,
	.btn-grey:hover .custom-radio input[type=radio] ~.custom-control-indicator:before,
	.btn-grey:hover .custom-radio input[type=radio] ~.radio-icon:before,
	.btn-grey:hover .form-check-label input[type=radio] ~.custom-control-indicator:before,
	.btn-grey:hover .form-check-label input[type=radio] ~.radio-icon:before
	{
	border-color: rgba(255, 255, 255, .7)
}

.btn-grey:hover .custom-checkbox input[type=checkbox] ~.checkbox-icon:before,
	.btn-grey:hover .custom-checkbox input[type=checkbox] ~.custom-control-indicator:before,
	.btn-grey:hover .custom-radio input[type=checkbox] ~.checkbox-icon:before,
	.btn-grey:hover .custom-radio input[type=checkbox] ~.custom-control-indicator:before,
	.btn-grey:hover .form-check-label input[type=checkbox] ~.checkbox-icon:before,
	.btn-grey:hover .form-check-label input[type=checkbox] ~.custom-control-indicator:before
	{
	color: rgba(255, 255, 255, .7)
}

.btn-grey:hover input[type=checkbox]:disabled ~.checkbox-icon, .btn-grey:hover input[type=checkbox]:disabled
	 ~.custom-control-indicator, .btn-grey:hover input[type=checkbox]:disabled
	 ~.form-check-description, .btn-grey:hover input[type=checkbox][disabled]
	 ~.checkbox-icon, .btn-grey:hover input[type=checkbox][disabled] ~.custom-control-indicator,
	.btn-grey:hover input[type=checkbox][disabled] ~.form-check-description
	{
	color: rgba(255, 255, 255, .5) !important
}

.btn-grey:hover .form-check.disabled .form-check-label {
	color: rgba(255, 255, 255, .5) !important
}

.btn-grey:hover .custom-control-input:disabled ~.custom-control-description
	{
	color: rgba(255, 255, 255, .5)
}

.btn-grey










:hover





 





#sidenav





 





.nav-link










:hover










:not





 





(
.active





 





){
background










:





 





rgba










(255
,
255,
255,
.1










)
!
important












}
.btn-grey:hover #sidenav .nav-link:hover:not (.active )>i {
	color: rgba(255, 255, 255, .87) !important
}

.btn-grey a:hover {
	color: #fff
}

.btn-grey [class*=" icon-"], .btn-grey [class^=icon-], .btn-grey i {
	color: rgba(255, 255, 255, .87) !important
}

.btn-grey .text-muted {
	color: rgba(255, 255, 255, .5) !important
}

.btn-grey .fuse-ripple-ready .fuse-ripple {
	background: rgba(255, 255, 255, .28)
}

.btn-grey .form-control {
	color: #fff;
}

.btn-grey .form-control::-webkit-input-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-grey .form-control::-moz-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-grey .form-control:-ms-input-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-grey .form-control::placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-grey textarea.form-control {
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}

.btn-grey textarea.form-control:hover {
	-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.btn-grey textarea.form-control:focus, .btn-grey textarea.form-control:focus:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px #3c4252;
	box-shadow: inset 0 0 0 2px #3c4252
}

.btn-grey select.form-control {
	background-image:
		url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.5%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E)
}

.btn-grey select.form-control[multiple], .btn-grey select.form-control[size]
	{
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}

.btn-grey select.form-control[multiple]:hover, .btn-grey select.form-control[size]:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.btn-grey select.form-control[multiple]:focus, .btn-grey select.form-control[multiple]:focus:hover,
	.btn-grey select.form-control[size]:focus, .btn-grey select.form-control[size]:focus:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px #3c4252;
	box-shadow: inset 0 0 0 2px #3c4252
}

.btn-grey .form-group>label {
	color: rgba(255, 255, 255, .7)
}

.btn-grey .nav .subheader {
	color: rgba(255, 255, 255, .5)
}

.btn-grey .nav .nav-link {
	color: #9e9e9e
}

.btn-grey .nav .nav-link:hover {
	color: #3c4252
}

.btn-grey .nav .nav-link:hover>i {
	color: #3c4252
}

.btn-grey .custom-checkbox input[type=radio] ~.custom-control-indicator:before,
	.btn-grey .custom-checkbox input[type=radio] ~.radio-icon:before,
	.btn-grey .custom-radio input[type=radio] ~.custom-control-indicator:before,
	.btn-grey .custom-radio input[type=radio] ~.radio-icon:before,
	.btn-grey .form-check-label input[type=radio] ~.custom-control-indicator:before,
	.btn-grey .form-check-label input[type=radio] ~.radio-icon:before {
	border-color: rgba(255, 255, 255, .7)
}

.btn-grey .custom-checkbox input[type=checkbox] ~.checkbox-icon:before,
	.btn-grey .custom-checkbox input[type=checkbox] ~.custom-control-indicator:before,
	.btn-grey .custom-radio input[type=checkbox] ~.checkbox-icon:before,
	.btn-grey .custom-radio input[type=checkbox] ~.custom-control-indicator:before,
	.btn-grey .form-check-label input[type=checkbox] ~.checkbox-icon:before,
	.btn-grey .form-check-label input[type=checkbox] ~.custom-control-indicator:before
	{
	color: rgba(255, 255, 255, .7)
}

.btn-grey input[type=checkbox]:disabled ~.checkbox-icon, .btn-grey input[type=checkbox]:disabled
	 ~.custom-control-indicator, .btn-grey input[type=checkbox]:disabled ~.form-check-description,
	.btn-grey input[type=checkbox][disabled] ~.checkbox-icon, .btn-grey input[type=checkbox][disabled]
	 ~.custom-control-indicator, .btn-grey input[type=checkbox][disabled] 
	 ~.form-check-description {
	color: rgba(255, 255, 255, .5) !important
}

.btn-grey .form-check.disabled .form-check-label {
	color: rgba(255, 255, 255, .5) !important
}

.btn-grey .custom-control-input:disabled ~.custom-control-description {
	color: rgba(255, 255, 255, .5)
}

.btn-grey





 





#sidenav





 





.nav-link










:hover










:not





 





(
.active





 





){
background










:





 





rgba










(255
,
255,
255,
.1










)
!
important












}
.btn-grey #sidenav .nav-link:hover:not (.active )>i {
	color: rgba(255, 255, 255, .87) !important
}

.btn-grey.disabled, .btn-grey:disabled {
	background-color: #fff;
	border-color: #fff
}

.btn-grey.active, .btn-grey:active, .show>.btn-grey.dropdown-toggle {
	color: #fff;
	background-color: #9e9e9e;
	background-image: none;
	-webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px
		rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12);
	box-shadow: 0 5px 5px -3px rgba(0, 0, 0, .2), 0 8px 10px 1px
		rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12)
}

.btn-grey.active a:hover, .btn-grey:active a:hover, .show>.btn-grey.dropdown-toggle a:hover
	{
	color: #1c1e26
}

.btn-grey.active [class*=" icon-"], .btn-grey.active [class^=icon-],
	.btn-grey.active i, .btn-grey:active [class*=" icon-"], .btn-grey:active [class^=icon-],
	.btn-grey:active i, .show>.btn-grey.dropdown-toggle [class*=" icon-"],
	.show>.btn-grey.dropdown-toggle [class^=icon-], .show>.btn-grey.dropdown-toggle i
	{
	color: rgba(255, 255, 255, .87)
}

.btn-grey.active .text-muted, .btn-grey:active .text-muted, .show>.btn-grey.dropdown-toggle .text-muted
	{
	color: rgba(255, 255, 255, .5) !important
}

.btn-grey.active .fuse-ripple-ready .fuse-ripple, .btn-grey:active .fuse-ripple-ready .fuse-ripple,
	.show>.btn-grey.dropdown-toggle .fuse-ripple-ready .fuse-ripple {
	background: rgba(255, 255, 255, .28)
}

.btn-grey.active .form-control, .btn-grey:active .form-control, .show>.btn-grey.dropdown-toggle .form-control
	{
	color: #9e9e9e;
	-webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, .7);
	box-shadow: 0 1px 0 0 rgba(255, 255, 255, .7)
}

.btn-grey.active .form-control:hover, .btn-grey:active .form-control:hover,
	.show>.btn-grey.dropdown-toggle .form-control:hover {
	-webkit-box-shadow: 0 2px 0 0 #9e9e9e;
	box-shadow: 0 2px 0 0 #9e9e9e
}

.btn-grey.active .form-control:focus, .btn-grey:active .form-control:focus,
	.show>.btn-grey.dropdown-toggle .form-control:focus {
	-webkit-box-shadow: 0 2px 0 0 #3c4252;
	box-shadow: 0 2px 0 0 #3c4252
}

.btn-grey.active .form-control::-webkit-input-placeholder, .btn-grey:active .form-control::-webkit-input-placeholder,
	.show>.btn-grey.dropdown-toggle .form-control::-webkit-input-placeholder
	{
	color: rgba(255, 255, 255, .7)
}

.btn-grey.active .form-control::-moz-placeholder, .btn-grey:active .form-control::-moz-placeholder,
	.show>.btn-grey.dropdown-toggle .form-control::-moz-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-grey.active .form-control:-ms-input-placeholder, .btn-grey:active .form-control:-ms-input-placeholder,
	.show>.btn-grey.dropdown-toggle .form-control:-ms-input-placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-grey.active .form-control::placeholder, .btn-grey:active .form-control::placeholder,
	.show>.btn-grey.dropdown-toggle .form-control::placeholder {
	color: rgba(255, 255, 255, .7)
}

.btn-grey.active textarea.form-control, .btn-grey:active textarea.form-control,
	.show>.btn-grey.dropdown-toggle textarea.form-control {
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}

.btn-grey.active textarea.form-control:hover, .btn-grey:active textarea.form-control:hover,
	.show>.btn-grey.dropdown-toggle textarea.form-control:hover {
	-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.btn-grey.active textarea.form-control:focus, .btn-grey.active textarea.form-control:focus:hover,
	.btn-grey:active textarea.form-control:focus, .btn-grey:active textarea.form-control:focus:hover,
	.show>.btn-grey.dropdown-toggle textarea.form-control:focus, .show>.btn-grey.dropdown-toggle textarea.form-control:focus:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px #3c4252;
	box-shadow: inset 0 0 0 2px #3c4252
}

.btn-grey.active select.form-control, .btn-grey:active select.form-control,
	.show>.btn-grey.dropdown-toggle select.form-control {
	background-image:
		url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.5%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E)
}

.btn-grey.active select.form-control[multiple], .btn-grey.active select.form-control[size],
	.btn-grey:active select.form-control[multiple], .btn-grey:active select.form-control[size],
	.show>.btn-grey.dropdown-toggle select.form-control[multiple], .show>.btn-grey.dropdown-toggle select.form-control[size]
	{
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5)
}

.btn-grey.active select.form-control[multiple]:hover, .btn-grey.active select.form-control[size]:hover,
	.btn-grey:active select.form-control[multiple]:hover, .btn-grey:active select.form-control[size]:hover,
	.show>.btn-grey.dropdown-toggle select.form-control[multiple]:hover,
	.show>.btn-grey.dropdown-toggle select.form-control[size]:hover {
	-webkit-box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .5)
}

.btn-grey.active select.form-control[multiple]:focus, .btn-grey.active select.form-control[multiple]:focus:hover,
	.btn-grey.active select.form-control[size]:focus, .btn-grey.active select.form-control[size]:focus:hover,
	.btn-grey:active select.form-control[multiple]:focus, .btn-grey:active select.form-control[multiple]:focus:hover,
	.btn-grey:active select.form-control[size]:focus, .btn-grey:active select.form-control[size]:focus:hover,
	.show>.btn-grey.dropdown-toggle select.form-control[multiple]:focus,
	.show>.btn-grey.dropdown-toggle select.form-control[multiple]:focus:hover,
	.show>.btn-grey.dropdown-toggle select.form-control[size]:focus, .show>.btn-grey.dropdown-toggle select.form-control[size]:focus:hover
	{
	-webkit-box-shadow: inset 0 0 0 2px #3c4252;
	box-shadow: inset 0 0 0 2px #3c4252
}

.btn-grey.active .form-group>label, .btn-grey:active .form-group>label,
	.show>.btn-grey.dropdown-toggle .form-group>label {
	color: rgba(255, 255, 255, .7)
}

.btn-grey.active .nav .subheader, .btn-grey:active .nav .subheader,
	.show>.btn-grey.dropdown-toggle .nav .subheader {
	color: rgba(255, 255, 255, .5)
}

.btn-grey.active .nav .nav-link, .btn-grey:active .nav .nav-link, .show>.btn-grey.dropdown-toggle .nav .nav-link
	{
	color: #9e9e9e
}

.btn-grey.active .nav .nav-link:hover, .btn-grey:active .nav .nav-link:hover,
	.show>.btn-grey.dropdown-toggle .nav .nav-link:hover {
	color: #3c4252
}

.btn-grey.active .nav .nav-link:hover>i, .btn-grey:active .nav .nav-link:hover>i,
	.show>.btn-grey.dropdown-toggle .nav .nav-link:hover>i {
	color: #3c4252
}

.btn-grey.active .custom-checkbox input[type=radio] ~.custom-control-indicator:before,
	.btn-grey.active .custom-checkbox input[type=radio] ~.radio-icon:before,
	.btn-grey.active .custom-radio input[type=radio] ~.custom-control-indicator:before,
	.btn-grey.active .custom-radio input[type=radio] ~.radio-icon:before,
	.btn-grey.active .form-check-label input[type=radio] ~.custom-control-indicator:before,
	.btn-grey.active .form-check-label input[type=radio] ~.radio-icon:before,
	.btn-grey:active .custom-checkbox input[type=radio] ~.custom-control-indicator:before,
	.btn-grey:active .custom-checkbox input[type=radio] ~.radio-icon:before,
	.btn-grey:active .custom-radio input[type=radio] ~.custom-control-indicator:before,
	.btn-grey:active .custom-radio input[type=radio] ~.radio-icon:before,
	.btn-grey:active .form-check-label input[type=radio] ~.custom-control-indicator:before,
	.btn-grey:active .form-check-label input[type=radio] ~.radio-icon:before,
	.show>.btn-grey.dropdown-toggle .custom-checkbox input[type=radio] ~.custom-control-indicator:before,
	.show>.btn-grey.dropdown-toggle .custom-checkbox input[type=radio] ~.radio-icon:before,
	.show>.btn-grey.dropdown-toggle .custom-radio input[type=radio] ~.custom-control-indicator:before,
	.show>.btn-grey.dropdown-toggle .custom-radio input[type=radio] ~.radio-icon:before,
	.show>.btn-grey.dropdown-toggle .form-check-label input[type=radio] ~.custom-control-indicator:before,
	.show>.btn-grey.dropdown-toggle .form-check-label input[type=radio] ~.radio-icon:before
	{
	border-color: rgba(255, 255, 255, .7)
}

.btn-grey.active .custom-checkbox input[type=checkbox] ~.checkbox-icon:before,
	.btn-grey.active .custom-checkbox input[type=checkbox] ~.custom-control-indicator:before,
	.btn-grey.active .custom-radio input[type=checkbox] ~.checkbox-icon:before,
	.btn-grey.active .custom-radio input[type=checkbox] ~.custom-control-indicator:before,
	.btn-grey.active .form-check-label input[type=checkbox] ~.checkbox-icon:before,
	.btn-grey.active .form-check-label input[type=checkbox] ~.custom-control-indicator:before,
	.btn-grey:active .custom-checkbox input[type=checkbox] ~.checkbox-icon:before,
	.btn-grey:active .custom-checkbox input[type=checkbox] ~.custom-control-indicator:before,
	.btn-grey:active .custom-radio input[type=checkbox] ~.checkbox-icon:before,
	.btn-grey:active .custom-radio input[type=checkbox] ~.custom-control-indicator:before,
	.btn-grey:active .form-check-label input[type=checkbox] ~.checkbox-icon:before,
	.btn-grey:active .form-check-label input[type=checkbox] ~.custom-control-indicator:before,
	.show>.btn-grey.dropdown-toggle .custom-checkbox input[type=checkbox] 
	 ~.checkbox-icon:before, .show>.btn-grey.dropdown-toggle .custom-checkbox input[type=checkbox] 
	 ~.custom-control-indicator:before, .show>.btn-grey.dropdown-toggle .custom-radio input[type=checkbox] 
	 ~.checkbox-icon:before, .show>.btn-grey.dropdown-toggle .custom-radio input[type=checkbox] 
	 ~.custom-control-indicator:before, .show>.btn-grey.dropdown-toggle .form-check-label input[type=checkbox]
	 ~.checkbox-icon:before, .show>.btn-grey.dropdown-toggle .form-check-label input[type=checkbox]
	 ~.custom-control-indicator:before {
	color: rgba(255, 255, 255, .7)
}

.btn-grey.active input[type=checkbox]:disabled ~.checkbox-icon,
	.btn-grey.active input[type=checkbox]:disabled ~.custom-control-indicator,
	.btn-grey.active input[type=checkbox]:disabled ~.form-check-description,
	.btn-grey.active input[type=checkbox][disabled] ~.checkbox-icon,
	.btn-grey.active input[type=checkbox][disabled] ~.custom-control-indicator,
	.btn-grey.active input[type=checkbox][disabled] ~.form-check-description,
	.btn-grey:active input[type=checkbox]:disabled ~.checkbox-icon,
	.btn-grey:active input[type=checkbox]:disabled ~.custom-control-indicator,
	.btn-grey:active input[type=checkbox]:disabled ~.form-check-description,
	.btn-grey:active input[type=checkbox][disabled] ~.checkbox-icon,
	.btn-grey:active input[type=checkbox][disabled] ~.custom-control-indicator,
	.btn-grey:active input[type=checkbox][disabled] ~.form-check-description,
	.show>.btn-grey.dropdown-toggle input[type=checkbox]:disabled ~.checkbox-icon,
	.show>.btn-grey.dropdown-toggle input[type=checkbox]:disabled ~.custom-control-indicator,
	.show>.btn-grey.dropdown-toggle input[type=checkbox]:disabled ~.form-check-description,
	.show>.btn-grey.dropdown-toggle input[type=checkbox][disabled] ~.checkbox-icon,
	.show>.btn-grey.dropdown-toggle input[type=checkbox][disabled] ~.custom-control-indicator,
	.show>.btn-grey.dropdown-toggle input[type=checkbox][disabled] ~.form-check-description
	{
	color: rgba(255, 255, 255, .5) !important
}

.btn-grey.active .form-check.disabled .form-check-label, .btn-grey:active .form-check.disabled .form-check-label,
	.show>.btn-grey.dropdown-toggle .form-check.disabled .form-check-label
	{
	color: rgba(255, 255, 255, .5) !important
}

.btn-grey.active .custom-control-input:disabled ~.custom-control-description,
	.btn-grey:active .custom-control-input:disabled ~.custom-control-description,
	.show>.btn-grey.dropdown-toggle .custom-control-input:disabled ~.custom-control-description
	{
	color: rgba(255, 255, 255, .5)
}

.btn-grey










.active





 





#sidenav





 





.nav-link










:hover










:not





 





(
.active





 





),
.btn-grey










:active





 





#sidenav





 





.nav-link










:hover










:not






	





(
.active





 





),
.show
>
.btn-grey










.dropdown-toggle





 





#sidenav





 





.nav-link










:hover










:not






	





(
.active





 





){
background










:





 





rgba










(255
,
255,
255,
.1










)
!
important












}
.btn-grey.active #sidenav .nav-link:hover:not (.active )>i, .btn-grey:active #sidenav .nav-link:hover:not
	 (.active )>i, .show>.btn-grey.dropdown-toggle #sidenav .nav-link:hover:not
	 (.active )>i {
	color: rgba(255, 255, 255, .87) !important
}

.btn-grey.fuse-ripple-ready .fuse-ripple {
	background: rgba(255, 255, 255, .28) !important
}

.vini-modal {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 500px;
	overflow-y: scroll;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	width: 730px;
}

.h1modal {
	float: left;
	display: inline-block;
	margin: 0;
	font-size: 30px;
	line-height: 20px;
	font-style: regular;
	font-weight: bold;
	color: #be041b;
	padding: 0 0 0px 10px;
}

.btn_fermer {
	background-attachment: scroll;
	display: inline-block;
	background-clip: border-box;
	background-color: transparent;
	background-image: url("../images/images.png");
	background-origin: padding-box;
	background-position: -1294px 0;
	float: right;
	background-repeat: no-repeat;
	background-size: auto auto;
	display: block;
	height: 42px;
	width: 110px;
	margin: 10px 40px 0 0;
}

.btn_aide {
	display: inline-block;
	height: 20px;
	width: 20px;
	background-image: url("../images/aide-connexion-selfcare.png");
	background-repeat: no-repeat;
}

.badge-success.current-offer, .badge-dark.current-offer {
	color: #fff !important;
}
[class*="badge-"].current-offer {
    padding: 0.75rem 1.6rem;
    font-size: 1.4rem;
    line-height: 1.78571;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    position: relative;
    min-width: 8.8rem;
    line-height: 1.6rem;
    outline: 0;
    text-decoration: none;
    text-transform: uppercase;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    letter-spacing: .04em;
}

.form-group {
	margin-bottom: 0.5rem !important;
}

.form-control.right-icon {
	max-width: 80%;
	display: inline-block;
}

#toolbar .dropdown-toggle::after {
	color: white;
}

[data-fuse-bar].fuse-bar.position-left {
	position: fixed !important;
	height: 100%;
}

#toolbar {
	max-width: 1600px;
	width: 100%;
	margin: auto;
}

#wrapper {
	max-width: 1600px;
	width: 100%;
	margin: auto;
}

#aside {
	height: 100%;
}

#aside .aside-content {
	position: absolute !important;
}

@media ( min-width : 576px) {
	.modal-dialog.large-modal {
		max-width: 700px;
	}
}

@media ( min-width :768px) {
	.page-layout.simple.tabbed .page-content .nav-tabs .nav-item {
		padding-right: 1rem;
	}
}


@media ( max-width : 576px) {
	.modal-dialog.large-modal {
		max-width: 100%;
	}
	.page-layout.simple.tabbed .page-content .nav-tabs {
		padding: 0;
		display: flex;
	}
	.page-layout.simple.tabbed .page-content .nav-tabs .nav-item {
		flex-grow: 1;
	}
	.page-layout.simple.tabbed .page-content .nav-tabs .nav-item .nav-link {
		display: inline-grid !important;
	}
	.breadcrumb {
		padding: .5rem 0.5rem;
	}
	.breadcrumb-item+.breadcrumb-item::before {
		padding-right: .1rem;
		padding-left: .1rem;
	}
}

.page-layout.simple.tabbed .page-content .nav-tabs {
	padding: 0 2rem;
}


/* police de base non grasse */
body{
    font-weight:300;
}

b, strong {
  font-weight: bold; /* au lieu de bolder */
}

/* Titres plus petits */
h1{
  font-size: 2.4rem;
}
h2{
  font-size: 2.2rem;
}
h3{
  font-size: 2rem;
}
h4{
  font-size: 1.8rem;
}
h5{
  font-size: 1.6rem;
}

/* Espacement des champs */


.form-group {
    margin-bottom: 2rem !important;
    margin-top: 2rem !important;
}

#toolbar {
    /* box-shadow:none; */
}

/* ----- ONGLETS ----- */

/* Barre d'onglets */
.page-layout.simple.tabbed .page-content .nav-tabs {
    height: 6.5rem;
    background-color:#d0041d;
    background-color:#fff;
    background-color:#464c5b;
    /* box-shadow:none; */
    box-shadow: 0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);
}

/* Application du inline-grid sur toutes les résolutions */
.page-layout.simple.tabbed .page-content .nav-tabs .nav-item .nav-link {
    display: inline-grid !important;
}

/* Hauteur des onglets */
.nav-tabs .nav-link {
    height: 6.5rem;
}

/* icônes des onglets */
.nav-tabs .nav-link i {
    margin-left: auto;
    margin-right: auto;
}

/* largeur des onglets */
.nav.nav-tabs.nav-tabs-small .btn {
        min-width:120px;
}
@media screen and (max-width: 576px) {
    .nav.nav-tabs.nav-tabs-small .btn {
        width:100%;
        min-width:inherit;
    }
}

/* supression des marges de la barre d'onglets */
.page-layout.simple.tabbed .page-content .nav-tabs {
    padding: 0;
}

/* Couleur des onglets */
.nav.nav-tabs.nav-tabs-small .nav-item .nav-link,
.nav.nav-tabs.nav-tabs-small .nav-item .nav-link i.icon{
    color: #3c4252;
    color:#fff;
    color:#5f6f7e;
    color:#fff;
}
.nav-tabs .nav-item.show .nav-link:not(.dropdown-toggle)::after, .nav-tabs .nav-link.active:not(.dropdown-toggle)::after {
    height: 4px;
    background-color:#fff !important;
    background-color:#5f6f7e !important;
    background-color:#fff !important;
}

/* liens des onglets */
.nav-tabs .nav-link {
  border-radius:0;
    text-transform:uppercase;
    color:#fff !important;
    color:#5f6f7e !important;
    color:#fff !important;
    opacity:0.7 !important;
}
.nav-tabs .nav-link.active{
    opacity:1 !important;
}

.nav-tabs .nav-link:hover {
    opacity:1 !important;
}

/* Centrage des icônes des onglets */
.nav.nav-tabs.nav-tabs-small .nav-item .nav-link i.icon::before{
  margin-left: -4px;
}

/* Taille des icônes des onglets */
.nav.nav-tabs.nav-tabs-small .nav-item a i.icon {
    font-size:2.2rem !important;
}

/* ----- FIN ONGLETS ----- */


/* ----- CARTES ----- */

/* Bords arrondis */
.card {
    border-radius: 4px;
}

/* Titres de contenus */
.row.no-gutters.align-items-center.justify-content-between.p-4
{
    min-height: 7rem;
    background-image: url("../images/header-bg.png");
    background-color: #b1d0ef !important;
    margin-bottom: 20px;
    color: #fff !important;
    text-shadow: 0px 0px 5px #666;
}

h3.vini-red-fg,
.vini-red-fg > h3 {
    color:#fff !important;
    text-shadow: 0px 0px 5px #666;
}

.row.no-gutters.align-items-center.justify-content-between.p-4.vini-red-fg a,
.row.no-gutters.align-items-center.justify-content-between.p-4.vini-red-fg i{
    color:#fff !important;
}

/* Header */
.card-header {
    background-color:#f9f9f9;
    color: #5f6f7e;
    border-bottom:#efefef 1px solid;
}
.card-header a, .card-header i {
    color: #5f6f7e !important;
}

/* Effet hover header cartes */
.card-header:hover {
    background-color: #f7f7f7;
}

/* Titres d'accordéon en gras */
.timeline .card-header a {
    font-weight:700;
}

/* Accordéons */
#accordion .card {
    border-radius: 0px;
}

#accordion .card-header a {
    font-weight:300;
}

/* ---- FORMULAIRES ---- */

/* Espace sous les lignes des champs input */
.form-check input[type="date"].form-control, .form-check input[type="datetime-local"].form-control, .form-check input[type="email"].form-control, .form-check input[type="month"].form-control, .form-check input[type="number"].form-control, .form-check input[type="password"].form-control, .form-check input[type="search"].form-control, .form-check input[type="tel"].form-control, .form-check input[type="text"].form-control, .form-check input[type="time"].form-control, .form-check input[type="url"].form-control, .form-check input[type="week"].form-control, .form-check textarea.form-control, .form-group input[type="date"].form-control, .form-group input[type="datetime-local"].form-control, .form-group input[type="email"].form-control, .form-group input[type="month"].form-control, .form-group input[type="number"].form-control, .form-group input[type="password"].form-control, .form-group input[type="search"].form-control, .form-group input[type="tel"].form-control, .form-group input[type="text"].form-control, .form-group input[type="time"].form-control, .form-group input[type="url"].form-control, .form-group input[type="week"].form-control, .form-group textarea.form-control {
    margin-bottom: 5px;
}

/* Hauteur des select */
select.form-control {
    height:4rem;
}

/* champs désactivés */
input.form-control:disabled,
select.form-control:disabled {
    color : #aaa;
    -webkit-box-shadow: 0 1px 0 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 0 0 rgba(0,0,0,.2);
}

.form-check, .form-group {
    font-size: 1.4rem;
}

/* helper-text */
.form-group > em {
    margin-top: 10px;
    display: block;
    font-size: 1.3rem;
}

/* ---- FIN FORMULAIRES ---- */

