/*-------------------------------------------------------------
Ver-Vert Studio
https://www.ververt-studio.com
---------------------------------------------------------------*/

* {
    -moz-box-sizing: border-box;
}

html, body {
 display:block;
 overflow-x: hidden;
}

html {
 display:block;
 width:100%;
 height:100%;
}



html.ready {
	background-color: inherit !important;
}

.ready body {
	background-color: inherit !important;
}



body.fixed {
	position: fixed;
	top:0px;
	left:0px;
	width:100%;
	-ms-overflow-style: scrollbar;
	overflow-x: hidden;
	overflow-y:scroll;
}

body {
	min-width:320px;
	-ms-overflow-style: scrollbar;
	overflow-x: hidden;
	

}


.body-container {
    position: relative;
    display: block;
    touch-action: pan-y;
}

div, input, select, textarea, span, img, table, td, th, p, a, button, ul, code, pre, li {

}

input, input:focus, input:hover {
	outline: 0 none;
	text-decoration: none !important;
	text-decoration-line: none;
}

a {
    outline: 0 none;
	text-decoration: none;
	-webkit-touch-callout: none;
	-webkit-transition:  all .1s ease-in;
    transition: all  .1s ease-in;
	transition-property: color, opacity;
	-webkit-transition-property: color, opacity;
	-webkit-touch-callout: none !important;
}



.hide-cursor {
     cursor: none;
  }
  
  
.no-underline,  
.no-underline a,  
.no-underline a:hover,  
.no-underline a:focus,  
.no-underline a:visited,  
.no-underline a:active,  
a.no-underline,
a.no-underline:hover,
a.no-underline:focus,
a.no-underline:visited,
a.no-underline:active {
	outline: 0 none !important;
	text-decoration: none !important;
    border-bottom: 0px !important;
}	

a.underline,
a.underline:hover,
a.underline:focus,
a.underline:visited {
	outline: inherit;
	text-decoration: underline;
}	

a.dark {
  color:#333 !important;
  font-weight:400;
}

a.dark:hover,
a.dark:focus,
a.dark:visited {
  color:#333 !important;
}	



.link-light:focus, .link-light:hover, .link-light:active {
	color:#fff;
}

.link-dark:focus, .link-dark:hover, .link-dark:active {
	color:#333;
}


.can-overflow {
	overflow: visible;
}

.clickable {
	cursor: pointer;
}
	
	
.inline {
  display:inline-block;
}


/*-------------------------------------------------------------
               Detending of user rights
---------------------------------------------------------------*/

.when-administrator {
	display:none;
}

.administrator .when-administrator {
	display:block;
}

.when-moderator {
	display:none;
}

.moderator .when-moderator {
	display:block;
}

.administrator .when-moderator {
	display:block;
}



/*-------------------------------------------------------------
               Detending of user rights
---------------------------------------------------------------*/

.when-can-install {
	display:none;
}

.can-install .when-can-install {
	display:block;
}


.when-can-notific {
	display:none;
}

.can-notific .when-can-notific {
	display:block;
}


/*-------------------------------------------------------------
               clipboard
---------------------------------------------------------------*/
.when-clipboard {
	display:none;
}

.clipboard .when-clipboard {
	display:block;
}

/*-------------------------------------------------------------
              File download
---------------------------------------------------------------*/
.when-file-generating {
	display:block;
}

.when-file-ok {
	display:none;
}

.file-ok .when-file-generating {
	display:none;
}

.file-ok .when-file-ok {
	display:block;
}

/*-------------------------------------------------------------
      Empty
---------------------------------------------------------------*/
.when-empty {
	display:none;
}

.empty .when-empty {
	display:block;
}

/*-------------------------------------------------------------
      Workin
---------------------------------------------------------------*/
.when-working {
	display:none;
}

.when-not-working {
	display:inline-block;
}

.when-working-normal {
	display:inline-block;
}

.working .when-working {
	display:inline-block;
}

.working .when-not-working {
	display:none;
}

.working .when-working-normal {
	display:none;
}

.working input {
	pointer-events:none;
    color:#AAA;
    background:#F5F5F5;
}

/*-------------------------------------------------------------
               clipboard
---------------------------------------------------------------*/
.when-mobile {
	display:none;
}

.mobile .when-mobile {
	display:block;
}


.when-not-mobile {
	display:block;
}

.mobile .when-not-mobile {
	display:none;
}


/*-------------------------------------------------------------
               updating
---------------------------------------------------------------*/

.updating,
.updating button,
button.updating {
	pointer-events:none;
}

.when-updating {
	display:none;
}

.updating i.when-updating {
	display:inline-block;
}


i.when-not-updating {
	display:inline-block;
}

.updating .when-not-updating {
	display:none;
}

.when-error {
	display:none;
}

.when-success {
	display:none;
}


.when-searching {
	display:none;
}

.when-not-searching {
}


.updating .when-normal {
	display:none;
}

.searching .when-normal {
	display:none;
}

.searching .when-searching {
	display:block;
}
.searching i.when-searching {
	display:inline-block;
}

.searching .when-not-searching {
	display:none;
}


.success .when-normal {
	display:none;
}

.success .when-updating {
	display:none;
}

.success .when-error {
	display:none;
}
.success i.when-success {
	display:inline-block;
}


.error .when-normal {
	display:none;
}

.error .when-updating {
	display:none;
}

.error .when-success {
	display:none;
}
.error i.when-error {
	display:inline-block;
}


.success .button-valide {
	background-color:#4caf50 !important;
}

.updating .button-valide {
	background-color: #ff9800 !important;
}

.error .button-valide {
	background-color:#e72626 !important;
}


.when-edit {
	display:none;
}

.when-not-edit {
}

.edit .when-edit {
	display:block;
}

.edit .when-not-edit {
	display:none;
}

.edit .flex .when-edit {
	display:flex;
}



/*-------------------------------------------------------------
             Testing 
---------------------------------------------------------------*/
.when-expanded {
	display:none;
}


.when-not-expanded {
}

.expanded .when-not-expanded {
	display:none;
}

.expanded .when-expanded {
	display:block;
}


/*-------------------------------------------------------------
             Testing 
---------------------------------------------------------------*/

.when-test-updating {
	display:none;
}
.when-test-error {
	display:none;
}

.when-test-success {
	display:none;
}


.button-test.updating > i.when-test-updating {
	display:inline-block;
}

.button-test.updating > .when-test-normal {
	display:none;
}

.button-test.success > .when-test-normal {
	display:none;
}

.button-test.success > .when-test-updating {
	display:none;
}

.button-test.success > .when-test-error {
	display:none;
}

.button-test.success > i.when-test-success {
	display:inline-block;
}

.button-test.error > .when-test-normal {
	display:none;
}

.button-test.error > .when-test-updating {
	display:none;
}

.button-test.error > .when-test-success {
	display:none;
}

.button-test.error > i.when-test-error {
	display:inline-block;
}

.success.button-test {
	background-color:#4caf50 !important;
	color:#fff;
}

.updating.button-test {
	background-color: #ff9800 !important;
	color:#fff;
}

.error.button-test {
	background-color:#e72626 !important;
	color:#fff;
}






.when-not-loading {
}

.when-loading {
	display:none;
}


.loading > .when-not-loading {
	display:none;
}


.loading > i.when-loading {
	display:inline-block;
}

.error .when-error {
	display:block;
}


/*-------------------------------------------------------------
               Col1, col2
---------------------------------------------------------------*/


.ta-col1 {
    display: block;
	margin-bottom: 0px;
	margin-bottom: 15px;
}

.ta-col2 {
	padding-left: 20px;
    vertical-align: top;
    position: relative;
    display: block;
    flex-grow: 1;
	width: 100%;
	overflow:hidden;
}



/*-------------------------------------------------------------
               Scanning
---------------------------------------------------------------*/

.clearfix:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
}

.clearfix {display: block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}



label {

    font-weight: 400;
}

.label {
	display:inline-block;
	line-height:1.2em;
}

.label  a,
.label  a:focus {
	color:#fff;
}

.label  a:hover {
	color:#fff;
	text-decoration:underline;

}



.no-margin {
	margin-left:0px;
	margin-right:0px;
}

.no-margin-tb {
	margin-top:0px !important;
	margin-bottom:0px !important;
}

.no-padding-right {
	padding-right:0px;
}

.no-padding-left {
	padding-left:0px;
}


.no-float {
  display: table-cell;
  float: none;
}

.no-select {
}

.is-table-row {
    display: table;
}

.is-table-row [class*="col-"] {
    float: none;
    display: table-cell;
     vertical-align: top;
}

.is-table-row-991 {
    display: table;
}

.is-table-row-991 [class*="col-"] {
    display: table-cell;
    vertical-align: top;
}

.row.is-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.is-flex > [class*='col-'] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (max-width: 991px) { 

	.no-padding-991 {
			padding-left: 0px!important;
			padding-right: 0px!important;
	}



	
	.row.is-flex-991 > [class*='col-'] {
		width: 100%;
	}
}

@media (min-width: 991px) { 


	.no-padding-left-991 {
		padding-left: 0px;
	}

	.no-padding-righ-991 {
		padding-right: 0px;
	}
	
}


.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.full-width {
	width:100%;
}


.btn:hover,
.btn:focus  {
    border-bottom: 0px solid;
	outline:0;
	text-decoration:none;
}

/*-------------------------------------------------------------
               Container without size
---------------------------------------------------------------*/
.inline-container {
  padding-right: 15px;
  padding-left: 15px;
}


.container.no-min-height {
	min-height:0px !important;
}

/*-------------------------------------------------------------
               LI separated
---------------------------------------------------------------*/

.list-inline {
    margin-left: 0px;
}


.label-black {
    background-color: #222;
}

/*-------------------------------------------------------------
               LI separated
---------------------------------------------------------------*/

.list-inline.separated
{
  color:#6B6B6B;
}


.list-inline.info {
  display:inline-block;
  text-transform:uppercase;
  font-weight:400;
}


.list-inline.full-width {
  width: 100%;
  display: block;
}


.list-inline.no-margin{
  margin-bottom: 0px !important;
}


.list-inline.info li {
    margin-right: 20px;
	display: inline-block;
	vertical-align: top;
 	cursor: default;
    vertical-align: middle;
	position: relative;
/*	float:left;*/
}



.list-inline.info li.small-font,
.list-inline.info.small-font  li {
      font-size: 11px;
}

.list-inline.info.small-font li i  {
      font-size: 11px;
}

.list-inline.info.small-font .btn {
      font-size: 11px;
}

.list-inline.info.gap-small li  {
    margin-right: 5px;
}
.list-inline.info.gap-small.dot li  {
    margin-right: 7px;
}


.list-inline.info.gap-small  li.sepx3  {
    margin-right: 15px;
}

.list-inline.info.pull-right.gap-small li  {
    margin-left: 5px;
    margin-right: 0px;
}


.list-inline.info li:last-child {
    margin-right: 0px;
}

.list-inline.info strong {
	font-weight:900;
}

.list-inline.info li i {
    opacity: 0.8;
    margin-right: 5px;
}

.actions .list-inline.info li i {
}

.actions .list-inline.info li i  {
    margin-right: 5px !important;
}


.list-inline.info .label i {
	color: inherit;
}

.list-inline.info .btn {
   -moz-user-select: none;
    background-color: #fcfcfc;
    background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(235, 235, 235, 0.3) 60%, rgba(225, 225, 225, 0.6));
    border: 1px solid #e5e5e5;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02), 0 1px 0 rgba(255, 255, 255, 1) inset, -1px 0 0 rgba(255, 255, 255, 1) inset, 0 -1px 0 rgba(255, 255, 255, 0.5) inset, 1px 0 0 rgba(255, 255, 255, 1) inset;
    box-sizing: border-box;
    color: #444;
    cursor: pointer;
    display: inline-block;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Garuda,Verdana,Tahoma,sans-serif;
    font-weight: 100;
    padding: 0px 8px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
	position: relative;
}

.list-inline.info .btn > i {
	color: #333;
	margin-right: 0px;
}

.list-inline.info .btn.cb  > i {
    color: #ccc;
}

.list-inline.info .btn.cb.active > i {
    color: #4b8df8;
}

.list-inline.separated li {
	border-right: 1px solid #ccc;
    padding-right: 9px;
	margin-right: 9px;
}


.list-inline.separated li:first-child {
    padding-left: 0px !important;
}

.list-inline.separated li:last-child {
   margin-right: 0px !important;
   border-right: 0px;
}

.list-inline.info.gap-small.separated  li  {
	padding-right: 5px;
}


.list-inline.dot li:after {
    content: "";
    background: url(../images/dot_gray.png) no-repeat;
    width: 13px;
    height: 12px;
    position: absolute;
    bottom: 0px;
    right: -22px;
}

.list-inline.dot li:last-child:after {
    content: "";
    background: "";
    width: 0px;
    height: 0px;
    right: 0px;
}

.list-inline.dot.gap-small li:not(:last-child):after {
    content: "";
    background: url(../images/dot_gray.png) no-repeat;
    width: 13px;
    height: 12px;
    position: absolute;
    bottom: 0px;
    right: -16px;
}


.list-inline.dot.small li:not(:last-child):after {
    content: "";
    background: url(../images/dot_gray.png) no-repeat;
    width: 13px;
    height: 12px;
    position: absolute;
    bottom: -2px;
}



.tiny {
	font-size:0.65em;
	line-height:0.65em;
}

/** */
.nopen   {
	display:none;
}

.nopen  span.o {
	display:inline-block;
}

.nopen span.c {
	display:inline-block;
}

.form-control
-webkit-box-shadow

.form-control:focus {
    box-shadow: none !important;
	border: 1px solid #4b8df9 !important;
    outline: 0 none;
}

.form-control .transparent {
	border: 1px solid #fff !important;
}


.form-control:focus-within {
   box-shadow: none !important;
   border: 1px solid #4b8df9 !important;
}


/*-------------------------------------------------------------
     Scrollable enabling
---------------------------------------------------------------*/


.scrollable {

    overflow-x: hidden;
    left: 0;
    overflow-y: scroll;
	height: 100%;
	width:calc(100% + 50px);
	padding-right: 0px;
	touch-action: pan-y;
 
}

.scrollable > div {

}


.scrollable.init {
	overflow: inherit;
	overflow-y: scroll;
	overflow: visible;
}

.scrollable-outer {
	width:100%;
	height:100%;
	position:relative;
}

.scrollable-container {
	width:100%;
	nav-index:0;
}


.scrollable > .scrollable-container > .scrollable-inner {
	position: relative;
}



/*-------------------------------------------con-------------------
                    to the top start
-------------------------------------------------------------javascript:--*/

.floater-tools {
	margin-top: 0px;
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 999;

}

.floater-tools > div {
	position:relative;
    height: 60px;
    width: 60px;
	line-height: 60px;
	font-size: 1.1em;
	text-align: center;
	border:1px solid #fff;
	background-color: #333333;
    color: #FFFFFF;
	cursor: pointer;
    opacity: 0.3;
	outline: 0;
	outline: none;
	
	-webkit-transition: opacity 0.2s ease-in-out 0s !important;
	-moz-transition: opacity 0.2s ease-in-out 0s !important;
	-ms-transition: opacity 0.2s ease-in-out 0s !important;
	transition: opacity 0.2s ease-in-out 0s !important;

}

.floater-tools > div:hover {
  opacity: 0.8;
}

.floater-tools > div:active {
  opacity: 1;
}




@media (max-width: 580px) {

	.floater-tools > div {
		height: 50px;
		width: 50px;
		line-height: 50px;
		font-size: 0.9em;
	}
	
}

#to-the-back {
    display: none;
}







/*-------------------------------------------------------------
                    Page content
---------------------------------------------------------------*/

/*-------------------------------------------------------------
                    Tooltips -> Avoid mouse over pb
---------------------------------------------------------------*/
.tooltip {
  pointer-events:none;
  z-index: 99999;

}



/*-------------------------------------------------------------
                    Layers
---------------------------------------------------------------*/

.layer {
  position: absolute;
  overflow: hidden;
  display:none;
}

.layer.created {
}

.layer.updating {
	position: absolute;
}

.layer.show {
	display:block !important;
}


.layer.ta-collapse {

}

.layer.layer-cmd {
	padding-bottom:40px;
	pointer-events: none;
}

.layer .cmd-close {
	position: absolute;
    height: 44px;
	width: 44px;
	line-height: 44px;
	background-color: #0674ad;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
	pointer-events: auto;
	color:#999;
	text-align:center;

}



.layer-top {
}


.layer .layer-top .cmd-close {
    bottom: 0px;
    position: absolute;
    right: 29px;
    margin-bottom: 50px;
}




.layer-container {
	display:block;
	position:relative;
	height:100%;
}

.layer-left .layer-frame-container-button  {
	left:-100%;
}

.layer-left.show.in .layer-frame-container-button  {
	left:0%;
}

/*
.csstransforms3d  .layer-left {
	-webkit-transition: transform 0.5s ease-in-out 0s !important;
	-moz-transition: transform 0.5s ease-in-out 0s !important;
	-ms-transition: transform 0.5s ease-in-out 0s !important;
	transition: transform 0.5s ease-in-out 0s !important;
}

.csstransforms3d  .layer-left.in  {
	-webkit-transform: translate3d(100%, 0px, 0px);
	-moz-transform: translate3d(100%, 0px, 0px);
	-ms-transform: translate3d(100%, 0px, 0px);
	transform: translate3d(100%, 0px, 0px);
}


.no-csstransforms3d .layer-left.in {
	left:0px;
}

.csstransforms3d  .layer-left.closed  {
	-webkit-transform: translate3d(0%, 0px, 0px);
	-moz-transform: translate3d(0%, 0px, 0px);
	-ms-transform: translate3d(0%, 0px, 0px);
	transform: translate3d(0%, 0px, 0px);
}


.no-csstransforms3d .layer-left.closed {
	left:-100%;
}

*/


.layer-right {
	right:-100%;

}

.csstransforms3d  .layer-right {
	transition: transform 0.5s ease-in-out 0s !important;
	-webkit-transition: transform 0.5s ease-in-out 0s !important;
	-moz-transition: transform 0.5s ease-in-out 0s !important;
	-ms-transition: transform 0.5s ease-in-out 0s !important;
	
	transform: translate3d(0px, 0px, 0px);
	-webkit-transform: translate3d(0px, 0px, 0px);
	-moz-transform: translate3d(0px, 0px, 0px);
	-ms-transform: translate3d(0px, 0px, 0px);
}

.csstransforms3d  .layer-right.in  {
	transform: translate3d(-100%, 0px, 0px);
	-webkit-transform: translate3d(-100%, 0px, 0px);
	-moz-transform: translate3d(-100%, 0px, 0px);
	-ms-transform: translate3d(-100%, 0px, 0px);
}



.no-csstransforms3d .layer-right.in {
	right:0px !important;
}

.csstransforms3d .layer-right.closed  {
	transform: translate3d(0%, 0px, 0px);
	-webkit-transform: translate3d(0%, 0px, 0px);
	-moz-transform: translate3d(0%, 0px, 0px);
	-ms-transform: translate3d(0%, 0px, 0px);
}

.no-csstransforms3d .layer-right.closed {
	right:-100%;
}


.csstransforms3d  .layer.layer-top {
	-webkit-transition: transform 0.5s ease-in-out 0s !important;
	-moz-transition: transform 0.5s ease-in-out 0s !important;
	-ms-transition: transform 0.5s ease-in-out 0s !important;
	transition: transform 0.5s ease-in-out 0s !important;
}

.layer.layer-top {
	top:0px;
}


.csstransforms3d .layer-top.in  {
	-webkit-transform: translate3d(0%, 0%, 0px);
	-moz-transform: translate3d(0%, 0%, 0px);
	-ms-transform: translate3d(0%, 0%, 0px);
	transform: translate3d(0%, 0%, 0px);
}

.no-csstransforms3d .layer-top.in {
	top:-100%;
}

.no-csstransforms3d .layer-top.in {
	top:0px;
}

.csstransforms3d .layer-top  {
	-webkit-transform: translate3d(0%, -100%, 0px);
	-moz-transform: translate3d(0%, -100%, 0px);
	-ms-transform: translate3d(0%, -100%, 0px);
	transform: translate3d(0%, -100%, 0px);
}




.layer.layer-bottom {
	bottom: -100%;
}

.no-csstransforms3d .layer-top {
	bottom:100%;
}


.csstransforms3d .layer-bottom {
	bottom: 0px;
	transition: transform 0.5s ease-in-out 0s;
	-webkit-transition: transform 0.5s ease-in-out 0s;
	-moz-transition: transform 0.5s ease-in-out 0s;
	-ms-transition: transform 0.5s ease-in-out 0s;
	-webkit-transform: translate3d(0%, 100%, 0px);
	-moz-transform: translate3d(0%, 100%, 0px);
	-ms-transform: translate3d(0%, 100%, 0px);
	transform: translate3d(0%, 100%, 0px);
}

.csstransforms3d  .layer-bottom.closed  {
	transform: translate3d(0px, 100%, 0px);
	-webkit-transform: translate3d(0px, 100%, 0px);
	-moz-transform: translate3d(0px, 100%, 0px);
	-ms-transform: translate3d(0px, 100%, 0px);
}


.no-csstransforms3d  .layer-bottom.closed {
	bottom:-100%
}




.csstransforms3d .layer-bottom.in  {
	transform: translate3d(0px, 0%, 0px);
	-webkit-transform: translate3d(0px, 0%, 0px);
	-ms-transform: translate3d(0px, 0%, 0px);
	-moz-transform: translate3d(0px, 0%, 0px);

}

.no-csstransforms3d  .layer-bottom.in  {
    bottom: 0px;
}



.layer.ta-collapsing  .cmd-close,
.layer.ta-collapse.in  .cmd-close {
	display:block;
}




/*-------------------------------------------------------------
                  Layer-Frame for menu, genre on left size
---------------------------------------------------------------*/

.layer-frame {
    overflow: hidden;
    position: fixed !important;
	top: 0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-color:rgba(0,0,0,0);
}

.layer-frame.in {
    background-color:rgba(0,0,0,0.3);
}

.layer-touch {
   position: fixed !important;
   height: 100%;
   width: 100%;
   left:0px;
   top:0px;
   display:none;
   z-index: 1999;

}


.layer-frame  .layer-frame-container {
	position:relative;
	overflow: hidden;
    background-color: #0674ad;
	display:block;
	width:100%;
	height:100%;
    padding: 10px;
	padding-left: 15px;
    padding-right: 15px;
	z-index: 2;
	pointer-events: auto;

}


.layer .layer-left-shadow {
	box-shadow: 0.5px 0.866px 13px 0 rgba(0, 0, 0, 0.48);
	height:100%;
}

.layer .layer-right-shadow {
	box-shadow: 0.5px 0.866px 13px 0 rgba(0, 0, 0, 0.48);
	height:100%;
}



.layer-frame.white .layer-frame-container {
    background-color:#f8f9fa;
}


.layer-frame.layer-left .cmd-close {
   
	box-shadow: 0.5px 0.866px 13px 0 rgba(0, 0, 0, 0.48);
}

.layer-frame.white.layer .cmd-close {
	background-color:#f8f9fa;
}


.layer-frame  .mobile-menu {
	padding-left:0px;
	padding-right:0px;
}


/*-------------------------------------------------------------
                    Layer page
---------------------------------------------------------------*/

.page-container {
	position:relative;
}

.main-scrollable-page {
	position: relative;
    display: block;
}

.layer-page {
	display: none;
    position: relative;
}

.layer-page > .page-container {
    width: 100%;
}


.layer-page.sliding,
.layer-page.active {
    display: block;
	visibility: visible;
}

html.lock-scroll {
	overflow-y: scroll;
}

.layer-page.lock {
    position: fixed;
	height:100%;
	width:100%;
	visibility: visible;
}

.layer-page.rendering {
    display: block;
}


.layer-page.no-render {

}

.layer-page  > .overlay  {
  background-color : #252525;
  top:0px;
}

.layer-page.active.loading > .overlay  {
    display: block;
    height: 100%;
	top:0px;
	left:0px;
    width: 100%;
    opacity: 0.5;
    pointer-events: auto;
	touch-action:none;
}

.layer-page.active.loading.browse > .overlay {
    opacity: 1;
    z-index: 99999;
	position:fixed;
}



/*-------------------------------------------------------------
                   Right data info
---------------------------------------------------------------*/

.data-frame {
    height: 100vh;
    overflow: hidden;
    z-index: 2000;
    pointer-events: none;
    position: fixed !important;
    top: 0px;
    width: 460px;
	right:-460px;
	padding-left:50px;
}



.data-frame .data-frame-container {
	position:relative;
    background-color:#f8f9fa;
  	pointer-events: auto;
	display:block;
	height:100%;
	width:100%;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
	z-index: 2;
}

.data-frame.layer-right .cmd-close {
	background-color:#e8e8e8;
	box-shadow: 0.5px 0.866px 13px 0 rgba(0, 0, 0, 0.48);
    left: 6px;
}



/*-------------------------------------------------------------
                    Menu layer
---------------------------------------------------------------*/


.menu-container {
	z-index: 100;
	display:block;
	width:100%;
	top: 0px;
	z-index:500;
	height: 60px;
	position:relative;
	width:100%;
    position: fixed;
    top: 0px;
    right: 0;
    left: 0;
}

.menu-container {
	pointer-events:none;
} 
 
.menu-container .container {
	pointer-events:inherit;
	overflow:hidden;
}
 
.menu-container .container > .row,
.menu-container .ta-container > .ta-row {
	pointer-events:all;
} 


.csstransforms3d .menu-container.floater.animation {
	-webkit-transition:  transform 0.3s ease-in-out 0s;
	-moz-transition:  transform 0.3s ease-in-out 0s;
	-ms-transition:  transform 0.3s ease-in-out 0s;
	transition: transform 0.3s ease-in-out 0s;
}


.csstransforms3d .menu-container.floater  {

}

.csstransforms3d .menu-container.floater.floater-hide  {
	-webkit-transform: translate3d(0, -57px, 0px);
	-moz-transform: translate3d(0, -57px, 0px);
	-ms-transform: translate3d(0, -57px, 0px);
	transform: translate3d(0, -57px, 0px);
}

.no-csstransforms3d .menu-container.floater.floater-hide  {
	top:-60px;
}


.csstransforms3d .menu-container.floater.forced,
.csstransforms3d .in-search .menu-container.floater,
.csstransforms3d .menu-container.floater.floater-show  {
	-webkit-transform: translate3d(0, 0px, 0px);
	-moz-transform: translate3d(0, 0px, 0px);
	-ms-transform: translate3d(0, 0px, 0px);
	transform: translate3d(0, 0px, 0px);
}


.no-csstransforms3d .menu-container.floater.floater-show  {
	top:0px;
}


.menu-container {
	z-index:1000;
}

/*-------------------------------------------------------------
                    Page header
---------------------------------------------------------------*/

#page-heading {
    padding: 20px 0;
    width: 100%;
	position: relative;
	margin-top:1em;
}

#page-heading h1 {
    font-size: 2em;
    line-height: 1em;
    margin-bottom: 0px;
    margin-top: 0px;
    text-transform: uppercase;
    font-weight: 900;
	/* opacity:0.7; */
}


#page-heading h1  a,
#page-heading h1  a:focus,
#page-heading h2  a,
#page-heading h2  a:focus
 {
}

#page-heading h2 {
    font-family: "Roboto Condensed" !important;
    font-size: 1.1em;
    margin-bottom: 0px;
    margin-top: 0px;
	font-weight: 200 !important;
	/* opacity:0.5; */
}

#page-heading h2 > .btn {
	padding-top:0px;
}

#page-heading ul {
	margin-bottom:0px;
    margin-left: 2px;
}

#page-heading ul > li {
	font-size:0.70em;
    line-height: normal;
}


#page-heading .head {
	float:left;
}

#page-heading .count {
    background-color: #8f8f8f;
    bottom: 0;
    color: #ffffff;
    font-family: "Roboto Condensed";
    font-size: 14px;
    font-weight: 300;
    padding: 5px 8px;
    position: absolute;
    right: 0;
}

#page-heading .count .items {
	font-weight:900;
}

#page-heading .search {
	margin-top:2.1em;
	float:right;
	display: inline-block;
	position: relative;
}


/** Tools */
#page-heading .tools {
	padding-right:10px;
	position:absolute;
	line-height: 30px;
    right:0;
    top:0;
	font-size:16px;
 }

 #page-heading .tools.block {
	padding-right:10px;
	position:relative;
	line-height: 30px;
    right:0;
    top:0;
	font-size:16px;
	float:right;
 }
 
#page-heading .tools a {
}

#page-heading .tools > ul {
   list-style: none outside none !important;
}

#page-heading .tools > ul > li {
   float:left;
   margin-left:10px;
   opacity:0.2;

}

#page-heading .tools .open {
	opacity:1;
}

#page-heading:hover  .tools > ul > li  {
	opacity:1;
}



#page-heading .tools  .dropdown-toggle   [class*=" fa-chevron-up"]
{
	display:none;
}

#page-heading .tools  .open .dropdown-toggle   [class*=" fa-chevron-up"]
{
	display:inline-block;
}

#page-heading .tools  .open .dropdown-toggle   [class*=" fa-chevron-down"]
{
	display:none;
}


#page-heading .tools .dropdown-menu  {
	font-size:12px;
 }

#page-heading .tools .dropdown-menu > li > a {
	color:#262626 !important;
 }

#page-heading .tools .dropdown-menu  > .disabled > a {
	color:#999999 !important;
	pointer-events: none;
    cursor: default;
}

#page-heading .tools .dropdown-menu  >  li  [class*=" fa-fw"]
{
	width: 2.5em;
}

@media (max-width: 580px) { 

	/*** Section title */
	#page-heading h1 {
		font-size: 1.6em;
	}
	
	#page-heading h2 {
		font-size: 1.2em !important;
	}
	
	#page-heading .tools.block {
		float: inherit;
	}

}


.page-heading-separator {
    border-top: 1px solid #D4D4D4;
	height: 30px;
}


.wrapper {
    font-size: 18px;
    line-height: 30px;
}


.wrapper h4 {
    font-family: "Roboto Condensed";
    font-size: 18px;
    line-height: 30px;
}

.wrapper p {
    margin: 0;
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}

.datas {
	position:relative;
}

/*---------------------------------------------------------------
	Some frames
---------------------------------------------------------------------*/

.frame_1 {
    border: 1px solid #D4D4D4 !important;
    margin-left: 15px;
    margin-right: 0;
    padding: 20px;
}

.frame-dark {
	border: 1px solid #E8E8E8;
/*
	padding: 40px 15px;
	display:table;
*/
	width:100%;
	position:relative;
	background:#E8E8E8;
	padding: 10px 15px;
}

.frame-dark h4 {
	font-size:20px;
	margin:0px 0px 5px;
	color:#545454;
}

.frame-dark p {
	margin:0px;
	font-size:14px;
}

.frame-dark:before {
	border-width:0 15px 15px 0;
}


/*-------------------------------------------------------------
                  cap container
---------------------------------------------------------------*/

.cap-container {
	position: relative;
	color:#fff;
    font-weight:500;
}






/*---------------------------------------------------------------
	Vertical list
---------------------------------------------------------------------*/


.list-vertical {
	position: relative;
}

.list-vertical > li
{
 list-style: none outside none;
 display: block;
 position:relative;
 margin-top: 5px;
}

.list-vertical > li:first-child
{
 margin-top: 0px;
}

.list-vertical li.small-font,
.list-vertical .small-font  li {
      font-size: 11px;
}

/*---------------------------------------------------------------
	Horizontal list
---------------------------------------------------------------------*/

.list-horizontal {
	position: relative;
	padding-left:0px;
}

.list-horizontal > li
{
    border-bottom: 0 none !important;
    float: left;
    list-style: none outside none;
}


/*---------------------------------------------------------------
	Vertical inline menu
---------------------------------------------------------------------*/

.ver-inline-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}

.ver-inline-menu li {
  position:relative;
  margin-bottom:1px;
}

.ver-inline-menu li i {
  width: 37px;
  height: 37px;
  display: inline-block;
  color:#b9cbd5;
  font-size:15px;
  padding:12px 10px 10px 8px;
  margin:0 8px 0 0;
  text-align: center;
  background:#e0eaf0 !important;
}

.ver-inline-menu li a {
  font-size: 13px;
  color:#557386;
  display:block;
  background:#f0f6fa;
  border-left:solid 2px #c4d5df;
}

.ver-inline-menu li:hover a,
.ver-inline-menu li:hover i {
  background:#e0eaf0;
  text-decoration:none;
}

.ver-inline-menu li:hover i {
  color:#fff;
  background:#c4d5df !important;
}

.ver-inline-menu li.active a,
.ver-inline-menu li:hover a {
  font-size: 13px;
  border-bottom: 0px solid rgba(0, 0, 0, 0);
}

.ver-inline-menu li.active a {
  border-left:solid 2px #0c91e5;
}

.ver-inline-menu li.active a,
.ver-inline-menu li.active i {
  color:#fff;
  background:#169ef4;
  text-decoration:none;
}

.ver-inline-menu li.active i {
  background:#0c91e5 !important;
}

.ver-inline-menu li.active:after {
  content: '';
  display: inline-block;
  border-bottom: 6px solid transparent;
  border-top: 6px solid transparent;
  border-left: 6px solid #169ef4;
  position: absolute;
  top: 12px;
  right: -5px;
}




/*-------------------------------------------------------------
                   Modals
---------------------------------------------------------------*/


.modal-backdrop {
    z-index: 10049 !important;
}


.modal {
    z-index: 10050 !important;
}


.modal-dialog-confirm  {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow: hidden;
    position: fixed;
    width: 100%;
    right: 0;
    top: 0;
    z-index: 99998;
}

.modal-dialog-confirm .modal-dialog{
    margin: 80px auto;
	z-index: 99999;
}


/*-------------------------------------------------------------
                   Dialog
---------------------------------------------------------------*/
.modal-dialog-box  {
    bottom: 0;
    display: none;
    left: 0;
    outline: 0 none;
    overflow-x: auto;
    position: fixed;
    overflow-y: auto !important;
    right: 0;
    top: 0;
    z-index: 99998;
    overflow: -moz-scrollbars-none; 
	-ms-overflow-style: none;
}

.modal-dialog-box::-webkit-scrollbar { 
    display: none; 
}

.modal-dialog-box .modal-dialog {
 	z-index: 99999;
}


.modal-title i {
	padding-right: 0.4em;
}


/*-------------------------------------------------------------
               Place holder
---------------------------------------------------------------*/

.placeholder {
  color: #999 !important;
}

.placeholder::-ms-clear {
    display: none;
}




/*---------------------------------------------------------------
	form-control addons
---------------------------------------------------------------------*/

.form-control {
    border-radius: 0px !important;
}

.form-group {

}

.form-group .dropdown-toggle  {
    background-color: #FFFFFF;
	border: 1px solid #CCCCCC !important;
    color: #333333;
}

form h3 {
    font-weight: 600;
}

form .separator {
    border-top: 1px solid #888;
    height: 20px;
}

/*---------------------------------------------------------------
	Text Aligns
---------------------------------------------------------------------*/

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

/*---------------------------------------------------------------
	loader
---------------------------------------------------------------------*/
.loader {
    display: block;
    margin-bottom: 25px;
    text-align: center;
    vertical-align: middle;
	padding-bottom: 10px;
    padding-top: 10px;
	font-size: 12px;
	background-color: transparent;
    border: 1px solid #858586;
    color: #292929;

}


.loader .inner i {

	margin-right:10px;

}


.loader.btn {
    border: 0px;
    padding-left: 30px;
    padding-top: 5px;
    padding-bottom: 4px;
    margin-bottom: 0px;
    height: 40px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #545454;
	border-radius: .5rem;
    border-style: solid;
    border-width: 1px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.0125), 0 1px 1px rgba(0,0,0,0.05);
    border-top-width: .0625rem;
    border-bottom-width: calc(.2rem + .0625rem);
	border-color: rgba(0,0,0,0.3);
	
}

.loader.btn  i.in-loading,
.loader.btn  i.not-loading {
	position: absolute;
	position: absolute;
    display: none;
    left: 10px;
    /* top: 10px; */
}

.loader.btn:hover,
.loader.btn:focus,
.loader.btn:active {
	background:#333;
}

.loader.btn i.not-loading {
	display:block;
}

.loader.btn.loading  i.in-loading {
	display:block;
}

.loader.btn.loading  i.not-loading {
	display:none;
}



/*-------------------------------------------------------------
    Label
---------------------------------------------------------------*/

.badge {
    border-radius: 12px !important;
    font-size: 11px !important;
    font-weight: 300;
    height: 18px;
    padding: 4px 6px;
    text-align: center;
    text-shadow: none !important;
    vertical-align: middle;
}

.badge.badge-roundless {
    border-radius: 0 !important;
}
.badge-default {
    background-color: #C6C6C6;
    background-image: none;
}
.badge-primary {
    background-color: #428BCA;
    background-image: none;
}
.badge-info {
    background-color: #89C4F4;
    background-image: none;
}
.badge-success {
    background-color: #45B6AF;
    background-image: none;
}
.badge-danger {
    background-color: #F3565D;
    background-image: none;
}
.badge-warning {
    background-color: #ECBC29;
    background-image: none;
}

/*-------------------------------------------------------------
    Label
---------------------------------------------------------------*/


.label.label-sm {
    font-size: 12px;
	padding: 4px 18px;
}

.label, .badge {
    font-weight: 300;
    text-shadow: none !important;
}




/*-------------------------------------------------------------
               default form update overlay
---------------------------------------------------------------*/



.overlay
{
  position:absolute;
  width:100%;
  height:100%;
  opacity:0;
  pointer-events:none;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  backdrop-filter: grayscale(1) opacity(1) blur(1px);
  background: transparent; /* Crucial : pas de couleur ! */
 
}

form .overlay {
	z-index:1;
}


.updating  > .overlay,
.loading  > .overlay {
    display: block;
    height: 100%;
    position: absolute;
    width: 100%;
    opacity:0.5;
    pointer-events:auto;
	cursor: wait;
}




/*-------------------------------------------------------------
               form - display
---------------------------------------------------------------*/

.form-display,
form
{
	position:relative;
	color:#888;

}


.form-display span,
form span {

}

.form-display label,
	form label {
	color:#333;
}


form h1
{
    color: #383839;
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 10px;
}

/*-------------------------------------------------------------
               form - classic
---------------------------------------------------------------*/

.form-classic
{
	position:relative;


}

.form-classic .title
{
    padding-bottom: 5px;
    margin-bottom: 15px;
	border-bottom: 1px dashed #D4D4D4;

}

.form-classic .title label
{
    font-size: 1.2em;

}

.form-classic .form-group  {
	margin-bottom:20px;
}

.form-classic .form-group  {
	margin-bottom:20px;
}

.form-classic .form-group.nopen   {
	display:block;
}

.form-classic .form-group  .title span {
    float: right;
	display:none;
	font-size:0.8em;
}

.form-classic  .form-group:hover.nopen .title span.o {
	display:inline-block;
}

.form-classic .form-group:hover.open .title span.c {
	display:inline-block;
}

.form-classic .form-group.open  form {
	display:inline;
}

.form-classic .form-group.nopen  form {
	display:none;
}

.form-classic .form-group.open  .content {
	display:none;
}

.form-classic .form-group.nopen  .content {
	display:inline;
}


form .btn-valide  {
	position:relative;
	padding-left:25px;
	padding-right:25px;
}

form .btn-valide  > i {
	margin-left:10px;
}

form .form-test-button .validate,
form .form-validate-button .validate {
	position:relative;
	left:7px;
	display:none;
}



form.success .form-validate-button .validate {
    color: #fff;
    display: inline;
}

form.success .form-validate-button.btn-primary
{
    background-color: #5DC92F !important;
    color: #fff;
    text-decoration: none;
}

form.error .form-validate-button.btn-primary
{
    background-color: #D9534F !important;
    border-color: #D43F3A;
    color: #FFFFFF;
    text-decoration: none;
}

form.updating .form-validate-button.btn-primary
{
    background-color: #fd5c04 !important;
    color: #FFFFFF;
    text-decoration: none;
}


form .form-test-button.btn-primary.success
{
    background-color: #5DC92F !important;
    color: #fff;
    text-decoration: none;
}

form .form-test-button.btn-primary.updating
{
    background-color: #fd5c04 !important;
    color: #fff;
    text-decoration: none;
}

form .form-test-button.btn-primary.error
{
    background-color: #D9534F !important;
    border-color: #D43F3A;
    color: #FFFFFF;
    text-decoration: none;
}


form .form-test-button.btn-primary   [class*=" fa-"]
{
	display:none;
}

form .form-test-button.btn-primary.success    [class*=" fa-check"]
{
	display:inline;
}

form .form-test-button.btn-primary.updating   [class*=" fa-cog"]
{
	display:inline-block;
}


/*-------------------------------------------------------------
               form - frame
---------------------------------------------------------------*/


.form-frame {
    border: 1px solid #E1E1E1;
    padding: 35px 20px;
}

.form-frame .close {
    position:relative;
	top:-24px;
}

/*-------------------------------------------------------------
                    Image upload
---------------------------------------------------------------*/

.imageupload {
	position:relative;
}

.imageupload .back {
	position:absolute;
}

.imageupload .image {
	position:absolute;
}

.imageupload .upload {
    color: #333333;
    opacity: 0.6;
    font-size: 85%;
    padding-top: 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.imageupload .upload .skill {
    list-style: none outside none;
    padding: 0;
}

.imageupload .upload .skill .expand {
    display: table;
    height: 30px;
    position: relative;
}

.imageupload .upload .skill li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #BFBFBF #BFBFBF #B0B0B0;
    border-image: none;
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    height: 20px;
    margin-bottom: 14px;
}

.imageupload .upload .skill li small {
	display: inline-block;
	height: 100%;
	width: 100%;
	background-color: #000000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
    background: none repeat scroll 0 0 #000000;
	-webkit-animation: move 2.3s linear infinite;
	-moz-animation: move 2.3s linear infinite;
	-ms-animation: move 2.3s linear infinite;
	-o-animation: move 2.3s linear infinite;
	animation: move 2.3s linear infinite;
	overflow: hidden;
	height: 20px;
	position: relative;
	top: -1px;


}

.imageupload .upload .skill li em {
    color: #FFFFFF;
    font-style: normal;
    margin-left: 8px;
    margin-right: 5px;
    position: relative;
}

.imageupload .upload .skill span {
    color: #FFFFFF;
    line-height: 20px;
}


/*-------------------------------------------------------------
    Image auto height
---------------------------------------------------------------*/

.vertical-centered {
	width:100%;
	height:100%;
}

.vertical-centered > * {
   position: absolute;
   top: 50%; /* poussé de la moitié de hauteur du référent */
   transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}

.top-content {
    display: table-cell;
    vertical-align: top;
}

.centered {
    display: block;
    height: auto;
	margin: 0 auto;
	background-size:contain;
}

.centered-text {
	text-align:center;
}

.centered-text-sm {
	
}

@media (max-width: 767px) { 
	.centered-text-sm {
		text-align:center;
	}

}

.image-auto-height {
    max-height:  100%;
	max-width: 100%;
	background-size:contain;
}

.image-auto-width {
    height: 100%;
	width: auto;
	background-size:contain;
}

.inline-centered {
    display: inline-block;
	text-align: center;

}

.inline-centered > * {
    display: inline-block;
}


.center-content {
	text-align: center;
	width:100%;
}

.center-content > *{
	display:inline-block;
}


/*-------------------------------------------------------------
               Photo Tools
---------------------------------------------------------------*/
.photo-container {
	position:relative;

}


.photo-tools {
	position:absolute;
	right: 0;
    top: 0;
}

.photo-tools a {
    background: none repeat scroll 0 0 #000000;
    border: medium none;
    color: #eee !important;
    font-size: 12px;
    margin: 0;
    padding: 6px 9px;
	display: block;
    position: relative;
    overflow: hidden;

}

.photo-tools a:hover {
    color: #fff !important;
}

.photo-tools a:active {
    color: #ddd !important;
}


.photo-tools li {
	overflow:hidden;
}

/*-------------------------------------------------------------
	                  ETXRAS
---------------------------------------------------------------*/

.section-title {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #a4a4a4 !important;
    color: #444444;
    content: " ";
    margin: 20px 0 60px;
    position: relative;
}

.section-title.first {

    margin: 10px 0 60px;

}

.section-title.center {
	text-align:center;
}

.section-title span {
    color: #555 !important;
    font-weight: 400;
    padding-right:19px;
    position: relative;
    text-transform: uppercase;
    top: 9px;
}

h1.section-title  {
   line-height: 16px !important;
}

h2.section-title  {
   line-height: 16px !important;
}

h3.section-title  {
   line-height: 16px !important;
}

h4.section-title  {
   line-height: 16px !important;
}

h2.section-title {
    font-size: 1.5em;
}

.section-title.center  span {
    margin-left: auto;
    margin-right: auto;
	padding-left:19px !important;
}

.section-title.small span {
    font-size: 85% !important;
    line-height: 85% !important;
	top: 7px;
}


/*-------------------------------------------------------------
               Action spinner
---------------------------------------------------------------*/

.action [class^="fa-spin"],
.action [class*=" fa-spin"] {
	display:none !important;
}

.updating.action [class^="fa-"],
.updating.action [class*=" fa-"] {
	display:none !important;
}

.updating.action [class^="fa-spin"],
.updating.action [class*=" fa-spin"] {
	display:inline-block !important;
}

/*-------------------------------------------------------------
               TOP register
---------------------------------------------------------------*/

.top-register {
    position:absolute;
    top:0px;
	padding:0px;
    height:63px;
    right:10px;
    padding:0 27px;
    font-family:Roboto;
    line-height:46px;
}


.top-register input {
	line-height:18px;
	height:29px;
    background-color: #FFFFFF;
    background-image: none;
    border: 1px solid #CCCCCC;
    color: #555555;
    padding: 6px 12px;
    vertical-align: middle;
    font-size:0.8em;
}

.top-register  input.mail  {
	width:140px;
}

.top-register  input.password  {
	width:100px;
}

.top-register button {
	-moz-box-shadow:inset 0px 1px 0px 0px #58c3ff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #58c3ff;
	box-shadow:inset 0px 1px 0px 0px #58c3ff;
	background-color:#20afff;
	text-indent:0;
	border:1px solid #0d9ae7;
	color:#ffffff;
	font-size:0.8em;
	font-weight:bold;
	font-style:normal;
	line-height:26px;
	height:29px;
	text-decoration:none;
	text-align:center;
	vertical-align: middle;
}

.top-register li {
	float:left;
	list-style:none;
	color:#959595;
	position: relative;
}

.top-register li {
	color:#5b5b5b;
	margin-right: 8px;
	margin-left: 8px;
}

.top-register li:before {
	content:"";
	background:url(../images/dot_blue.png) no-repeat;
	width:13px;
	height:12px;
	position:absolute;
	top:2px;
	left:-10px;
}

.top-register li:first-child {
	color:#5b5b5b;
	margin-right: 8px;
	margin-left: 0px;
}
.top-register  li:first-child:before {
	content:"";
	background: none;
	width:0px;
	height:0px;
}
.top-register .row2, .top-language .row2 {
	line-height:6px;
	font-size: 0.8em;
}

.top-register.small {
	font-size:0.8em;
}




/*-------------------------------------------------------------
                    Admin stuff
---------------------------------------------------------------*/


.user-item  {
	width:100%;
	display: table;
	position:relative;
}

.user-item .picture  {
  width: 112px;
  background-color: #eeeeee;
  position:relative;
}

.user-item .picture-container  {
    height: 150px;
    width: 112px;
	position:relative;
	background-color:transparent !important;
}

.table .picture-container {
   height: 150px;
   width: 112px;
}


.user-item  .state_deleted ,
.user-item  .state_locked {
	position: absolute;
	top: 0px;
	left:0px;
}

.user-item .state_locked span {
	background-image: url("../images/user_locked-4_5.png");
	width:112px;
	height:150px;
	display: block;
}

.user-item .state_deleted span {
	background-image: url("../images/user_deleted-4_5.png");
	width:112px;
	height:150px;
	display: block;
}

.user-item .datas  {
  position:relative;
/*  width:100%;*/
  margin-left:25px;
  vertical-align:top;
  min-height: 150px;
}

.user-item .datas   h3 {
	margin-top:10px;
	display: inline-block;
}

.user-item .datas  .list-inline {
  margin-left: 0px;

}

.user-item .datas  .list-inline.info.bottom {
 margin-top: 65px;
}

/*-------------------------------------------------------------
               LI info
---------------------------------------------------------------*/

.adm_user .list-inline  {
  position:absolute;
  top:95px;
  margin-left: 0px;
}


/*-------------------------------------------------------------
               Note
---------------------------------------------------------------*/


.note {
    border-left: 5px solid #EEEEEE;
    padding: 15px 30px 15px 15px;
}
.note h1, .note h2, .note h3, .note h4, .note h5, .note h6 {
    margin-top: 0;
}
.note p:last-child {
    margin-bottom: 0;
}
.note code, .note .highlight {
    background-color: #FFFFFF;
}
.note.note-default {
    background-color: #D3D3D3;
    border-color: #A0A0A0;
}
.note.note-primary {
    background-color: #daeeff;
    border-color: #2A7696;
}
.note.note-success {
    background-color: #EEF7EA;
    border-color: #BBDBA1;
}
.note.note-info {
    background-color: #EEF7FB;
    border-color: #91D9E8;
}

.note.note-warning {
    background-color: #FCF8E3;
    border-color: #F2CF87;
}

.note.note-danger {
    background-color: #F9F0F0;
    border-color: #DCA7B0;
}

.note a {
	color:#333;
	font-weight: bold;
}




/*-------------------------------------------------------------
               Table
---------------------------------------------------------------*/
.table {
	clear: both;
}

.table.table-bordered thead > tr > th {
    border-bottom: 0 none;
}

.table tr.heading > th {
    background-color: #eee !important;
}

.table thead tr th {
    font-size: 14px;
    font-weight: 600;
}

.table tr.heading > th {
    background-color: #eee !important;
}


.table.table-bordered thead th, table.table-bordered thead td {
    border-left-width: 0;
    border-top-width: 0;
}



.table-scrollable {
    border: 1px solid #dddddd;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
}

.table-scrollable > .table-bordered {
    border: 0 none;
}
.table-scrollable > .table {
    background-color: #fff;
    margin: 0 !important;
    width: 100% !important;
}

.row-details {
    cursor: pointer;
    display: inline-block;
    height: 14px;
    margin-top: 3px;
    width: 14px;
}

.row-details.open {
    background: url("../images/datatable-row-openclose.png") no-repeat scroll 0 -23px;
}

.row-details.closed {
    background: url("../images/datatable-row-openclose.png") no-repeat scroll 0 0;
}


.table .details {
   padding: 8px;
   background-color: #eeeeee;
}

.table .loader {
	display: block;
}

.table .details .loader {
    background-color: #def1fe;
    border: 1px solid #6489a3;
	color: #6489a3;
}



/*-------------------------------------------------------------
       Open close 
---------------------------------------------------------------*/



.closed  .when-open {
	display:none;
}

.closed  .when-close {
	display:block;
}

.open .when-close {
	display:none;
}

.open .when-open {
	display:block;
}


/*-------------------------------------------------------------
               Found
---------------------------------------------------------------*/

.found {
    border-left: 0;
    margin: 0 0 20px;
    padding: 7px 30px 7px 15px;
	text-align:right;
	color:#424242;
}
.found h1, .note h2, .note h3, .note h4, .note h5, .note h6 {
    margin-top: 0;
}
.found p:last-child {
    margin-bottom: 0;
}
.found code, .found .highlight {
    background-color: #FFFFFF;
}
.found.found-default {
    background-color: #D3D3D3;
    border-color: #A0A0A0;
}
.found.found-primary {
    background-color: #5697D0;
    border-color: #2A7696;
}
.found.found-success {
    background-color: #EEF7EA;
    border-color: #BBDBA1;
}
.found.found-info {
    background-color: #EEF7FB;
    border-color: #91D9E8;
}

.found.found-danger {
    background-color: #F9F0F0;
    border-color: #DCA7B0;
}

/*-------------------------------------------------------------
              Page bar
---------------------------------------------------------------*/




.page-bar:before, .page-bar:after {
    content: " ";
    display: table;
}

.page-bar:after {
    clear: both;
}
.page-bar:before, .page-bar:after {
    content: " ";
    display: table;
}



.page-bar  ul.list-inline {
	margin-bottom: 0px;
}


.page-bar .list-inline.info {
    color: #6b6b6b;
    display: inline-block;
	float:left;
    margin: 0px;
	padding:10px;
	height:100%;
	font-weight:400;
}

.page-bar .list-inline.info li {
	margin-bottom:0px;
}

@media (max-width:580px) {

	.page-bar .list-inline.info li {
		    margin-right: 5px;
	}
	
}


.page-bar .list-inline.info {
	color: #6b6b6b;
}

.page-bar .list-inline.info .label {
	line-height:inherit;
}

.page-bar .page-toolbar {
  padding: 0;
  height: 100%;
  float: right;

}

.page-toolbar  .page-toolbar-slide {
  position: absolute;
  /* width: 100%; */
  right: 0;
  pointer-events: none;
}

.page-toolbar  .page-toolbar-slide.in {
   pointer-events: auto;
}

.page-toolbar  .page-toolbar-slide-container {
	pointer-events: auto;
}
.page-toolbar  .page-toolbar-slide-container-background {
  background-color: #f7f7f7;
  opacity:0.8;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter : Alpha(opacity=80);
  width: 100%;
  height: 40px;
  position: absolute;
}

.page-toolbar  .page-toolbar-slide-container-commands {
  background-color: #f7f7f7;
}


.page-bar .btn {
	height:44px;
    padding: 0px 19px;
}

.tools.search,
.page-bar .search  {
    padding: 0;
	height: 44px;

}


.tools.search .input-cont,
.page-bar .search  .input-cont {
	height: 44px;
}

.tools.search .input-cont .form-control:focus,
.page-bar .search .input-cont .form-control:focus {
    border: 1px solid #4b8df9 !important;
}

.tools.search .input-cont .form-control,
.page-bar .search  .input-cont .form-control {
    background-color: #fff !important;
    border: 1px solid #ddd;
    margin-top: 0;
   	height:100%;

}

.tools.search .btn-cont,
.page-bar .search .btn-cont {
    right: 0;
    top: 0px;
    width: 44px;
	height: 100%;
}

.tools.search .btn-cont .btn,
.page-bar .search  .btn-cont .btn {
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

.tools.search  .btn-cont .btn .default,
.page-bar .search  .btn-cont .btn .default {
	display:block;
}

.tools.search  .btn-cont .btn .searching,
.page-bar .search  .btn-cont .btn .searching {
	display:none;
}

.updating.search  .btn-cont .btn .searching,
.updating .search  .btn-cont .btn .searching {
	display:block;
}

.updating.search  .btn-cont .btn .default,
.updating .search  .btn-cont .btn .default {
	display:none;
}

.tools.search .btn-cont .arrow,
.page-bar .search .btn-cont .arrow {
    border-bottom: 8px solid transparent;
    border-right: 8px solid #4d90fe;
    border-top: 8px solid transparent;
    box-sizing: border-box;
    position: absolute;
    right: 43px;
    top: 14px;
}

.btn-cont.dark .arrow {
    border-right: 8px solid #333 !important;
}

.btn-cont.dark .btn {
	background-color: #333 !important;
	color: #fff !important;
}


.tools.search  .btn > i {
  font-size: 1em; 
  margin-right:0px;
}

.page-bar .page-toolbar > ul {
    display: inline-block;
    list-style: none outside none !important;
    padding-left: 0;
	margin-bottom:0;
	height: 100%;
}
.page-bar .page-toolbar > ul > li {
    color: #666;
    float: left;
    margin-left: 20px;
    position: relative;
	height: 100%;
}
.page-bar .page-toolbar .dropdown-menu {
    font-size: 12px;
}
.page-bar .page-toolbar .dropdown-menu > li > a {
}
.page-bar .page-toolbar .dropdown-menu > li [class*=" fa-fw"] {
    width: 2.5em;
}
.page-bar .page-toolbar .dropdown-menu > li > a {
    padding-left: 10px;
}

.page-bar .page-toolbar .dropdown-menu > .disabled > a {
    color: #999999 !important;
}

.page-bar .page-toolbar .btn  {
	font-size: 20px;
}

.page-bar .page-toolbar .command  {
	font-size: 20px;
}



.page-bar .page-toolbar .btn {
    padding: 0px 15px;
    flex-grow: 1;
    background-color: #f7f7f7;
    color: #555;
}



.page-bar .page-toolbar > ul > li {
	opacity:0.2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter : Alpha(opacity=20);
 }

.page-bar .page-toolbar > ul > li.always-visible {
	opacity:1 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter : Alpha(opacity=100);
 }

.page-bar .page-toolbar.selected > ul > li.onselected {
	opacity:1 !important;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter : Alpha(opacity=100);
 }


.page-toolbar .toggle.btn {
    background-color: #5f8fb8;
    color: #fafcfb;
}

.page-toolbar .toggle.btn:hover {
	background-color: #3a72a2;
}

.page-toolbar .toggle.btn.open {
	display:none !important;
}



.page-bar .page-toolbar > ul > li > a  {
     color: #666;
}

.page-bar .page-toolbar > ul > li .onselected,
.page-bar .page-toolbar > ul > li > a.onselected   {
	pointer-events: none;
    cursor: default;
	color:#d6d6d6;
}

.page-bar .page-toolbar.selected > ul > li.onselected,
.page-bar .page-toolbar.selected > ul > li > a.onselected   {
    -ms-filter:none;
    filter : none;
	pointer-events: auto;
    cursor: default;
	color: #666;
}


#page-heading .tools.search {
    padding-right: 0px;
    position: absolute;
    line-height: unset;
    right: 0;
    top: 0;
    font-size: inherit; 
}

/*-------------------------------------------------------------
              search layer
---------------------------------------------------------------*/


.search-container  {
  background-color: #fff;
  display: none;
  width: 100%;
}

.in-search .search-container  {
	display:block;
}


.sliding-up-search .search-container  {
   display:block;
   visibility: hidden;
}

.layer-page.in-search  > .page-container {
	 display: none;
}

.layer-page.sliding-down-search  > .page-container {
	 display: block;
}

.layer-page.in-search  > .overlay {
	display: none !important;
}

.layer-page .search-container > .overlay {
    top: 0;
    background-color: #252525;
}


.layer-page.in-search.updating > .search-container > .overlay  {
    opacity: 0.5;
}


/*-------------------------------------------------------------
              Notific plugin
---------------------------------------------------------------*/


.jquery-notific8-container { display: block; padding: 0; margin: 0; position: fixed; }
.jquery-notific8-container.top { top: 65px; }
.jquery-notific8-container.top.right { right: 0; }
.jquery-notific8-container.top.left { left: 0; }
.jquery-notific8-container.bottom { bottom: 30px; }
.jquery-notific8-container.bottom.right { right: 0; }
.jquery-notific8-container.bottom.left { left: 0; }

.jquery-notific8-notification {
		position: relative;
		display: none;
		overflow: hidden;
		border-style: solid;
		
		border: 0px;
		margin: 0 0 0px;
		padding: 15px 30px 15px 30px;
	
}


.jquery-notific8-notification:hover .jquery-notific8-close { display: block; }
.jquery-notific8-close { position: absolute; cursor: pointer; top: 0; display: none; }


.top .jquery-notific8-notification { margin-top: 1rem; }


.right .jquery-notific8-notification {
		float: right; clear: right; padding-right: px;
		right: 0px;
		position: relative;
	 }

.right .jquery-notific8-close-sticky,
.right .jquery-notific8-close {
		right: 13px;
		top: 10px;
		font-size:20px;
	}





.right .jquery-notific8-notification.teal {  }



.jquery-notific8-notification .jquery-notific8-message {
	font-size: 1em;
	opacity:1;
	display:block;
}

.jquery-notific8-notification.teal {
	background-color: #188c0f;
	border-color: #80ea78;
	color: #ffffff;
    right: -100%;
}


.jquery-notific8-notification.teal .jquery-notific8-close, .jquery-notific8-notification.teal .jquery-notific8-close-sticky {
}


.jquery-notific8-notification.ok {
	background-color: #17900b;
	border-color: #124e23;
	color: #ffffff;
    right: -100%;
}


.jquery-notific8-notification.error {
	background-color: #d41c21;
	border-color: #5f0c0e;
	color: #ffffff;
    right: -100%;
}


.jquery-notific8-notification.warning {
    background-color: #ff6300;
    border-color: #ff6300;
    color: #ffffff;
    right: -100%;
}

.jquery-notific8-notification.info {
	background-color: #0ca1bc;
	border-color: #0c525f;
	color: #ffffff;
    right: -100%;
}


/*-------------------------------------------------------------
    Nestable
---------------------------------------------------------------*/

.dd-list {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
 }
.dd-list .dd-list { padding-left: 30px; }
.dd-collapsed .dd-list { display: none; }

.dd-item,
.dd-empty,
.dd-placeholder { display: block; position: relative; margin: 0; padding: 0;  font-size: 13px;  }

.dd-handle { display: block;

	line-height: 20px; margin: 5px 0; cursor: move; padding: 0px 10px; color: #333; text-decoration: none; font-weight: 400; border: 1px solid #ccc;
    background: #fafafa;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}

.dd-handle:hover { color: #2ea8e5; background: #fff; }

.dd-item > button { display: block; position: relative; cursor: pointer; float: left; width: 25px; height: 20px; margin: 7px 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; border: 0; background: transparent; font-size: 10px; line-height: 1; text-align: center; font-weight: bold; }
.dd-item > button:before { content: '\f067'; display: block; position: absolute; width: 100%; text-align: center; text-indent: 0; font-family: "Font Awesome 7 Pro" }
.dd-item > button[data-action="collapse"]:before { content: '\f068';  }

.dd-placeholder,
.dd-empty {
    margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf;
    box-sizing: border-box; -moz-box-sizing: border-box; }
.dd-empty { border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5;
    background-size: 60px 60px;
    background-position: 0 0, 30px 30px;
}

.dd-dragel { position: absolute; pointer-events: none; z-index: 9999; }
.dd-dragel > .dd-item .dd-handle { margin-top: 0; }
.dd-dragel .dd-handle {
    -webkit-box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
            box-shadow: 2px 4px 6px 0 rgba(0,0,0,.1);
}

.dd-hover > .dd-handle { background: #2ea8e5 !important; }

/**
 * Nestable Draggable Handles
 */

.dd3-content { display: block; height: 30px; margin: 5px 0; padding: 5px 10px 5px 40px; color: #333; text-decoration: none; font-weight: 400; border: 1px solid #ccc;
    background: #fafafa;
    -webkit-border-radius: 3px;
            border-radius: 3px;
    box-sizing: border-box; -moz-box-sizing: border-box;
}
.dd3-content:hover { color: #2ea8e5; background: #fff; }

.dd-dragel > .dd3-item > .dd3-content { margin: 0; }

.dd3-item > button { margin-left: 30px; }

.dd3-handle { position: absolute; margin: 0; left: 0; top: 0; cursor:move; width: 30px; text-indent: 100%; white-space: nowrap; overflow: hidden;
    border: 1px solid #aaa;
    background: #ddd;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.dd3-handle:before { content: '≡'; display: block; position: absolute; left: 0; top: 3px; width: 100%; text-align: center; text-indent: 0; color: #fff; font-size: 20px; font-weight: normal; }
.dd3-handle:hover { background: #ddd; }




/*-------------------------------------------------------------
     Select autocomplete - Ajax
---------------------------------------------------------------*/

.select-search {
    display: table;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
    position: relative;
    width: 100%;
	border: 1px solid #ccc;
}

.select-search .input-search {
	
}

.select-search .input-cont {
	display: block;
	position:relative;
	width: 100%;
	height: 100%;
}

.select-search  .input-cont {
    color: #555;
 	line-height:34px;
	height:34px;
    padding: 0px 0px 0px 34px;
    width: 100%;
	-ms-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	-webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;

}



.select-search.searching  .input-cont {

}

.select-search  .input-cont:before {
	content: "\f03a";
    display: inline;
    font-family: "Font Awesome 7 Pro";
    font-size: 18px !important;
    font-weight: 300;
    height: auto;
    margin-right: 5px;
    margin-top: 0;
    text-shadow: none;
    position: absolute;
    left: 7px;
	color: #999999;
}


.select-search.searching .input-cont:before {
    content: "\f110" !important;
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.select-search.has-error  {
    border-color: #d73232;
}

.select-search.focus  {
    border-color: #4b8df9;
    box-shadow: none !important;
    outline: 0 none;
}

.select-search  .input-cont input {
    background: transparent !important;
    border: 0px solid transparent !important;
	box-shadow: auto;
    padding: 0px;
	width: 100%;
	padding-top:7px;
	padding-bottom:7px;
	line-height: 20px;
	height:34px;
	float:left;

}



.select-search.items  .input-cont input {
	width: 30px;

}

.select-search.items  .input-cont input::-webkit-input-placeholder { color:transparent; }
.select-search.items  .input-cont input:-moz-placeholder { color:transparent; } /* FF 4-18 */
.select-search.items  .input-cont input::-moz-placeholder { color:transparent; } /* FF 19+ */
.select-search.items  .input-cont input:-ms-input-placeholder { color:transparent; } /* IE 10+ */


.select-search.searching  .input-cont input:focus {
    background: transparent !important;
    border: 0px !important;
	box-shadow: auto;
}

.select-search  .input-cont {
 /*  	height:100%;*/
}

.select-search .input-cont .form-control:focus {
    border: 1px solid #4b8df9 !important;
}

.select-search .input-cont .form-control {
    background-color: #fff !important;
    border: 1px solid #ddd;
    margin-top:0;
   	height:100%;
}

.select-search .btn-cont {
    float: right;
    position: absolute;
    right: 0;
    top: 0px;
    width: 43px;
	height: 100%;
}

.select-search  .btn-cont .btn {
    height: 100%;
    padding-top: 11px;
    vertical-align: middle;
}

.select-search .btn-cont .arrow {
    border-bottom: 8px solid transparent;
    border-right: 8px solid #4d90fe;
    border-top: 8px solid transparent;
    box-sizing: border-box;
    position: absolute;
    right: 43px;
    top: 14px;
}



/** Drop dowb part */

.select-search  .dropdown {
	border-radius: 0;
    display: block;
    margin: 0;
    position: absolute;
	left:0px;
    top: 38px;
    width: 100%;
	height:200px;
  	color:#ffffff;
    z-index: 10;
	margin-top: 5px;
	pointer-events: none;

}


.select-search  .dropdown .dropdown-strip-container {
	height:200px;
	padding: 15px;
	display:block;
	padding-right:0px;
    position: relative;
	background-color: #4b8df9 ;
    display:none;
	pointer-events: auto;
    
	border-radius: 4px;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	
}

.select-search  .dropdown .dropdown-strip-container .dropdown-strip-scroll {
	overflow:hidden;
}


.select-search  .dropdown .dropdown-strip-container .dropdown-strip {
	padding-right: 15px;
}

.select-search  .dropdown .dropdown-strip-container .dropdown-strip .item {
	display:inline-block;
	margin-right: 20px;
}

.select-search .iScrollVerticalScrollbar {
    right: 3px;
}


.select-search  .dropdown .dropdown-strip-container.in {
	top:0px;
	display:block;
}

.select-search  .dropdown .dropdown-strip-container.ta-collapsing {

}

.select-search  .dropdown .dropdown-strip-container.closing {
/*	display:none !important; */
}

.select-search .dropdown-strip-scroll {
    display: block;
	height:100%;
	position: relative;
 
}

.select-search  .dropdown .dropdown-strip {
	 display: block;
}



.select-search  .dropdown .dropdown-strip ul {
	list-style: none outside none;
	padding-left:0px;
	margin-bottom:0px;
}

.select-search  .dropdown .dropdown-strip li  {
	position:relative;
	padding-bottom: 6px;
	overflow:hidden;
}

.select-search  .dropdown .dropdown-strip li > label {
	font-weight: bold;
	margin:0;
	overflow:hidden;
	white-space: nowrap;
}

.select-search  .dropdown .dropdown-strip  span {
    font-size: 1em;
	color: #FFFFFF !important;
	white-space: nowrap;
}

.select-search  .dropdown .dropdown-strip  .highlight {
    font-weight: 900;
	color: #FFFFFF !important;

}

.select-search  .dropdown .dropdown-strip li > span {
    font-size: 0.8em;
    left: 0;
    position: relative;
    top: -7px;
	color: #FFFFFF;
	white-space: nowrap;
}

.select-search  .dropdown .dropdown-strip  a {
   color: #FFFFFF;

}

.select-search  .dropdown .dropdown-strip  a:hover {
   text-decoration:underline;
}

.select-search  .dropdown .dropdown-strip  a .highlight {
   color: #1C9DFB;
}

.select-search  .dropdown .dropdown-strip  div.more  {
   width:100%;
   margin-bottom:10px;
   color: #e77709;
}

.select-search  .dropdown .dropdown-strip  div.more a  {
   color: #e77709;
}

.rgba  .dropdown .dropdown-strip-container .iScrollVerticalScrollbar > .iScrollIndicator {
    background: rgba(255, 255, 255, 0.901961);
    border: 1px solid rgba(0, 0, 0, 0.498039)
}


/** ---- Selected items ------- */

.select-search  .select-item {
    background-color: #cbcbcb;
    border-radius: 3px !important;
    color: #5d5e63;
    cursor: pointer;
    display: inline;
    float: left;
    font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans",Garuda,Verdana,Tahoma,sans-serif;
    margin: 5px 9px 0 0;
	font-size:12px;
	line-height:24px;
    padding: 0 33px 0 10px;
    position: relative;
    text-decoration: none;
    white-space: nowrap;
}

.select-search  .select-item:before {
    font-family: "Font Awesome 7 Pro";
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: none;
    top: 50%;
}

.select-search  .select-item:before {
    content: "\f057";
    font-size: 10px;
    margin-top: -11px;
    right: 0;
}

.select-search  .select-item:before {
    width: 30px !important;
}



/** ---- Loader -------- */
.select-search  .loader
{
 	margin-top:5px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
	 padding-bottom: 5px;
    padding-top: 5px;
	color: #FFF;
    background-color: transparent !important;
    border-color: #FFF;
	display: block;
	text-align: center;
	vertical-align: middle;
}



/*-------------------------------------------------------------
     upload
---------------------------------------------------------------*/


.upload-cmd  .download {
	display: none;
}


.upload    .upload-cmd .download {
	display: inline-block;
}

.upload    .upload-cmd .cmd {
	display: none;
}


/*-------------------------------------------------------------
    Bootstrap button plugin modification according to ButtonWidget
---------------------------------------------------------------*/
.btn > input[type="radio"],
.btn > input[type="checkbox"] {
    display:none;
}

.btn.cb > .on {
    display:none !important;
}

.btn.cb.checked > .off {
    display:none !important;
}

.btn.cb.checked > .on {
    display:block !important;
}

/*-------------------------------------------------------------
    Check
---------------------------------------------------------------*/

.when-checked  {
	display:none;
}

.when-not-checked  {
	display:block;
}

.checked .when-checked  {
	display:block;
}

.checked .when-not-checked  {
	display:none;
}



.has-switch {
  display: inline-block;
  cursor: pointer;
  border: 1px solid;
  border-color: #cccccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  vertical-align: middle;
  min-width: 100px;
  -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.has-switch:focus {
  border-color: #66afe9;
  outline: 0;
}
.has-switch.switch-mini {
  min-width: 72px;
}
.has-switch.switch-mini span,
.has-switch.switch-mini label {
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 10px;
  line-height: 9px;
}
.has-switch.switch-mini i.switch-mini-icons {
  height: 1.20em;
  line-height: 9px;
  vertical-align: text-top;
  text-align: center;
  transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  margin-top: -1px;
  margin-bottom: -1px;
}
.has-switch.switch-small {
  min-width: 80px;
  margin-left: 20px;
}
.has-switch.switch-small span,
.has-switch.switch-small label {
  padding-bottom: 3px;
  padding-top: 3px;
  font-size: 12px;
  line-height: 18px;
}
.has-switch.switch-large {
  min-width: 120px;
}
.has-switch.switch-large span,
.has-switch.switch-large label {
  padding-bottom: 9px;
  padding-top: 9px;
  font-size: 16px;
  line-height: normal;
}
.has-switch.switch-animate > div {
  -ms-transition: left 0.5s;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  transition: left 0.5s;
}
.has-switch.switch-off > div {
  left: -50%;
}
.has-switch.switch-on > div {
  left: 0%;
}
.has-switch.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}
.has-switch.disabled span,
.has-switch.disabled label {
  cursor: default !important;
}
.has-switch > div {
  display: inline-block;
  width: 150%;
  position: relative;
  top: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.has-switch input[type=radio],
.has-switch input[type=checkbox] {
  display: none;
}
.has-switch span,
.has-switch label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  position: relative;
  display: inline-block !important;
  height: 100%;
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 14px;
  line-height: 20px;
}
.has-switch label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  width: 33.333333333%;
  background: #ffffff;
}
.has-switch label i {
  color: #000;
  text-shadow: 0 1px 0 #fff;
  line-height: 18px;
  pointer-events: none;
}
.has-switch span {
  text-align: center;
  z-index: 1;
  width: 33.333333333%;
}
.has-switch span.switch-left {
  color: #f00;
}
.has-switch span.switch-right {
  color: #000;
  background: #eeeeee;
}
.has-switch span.switch-primary,
.has-switch span.switch-left {
  color: #fff;
  background: #428bca;
}
.has-switch span.switch-info {
  color: #fff;
  background: #5bc0de;
}
.has-switch span.switch-success {
  color: #fff;
  background: #5cb85c;
}
.has-switch span.switch-warning {
  background: #f0ad4e;
  color: #fff;
}
.has-switch span.switch-danger {
  color: #fff;
  background: #d9534f;
}
.has-switch span.switch-default {
  color: #000;
  background: #eeeeee;
}


..has-switch > div {
  left: -50%;
}
.checked.has-switch > div {
  left: 0%;
}


.push-switch .has-switch.switch-small {
	min-width: 40px;
	border-radius: 2rem;
}

.push-switch .has-switch span {
    width: 100%;
}

.push-switch .has-switch label {
    width: 0;
}

.push-switch .has-switch span.switch-left {
	position:absolute;
	z-index:2;
	left:-110%
}

.push-switch .has-switch.switch-on span.switch-left {
  left: 0%;
}

.push-switch .has-switch > div {
	width: 100%;
	left: 0%;
}

.push-switch .has-switch.switch-animate span.switch-left {
  -ms-transition: left 0.5s;
  -webkit-transition: left 0.5s;
  -moz-transition: left 0.5s;
  transition: left 0.5s;
}

/*-------------------------------------------------------------
    Ads
---------------------------------------------------------------*/

.ads-container {
  background-color: #ffffff;
}

.ads {

}


.ads .frame {
	height:72px;
	background-color: #c6cdd2;
	position:relative;
	line-height:72px;
	border: 3px dashed #696c6d;
	width:100%;
}

.ads .frame  span{
	color:#696c6d;
	font-family: "Roboto Condensed" !important;
	font-size:25px;
}

/*-------------------------------------------------------------
    Ververt-Studio
---------------------------------------------------------------*/

.ververt-16 {
	display:inline-block;
	height:16px;
	width:16px;
	background: url("../images/ververt-studio-logo-blanc.svg") no-repeat;
}

.ververt-32 {
	display:inline-block;
	height:32px;
	width:32px;
	background-size: 32px 32px;
	background: url("../images/ververt-studio-logo-blanc.svg") no-repeat;
}

.ververt-64 {
	display:inline-block;
	height:64px;
	width:64px;
	background: url("../images/ververt-studio-logo-blanc.svg") no-repeat;
}

.ververt-www {
    color: #eee !important;
    font-family: "Roboto Condensed" !important;
    font-size: 14px !important;
    position: absolute;
    top: 72px;
    left: 93px;
}

.footer-widget h4.logo-ververt-32{
	line-height:32px;
}

.footer-widget h4 .ververt-16 {
	margin-right:15px;
	background-size: contain;
}
.footer-widget h4 .ververt-32 {
	background: url("../images/ververt-studio-logo-blanc.svg") no-repeat;
	background-size:contain;
	width:32px;
	height:32px;
	margin-right: 5px;
    vertical-align: middle;
    top: -2px;
    position: relative;
}


.footer-widget .logo-ververt-64 a {
	position:relative;
	top:-10px;
}

.footer-widget h4 .ververt-64 {
	background: url("../images/ververt-studio-logo-blanc.svg") no-repeat;
	margin-right: 15px;
    vertical-align: middle;
    top: -2px;
    position: relative;
}

footer   a:focus,
footer   a:hover  {
	color: #fff;
}

footer .logo-ververt-32 a {
	color: #fff;
	text-transform: uppercase;
	font-weight:600;
}

footer .logo-ververt-32 a:hover {
	color: #0c9736;

}


.startup h2 {
   color: #a7a5a5;
   text-transform: uppercase;
}

/*-------------------------------------------------------------
    Login button
---------------------------------------------------------------*/
*-------------------------------------------------------------
    Login button
---------------------------------------------------------------*/

.LogInButtons {
    width: 280px;
    margin: 0 auto;
}

.LogInButtons > button,
.LogInButtons > a
 {
	display: inline-block;
	width:100%;
    font-family: "Roboto Condensed";
    padding: 15px 15px;
    text-align: center;
    vertical-align: middle;
	margin-bottom: 10px;
	margin-bottom: 10px;
	padding-left: 55px;
	line-height: 35px;
	outline: 0!important;

}

.LogInButtons .facebook {
	color: #fff;
    background: #3b5998;
}

.LogInButtons .twitter {
	color: #fff;
    background: #55adee;
}

.LogInButtons .email {
    color: #fff;
    background: #888888;
}


.LogInButtons > *  {
    position:relative;
}


.LogInButtons * > i {
	position: absolute;
    left: 32px;
	line-height: 35px;
}





/*-------------------------------------------------------------
                   Layer frame - Message
---------------------------------------------------------------*/


.mainmessage-frame {
    width: 100%;
	z-index: 3000;
	min-height:50px;
	overflow:hidden;
	position:fixed;
	pointer-events:none;
	opacity: 0.95;
	-khtml-opacity: 0.95;
	-moz-opacity: 0.95;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
	
}

.mainmessage-frame.in  .mainmessage-container {
  top:0% ;
}

.mainmessage-frame .mainmessage-container {
	position:relative;
    background-color: #c90808;
    border-bottom: 0px;
	pointer-events: auto;
	overflow:hidden;
	display:block;
	height:100%;
	z-index: 3;
	min-height: 50px;
	top: -120%;
	box-shadow: 0.5px 0.866px 13px 0 rgba(0, 0, 0, 0.48);

}

.mainmessage-frame .mainmessage-container .container {
	color:#ffffff;
	padding-top:15px;
	padding-bottom:35px;
	height:100%;
}

.mainmessage-frame  h4 {
	font-family: "Roboto Condensed" !important;
    text-transform: uppercase;
	color: #ffffff;

}

.mainmessage-frame .mainmessage-container .container  a,
.mainmessage-frame .mainmessage-container .container  a:focus {
	border-bottom: 1px solid rgba(0, 0, 0, 0);
	color: #ffffff;
}

.mainmessage-frame .mainmessage-container .container  a:hover {
	border-color: #ffffff;
}


.mainmessage-frame .mainmessage-container .container  a.btn,
.mainmessage-frame .mainmessage-container .container  a.btn:focus {
	margin-top:10px;
	border: 1px solid #ffffff;
}


/*-------------------------------------------------------------
   Page section
---------------------------------------------------------------*/

.page-section {
    padding-top: 60px;
    padding-bottom: 80px;
    text-align: center;
}

.page-section.retain .container {
    max-width: 1170px;
    width: 100%;
}

.page-section.retain {
    background: #E9EBF0;
    width: 100%;
    padding: 25px 9.375%;
}


.page-section p {
    font-size: 1.1em;
	font-weight: 400;
}

.page-section .btn.is-inline {
    margin: 0.5em 1.5em 0;
    vertical-align: baseline;
}

.page-section.retain .btn {
    background-color: #09e44c;
    color: #FFF;
    border: none;
}


.page-section h1, .page-section h2, .page-section h3, .page-section h4, .page-section h5 {
    font-weight: 600;
}

.page-section.retain.black {
    background-color: #111;
	color: #fff;
}

.page-section.retain.white {
    background-color: #fff;
}

.page-section.retain.ta-color  p,
.page-section.retain.ta-color  h1,
.page-section.retain.ta-color  h2,
.page-section.retain.ta-color  h3,
.page-section.retain.ta-color  h4,
.page-section.retain.ta-color  h5  {
	color: #fff;
}

.page-section.retain.blue {
    background-color: #0280db;
	color: #fff;
}

.page-section.retain .btn.black {
    background-color: #000;
}

/*-------------------------------------------------------------
                   Mobile menu
---------------------------------------------------------------*/

.mobile-menu  {
    position: relative;
    width: 100%;
    list-style: none outside none;
	padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px !important;
}

.mobile-menu > li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #04557e;
    border-bottom: 0 none;
    border-image: none;
    border-left: 0 none;
    border-radius: 0;
    border-right: 0 none;
    border-top: 1px solid #077dba !important;
    box-shadow: none;
    float: none !important;
    margin-bottom: 0;
}

.mobile-menu   li > a  {
    color: #ebf5ff;
    font-size: 14px;
    font-weight: 400;
    padding: 11px 25px;
	display: block;

	line-height: 120%;
    min-width: 200px;
	position: relative;
    text-decoration: none;
    text-transform: uppercase;
	white-space: nowrap;
}

.mobile-menu  li > a.openable,
.mobile-menu  li.closed > a.openable:hover,
.mobile-menu  li > a.closed.openable:hover,
.mobile-menu  li > a:visited,
.mobile-menu  li > a:hover,
.mobile-menu  li > a:focus {
    background-color: #033f5e !important;
    color: #ffffff !important;
	border-bottom: 0px solid;
	text-decoration: none !important;
}

.mobile-menu  > li.closed  > a.openable,
.mobile-menu  > li > a.openable.closed {
	background-color: transparent !important;
	color:#c8e7f7;
}

.mobile-menu    li > a > i {
    width: 1.5em;
	position:relative;
    right: 8px;
    top: 0px;
}

.mobile-menu     li > a > i {
	font-size:16px;
}

.mobile-menu    > li > a .arrow {
    position: absolute;
    right: 15px;
}

.mobile-menu    > li > a .arrow:before {
    content: "\f078";
    display: inline;
    font-family: "Font Awesome 7 Pro";
    font-size: 16px !important;
    font-weight: 300;
    height: auto;
    margin-right: 5px;
    margin-top: 0;
    text-shadow: none;
}

.mobile-menu   > li.closed > a  .arrow:before {
    content: "\f053";
}
.mobile-menu    > li > a .arrow {
    float: right;
    padding-left: 10px !important;
}

.mobile-menu  .open > .sub-menu {
	display:block;
}

.mobile-menu .sub-menu li:first-child {
    padding-top: 0;
}

.mobile-menu .sub-menu li {
    display: block;
    line-height: 20px;
    padding-left: 27px;
    position: relative;
	font-size:12px;
}

 .mobile-menu .sub-menu  li > a {
    font-size: 12px;
}

.mobile-menu .sub-menu > li:hover {
    background-color: #013d5c !important;
    color: #ffffff;
}


.mobile-menu .sub-menu  li > a.openable,
.mobile-menu .sub-menu  li.closed > a.openable:hover,
.mobile-menu .sub-menu  li > a:hover,
.mobile-menu .sub-menu  li > a:focus {
    background-color: #013d5c !important;
}

.mobile-menu .sub-menu > li > a > i {
    position: absolute;
    right: 18px;
    top: 11px;
	font-size:12px;
}

.mobile-menu  .badge {
	position:absolute;
	right: 45px;
	font-size:10px !important;
}

.mobile-menu  .badge.right {
	right: 15px;
}

.mobile-menu  .inscan {
   font-size: 14px !important;
    left: 11px;
    position: absolute;
    top: 5px;
}

.gallery {
	overflow:hidden;
	position:relative;
	
}


.gallery-container {
	position: relative;
    display: inline-block;
	white-space: nowrap;
	backface-visibility: hidden;
	transition: transform 0s ease-in-out 0s !important;
	-webkit-transition: transform 0s ease-in-out 0s !important;
	-moz-transition: transform 0s ease-in-out 0s !important;
	-ms-transition: transform 0s ease-in-out 0s !important;
	height: 100%;
}

.gallery-container::-webkit-scrollbar {
	display: none;
}

.gallery-cell {
	display:inline-block;
	height: 100%;
}

.gallery .gallery-cell {
	margin-right:1em;	
}


.gallery .button {
	position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    line-height: 44px;
    border: none;
    border-radius: 50%;
    background: white;
    background: hsla(0, 0%, 100%, 0.75);
    cursor: pointer;
    z-index: 2;
    outline: none;
    text-align: center;
}

.gallery .button:focus,
.gallery .button:hover {
   background: hsla(0, 0%, 100%, 1);
 }

 .gallery .button:disabled {
    cursor: auto;
	display:none;
}


.gallery .button  > i {
	position:relative;
	font-size:23px;
}


.gallery .button.previous {
    left: 18px;
}



.gallery .button.next {
    right: 18px;
}

.gallery .button.next > i{
    top: 3px;
    left: 3px;
}
.gallery .button.previous > i {
    top: 3px;
    left: -1px;
}



/*---------------------------------------------------------------
	Sharing - social
---------------------------------------------------------------------*/

.social_login {
	position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
	visibility: hidden;
    z-index: 999;
	border: 0px;
}



.socialfloat {
    display: inline-block;

}


.socialfloat .socialbtn {
    width: 50px;
    height: 50px;
    display: inline-block;
    color: #fff !important;
    text-align: center;
	position: relative;
	outline: 0 none;
    text-decoration: none !important;
	border: 0px;

}

.socialfloat .socialbtn:focus,
.socialfloat .socialbtn:hover {
	outline: 0 none;
    text-decoration: none !important;
	border: 0px;
}



.btn.socialbtn {
   position: relative;
   color: #fff !important;
   padding-left: 60px;
}

.socialfloat .socialbtn i {
    font-size: 30px;
    line-height: 50px;
	color: #fff !important;

}

.socialfloat .socialbtn i {
    font-size: 30px;
    line-height: 50px;
	color: #fff !important;

}

.btn.socialbtn  i {
	font-size: 30px;
    top: 11px;
    left: 15px;
	position: absolute;
}

.socialbtn [class*=" fa-spinner"] {
	display:none;
}



.socialbtn.facebook {
    background-color: #3b5998;
}
.socialbtn.gplus {
    background-color: #dd4b39;
}
.socialbtn.twitter {
    background-color: #55acee;
}
.socialbtn.stumbleupon {
    background-color: #eb4924;
}
.socialbtn.pinterest {
    background-color: #cc2127;
}
.socialbtn.linkedin {
    background-color: #0077b5;
}
.socialbtn.buffer {
    background-color: #323b43;
}
.socialbtn.url {
    background-color: #c71154;
}

.socialbtn.action {
    background-color: #222;
}


.socialfloat .socialbtn.when-clipboard {
	display:none;
}

.clipboard  .socialfloat .socialbtn.when-clipboard {
	display:inline-block;
}

.socialbtn [class*=" fa-spinner"] {
	display:none;
}

.socialbtn.posting i {
	display:none;
}

.socialbtn.posting [class*=" fa-spinner"] {
	display:block;
}



.posting.facebook  .facebook i  {
	display:none;
}
.posting.facebook   .facebook.socialbtn [class*=" fa-spinner"] {
	display:block;
}


.posting.twitter  .twitter i  {
	display:none;
}
.posting.twitter   .twitter.socialbtn [class*=" fa-spinner"] {
	display:block;
}

.posting.gplus  .gplus i  {
	display:none;
}
.posting.gplus   .gplus.socialbtn [class*=" fa-spinner"] {
	display:block;
}

.footer-widget .social {
    margin: 0 0 2em;
}

.footer-widget .social  a {
	color: #fff;
    font-size: 1.8em;
    padding-right: 0.5em;
}

.footer-widget .social  a:focus,
.footer-widget .social  a:hover {
	outline: 0 none;
	text-decoration: none !important;
	border-bottom: 0px;
	color: #d09035;
}

.pink-separator {
    height: 3px;
    width: 60px;
    background-color: #09e44c;
    margin: 20px auto;
    transition: background-color 0.25s ease-in-out;
}




.application .layer-page  > .overlay  {
  display : none !important;
}

.application  .layer.search  {
  display : none !important;
}

html.layer-embedded,
.layer-embedded  body {
 background-color: transparent !important;
}


.layer-embedded .layer  {
  display : block !important;
}

.layer-embedded .layer.layer-left {
 left: 0px !important;
}

.layer-embedded .layer.layer-right {
 right: 0px !important;
 float: right;
}

.layer-embedded .layer-frame {

}

.layer-embedded .data-frame.layer-right .cmd-close,
.layer-embedded .layer-frame .cmd-close {
	display:none !important;
}

.layer-embedded .layer-left .cmd-close,
.layer-embedded .layer-right .cmd-close {
    top: 80px !important;
}

.layer-embedded  .layer  .cmd-close i {
    position: relative;
    top: 11px !important;
}

.layer-embedded .layer.data-frame-container {
	padding-top: 50px !important;
}



.catalog .item {
	width: 100%;
    display: block;
    position: relative;
    padding-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
	margin-bottom: 2em;
}


.catalog .poster {
    position: relative;
    vertical-align: top;
}




.catalog .datas {
    padding-left: 25px;
    vertical-align: top;
    overflow: hidden;
}


.catalog   h1 {
    margin-top: 0px;
    font-weight: bold;
    text-transform: uppercase;
	font-size:1em;
	font-weight: 500;
    width: 100%;
}

h1 a {
	font-weight: 600;
}


.catalog   h2 {
    margin-top: 0px;
    font-weight: bold;
    text-transform: uppercase;
	font-size:0.9em;
	font-weight: 200;
    width: 100%;
}

.catalog   h2 a {
    color: #888;
}


.catalog .datas .inner {
    overflow: hidden;
	position:relative;
}

.catalog .datas .inner-end {
	position:absolute;
    bottom: 0;
    left: 0px;
	height: 70px;
    width: 100%;
	background: url(../images/shadow-white-40.png) scroll;
}

.squizz-action {
}



.squizzed.open.end  > .squizz-action {
	opacity:0;
}


.item-squizz {
	position:relative;
}

.item-squizz > .squizz {
    overflow: hidden;
    position: relative;
}

.item-squizz .squizz-action {
    width: 100%;
	opacity: 0;
}

.squizzed  > .squizz-action {
	opacity:1;
}


.item-squizz .squizz-action.open {
	opacity:0;
}

.item-squizz.end .squizz-action.open {
	display:none;
}


.item-squizz .squizz-btn {
	cursor: pointer;

}




.squizzed.open  > .squizz-action {
	visibility:hidden;
	display:none;
}

.squizzed.open  > .squizz-btn {
	display:none;
}


.catalog >.squizz {
	overflow: hidden;
	position:relative;
	transition: max-height 0.5s;
}



.catalog .squizz-btn {
	font-size:2.0em;
	font-weight:600;
	margin-bottom:1.2em;
	cursor:pointer;
}

.catalog .line-bg {
	display: none;
	position: absolute;
	height: 200px;
	width: 100%;
	background-color: #222 !important;
}




.catalog .poster .actions.small .list-inline.info .btn > i {
        font-size: 18px;
}



.catalog .poster  .actions.small  .list-inline.info .btn  > i{
	transition: color 0.5s  ease-in-out;
	color:#eee;
}

.catalog .poster.glow  .actions.small  .list-inline.info .btn   > i {
	transition: color 0s  ease-in-out;
	color:#fff;
}

.catalog .poster.glowing  .actions.small  .list-inline.info .btn  > i {
	color:#fff;
}


.catalog .poster .actions.small  .list-inline.info .btn:hover > i,
.catalog .poster .actions.small  .list-inline.info .btn:focus > i {
	color:#fff !important;
}


.catalog .poster  .actions.small .list-inline.info li {
    display: block;
    float: inherit;
    margin-bottom: 15px;
    margin-right: 10px;
	line-height:13px;
}


/*-------------------------------------------------------------
        play commande
---------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
    content: ".";    
    display: block;    
    height: 0;    
    overflow: hidden; 
}
.clearfix:after { clear: both; }
.clearfix { zoom: 1; } /* IE < 8 */

 /*--------------------------------------------------------------


 ---------------------------------------------------------------*/

.play-commande-200 {
	position:relative;
	width: 200px;
	height:350px;
}


.play-commande-200 > .picture {
    position: relative;
    height: 300px;
    width: 100%;
    overflow: hidden;
	cursor: pointer;
}

.play-commande-200 .picture a {
	outline: 0 none;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(0, 0, 0, 0);
}


.inner-picture {
	background-color:#ddd;
	display: block;
    width: 100%;
    height: 100%;
}

.inner-picture-wide {
	background-color:#ddd;
	display: block;
    width: 100%;
    height: 100%;
}


.play-commande-200 .picture .img {
	display: block;
    width: 100%;
    height: 100%;
    background-position: center !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
}

.full-width .play-commande-200  {
	width: 300px;
}



.play-commande-200 h1 {
    font-size: 16px !important;
    margin-bottom: 5px;
    margin-top: 5px;
	white-space: nowrap;
	font-family: "Roboto Condensed" !important;
	text-transform: uppercase;
	overflow:hidden;
	font-weight: 400;
	text-align: left;
}





.play-commande-200 .inner-info {
	position:relative;
}

.play-commande-200 .actions-btn {

}

.action-menu.dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
    font-size: 14px;
    list-style: none outside none;
    margin: 2px 0 0;
    min-width: 160px;
    width: 160px;
    top: 100%;
    z-index: 9;
    margin-left: 0px;
    margin-top: 38px;
}

.action-menu.dropdown-menu li {
	width: 100%;
	position: relative;
	display: block;
}

.action-menu.dropdown-menu > li > a {
    text-align: left;
	position: relative;
}

.action-menu.dropdown-menu > li > a {
    padding: 5px 10px;
}

.action-menu.dropdown-menu > li .icon  {
    width: 1em;
    display: inline-block;
}

.action-menu.dropdown-menu > li > a > i  {

}

.action-menu.dropdown-menu > li > a > span  {
	position: absolute;
	margin-left: 0.5em;
  }

.play-commande-200 .actions {
	display:none;
}


.no-info .play-commande-200,
.play-commande-200.no-info,
.no-action .play-commande-200,
.play-commande-200.no-action {
	height:300px;
} 

.no-info .play-commande-200 .inner-info h1,
.play-commande-200.no-info  .inner-info h1,
.play-commande-200.no-info  .actions-btn {
	display:none;
} 


.play-commande-200 .floater-btn > * {
	background-color: #333;  
}
   
.no-menu .play-commande-200 .actions-btn,
.play-commande-200.no-menu .actions-btn {
	display:none;
} 

.no-action .play-commande-200 .actions-btn,
.no-action .play-commande-200 .inner-info h1 
.play-commande-200.no-action .actions-btn,
.play-commande-200.no-action .inner-info h1  {
	display:none;
} 

.play-commande-200 .layer-container .layer {
}

/*-------------------------------------------------------------
        Floater
---------------------------------------------------------------*/




.floater-btn-group {
	position: absolute;
    right: 0em;
	padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    bottom: 10px;
	width:100%;
}

.floater-btn-group > .floater-btn {
	 right: 0px;
	 bottom: 0px;
	 float: right;
	 position: relative;
	 padding:0;
	 outline:0;
	
}

.floater-btn-group > .floater-btn.at-left {
	 float: left;
}


.floater-btn-group > div + div {
	margin-right:15px;
}

@media (max-width:580px) {

	.floater-btn-group > div + div {
		margin-right:5px;
	}
	
}

.floater-btn.top-left {
	right: inherit;
	margin-right: inherit;
	bottom: inherit;
	left:0px;
	top:0.5em;
	margin-left: 0.5em;
}

.floater-btn > * {
	float: left;
    height: 35px;
	min-width: 35px;
	line-height: 33px;
    background-color: #f00;
    border-radius: 18px;
	position:relative;
	text-align:center;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	color:#ddd;
}

.floater-btn.gray > div {
    background-color: #868686;
}

.floater-btn.top-left > div {
	margin-left: 0px;
    margin-right: 0.6em;
}

.floater-btn > * > a {
    right: 50%;
	min-width:35px;
    position: absolute;
    transform: translateX(50%) !important;
    outline: 0 none;
    text-decoration: none !important;
    border-bottom: 0px solid rgba(0, 0, 0, 0);
}

.floater-btn  i {
	margin:0px;
	padding:0px;
	font-size:14px !important;
	
}

.floater-btn-item {
	float:left;
	padding-right: 7px;
	padding-left: 7px;
    min-width: 35px;
	position:relative;
	outline:0;
}

.floater-btn-item:focus {
	outline:0;
}

/*

.floater-btn > div > a {
	color: #fff;
    padding: 0px;
    margin: 0px;
    font-size: 14px;
    line-height: 14px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    text-align: center;
    top: 0px;
	right: 0px;
	outline: 0 none;
    text-decoration: none !important;
    border-bottom: 0px solid rgba(0, 0, 0, 0);
}
 */
 
.upload-cmd {
	cursor:pointer;
}

/*-------------------------------------------------------------
        reachable
---------------------------------------------------------------*/

.when-do {
	display:none;
}

.when-not-do {
	display:inline-block;
}

.btn-do .when-do {
	display:none;
}

.btn-do .when-not-do {
	display:inline-block;
}

.btn-do.do .when-do {
	display:inline-block;
}

.btn-do.do .when-not-do {
	display:none;
}


/*-------------------------------------------------------------
        when mains
---------------------------------------------------------------*/


.is-main .when-main {
  display: block;
}

.when-main {
  display: none; /* Caché par défaut */
}

/*-------------------------------------------------------------
       tweak must ready
---------------------------------------------------------------*/


.top-heading {
    position: relative;
	height: 500px;
	color: #eee;
}


.top-heading .container-out {
  position:absolute;
  top:0;
  width:100%;
}


.top-heading .infos {
	margin: 140px 0px;
}

.top-heading h1 {
	text-transform: uppercase;
    font-family: "Roboto Condensed" !important;
    font-weight: 600;
}

.top-heading h3 {
    font-weight: 600;
	font-family: "Roboto Condensed" !important;
    text-transform: uppercase;
    display: block;
	margin-top: 0px;
}

.top-heading .server {
    font-family: "Roboto Condensed" !important;
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 1em;
    display: block;
}

.top-heading .desc {
    color: #eee;
    display: block;
}



@media (max-width: 991px) { 
	
   .top-heading {
		height: 450px !important;
   }

}

@media (max-width: 767px) { 

	
	
   .top-heading {
		height: 350px !important;
		font-size: 80%;
   }
	
   .top-heading .infos {
		margin-top: 115px !important;
   }
	

}

@media (max-width: 580px) { 

	.top-heading {
		height: 330px !important;
	}
	
   .top-heading .infos {
		margin-top: 100px !important;
   }

	.top-heading h1.name {
		text-align: center;
	}
		
	
	.top-heading h3 {
		text-align: center;
	}
	
	
	.top-heading .server {
		text-align: center;
	}
	
	.top-heading .desc {
		text-align: center;
	}
	
}

@media (max-width: 480px) { 

}

.logging {
    position: absolute;
    bottom: 6em;
    width: 100%;
}

.must-ready {
    z-index: 2099;
    position: fixed;
    width: 100%;
    height: 100vh;
    bottom: 0px;
    top: 0px;
    background-color: #252525;
    overflow: hidden;
    z-index: 999998;

}

.must-ready .app-logo {
    width: 500px;
    height: 500px;
}

.must-ready .app-studio {
    color: #a7a5a5;
    text-transform: uppercase;
 	font-family: Helvetica, Arial, sans-serif;
    font-stretch: condensed;
}

.must-ready .logo {
    font-size: 3em;
    font-weight: 600;
    margin-top: 10px;
    padding: 0;
    color: #FFFFFF;
}


.must-ready .homecast {
	font-size: 1.8em;
    font-weight: 500;
}

.must-ready .studio {
	font-size: 0.9em;
}

.no-loading .must-ready {
	display:none !important;
}


.must-ready-inner {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
	z-index: 9999;
	background-color: #252525;
}

.must-ready::before,
.must-ready::after {
  content: "";
  display: block;
  position: absolute;
  width: 200%;
  height: 50%;
  left: -50%;
  background: #252525;
  -ms-transition: all 1s ease-in;
  -webkit-transition: all 1s ease-in;
  -o-transition: all 1s ease-in;
  transition: all 1s ease-in;
}
.must-ready::before {
  top: 0;
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.must-ready::after {
  bottom: 0;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.must-ready.active::before,
.must-ready.active::after {
  height: 0;
  -webkit-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  -o-transform: rotate(25deg);
  transform: rotate(25deg);
}


.must-ready.active {
    background: rgba(0, 0, 0, 0);
}

@media (max-width: 991px) { 

	.must-ready .app-logo {
		width:400px;
		height:400px;
		background-size:contain;
	}
	
}

@media (max-width: 767px) { 

	.must-ready .app-logo {
		width:300px;
		height:300px;
		background-size:contain;
	}
	
	
	.must-ready .logo {
		font-size: 2.2em;
	}
	
}

@media (max-width:580px) {


	.must-ready .app-logo {
		width:250px;
		height:250px;
		background-size:contain;
	}
	
	
	.must-ready .logo {
		font-size: 1.8em;
	}
	
	.must-ready .homecast {
		font-size: 1.3em;
		font-weight: 500;
	}

	.must-ready .studio {
		font-size: 0.8em;
	}
		
}

/*---------------------------------------------------------------
	Oblique
---------------------------------------------------------------------*/

.oblique-bottom-overlap {
    padding-bottom: 90px;
	overflow:hidden;
	z-index:200 !important;
	position: relative;
}

.oblique-bottom-overlap .page-section:after {
    margin-bottom: 50px;
}

.oblique-bottom-overlap .page-section:after {
	width: 0;
    /* height: 20px; */
    border-top: 100px solid #fea;
    border-bottom: 0px solid transparent;
    border-right: 1920px solid transparent;
    content: "";
    position: absolute;
    bottom: -100px;
    /* margin-bottom: 20px; */
    left: 0;
    right: 0;
    margin: 0 auto;
}

.oblique-bottom-overlap  .page-section.retain {
    padding-bottom: 3em;
}

.oblique-bottom-overlap .page-section.bluedark:after {
     border-top: 100px solid #203347;
}


.oblique-up {
   right: 0;

}

.oblique-up:before {
	width: 0;
    height: 0;
    background-color: transparent;
    border-top: 97px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 1920px solid #ddd;
    content: "";
    position: absolute;
    top: -97px;
    /* margin-top: 20px; */
    /* bottom: 36px; */
    left: 0;
    right: 0;
    margin: 0 auto;
}

.oblique-up.gray:before {
    border-right: 1920px solid #E9EBF0;
}

.oblique-up.white:before {
    border-right: 1920px solid #fff;
}

.oblique-up.blue:before {
    border-right: 1920px solid #1848C4;
}

.oblique-up.bluelight:before {
    border-right: 1920px solid #0089bc;
}

.oblique-up.darkgray:before {
    border-right: 1920px solid #333;
}


.oblique-bottom:after {
	width: 0;
    height: 0;
    border-top: 90px solid transparent;
    border-bottom: 18px solid transparent;
    border-right: 1920px solid #fff;
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;

}


.oblique-bottom-down:after {
	width: 0;
    border-top: 0px solid transparent;
    border-bottom: 100px solid transparent;
    border-right: 1926px solid #fff;
    content: "";
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    margin: 0 auto;

}



.oblique-bottom-down.gray:before {
    border-right: 1920px solid #E9EBF0;
}

.oblique-bottom-down.blue:before {
    border-right: 1920px solid #1848C4;
}

.oblique-bottom-down.bluelight:before {
    border-right: 1920px solid #0089bc;
}


/*-------------------------------------------------------------
       text-format
---------------------------------------------------------------*/


.uppercase {
	text-transform:uppercase;
}

.bold {
	font-weight:900;
}


/*-------------------------------------------------------------
       colors
---------------------------------------------------------------*/

.black {
	color: #000;
}

.dark {
	color: #333;
}

.dark-light {
	color: #555;
}

.white {
	color: #fff;
}

.white-80 {
    color: rgba(255,255,255,0.8);
}

.white-light {
	color: #ccc;
}

.pink {
	color: #f06595;
}

.pink-ligth {
	color: #f06595;
}



/*-------------------------------------------------------------
        Frames
---------------------------------------------------------------*/

.frame-white {
	background-color:#fff;
	color:#333;
	padding-left:0.5em;
	padding-right:0.5em;
}



.frame-gray {
	background-color:#f8f9fa;
	padding-left:0.5em;
	padding-right:0.5em;
}

.frame-blue {
	background-color:#f8f9fa;
	padding-left:0.5em;
	padding-right:0.5em;
}

.frame-orange {
	background-color:#e77709;
	color:#fff;
	padding-left:0.5em;
	padding-right:0.5em;
}


.frame-pink {
	background-color:#f06595;
	color:#fff;
	padding-left:0.5em;
	padding-right:0.5em;
}

.frame-green {
	background-color:#12b886;
	color:#c3fae8 !important;
	padding-left:0.5em;
	padding-right:0.5em;
}

.bg-strip-gray {
    background: repeating-linear-gradient(135deg, rgba(33,37,41,0.05), rgba(33,37,41,0.05) 5px, rgba(0,0,0,0) 5px, rgba(0,0,0,0) 10px);
}

.bg-pink {
    background: #f06595;
}

.bg-green {
	background:#12b886
}

/*-------------------------------------------------------------
                   Line wait
---------------------------------------------------------------*/

.loader-line {
  height: 4px;
  width: 100%;
  position: relative;
  overflow: hidden;
  background-color: #fff;
}

.loader-line:before{
  display: block;
  position: absolute;
  content: "";
  left: -200px;
  width: 200px;
  height: 4px;
  background-color: #ccc;
  animation: loading_line 2s linear infinite;
}

@keyframes loading_line {
    from {left: -200px; width: 30%;}
    50% {width: 30%;}
    70% {width: 70%;}
    80% { left: 50%;}
    95% {left: 120%;}
    to {left: 100%;}
}


/*-------------------------------------------------------------
    User picture
---------------------------------------------------------------*/



.skill {
    height: 5px;
    position: absolute;
    width: 100%;
    top: 0px;
    display: none;
}


.upload .skill {
	display:block;
}

.upload .skill .expand {
    height: 5px;
    position: relative;
	background: #ff0a0a;
}

.upload .photo-tools {
	display:none;
}

.picture .skill.has-done {
    display: none !important;
}




.user-picture {
  max-width:200px; 	
   float: right;
}

.user-picture .picture {
    height: 250px;
    width: 200px;
    object-fit: cover;
	background-color:#eee;
}

.user-picture .picture  {
	position:relative
}




@media (max-width: 767px) { 

	.user-picture {
		float: left;
	}

}




/*---------------------------------------------------------------
	Give
---------------------------------------------------------------------*/


.ads {
    all: initial;
    display: block !important;
}

.give {
  padding-bottom: 1.5em;
}


.give .give-inner {
	text-align:center;
    line-height: 1.5;
 }


.give h3 {
	margin-bottom: 1.5em;
}

.give a > h4 {
	color: #e77709 !important;
    font-weight: 400;
	text-transform:uppercase;
}


.give .container {
  
}

.give .input-give {
	display: inline-block;
    position: relative;
    padding-bottom: 1em;
}

.give .input-cont {
	position:relative;
	display:inline-block;
    color: #f06595;
    line-height: 34px;
    height: 50px;
    padding: 0px;
    width: 80px;
	font-size:1.2em;
	background-color:#fff;
	border:0px;
    line-height: 50px;
	float: left;
    -ms-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    -moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

.give  .input-cont:before {
    content: "\f03a";
    display: inline;
    font-family: "Font Awesome 7 Pro";
    font-weight: 600;
    height: auto;
    margin-right: 5px;
    margin-top: 0;
    text-shadow: none;
    position: absolute;
    left: 7px;
    color: #f06595;
}

.give  .input-cont.euro:before {
	content: "\f153";	
}

.give  .input-cont.dollar:before {
	content: "\f155";	
}



.give input {
	background: transparent !important;
    border: 0px solid transparent !important;
    box-shadow: auto;
    padding: 0px;
    width: 100%;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 7px;
    line-height: 20px;
    height: 100%;
    text-align: right;
    padding-left: 20px;
}


.give .btn {
    line-height: 20px;
    background-color: #c32058;
    color: #ffffff;
    top: 0px;
    float: left;
    left: 79px;	
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
	
}


.give .btn:focus,
.give .btn:hover,
.give .btn:active {
    background-color: #fdd0df;
    color: #f06595;
}


.give .why {
	margin-top: 0.5em;
	text-transform:uppercase;
	display:block;
}


@media (max-width:480px) {
	.give {
	    padding-bottom: 0em;
		margin-left: -5px;
		margin-right: -5px;
	}
	
	.give h3 {
		margin-bottom: 0.5em;
		margin-top: 0.5em;
	}

	
	.give .input-give {
		padding-bottom: 0em;
	}
	
	.give .input-cont {
		width: 70px;
	}
}


/*---------------------------------------------------------------
	App
---------------------------------------------------------------------*/


.page-section.app {
	display:none;
    padding-top: 0px;
	padding-bottom: 1.5em;
	
}
.page-section.app .app-inner {
   background: #E9EBF0;
   padding: 2em;
   color: #fff;

}


.app-should .page-section.app {
	display:block;
}
.page-section.app .btn {
    background-color: #09e44c;
    color: #FFF;
    border: none;
}

.page-section.app .btn i  {
    font-size: 2rem;
	margin-right:10px;
}

@media (max-width:480px) {
	
	.page-section.app {
		padding-bottom: 0em;
		margin-left: -5px;
		margin-right: -5px;
	}
	
	.give h3 {
		margin-bottom: 0.5em;
		margin-top: 0.5em;
	}

	
	.give .input-give {
		padding-bottom: 0em;
	}
	
	.give .input-cont {
		width: 70px;
	}
}



/*---------------------------------------------------------------
	Directory tree
---------------------------------------------------------------------*/


.jstree-default .jstree-icon:empty {
    width: 0px !important;
    height: 0px !important;
}

.jstree-default .jstree-node, .jstree-default .jstree-icon {
    background-image: none;
}

.jstree-default .off {
   display:inline-block;
}

.jstree-default .on {
   display:none;
}

.jstree-open > a > span > .off {
   display:none ;
}

.jstree-open > a > span > .on {
   display:inline-block ;
}

.jstree-loading > a > span > .off,
.jstree-loading > a > span > .on {
   display:none !important;
}

.jstree  .loading {
   display:none;

}

.jstree-loading > a > span > .loading {
   display:inline-block ;

}


.jstree-default .type {
  padding-right:10px;
}

a.jstree-clicked {
	font-weight: 600;
    padding-left: 5px;
    padding-right: 5px;
    left: -5px;
    position: relative;
    outline: 0 none;
	text-decoration: none !important;
	-webkit-touch-callout: none !important;
    -webkit-user-select: none;
    border-bottom: 0px;
}


.rgba  .focused.was-show.menu-container .outer-container {
   background-color: rgba(12,151,54,1);
   box-shadow: 0.5px 0.866px 13px 0 rgba(0, 0, 0, 0.48);
}

.rgba  a.jstree-clicked {
    background-color: rgba(12,151,54,1);
   box-shadow: 0.5px 0.866px 13px 0 rgba(0, 0, 0, 0.48);
}

.no-rgba  a.jstree-clicked  {
      background-color: #0c9736;
}


.jstree  ul {
  list-style-type: none;
}

.jstree .jstree-hovered,
.jstree .jstree-hovered:focus,
.jstree .jstree-hovered:hover {
  outline: 0 none !important;
  text-decoration: none !important;
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  boder:0px !important;
  border-bottom: 0px;
  
}



.modal-dialog {
    max-height: 100vh;
    margin: 50px auto;
}


@media (max-width:480px) {

	.modal-dialog {
		margin: 25px auto;
	}

}

/*---------------------------------------------------------------
	Menu animation
---------------------------------------------------------------------*/

.menu.open .fa-lg {
	animation:spin-open 0.3s ease-in-out 0s  forwards;
  
}

.menu.closed .fa-lg {
	animation:spin-closed 0.3s ease-in-out 0s  forwards;
}

@keyframes spin-open { 100% { -webkit-transform: rotate(90deg); transform:rotate(90deg); } }

@keyframes spin-closed { 
	0% { -webkit-transform: rotate(90deg); transform:rotate(90deg); } 
	100% { -webkit-transform: rotate(0deg); transform:rotate(0deg); } 
}



.site_image_inner .shadow {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
	background-color: rgba(0, 0, 0, 0.3);
}

.site_image_inner .shadow_dark {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
	background-color: rgba(0, 0, 0, 0.5);
}


/*---------------------------------------------------------------
	Application
---------------------------------------------------------------------*/

.qrcode-frame {
	width: 300px;
    left: -300px;
    height: 330px;
	z-index: 1001;
    bottom: 0px;
	top:inherit;
	padding-right: 0px;	
	background-color:#333;
}

.qrcode-frame  .layer-frame-container {
	background-color:#333;
}

.qrcode-frame .uuid {
	color: #fff;
    font-size: 0.80em;
    text-transform: uppercase;
	margin-bottom: 10px;
	text-align: center;
}


.qrcode-frame a {
	position:relative;
	display:block;
	cursor:default;
}


.qrcode-frame a,
.qrcode-frame .qrcode {
	width: 250px !important;
    height: 250px !important;
}

.qrcode-frame .qrcode {

}

.qrcode-frame .layer-frame-container {
    padding: 20px;
}

.qrcode-frame .cmd-close {
	display:none;
}

.qrcode-frame .loader {
	background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}



/*---------------------------------------------------------------
	Dialog frame show mode
---------------------------------------------------------------------*/


.show-bottom2top {
	bottom:-100%;
	transition: bottom 0.4s ease-out;
}

.in .show-bottom2top {
	bottom: 0%
}


.show-right {
	right:-100%;
	transition: right 0.4s ease-out;
}

.in .show-right {
	right: 0%
}

/*---------------------------------------------------------------
	Tachyon.io improve
---------------------------------------------------------------------*/




.gap-0 { gap: 0; }
.gap-1 { gap: .25rem; }
.gap-2 { gap: .5rem; }
.gap-3 { gap: 1rem; }
.gap-4 { gap: 2rem; }
.gap-5 { gap: 4rem; }
.gap-6 { gap: 8rem; }
.gap-7 { gap: 16rem; }

.no-flexbox-gap .gap-1 { 
	margin-right: -0.25rem;
	margin-left: -0.25rem;
	margin-top: -0.25rem;
	margin-bottom: -0.25rem;
}

.no-flexbox-gap .gap-1 > * { 
/* Chaque enfant porte sa part du gap */
  padding-right: 0.25rem;
  padding-left: 0.25rem;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
  /* On s'assure que la largeur (ex: w-50) inclut le padding */
  box-sizing: border-box;
  box-sizing: border-box;
}


.no-flexbox-gap .gap-2 { 
	margin-right: -0.50rem;
	margin-left: -0.50rem;
	margin-top: -0.50rem;
	margin-bottom: -0.50rem;
}

.no-flexbox-gap .gap-2 > * { 
/* Chaque enfant porte sa part du gap */
  padding-right: 0.50rem;
  padding-left: 0.50rem;
  padding-bottom: 0.50rem;
  padding-top: 0.50rem;
  /* On s'assure que la largeur (ex: w-50) inclut le padding */
  box-sizing: border-box;
  box-sizing: border-box;
}


/*
.g0 { gap: 0; }
.g1 { gap: .25rem; }
.g2 { gap: .5rem; }
.g3 { gap: 1rem; }
.g4 { gap: 2rem; }
.g5 { gap: 4rem; }
.g6 { gap: 8rem; }
.g7 { gap: 16rem; }
*/

.bg-gradient-v {
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.9) 100%);
}


.g1 { 
	margin-right: -0.25rem;
	margin-left: -0.25rem;
	margin-top: -0.25rem;
	margin-bottom: -0.25rem;
}


.g1 > * { 
/* Chaque enfant porte sa part du gap */
  padding-right: 0.25rem;
  padding-left: 0.25rem;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
  /* On s'assure que la largeur (ex: w-50) inclut le padding */
  box-sizing: border-box;
  box-sizing: border-box;
}

.g2 { 
	margin-right: -0.5rem;
	margin-left: -0.5rem;
	margin-top: -0.5rem;
	margin-bottom: -0.5rem;
}


.g2 > * { 
/* Chaque enfant porte sa part du gap */
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  /* On s'assure que la largeur (ex: w-50) inclut le padding */
  box-sizing: border-box;
  box-sizing: border-box;
}

.g3 { 
	margin-right: -1rem;
	margin-left: -1rem;
	margin-top: -1rem;
	margin-bottom: -1rem;
}


.g3 > * { 
/* Chaque enfant porte sa part du gap */
  padding-right: 1rem;
  padding-left: 1rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
  /* On s'assure que la largeur (ex: w-50) inclut le padding */
  box-sizing: border-box;
  box-sizing: border-box;
}



.g4 { 
	margin-right: -2rem;
	margin-left: -2rem;
	margin-top: -2rem;
	margin-bottom: -2rem;
}


.g4 > * { 
/* Chaque enfant porte sa part du gap */
  padding-right: 2rem;
  padding-left: 2rem;
  padding-bottom: 2rem;
  padding-top: 2rem;
  /* On s'assure que la largeur (ex: w-50) inclut le padding */
  box-sizing: border-box;
  box-sizing: border-box;
}

.g5 { 
	margin-right: -4rem;
	margin-left: -4rem;
	margin-top: -4rem;
	margin-bottom: -4rem;
}


.g5 > * { 
/* Chaque enfant porte sa part du gap */
  padding-right: 4rem;
  padding-left: 4rem;
  padding-bottom: 4rem;
  padding-top: 4rem;
  /* On s'assure que la largeur (ex: w-50) inclut le padding */
  box-sizing: border-box;
  box-sizing: border-box;
}

/* NS */
@media screen and (min-width: 40em) {
		
	.g1-ns { 
		margin-right: -0.25rem;
		margin-left: -0.25rem;
		margin-top: -0.25rem;
		margin-bottom: -0.25rem;
	}


	.g1-ns > * { 
	/* Chaque enfant porte sa part du gap */
	  padding-right: 0.25rem;
	  padding-left: 0.25rem;
	  padding-bottom: 0.25rem;
	  padding-top: 0.25rem;
	  /* On s'assure que la largeur (ex: w-50) inclut le padding */
	  box-sizing: border-box;
	  box-sizing: border-box;
	}

	.g2-ns { 
		margin-right: -0.5rem;
		margin-left: -0.5rem;
		margin-top: -0.5rem;
		margin-bottom: -0.5rem;
	}


	.g2-ns > * { 
	/* Chaque enfant porte sa part du gap */
	  padding-right: 0.5rem;
	  padding-left: 0.5rem;
	  padding-bottom: 0.5rem;
	  padding-top: 0.5rem;
	  /* On s'assure que la largeur (ex: w-50) inclut le padding */
	  box-sizing: border-box;
	  box-sizing: border-box;
	}

	.g3-ns { 
		margin-right: -1rem;
		margin-left: -1rem;
		margin-top: -1rem;
		margin-bottom: -1rem;
	}


	.g3-ns > * { 
	/* Chaque enfant porte sa part du gap */
	  padding-right: 1rem;
	  padding-left: 1rem;
	  padding-bottom: 1rem;
	  padding-top: 1rem;
	  /* On s'assure que la largeur (ex: w-50) inclut le padding */
	  box-sizing: border-box;
	  box-sizing: border-box;
	}



	.g4-ns { 
		margin-right: -2rem;
		margin-left: -2rem;
		margin-top: -2rem;
		margin-bottom: -2rem;
	}


	.g4-ns > * { 
	/* Chaque enfant porte sa part du gap */
	  padding-right: 2rem;
	  padding-left: 2rem;
	  padding-bottom: 2rem;
	  padding-top: 2rem;
	  /* On s'assure que la largeur (ex: w-50) inclut le padding */
	  box-sizing: border-box;
	  box-sizing: border-box;
	}

	.g5-ns { 
		margin-right: -4rem;
		margin-left: -4rem;
		margin-top: -4rem;
		margin-bottom: -4rem;
	}


	.g5-ns > * { 
	/* Chaque enfant porte sa part du gap */
	  padding-right: 4rem;
	  padding-left: 4rem;
	  padding-bottom: 4rem;
	  padding-top: 4rem;
	  /* On s'assure que la largeur (ex: w-50) inclut le padding */
	  box-sizing: border-box;
	  box-sizing: border-box;
	}
		
}

/* m */
@media screen and (min-width: 33em) and (max-width: 1200px) {
	.g1-m { 
		margin-right: -0.25rem;
		margin-left: -0.25rem;
		margin-top: -0.25rem;
		margin-bottom: -0.25rem;
	}


	.g1-m > * { 
	/* Chaque enfant porte sa part du gap */
	  padding-right: 0.25rem;
	  padding-left: 0.25rem;
	  padding-bottom: 0.25rem;
	  padding-top: 0.25rem;
	  /* On s'assure que la largeur (ex: w-50) inclut le padding */
	  box-sizing: border-box;
	  box-sizing: border-box;
	}

	.g2-m { 
		margin-right: -0.5rem;
		margin-left: -0.5rem;
		margin-top: -0.5rem;
		margin-bottom: -0.5rem;
	}


	.g2-m > * { 
	/* Chaque enfant porte sa part du gap */
	  padding-right: 0.5rem;
	  padding-left: 0.5rem;
	  padding-bottom: 0.5rem;
	  padding-top: 0.5rem;
	  /* On s'assure que la largeur (ex: w-50) inclut le padding */
	  box-sizing: border-box;
	  box-sizing: border-box;
	}

	.g3-m { 
		margin-right: -1rem;
		margin-left: -1rem;
		margin-top: -1rem;
		margin-bottom: -1rem;
	}


	.g3-m > * { 
	/* Chaque enfant porte sa part du gap */
	  padding-right: 1rem;
	  padding-left: 1rem;
	  padding-bottom: 1rem;
	  padding-top: 1rem;
	  /* On s'assure que la largeur (ex: w-50) inclut le padding */
	  box-sizing: border-box;
	  box-sizing: border-box;
	}



	.g4-m { 
		margin-right: -2rem;
		margin-left: -2rem;
		margin-top: -2rem;
		margin-bottom: -2rem;
	}


	.g4-m > * { 
	/* Chaque enfant porte sa part du gap */
	  padding-right: 2rem;
	  padding-left: 2rem;
	  padding-bottom: 2rem;
	  padding-top: 2rem;
	  /* On s'assure que la largeur (ex: w-50) inclut le padding */
	  box-sizing: border-box;
	  box-sizing: border-box;
	}

	.g5-m { 
		margin-right: -4rem;
		margin-left: -4rem;
		margin-top: -4rem;
		margin-bottom: -4rem;
	}


	.g5-m > * { 
	/* Chaque enfant porte sa part du gap */
	  padding-right: 4rem;
	  padding-left: 4rem;
	  padding-bottom: 4rem;
	  padding-top: 4rem;
	  /* On s'assure que la largeur (ex: w-50) inclut le padding */
	  box-sizing: border-box;
	  box-sizing: border-box;
	}
}

/* L */
@media screen and (min-width: 1200px) {
	.g1-l { 
		margin-right: -0.25rem;
		margin-left: -0.25rem;
		margin-top: -0.25rem;
		margin-bottom: -0.25rem;
	}


	.g1-l > * { 
	/* Chaque enfant porte sa part du gap */
	  padding-right: 0.25rem;
	  padding-left: 0.25rem;
	  padding-bottom: 0.25rem;
	  padding-top: 0.25rem;
	  /* On s'assure que la largeur (ex: w-50) inclut le padding */
	  box-sizing: border-box;
	  box-sizing: border-box;
	}

	.g2-l { 
		margin-right: -0.5rem;
		margin-left: -0.5rem;
		margin-top: -0.5rem;
		margin-bottom: -0.5rem;
	}


	.g2-l > * { 
	/* Chaque enfant porte sa part du gap */
	  padding-right: 0.5rem;
	  padding-left: 0.5rem;
	  padding-bottom: 0.5rem;
	  padding-top: 0.5rem;
	  /* On s'assure que la largeur (ex: w-50) inclut le padding */
	  box-sizing: border-box;
	  box-sizing: border-box;
	}

	.g3-l { 
		margin-right: -1rem;
		margin-left: -1rem;
		margin-top: -1rem;
		margin-bottom: -1rem;
	}


	.g3-l > * { 
	/* Chaque enfant porte sa part du gap */
	  padding-right: 1rem;
	  padding-left: 1rem;
	  padding-bottom: 1rem;
	  padding-top: 1rem;
	  /* On s'assure que la largeur (ex: w-50) inclut le padding */
	  box-sizing: border-box;
	  box-sizing: border-box;
	}



	.g4-l { 
		margin-right: -2rem;
		margin-left: -2rem;
		margin-top: -2rem;
		margin-bottom: -2rem;
	}


	.g4-l > * { 
	/* Chaque enfant porte sa part du gap */
	  padding-right: 2rem;
	  padding-left: 2rem;
	  padding-bottom: 2rem;
	  padding-top: 2rem;
	  /* On s'assure que la largeur (ex: w-50) inclut le padding */
	  box-sizing: border-box;
	  box-sizing: border-box;
	}

	.g5-l { 
		margin-right: -4rem;
		margin-left: -4rem;
		margin-top: -4rem;
		margin-bottom: -4rem;
	}


	.g5-l > * { 
	/* Chaque enfant porte sa part du gap */
	  padding-right: 4rem;
	  padding-left: 4rem;
	  padding-bottom: 4rem;
	  padding-top: 4rem;
	  /* On s'assure que la largeur (ex: w-50) inclut le padding */
	  box-sizing: border-box;
	  box-sizing: border-box;
	}

}

.user-select-none {
  -webkit-user-select: none; /* Safari */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;          /* Standard */
}

		
.f2-5 { font-size: 2.0rem; }
	

.bw2-5 { border-width: .35rem; }

.pointer-none { pointer-events: none; }
.pointer-auto { pointer-events: auto; }


.transition-all { transition: all .3s ease-in; }
.transition-bgcolor {  transition: background-color .3s ease-in-out;}

.shadow-4-blue,
.hover-shadow-4-blue:hover,
.hover-shadow-4-blue:focus {
    box-shadow: 2px 2px 8px 0 #0089bc;
}

.shadow-4-red,
.hover-shadow-4-red:hover,
.hover-shadow-4-red:focus {
    box-shadow: 2px 2px 8px 0 #bc0000;
}


.focus-parent-blue:focus-within {
  border-color: #0089bc;
}

.ta-container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}




.ta-container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.ta-row {
  margin-right: -15px;
  margin-left: -15px;
}
.ta-col-xs-1, .ta-col-sm-1, .ta-col-md-1, .ta-col-lg-1, .ta-col-xs-2, .ta-col-sm-2, .ta-col-md-2, .ta-col-lg-2, .ta-col-xs-3, .ta-col-sm-3, .ta-col-md-3, .ta-col-lg-3, .ta-col-xs-4, .ta-col-sm-4, .ta-col-md-4, .ta-col-lg-4, .ta-col-xs-5, .ta-col-sm-5, .ta-col-md-5, .ta-col-lg-5, .ta-col-xs-6, .ta-col-sm-6, .ta-col-md-6, .ta-col-lg-6, .ta-col-xs-7, .ta-col-sm-7, .ta-col-md-7, .ta-col-lg-7, .ta-col-xs-8, .ta-col-sm-8, .ta-col-md-8, .ta-col-lg-8, .ta-col-xs-9, .ta-col-sm-9, .ta-col-md-9, .ta-col-lg-9, .ta-col-xs-10, .ta-col-sm-10, .ta-col-md-10, .ta-col-lg-10, .ta-col-xs-11, .ta-col-sm-11, .ta-col-md-11, .ta-col-lg-11, .ta-col-xs-12, .ta-col-sm-12, .ta-col-md-12, .ta-col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.ta-col-xs-1, .ta-col-xs-2, .ta-col-xs-3, .ta-col-xs-4, .ta-col-xs-5, .ta-col-xs-6, .ta-col-xs-7, .ta-col-xs-8, .ta-col-xs-9, .ta-col-xs-10, .ta-col-xs-11, .ta-col-xs-12 {
  float: left;
}
.ta-col-xs-12 {
  width: 100%;
}
.ta-col-xs-11 {
  width: 91.66666667%;
}
.ta-col-xs-10 {
  width: 83.33333333%;
}
.ta-col-xs-9 {
  width: 75%;
}
.ta-col-xs-8 {
  width: 66.66666667%;
}
.ta-col-xs-7 {
  width: 58.33333333%;
}
.ta-col-xs-6 {
  width: 50%;
}
.ta-col-xs-5 {
  width: 41.66666667%;
}
.ta-col-xs-4 {
  width: 33.33333333%;
}
.ta-col-xs-3 {
  width: 25%;
}
.ta-col-xs-2 {
  width: 16.66666667%;
}
.ta-col-xs-1 {
  width: 8.33333333%;
}
.ta-col-xs-pull-12 {
  right: 100%;
}
.ta-col-xs-pull-11 {
  right: 91.66666667%;
}
.ta-col-xs-pull-10 {
  right: 83.33333333%;
}
.ta-col-xs-pull-9 {
  right: 75%;
}
.ta-col-xs-pull-8 {
  right: 66.66666667%;
}
.ta-col-xs-pull-7 {
  right: 58.33333333%;
}
.ta-col-xs-pull-6 {
  right: 50%;
}
.ta-col-xs-pull-5 {
  right: 41.66666667%;
}
.ta-col-xs-pull-4 {
  right: 33.33333333%;
}
.ta-col-xs-pull-3 {
  right: 25%;
}
.ta-col-xs-pull-2 {
  right: 16.66666667%;
}
.ta-col-xs-pull-1 {
  right: 8.33333333%;
}
.ta-col-xs-pull-0 {
  right: 0;
}
.ta-col-xs-push-12 {
  left: 100%;
}
.ta-col-xs-push-11 {
  left: 91.66666667%;
}
.ta-col-xs-push-10 {
  left: 83.33333333%;
}
.ta-col-xs-push-9 {
  left: 75%;
}
.ta-col-xs-push-8 {
  left: 66.66666667%;
}
.ta-col-xs-push-7 {
  left: 58.33333333%;
}
.ta-col-xs-push-6 {
  left: 50%;
}
.ta-col-xs-push-5 {
  left: 41.66666667%;
}
.ta-col-xs-push-4 {
  left: 33.33333333%;
}
.ta-col-xs-push-3 {
  left: 25%;
}
.ta-col-xs-push-2 {
  left: 16.66666667%;
}
.ta-col-xs-push-1 {
  left: 8.33333333%;
}
.ta-col-xs-push-0 {
  left: 0;
}
.ta-col-xs-offset-12 {
  margin-left: 100%;
}
.ta-col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.ta-col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.ta-col-xs-offset-9 {
  margin-left: 75%;
}
.ta-col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.ta-col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.ta-col-xs-offset-6 {
  margin-left: 50%;
}
.ta-col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.ta-col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.ta-col-xs-offset-3 {
  margin-left: 25%;
}
.ta-col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.ta-col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.ta-col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .ta-col-sm-1, .ta-col-sm-2, .ta-col-sm-3, .ta-col-sm-4, .ta-col-sm-5, .ta-col-sm-6, .ta-col-sm-7, .ta-col-sm-8, .ta-col-sm-9, .ta-col-sm-10, .ta-col-sm-11, .ta-col-sm-12 {
    float: left;
  }
  .ta-col-sm-12 {
    width: 100%;
  }
  .ta-col-sm-11 {
    width: 91.66666667%;
  }
  .ta-col-sm-10 {
    width: 83.33333333%;
  }
  .ta-col-sm-9 {
    width: 75%;
  }
  .ta-col-sm-8 {
    width: 66.66666667%;
  }
  .ta-col-sm-7 {
    width: 58.33333333%;
  }
  .ta-col-sm-6 {
    width: 50%;
  }
  .ta-col-sm-5 {
    width: 41.66666667%;
  }
  .ta-col-sm-4 {
    width: 33.33333333%;
  }
  .ta-col-sm-3 {
    width: 25%;
  }
  .ta-col-sm-2 {
    width: 16.66666667%;
  }
  .ta-col-sm-1 {
    width: 8.33333333%;
  }
  .ta-col-sm-pull-12 {
    right: 100%;
  }
  .ta-col-sm-pull-11 {
    right: 91.66666667%;
  }
  .ta-col-sm-pull-10 {
    right: 83.33333333%;
  }
  .ta-col-sm-pull-9 {
    right: 75%;
  }
  .ta-col-sm-pull-8 {
    right: 66.66666667%;
  }
  .ta-col-sm-pull-7 {
    right: 58.33333333%;
  }
  .ta-col-sm-pull-6 {
    right: 50%;
  }
  .ta-col-sm-pull-5 {
    right: 41.66666667%;
  }
  .ta-col-sm-pull-4 {
    right: 33.33333333%;
  }
  .ta-col-sm-pull-3 {
    right: 25%;
  }
  .ta-col-sm-pull-2 {
    right: 16.66666667%;
  }
  .ta-col-sm-pull-1 {
    right: 8.33333333%;
  }
  .ta-col-sm-pull-0 {
    right: 0;
  }
  .ta-col-sm-push-12 {
    left: 100%;
  }
  .ta-col-sm-push-11 {
    left: 91.66666667%;
  }
  .ta-col-sm-push-10 {
    left: 83.33333333%;
  }
  .ta-col-sm-push-9 {
    left: 75%;
  }
  .ta-col-sm-push-8 {
    left: 66.66666667%;
  }
  .ta-col-sm-push-7 {
    left: 58.33333333%;
  }
  .ta-col-sm-push-6 {
    left: 50%;
  }
  .ta-col-sm-push-5 {
    left: 41.66666667%;
  }
  .ta-col-sm-push-4 {
    left: 33.33333333%;
  }
  .ta-col-sm-push-3 {
    left: 25%;
  }
  .ta-col-sm-push-2 {
    left: 16.66666667%;
  }
  .ta-col-sm-push-1 {
    left: 8.33333333%;
  }
  .ta-col-sm-push-0 {
    left: 0;
  }
  .ta-col-sm-offset-12 {
    margin-left: 100%;
  }
  .ta-col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .ta-col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .ta-col-sm-offset-9 {
    margin-left: 75%;
  }
  .ta-col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .ta-col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .ta-col-sm-offset-6 {
    margin-left: 50%;
  }
  .ta-col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .ta-col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .ta-col-sm-offset-3 {
    margin-left: 25%;
  }
  .ta-col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .ta-col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .ta-col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .ta-col-md-1, .ta-col-md-2, .ta-col-md-3, .ta-col-md-4, .ta-col-md-5, .ta-col-md-6, .ta-col-md-7, .ta-col-md-8, .ta-col-md-9, .ta-col-md-10, .ta-col-md-11, .ta-col-md-12 {
    float: left;
  }
  .ta-col-md-12 {
    width: 100%;
  }
  .ta-col-md-11 {
    width: 91.66666667%;
  }
  .ta-col-md-10 {
    width: 83.33333333%;
  }
  .ta-col-md-9 {
    width: 75%;
  }
  .ta-col-md-8 {
    width: 66.66666667%;
  }
  .ta-col-md-7 {
    width: 58.33333333%;
  }
  .ta-col-md-6 {
    width: 50%;
  }
  .ta-col-md-5 {
    width: 41.66666667%;
  }
  .ta-col-md-4 {
    width: 33.33333333%;
  }
  .ta-col-md-3 {
    width: 25%;
  }
  .ta-col-md-2 {
    width: 16.66666667%;
  }
  .ta-col-md-1 {
    width: 8.33333333%;
  }
  .ta-col-md-pull-12 {
    right: 100%;
  }
  .ta-col-md-pull-11 {
    right: 91.66666667%;
  }
  .ta-col-md-pull-10 {
    right: 83.33333333%;
  }
  .ta-col-md-pull-9 {
    right: 75%;
  }
  .ta-col-md-pull-8 {
    right: 66.66666667%;
  }
  .ta-col-md-pull-7 {
    right: 58.33333333%;
  }
  .ta-col-md-pull-6 {
    right: 50%;
  }
  .ta-col-md-pull-5 {
    right: 41.66666667%;
  }
  .ta-col-md-pull-4 {
    right: 33.33333333%;
  }
  .ta-col-md-pull-3 {
    right: 25%;
  }
  .ta-col-md-pull-2 {
    right: 16.66666667%;
  }
  .ta-col-md-pull-1 {
    right: 8.33333333%;
  }
  .ta-col-md-pull-0 {
    right: 0;
  }
  .ta-col-md-push-12 {
    left: 100%;
  }
  .ta-col-md-push-11 {
    left: 91.66666667%;
  }
  .ta-col-md-push-10 {
    left: 83.33333333%;
  }
  .ta-col-md-push-9 {
    left: 75%;
  }
  .ta-col-md-push-8 {
    left: 66.66666667%;
  }
  .ta-col-md-push-7 {
    left: 58.33333333%;
  }
  .ta-col-md-push-6 {
    left: 50%;
  }
  .ta-col-md-push-5 {
    left: 41.66666667%;
  }
  .ta-col-md-push-4 {
    left: 33.33333333%;
  }
  .ta-col-md-push-3 {
    left: 25%;
  }
  .ta-col-md-push-2 {
    left: 16.66666667%;
  }
  .ta-col-md-push-1 {
    left: 8.33333333%;
  }
  .ta-col-md-push-0 {
    left: 0;
  }
  .ta-col-md-offset-12 {
    margin-left: 100%;
  }
  .ta-col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .ta-col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .ta-col-md-offset-9 {
    margin-left: 75%;
  }
  .ta-col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .ta-col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .ta-col-md-offset-6 {
    margin-left: 50%;
  }
  .ta-col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .ta-col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .ta-col-md-offset-3 {
    margin-left: 25%;
  }
  .ta-col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .ta-col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .ta-col-md-offset-0 {
    margin-left: 0;
  }
}




@media (max-width: 480px) {

		
	/***
		Edge size
	***/
	.ta-row {
		margin-right: -5px;
		margin-left: -5px;
	}
	
	.ta-container {
		padding-right: 5px;
		padding-left: 5px;
	}
	
	
	.ta-col-xs-1, .ta-col-sm-1, .ta-col-md-1, .ta-col-lg-1, .ta-col-ms-1, 
	.ta-col-xs-2, .ta-col-sm-2, .ta-col-md-2, .ta-col-lg-2, .ta-col-ms-2,
	.ta-col-xs-3, .ta-col-sm-3, .ta-col-md-3, .ta-col-lg-3, .ta-col-ms-3,
	.ta-col-xs-4, .ta-col-sm-4, .ta-col-md-4, .ta-col-lg-4, .ta-col-ms-4,
	.ta-col-xs-5, .ta-col-sm-5, .ta-col-md-5, .ta-col-lg-5, .ta-col-ms-5,
	.ta-col-xs-6, .ta-col-sm-6, .ta-col-md-6, .ta-col-lg-6, .ta-col-ms-6,
	.ta-col-xs-7, .ta-col-sm-7, .ta-col-md-7, .ta-col-lg-7, .ta-col-ms-7,
	.ta-col-xs-8, .ta-col-sm-8, .ta-col-md-8, .ta-col-lg-8, .ta-col-ms-8,
	.ta-col-xs-9, .ta-col-sm-9, .ta-col-md-9, .ta-col-lg-9, .ta-col-ms-9,
	.ta-col-xs-10, .ta-col-sm-10, .ta-col-md-10, .ta-col-lg-10, .ta-col-ms-10,
	.ta-col-xs-11, .ta-col-sm-11, .ta-col-md-11, .ta-col-lg-11, .ta-col-ms-11,
	.ta-col-xs-12, .ta-col-sm-12, .ta-col-md-12, .ta-col-lg-12, .ta-col-ms-12 {
		padding-right: 5px;
		padding-left: 5px;
	}
	
}	


@media (min-width: 768px) {
  .ta-container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .ta-container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .ta-container {
    width: 90%;
  }
}


@media (min-width: 1440px) {
  .ta-container {
    width: 1440px;
  }
}

@media (min-width: 1848px) {
  .ta-container {
    width: 1640px;
  }
}



@media (min-width: 1200px) {
  .ta-col-lg-1, .ta-col-lg-2, .ta-col-lg-3, .ta-col-lg-4, .ta-col-lg-5, .ta-col-lg-6, .ta-col-lg-7, .ta-col-lg-8, .ta-col-lg-9, .ta-col-lg-10, .ta-col-lg-11, .ta-col-lg-12 {
    float: left;
  }
  .ta-col-lg-12 {
    width: 100%;
  }
  .ta-col-lg-11 {
    width: 91.66666667%;
  }
  .ta-col-lg-10 {
    width: 83.33333333%;
  }
  .ta-col-lg-9 {
    width: 75%;
  }
  .ta-col-lg-8 {
    width: 66.66666667%;
  }
  .ta-col-lg-7 {
    width: 58.33333333%;
  }
  .ta-col-lg-6 {
    width: 50%;
  }
  .ta-col-lg-5 {
    width: 41.66666667%;
  }
  .ta-col-lg-4 {
    width: 33.33333333%;
  }
  .ta-col-lg-3 {
    width: 25%;
  }
  .ta-col-lg-2 {
    width: 16.66666667%;
  }
  .ta-col-lg-1 {
    width: 8.33333333%;
  }
  .ta-col-lg-pull-12 {
    right: 100%;
  }
  .ta-col-lg-pull-11 {
    right: 91.66666667%;
  }
  .ta-col-lg-pull-10 {
    right: 83.33333333%;
  }
  .ta-col-lg-pull-9 {
    right: 75%;
  }
  .ta-col-lg-pull-8 {
    right: 66.66666667%;
  }
  .ta-col-lg-pull-7 {
    right: 58.33333333%;
  }
  .ta-col-lg-pull-6 {
    right: 50%;
  }
  .ta-col-lg-pull-5 {
    right: 41.66666667%;
  }
  .ta-col-lg-pull-4 {
    right: 33.33333333%;
  }
  .ta-col-lg-pull-3 {
    right: 25%;
  }
  .ta-col-lg-pull-2 {
    right: 16.66666667%;
  }
  .ta-col-lg-pull-1 {
    right: 8.33333333%;
  }
  .ta-col-lg-pull-0 {
    right: 0;
  }
  .ta-col-lg-push-12 {
    left: 100%;
  }
  .ta-col-lg-push-11 {
    left: 91.66666667%;
  }
  .ta-col-lg-push-10 {
    left: 83.33333333%;
  }
  .ta-col-lg-push-9 {
    left: 75%;
  }
  .ta-col-lg-push-8 {
    left: 66.66666667%;
  }
  .ta-col-lg-push-7 {
    left: 58.33333333%;
  }
  .ta-col-lg-push-6 {
    left: 50%;
  }
  .ta-col-lg-push-5 {
    left: 41.66666667%;
  }
  .ta-col-lg-push-4 {
    left: 33.33333333%;
  }
  .ta-col-lg-push-3 {
    left: 25%;
  }
  .ta-col-lg-push-2 {
    left: 16.66666667%;
  }
  .ta-col-lg-push-1 {
    left: 8.33333333%;
  }
  .ta-col-lg-push-0 {
    left: 0;
  }
  .ta-col-lg-offset-12 {
    margin-left: 100%;
  }
  .ta-col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .ta-col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .ta-col-lg-offset-9 {
    margin-left: 75%;
  }
  .ta-col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .ta-col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .ta-col-lg-offset-6 {
    margin-left: 50%;
  }
  .ta-col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .ta-col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .ta-col-lg-offset-3 {
    margin-left: 25%;
  }
  .ta-col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .ta-col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .ta-col-lg-offset-0 {
    margin-left: 0;
  }
}



.ta-row:before,
.ta-row:after {
  display: table;
  content: "";
}

.ta-row:after {
  clear: both;
}



/* Le trait rouge sous l'onglet actif */
 .js-tab-trigger.active {
    border-bottom: 8px solid #9c27b0; /* "red" dans la palette Tachyons */
    margin-bottom: -1px; /* Pour que le trait rouge recouvre la bordure grise du <ul> */
 }
  
  /* Transition optionnelle pour la douceur */
 .js-tab-trigger {
     transition: all 0.3s ease-in-out; 
	 border-bottom: 8px solid transparent;
  }

/*-------------------------------------------------------------

               bureau

---------------------------------------------------------------*/

.buro-container {
   margin-left: -1em;
   margin-right: -1em;
}

.buro {
  width:330px;
  margin-left: 1em;
  margin-right: 1em;
}

.buro-spacer {
	width:330px;
	margin-left: 1em;
	margin-right: 1em;
}

 .buro .image {
   width:100%;
   height:200px;
   background-color: #ddd;
}

.buro .image > div {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
} 


/*-------------------------------------------------------------

               bureau

---------------------------------------------------------------*/

.fake-hidden {
  display:none;
  height: 0 !important;
  visibility: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden;
}


.no-scrollbar {
    /* Pour Firefox */
    scrollbar-width: none;
    
    /* Pour Internet Explorer et Edge */
    -ms-overflow-style: none;
    
    /* Pour Chrome, Safari et Opera */
    overflow-y: scroll; /* On garde le scroll vertical */
}

.no-scrollbar::-webkit-scrollbar {
    display: none; /* Cache la barre sur Chrome/Safari */
}

.overflow-y-scroll::-webkit-scrollbar {
  width: 6px;
}

.overflow-y-scroll::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.2);
  border-radius: 10px;

}

.shadow-red {
    box-shadow: 2px 2px 8px 0 rgb(252 42 42 / 25%);
}


.sidebar-slide {
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}

/* État caché sur mobile */
.sidebar-hidden {
  max-width: 0;
  opacity: 0;
  margin-left: 0;
}

/* État affiché sur large screen (l) */
@media screen and (min-width: 1200px) {
  .sidebar-visible-l {
    max-width: 64rem; /* Ajuste selon ton besoin */
    opacity: 1;
  }
}

.w-7j {
	width: 14.28%;
}

.selected-outline {
    outline: 3px solid #ff000e;
}

.selected-blue {
    outline: 3px solid #357edd;
}

.br-round,
.br-2r {
	border-radius: 40px 40px 40px 40px;
}


.br-round--left {
	border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
}


.updown {

  max-height: 100%;
  scroll-margin-top: 20px;
  scroll-margin-bottom: 20px;
}

.updown.closed {
  max-height: 0;
  margin-top: 0;
}

.turn-animation i {
	display: inline-block;
    transition: transform 0.3s ease-in-out;
    transform: rotate(0deg);
}

.open.turn-animation i,
.open .turn-animation i {
	transform: rotate(180deg);
}


.down-animation i {
	display: inline-block;
    transition: transform 0.3s ease-in-out;
    transform: rotate(0deg);
}

.open.down-animation i,
.open .down-animation i {
	transform: rotate(-90deg);
}


.round-switch {
	
}

.round-switch .switch {
	left:0px;
	transition: all 0.2s ease;
}

.round-switch .switch .checkmark {
	opacity: 0;
}

.round-switch.checked .switch {
	left: 100%;
	transform: translateX(-100%);
}

.round-switch.checked .switch .checkmark {
	opacity: 1 !important;
}


.alert {
	margin-top:2rem;
	margin-bottom:2rem;
}

/* .note { */
	/* margin-top:2rem; */
	/* margin-bottom:2rem; */
/* } */


.alert-form-error p {
    margin-bottom: 0;
    margin-block-end: 0;
    margin-block-start: 0;
}


.form .alert {
	margin-bottom:0rem;
}

.main-search-button {
		
}

.onglet > li {
	opacity: 70%;
}

.onglet:hover > li {
	opacity: 100%;
}

.onglet > li.active {
	opacity: 100%;
}

.blue {
    color: #0089bc;
}

.bg-blue {
    background-color: #0089bc;
}

.b--blue { border-color: #0089bc; }

.bg-transparent {
    background-color: transparent;
}


/* Fake watermark pour input sur div */
.editable-div {
  
}

.editable-div:empty:before {
    content: attr(data-placeholder); /* On récupère le texte de l'attribut */
    color: #999; /* Couleur grise typique d'un placeholder */
    cursor: text;
}

/* Optionnel : cacher le placeholder dès qu'on clique dedans (focus) */

.editable-div:focus:before {
    content: "";
}


.items .editable-div:before {
    content: "";
}


.sortable .drag-item {
    cursor: pointer;
}


.sortable-drag  {
    cursor: grabbing !important;
}

.sortable-ghost {
    cursor: grabbing !important;
}

.edit .sortable .handle {
    cursor: grab;
}


.drag-item {
    user-select: none; /* Empêche la sélection de texte bleue pendant le drag */
    -webkit-user-select: none;
}

.ml-1px {
	margin-left:1px;
}


.slide-in-scroll {
    transform: translateY(100vh); /* Commence 30px plus bas */
}


.in .slide-in-scroll {
    transform: translateY(0);    /* Finit à sa position normale */
}

.in .slide-in-scroll {
    transform: translateY(0);    /* Finit à sa position normale */
}

.overflow-visible-force {
    overflow: visible !important;
}




/*-------------------------------------------------------------

               Custom box and shadow

---------------------------------------------------------------*/
.bg-light-white {
	background-color:#fafafa;
}

.bg-lightest-gray {
	background-color:#f0f1f3;
}



.box-bg-yellow {
 background-color: #ffd43b;
}

.box-bg-yellow-shadow {
 border-style: solid;
 border-width: 0px;
 border-bottom-width: 5px; 
 border-bottom-color: #fab005;
 border-color:rgba( 0, 0, 0, .1 );
}

.box-bg-yellow-shadow-color {
 background-color: #fab005;
}


.box-bg-green {
 background-color: #63e6be;
}

.box-bg-green-shadow {
 border-style: solid;
 border-width: 0px;
 border-bottom-width: 5px; 
 border-bottom-color: #0ca678;
}

.box-bg-green-shadow-color {
 background-color: #0ca678;
}



.box-bg-red {
 background-color: #ff7d7d;
}

.box-bg-red-shadow {
 border-style: solid;
 border-width: 0px;
 border-bottom-width: 5px; 
 border-bottom-color: #a60c3a;
}

.box-bg-red-shadow-color {
 background-color: #a60c3a;
}


.box-bg-blue {
 background-color: #74c0fc;
}

.box-bg-blue-shadow {
 border-style: solid;
 border-width: 0px;
 border-bottom-width: 5px; 
 border-bottom-color: #146ebe;
}

.box-bg-blue-shadow-1 {
 border-style: solid;
 border-width: 1px;
 border-color: #146ebe; 
 border-bottom-width: 5px; 
 border-bottom-color: #146ebe;
}

.box-bg-blue-shadow-color {
 background-color: #146ebe;
}

.box-bg-pink {
 background-color: #E799FB;
}

.box-bg-pink-shadow {
 border-style: solid;
 border-width: 0px;
 border-bottom-width: 5px; 
 border-bottom-color: #9c36b5;
}

.box-bg-pink-shadow-color {
 background-color: #9c36b5;
}

.box-bg-purple {
 background-color: #b197fc;
}

.box-bg-purple-shadow {
 border-style: solid;
 border-width: 0px;
 border-bottom-width: 5px; 
 border-bottom-color: #6741d9;
}

.box-bg-purple-shadow-color {
 background-color: #6741d9;
}

.box-bg-light-gray {
 background-color: #e6e6e3;
}

.box-bg-light-gray-shadow {
 border-style: solid;
 border-width: 0px;
 border-bottom-width: 5px; 
 border-bottom-color: #9a9a9c;
}

.box-bg-light-gray-shadow-color {
 background-color: #9a9a9c;
}

.box-bg-light-gray-shadow-1 {
 border-style: solid;
 border-width: 1px;
 border-color: #9a9a9c; 
 border-bottom-width: 5px; 
 border-bottom-color: #9a9a9c;
}



.box-bg-dark-gray {
 background-color: #e6e6e3;
}

.box-bg-dark-gray-shadow {
 border-style: solid;
 border-width: 0px;
 border-bottom-width: 5px; 
 border-bottom-color: #2d2d2d;
}

.box-bg-dark-gray-shadow-color {
 background-color: #2d2d2d;
}

.box-bg-dark-gray-shadow-1 {
 border-style: solid;
 border-width: 1px;
 border-color: #2d2d2d; 
 border-bottom-width: 5px; 
 border-bottom-color: #2d2d2d;
}

/* Présentation et fond fun */

.background-dot-light-gray {
/* Fond gris très clair */
  background-color: #eee; 
  /* Création du point : un cercle de 2px, noir avec 10% d'opacité */
  background-image: radial-gradient(#0000001a 2px, transparent 2px);
  /* Taille de la grille (espacement entre les points) */
  background-size: 30px 30px;
}

.background-dot-dark-gray {
    background-color: #4b616b;
    background-image: radial-gradient(#c3c3c37a 2px, transparent 2px);
    background-size: 30px 30px;
}


.background-red-calendar {
	background-color: #cb4b27;
	position:relative;
}

.background-red-calendar::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url(../images/pattern/bg-wa-pattern-calendar.png);
    background-position: 62% 38%;
    background-repeat: no-repeat;
    background-size: cover;
    /* C'est ici qu'on règle l'opacité du motif uniquement */
    opacity: 0.10; 
    
    z-index: 0;
}


.background-purple-calendar {
	background-color: #9c27b0;
	position:relative;
}

.background-purple-calendar::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url(../images/pattern/bg-wa-pattern-calendar.png);
    background-position: 62% 38%;
    background-repeat: no-repeat;
    background-size: cover;
    /* C'est ici qu'on règle l'opacité du motif uniquement */
    opacity: 0.10; 
    
    z-index: 0;
}



.background-blue-calendar {
	background-color: #0089bc;
	position:relative;
}

.background-blue-calendar::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url(../images/pattern/bg-wa-pattern-calendar.png);
    background-position: 62% 38%;
    background-repeat: no-repeat;
    background-size: cover;
    /* C'est ici qu'on règle l'opacité du motif uniquement */
    opacity: 0.10; 
    
    z-index: 0;
}





.background-white-calendar {
	background-color: #fff;
	position:relative;
}

.background-white-calendar::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background-image: url(../images/pattern/bg-wa-pattern-calendar.png);
    background-position: 62% 38%;
    background-repeat: no-repeat;
    background-size: cover;
    /* C'est ici qu'on règle l'opacité du motif uniquement */
    opacity: 0.10; 
    
    z-index: 0;
}



.group:hover .group-hover-opacity-100 { opacity: 0.5; }
.group:hover .group-hover-scale-105 { transform: scaleX(1.05) scaleY(1.15); }



/* Force le premier header à épouser l'arrondi à gauche */
table.br4 tr:first-child th:first-child {
  border-top-left-radius: .5rem;
}

/* Force le dernier header à épouser l'arrondi à droite */
table.br4 tr:first-child th:last-child {
  border-top-right-radius: .5rem;
}





/* Style de base pour superposer les images et les cacher par défaut */

.header-slider .slide {
    opacity: 0;
    transition: opacity 1.5s ease-in-out; /* Durée du fondu enchaîné */
}

.header-slider .slide.active {
    opacity: 1;
    transition: opacity 1.5s ease-in-out, transform 6s linear; /* 6s = temps total d'affichage */
}



/* 1. Rend le conteneur scrollable sur mobile */
.table-responsive-container {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* Scroll fluide sur iOS */
}

.table-responsive {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap; /* Empêche le texte de revenir à la ligne de force */
}

/* 2. Fige la première colonne */
.sticky-col {
    position: sticky;
    left: 0;
  
    z-index: 2;
}

/* Optionnel : Ajoute une petite ombre portée pour bien séparer la colonne fixe du reste */
.sticky-col::after {
    content: '';
    position: absolute;
    right: -5px;
    top: 0;
    bottom: 0;
    width: 5px;
    background: linear-gradient(to right, rgba(0,0,0,0.05), rgba(0,0,0,0));
    pointer-events: none;
}

/* Pensez aussi à mettre un fond sur le <th> sticky pour qu'il s'accorde avec votre bandeau rose */
thead th.sticky-col {
  
    z-index: 3; /* Au-dessus du tbody */
}

/* Redéfinit automatiquement le fond de la cellule sticky lors du hover sur la ligne */
tr:hover > td.sticky-col {
    background-color: inherit;
}

/* Pour Chrome, Safari, Edge */
.table-responsive-container::-webkit-scrollbar-button {
    display: none; /* Masque les flèches aux extrémités */
    width: 0;
    height: 0;
}

/* On garde le reste du style propre pour la barre */
.table-responsive-container::-webkit-scrollbar {
    height: 6px;
}

.table-responsive-container::-webkit-scrollbar-track {
    background: transparent;
}

.table-responsive-container::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 10px;
}

.table-responsive-container::-webkit-scrollbar-thumb:hover {
    background-color: #e95a8b;
}

/* Pour Firefox (il n'affiche pas de flèches par défaut avec 'thin') */
.table-responsive-container {
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
}