html,body{width:100%;height:100%}
body {background:#fff;font-family: 'Arial', sans-serif;font-style: normal;font-weight: 300;padding-top:50px;overflow-x: hidden;font-size:14px;height:100%;width:100%}
/*---------------------------------------
    Typorgraphy              
-----------------------------------------*/
h1,h2,h3,h4,h5,h6, .navbar-default, .btn {font-family: 'Unica One', cursive;font-weight: 400;}
h1,h2,h3,h4,h5,h6 {font-weight: 400;letter-spacing: 1px;}
h1 {color: #04292B;font-size: 42px;letter-spacing: 2px;padding-bottom: 30px;margin-bottom: 0px;margin-top:0; }
h2 {color: #949A9D;font-size: 32px;}
h3 {color: #F3903C;font-size: 22px;line-height: 26px; margin-top: 0px; margin-bottom: 0px !important;}
h4 {font-weight: bold; color: #08678D;}
p {/*color: #999;font-size: 20px;font-weight: 300;line-height: 30px;*/}
hr{width: 100%;margin-top: 0 !important;}
.section-btn {background-color: #000;border: 2px solid transparent;border-radius: 100px;color: #ffffff;font-size: 18px;font-weight: bold;letter-spacing: 1px;padding: 14px 36px;margin-top: 26px;transition: all 0.4s ease-in-out;}
.section-btn:hover {background: transparent;border-top-color: #ffffff;border-right-color: #119A11;border-bottom-color: #ffffff;border-left-color: #119A11;color: #ffffff;}
label{display: inline-block;max-width: 100%;margin: 5px 0px;font-weight: 500;font-size: 12px;}
table{font-size:12px;color:#04292B !important;}
.delPlanning{position: absolute !important;right: 0;background: #337ab7;color: #ffffff;border-radius: 50%;width: 22px;height: 22px;text-align: center;cursor: pointer;}
button a{color:#fff}
.newField{position:relative;}
.delField{position: absolute !important;top:-10px;right:-10px;background:#337ab7;color:#ffffff;border-radius:50%;width:22px;height:22px;text-align:center;cursor:pointer;}
.form-control{color:#04292B !important;}
.btn-primary.focus, .btn-primary:focus{ box-shadow: 0 0 0 0.2px rgb(4 41 43 / 50%) !important; }


b { font-weight:bold;}
/*---------------------------------------
    General               
-----------------------------------------*/
html{-webkit-font-smoothing: antialiased;}
a {color: #08678D;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;text-decoration: none !important; cursor:pointer;}
a:hover, a:active, a:focus {color: #1dc9e3;outline: none;}
.toolbarLink-container a{color: #08678D;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
::-webkit-scrollbar{
	width: 8px;
    height: 8px;
    border-radius: 5px;
    border-left: 1px solid #055472;
}
::-webkit-scrollbar-thumb {
	cursor: pointer;
    background: #065b7c;
    border-radius: 5px;
}
.section-title {position: relative;padding-bottom: 62px;text-align: center;}
#about,#screenshot,#divider,#pricing,#newsletter {
padding-top: 100px;padding-bottom: 100px;}
#divider,#pricing {text-align: center;}
i.info{color:gray;font-size:10px;}

/*---------------------------------------
    Preloader section              
-----------------------------------------*/
.preloader {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;display: flex;flex-flow: row nowrap;justify-content: center;align-items: center;background: none repeat scroll 0 0 rgba(255, 255, 255, 0.98);}
.sk-spinner{width: 150px;height: 150px;background-color: transparent;}
.sk-spinner img{margin:auto;margin-bottom:20px;}
.sk-spinner-pulse {width: 100px;height: 100px;background-color: transparent;-webkit-animation: sk-pulseScaleOut 1s infinite ease-in-out;animation: sk-pulseScaleOut 1s infinite ease-in-out; }
@-webkit-keyframes sk-pulseScaleOut {
  0% {-webkit-transform: scale(0);transform: scale(0); }
  100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0; } 
}
@keyframes sk-pulseScaleOut {
  0% {-webkit-transform: scale(0);transform: scale(0); }
  100% {-webkit-transform: scale(1);transform: scale(1);opacity: 0; } 
}

/*---------------------------------------
    Navigation section              
-----------------------------------------*/
.navbar-main .open .dropdown-menu {
    background-color: rgba(0, 0, 0, 0.5);
}
.dropdown-menu>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: 400;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

.navbar-nav>li>a {
	padding-top: 15px;
	padding-bottom: 15px;
}
.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 20px;
}
.nav>li>a {
	position: relative;
	display: block;
	padding: 10px 15px;
}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	background-color: #eee;
	border-color: #337ab7;
}
.open>.dropdown-menu {
	display: block;
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 160px;
	padding: 5px 0;
	margin: 2px 0 0;
	font-size: 14px;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border-radius: 0px !important;
    border: 0px !important;
	-webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
	box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #F3903C;
	outline: 0;
}


.logo-container{float:left;max-width:200px;}
.logo img{max-width:200px;margin-top:15px;}
.top-link-container{float:right;margin-top:15px;}
.navbar-default {background: #ffffff;border: none;box-shadow: none;margin: 0 !important;}
.navbar-default .navbar-brand {color: #535bd4;font-size: 26px;font-weight: bold;text-transform: uppercase;letter-spacing: 2px;line-height: 50px;margin: 0;}
.navbar-default .navbar-brand span {color: #1dc9e3;}
.navbar-default .navbar-nav li a {color: #656565;font-size: 18px;font-weight: 500;line-height: 50px;letter-spacing: 1px;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;
padding-right: 20px;padding-left: 20px;}
.navbar-default .navbar-nav > li a:hover {color: #1dc9e3;}
.navbar-default .navbar-nav > li > a:hover,.navbar-default .navbar-nav > li > a:focus {
color: #656565;background-color: transparent;}
.navbar-default .navbar-nav > .active > a,.navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > .active > a:focus {
color: #1dc9e3;background-color: transparent;}
.navbar-default .navbar-toggle {border: none;padding-top: 10px;}
.navbar-default .navbar-toggle .icon-bar {border-color: transparent; }
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus { 
 background-color: transparent;}

.navbar-default .navbar-nav ul li a{color:#fff}
.navbar-default{background:rgba(255,255,255, 0.3)}
.navbar-default .navbar-nav li a {line-height:20px;}


.navbar-main {text-align: left;padding-top: 0px;}
.navbar-main .nav > li{width:100%;}
.navbar-main .navbar-nav li a {line-height: 25px;}
.navbar-collapse{background:rgba(100,100,100, 0.5)}
.navbar-main .navbar-nav li a{color:#fff}
.navbar-main .dropdown-menu{position:relative;background-color: rgba(0, 0, 0, 0.5);width:100%}
.navbar-main .open .dropdown-menu {background-color: rgba(0, 0, 0, 0.5);}
.navbar-main .nav .open > a, .nav .open > a:focus, .nav .open > a:hover{background-color: rgba(0, 0, 0, 0.3);}
.navbar-main .nav > li > a:hover, .navbar-main .nav > li > a:focus{background-color: rgba(0, 0, 0, 0.3);} 

.navbar-nav{margin:0px;}
.navbar-main li.active{/*background: #F3903C;*/}
.dropdown-menu{border-radius:0px;border:0px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{ background-color: rgba(0,0,0, 0.5);}
.disclaimer-li div {
    padding: 5px 20px;
text-align: center;
color: #fff;
font-size: 14px;
background: green;
}


/*---------------------------------------
    Toolbar section              
-----------------------------------------*/
.toolbarFixed{height:50px;position:fixed;left:0;top:0;width:100%;z-index:180;background:#ffffff;/*border-bottom: 1px solid #3333;*/}
.toolbarLogo{
	display: flex;
    height: 50px;
    max-width: 200px;
    border-right: 1px solid #ccc;
    padding: 0 10px;
    float: left;
    align-items: center;
    justify-content: center;
}
.toolbarLogo img{max-height:44px;max-width:140px;}
.toolbarBtn{height:50px;border-right:1px solid #ccc;padding: 0 10px;float:left;color:#000000;}
.toolbarBtn	i{line-height:50px}
.toolbarLink-overflow {
    position: absolute;
    top: 0;
    right: 50px;
    width: 100px;
    overflow: auto;
}
@media (max-width: 350px) {
.toolbarLink-overflow {
    position: absolute;
    top: 0;
    right: 50px;
    width: 50px;
    overflow: auto;
}
}
.toolbarLink-container {
    display: flex;
    flex-wrap: nowrap;
}
.toolbarLink-container li{
	display: block;
    border-left: 1px solid #ccc;
    list-style-type: none;
    padding: 13px 15px;
    text-align: center;
    position: relative;
}

#sidebarToggle{cursor:pointer;}
.lineGreen{
	background-color:green;
	width:100%;
	height:10px;
}
.loginBox {
    max-width: 450px;
    margin: auto;
    border-radius: 5px;
    background: transparent;
    border: 2px solid #dddddd;
}
.loginBox p{font-weight:bold; color:#555; text-align:left;}
.loginBox label{font-weight:bold; color:#555; text-align:right;font-size:12px}
.grayBox{border-radius: 5px;background:rgba(237, 237, 237, .5);padding: 10px; transition: background .5s ease-in-out; margin-bottom: 10px;}
.grayBox p{color:#555; text-align:left;font-size:12px;}
.grayBox input, .grayBox textarea, .graybox select{ font-weight:bold;}
.redBox{font-weight:bold; text-align:center; color:red !important;text-align:center; background: rgb(243 144 60 / 30%);font-size:12px !important;padding:20px;}
.colorRed{color:red}
.colorGreen{color:green}
.dropdown-toolbar{
	max-height:250px;
	overflow:auto;
}
.bgGreen{background:green !important;}
.bgGray{background:gray !important;}
.pull-right{margin-right:5px !important;margin-bottom:5px !important;}

/*Sidebar*/
#sidebarWrapper {
    z-index: 90;
    position: fixed;
    width: 0;
    height: 90%;
    overflow-y: auto;
    overflow-x: hidden;
    top: 55px;
    opacity: 1;
    -webkit-transition: width 1s;
    transition: width 1s;
    box-shadow: 1px 0px 10px 1px rgba(109, 109, 109, 0.75);
    -moz-box-shadow: 1px 0px 10px 1px rgba(109, 109, 109, 0.75);
    -webkit-box-shadow: 1px 0px 10px 1px rgba(109, 109, 109, 0.75);
}
@media (max-height: 450px) {#sidebarWrapper{height:391px;}}
/*Page content*/
#pageContentWrapper{width:100%;position:absolute;padding:120px 15px;-webkit-transition: padding-left 1s;transition: padding-left 1s; }
#pageContentWrapper input[type="checkbox"], #pageContentWrapper input[type="radio"]{margin: 0 0 0 10px;}
#pageContentWrapper h2{color:black;}


.pageContentHeader{
position: fixed;
left: 0px;
top: 50px;
z-index: 10;
width: 100%;
background: white;
border-top: 5px solid green;
padding-top: 10px;
box-shadow: 0px 1px 10px 1px rgba(184, 184, 184, 0.75);
-moz-box-shadow: 0px 1px 10px 1px rgba(184, 184, 184, 0.75);
-webkit-box-shadow: 0px 1px 10px 1px rgba(184, 184, 184, 0.75);

-webkit-animation: change_border_top_color 25s infinite; /* Safari 4+ */
-moz-animation: change_border_top_color 25s infinite; /* Fx 5+ */
-o-animation: change_border_top_color 25s infinite; /* Opera 12+ */
animation: change_border_top_color 25s infinite; /* IE 10+, Fx 29+ */
}

@-webkit-keyframes change_border_top_color {
    0%{border-top: 5px solid #04292B;}
    25%{border-top: 5px solid #08678D;}
    50%{border-top: 5px solid #43BBC3;}
	75%{border-top: 5px solid #F3903C;}
    100%{border-top: 5px solid #04292B;}
}

@-moz-keyframes change_border_top_color {
	0%{border-top: 5px solid #04292B;}
    25%{border-top: 5px solid #08678D;}
    50%{border-top: 5px solid #43BBC3;}
	75%{border-top: 5px solid #F3903C;}
    100%{border-top: 5px solid #04292B;}
}

@-o-keyframes change_border_top_color {
	0%{border-top: 5px solid #04292B;}
    25%{border-top: 5px solid #08678D;}
    50%{border-top: 5px solid #43BBC3;}
	75%{border-top: 5px solid #F3903C;}
    100%{border-top: 5px solid #04292B;}
}

@keyframes change_border_top_color {
    0%{border-top: 5px solid #04292B;}
    25%{border-top: 5px solid #08678D;}
    50%{border-top: 5px solid #43BBC3;}
	75%{border-top: 5px solid #F3903C;}
    100%{border-top: 5px solid #04292B;}
}


.pageContentHeader h1{ padding-bottom:10px; }
@media (max-width: 1200px) { .pageContentHeader h1{font-size:32px;} }
@media (max-width: 980px) { .pageContentHeader h1{font-size:32px;} }
@media (max-width: 768px) { .pageContentHeader h1{font-size:22px;} }

#sidebarWrapper{position: fixed;width: 250px;transition: left 0.2s;height: 100%;padding-bottom: 70px;}
#wrapper #sidebarWrapper{left: 0px;}
#wrapper #pageContentWrapper{padding-left: 250px;}
.pageContentHeader{padding-left: 250px; -webkit-transition: padding-left 1s;transition: padding-left 1s;}

#wrapper.menuDisplayed #sidebarWrapper{left: -250px;}
#wrapper.menuDisplayed #pageContentWrapper{padding-left: 0px;}
.pageContentHeader.menuDisplayed{padding-left: 0px;}

@media (max-width: 767px) {
	
	#wrapper #sidebarWrapper{left: -250px; }
	#wrapper #pageContentWrapper{padding-left: 0px;}
	.pageContentHeader{padding-left: 0px;}

	#wrapper.menuDisplayed #sidebarWrapper{left: 0px;}
	#wrapper.menuDisplayed #pageContentWrapper{padding-left: 0px;}
	.pageContentHeader.menuDisplayed{padding-left: 0px;}
	
}

.child ul{list-style:none;}
.dtr-title{font-weight:bold;}

.margin-bottom-5{margin-bottom:5px;}
.margin-bottom-30{margin-bottom:30px;}


/*---------------------------------------
    Home section              
-----------------------------------------*/
#home {
    background: #535bd4 url('../img/home-bg.jpg') no-repeat;
    background-size: cover;
    background-position: center center;
    color: #ffffff;
    display: -webkit-box;
    display: -webkit-flex;
     display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
     align-items: center;
    height: 80vh;
    position: relative;
}

#home .overlay {
  background: #4776E6; /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #4776E6 , #8E54E9); /* Chrome 10-25, Safari 5.1-6 */ 
  background: linear-gradient(to left, #4776E6 , #8E54E9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  opacity: 0.9;
  position: absolute;
  width: 100%;
  height: 80vh;
  top: 0;
  left: 0;
  right: 0;
}

#home img {
  width: 100%;
  height: auto;
}

#home .home-thumb {
  padding-top: 32px;
  padding-left: 32px;
}

#home p,
#newsletter p {
  color: #f0f0f0;
  letter-spacing: 1px;
}

#home .section-btn {
  background: #1dc9e3;
}

#home .section-btn:hover {
  background: transparent !important;
}


/*---------------------------------------
   Divider section              
-----------------------------------------*/
#divider {background-color: #119A11;}
#divider p {color: #666;font-size: 26px;line-height: 42px;}

/*---------------------------------------
   About section              
-----------------------------------------*/
#about img {width: 100%;}
#about .about-thumb {
  margin-bottom: 32px;
  position: relative;
  text-align: center;
}

#about .about-overlay h3 {
  padding-bottom: 0px;
}

#about .about-overlay {
  background-color: rgba(250,250,250,0.9);
  border-radius: 2px;
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 100px;
  overflow: hidden;
  transition: height 450ms;
}

#about .about-thumb:hover .about-overlay {
  height: 100%;
  background-color: #ffffff;
  color: #222;
  padding-top: 30%;
  opacity: 0.9;
}

#about .about-thumb:hover h4 {
  color: #1dc9e3;
}


/*---------------------------------------
    Screenshot section              
-----------------------------------------*/
#screenshot .col-md-3 {
  display: block;
  width: 100%;
  padding-bottom: 1rem;
}

#screenshot img {
  background-color: #ffffff;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  cursor: pointer;
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  position: relative;
  top: 0px;
  transition: all 0.4s ease-in-out;
}

#screenshot img:hover {
  box-shadow: 0px 16px 22px 0px rgba(0, 0, 0, 0.3);
  top: -6px;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
  opacity: 0;
  -webkit-backface-visibility: hidden;
  /* ideally, transition speed should match zoom duration */
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
  opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
  opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}


/*---------------------------------------
   Footer section              
-----------------------------------------*/
footer {padding-top: 60px;padding-bottom: 60px;}
footer span {padding-right: 10px;padding-left: 10px;}
footer p {padding-top: 16px;}

/*---------------------------------------
   Modal popup          
-----------------------------------------*/

/*---------------------------------------
   Social icon             
-----------------------------------------*/
.social-icon {position: relative;padding: 0;margin: 0;text-align: center;}
.social-icon li {display: inline-block;list-style: none;}
.social-icon li a {color: #666;border-radius: 100px;cursor: pointer;font-size: 16px;text-decoration: none;transition: all 0.4s ease-in-out;width: 50px;height: 50px;line-height: 50px;text-align: center;vertical-align: middle;
position: relative;top: 0px;margin: 10px 4px 0px 4px;}
.social-icon li a:hover {background: #1dc9e3;color: #ffffff;top: -5px;}

/*---------------------------------------
   Back top         
-----------------------------------------*/
.go-top {
    background-color: #79b6e6;
    box-shadow: 1px 1.732px 12px 0px rgba( 0, 0, 0, .14 ), 1px 1.732px 3px 0px rgba( 0, 0, 0, .12 );
    border-radius: 20px;
    transition: all 1s ease;
    bottom: 30px;
    right: 20px;
    color: #fff;
    font-size: 22px;
    display: none;
    position: fixed;
    text-decoration: none;
    width: 40px;
    height: 40px;
    line-height: 35px;
    text-align: center;
    z-index: 20;
    background: linear-gradient( to top, #08678d, #04292B ) !important;

}
.go-top:hover {background: #337ab7; color: #ffffff;}

/*---------------------------------------
   Form Contact        
-----------------------------------------*/
.formCustom form {padding: 20px;}
.formCustom form input {height: 45px;}
.formCustom form select {height: 45px;}
.formCustom .form-control {background: #f2f2f2;
    border-bottom: 3px solid #cccccc;
    border-radius: 5px;
    box-shadow: none;
    color: #555;
    font-size: 14px;
    margin-bottom: 20px;
    transition: all 0.4s ease-in-out;}
.formCustom .form-control:focus {border-top-color: transparent;border-right-color: transparent;border-left-color: transparent;border-bottom-color: #6EC9E6;}
.formCustom form input[type="submit"] {background: #1dc9e3;border: 3px solid transparent;border-radius: 100px;font-weight: 400;letter-spacing: 1px;color: #ffffff;text-transform: uppercase;margin-top: 30px;}
.formCustom form input[type="submit"]:hover {background: transparent;border-color: #1dc9e3;color: #1dc9e3;}
.formCustom .form-control::-moz-placeholder {color: #999;opacity: 1;}
.formCustom .form-control:-ms-input-placeholder {color: #999;}
.formCustom .form-control::-webkit-input-placeholder {color: #999;}

/*---------------------------------------
   Mobile Responsive         
-----------------------------------------*/
@media (max-width: 1200px) {
  .container {width: 100%;}
}
@media (max-width: 980px) {
  h1 {font-size: 38px;}
  .section-btn {padding: 10px 34px 12px;}
  #home, #home .overlay {height: 60vh;}
  #home .home-thumb {padding-top: 0px;}
  #about {text-align: center;}
  #about .about-thumb {margin-top: 62px;}
}
@media (max-width: 768px) {
  h1 {font-size: 28px;}
  .section-title {padding-bottom: 32px;}
  #about, #divider, #screenshot, #pricing, #newsletter {padding-top: 60px;padding-bottom: 60px;}
}
@media (max-width: 767px) {
	.logo img{max-width:150px;margin-top:16px;}
	#home, #home .overlay {height: 100vh;}
	#home img {position: relative;display: inline-block;}
	#home .home-thumb {padding-top: 32px;padding-left: 0px;}
	#pricing .pricing-plan {margin-bottom: 62px;}
}
@media (max-width: 650px) {
	h1 {font-size: 28px;}
	h2 {font-size: 24px;}
	h3 {font-size: 18px;}
	p {font-size: 16px;}
}

@media (max-width: 368px) {
	.logo img{max-width:100px;}
	.top-link-container{margin-top:0px;}
}

/*---------------------------------------
   Carrousel      
-----------------------------------------*/
.owl-carousel-one-item{position:relative;width: 100%;z-index: 1;}
.item{height:600px;width:100%;overflow:hidden}
.slide-title{display:none;/*background:red url(../img/carbon-fibre.png);*/color:#fff;position:relative;max-width:45%;top:50px;left:5%;padding:10px;
-webkit-box-shadow: 1px -3px 16px 5px rgba(77,77,77,1);-moz-box-shadow: 1px -3px 16px 5px rgba(77,77,77,1);box-shadow: 1px -3px 16px 5px rgba(77,77,77,1);text-align:center;border-radius:10px;}
.slide-title h1,h2{color:#ffffff;}
.slide-content{display:none;position:relative;top:60px;left:5%;color:white;/*background:url(../img/carbon-fibre.png) repeat center center;*/padding:10px;max-width:45%;border-radius:10px;}
.slide-content p{color:#fff}
.slide-ilustration{display:none;position:absolute;top:120px;right:10%;max-width:35%;}
.show{display:block;}
@media (max-width: 650px) { 
.item{height:300px;}.slide-title{padding:5px;top:15px}.slide-title h1,h2{font-size:14px;margin-top:10px}.slide-content{font-size:10px;text-align:left;top:30px}.slide-content p{font-size:12px;line-height: 15px;}
.slide-ilustration{top:60px} 
}

/*---------------------------------------
   Custom /debug 
-----------------------------------------*/
.margin-auto{margin:auto}
#pricing h1{color:#ffffff;}
.warningInfo{color:green !important;text-align:center;display:none; background: #def3ca;font-size:12px !important;padding: 10px 10px; border-radius: 5px;}
.warningError{color:red !important;text-align:center;display:none; background: #ffcbcb;font-size:12px !important;padding: 10px 10px; border-radius: 5px;}
#newContent{display:none}
.imgFullDiv{width:100%;} 
.imgFullDiv img{width:100%;}
#cropTool{background: rgba(255,255,255, 0.5); border:1px dashed #000; width:102px; height:77px; position: absolute; padding:0; margin:0;}

.bfh-selectbox-options{width:100%}
.bfh-selectbox .bfh-selectbox-options ul{max-width:100%}
.bfh-selectbox .bfh-selectbox-options ul li>a:hover,
.bfh-selectbox .bfh-selectbox-options ul li>a:focus{
	color:#262626;text-decoration:none;background-color:rgba(29, 201, 227, 0.2)
}

.form-inline .form-control {width:100% !important}
.ui-front {z-index: 1500;}
.ui-datepicker{z-index:6000 !important}
.ui-front{z-index:6000 !important}
.schange:hover{background:#ccc;cursor:pointer;}

  #sortable { list-style-type: none; margin: 0; padding: 0; width: 100%; height:auto; position:inherit; overflow:auto }
  #sortable li { margin: 0 3px 3px 3px; padding: 0.4em; padding-left: 1.5em; font-size: 1.4em; min-height: 50px; }
  #sortable li .ui-icon { position: absolute; margin-left: -1.3em; }
  #sortable li:hover {cursor: pointer;}
  #sortable li.ui-sortable-helper{cursor: move;}

.fc-popover {left: 50% !important;margin-left: -110px;position: fixed !important;top: 50% !important;}
.ui-autocomplete {max-height: 300px;overflow: auto;}
.modal-body p{font-size:14px; color: #333;}
/*.dataTables_wrapper .dataTables_filter{margin-right:80px}*/
.fc-more-popover .fc-event-container{max-height:300px;overflow:auto}

/*MESSAGERIE INTERNE*/
#containerDestinataire{height:auto;min-height:50px;background:#ccc;padding:10px;border-radius:5px;}
.itemDestinataire{margin-bottom:5px; margin-right:3px}
.custom-height-tr{height:200px;}
tr.custom-height-tr td{vertical-align:top !important;}

.noDisplay{display:none}

#myCalTable .bfh-selectbox .bfh-selectbox-options{position:relative}
iframe{min-height:500px;}
.myChartDevis{min-height:450px !important;}


.myCustomLabel{
	text-align:right;width:100%;
}

.myCustomLabel > input.checkbox{
	height:auto;width: auto;display:inline;margin:0 !important;
}

span.checkbox{
	display:inline;
}


/*MY CUSTOM MODAL*/
.myCustomBackdrop{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	z-index:4000;
	background:rgba(0, 0, 0, 0.4);
	overflow-y:auto;
}

.myCustomBackdrop.show{
	display:block;
}

.myCustomBackdrop2{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:none;
	z-index:5000;
	background:rgba(255, 255, 255, 0.4);
	overflow-y:auto;
}

.myCustomBackdrop2.show{
	display:block;
}

.colorpicker.colorpicker-visible{
	z-index:9000;
}

.modal-header .close{
	font-size:35px;
}

@media screen and (max-width: 767px) {
    li.paginate_button.previous {
        display: inline-block !important;
    }
 
    li.paginate_button.next {
        display: inline-block !important;
    }
 
    li.paginate_button {
        display: none !important;
    }
}

.container-fluid{
	overflow:hidden;
}

@media (max-width: 767px) { 
	.amcharts-export-menu, .printIt{
		display:none !important;
	}	
	button#secondaryDownload.secondaryToolbarButton.download.visibleMediumView{display:none !important;}
}
div.creation_date{font-size:10px;text-align:left;color:#cccccc;font-style:italic;}
.inner_box{background:#fff;padding:10px;border-radius:5px;}
.etat_case_green{
	font-size:10px;margin-top:2px;border-radius:5px;padding:2px 10px;color:white;background:green;display:inline-block;
	/*font-size: 10px;
    padding: 2px 10px;
    color: white;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
	overflow-y: auto;
	overflow-x: hidden;
	background: #54c942;*/
}
.etat_case_gray{
	font-size:10px;margin-top:2px;border-radius:5px;padding:2px 10px;color:white;background:gray;display:inline-block;
	/*font-size: 10px;
    padding: 2px 10px;
    color: white;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
	overflow-y: auto;
	overflow-x: hidden;
	background: #8dc7c9;*/
}
.etat_case_red{
	font-size:10px;margin-top:2px;border-radius:5px;padding:2px 10px;color:white;background:red;display:inline-block;
	/*font-size: 10px;
    padding: 2px 10px;
    color: white;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
	overflow-y: auto;
	overflow-x: hidden;
	background: #ff3c3c;*/
}
.etat_case_orange{
	font-size:10px;margin-top:2px;border-radius:5px;padding:2px 10px;color:white;background:orange;display:inline-block;
	/*font-size: 10px;
    padding: 2px 10px;
    color: white;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
	overflow-y: auto;
	overflow-x: hidden;
	background: #c9bf42*/
}
.etat_case{
	font-size:10px;margin-top:2px;border-radius:5px;padding:2px 10px;color:white;display:inline-block;line-height: 18px;
	/*font-size: 10px;
    padding: 2px 10px;
    color: white;
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
	overflow-y: auto;
	background: #c9bf42*/
}

table.dataTable tbody td {
	position: relative;
}

.etat_case_multiple{
	margin-top: 0px; 
	border-radius: 0px;
	font-size: 10px;
	color: white;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow-y: auto;
	overflow-x: hidden;
}


td .etat_case_green{
	margin-top: 0px; 
	border-radius: 0px;
	font-size: 10px;
	padding: 2px 7px;
	color: white;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow-y: auto;
	overflow-x: hidden;
	background: #54c942;
	background: rgb(84 201 66 / 90%);
}
td .etat_case_gray, td .gray_span_sm{
	margin-top: 0px; 
	border-radius: 0px;
	font-size: 10px;
	padding: 2px 7px;
	color: white;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow-y: auto;
	overflow-x: hidden;
	background: #8dc7c9;
	background: rgb(141 199 201 / 90%);
}
td .etat_case_red{
	margin-top: 0px; 
	border-radius: 0px;
	font-size: 10px;
	padding: 2px 7px;
	color: white;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow-y: auto;
	overflow-x: hidden;
	background: #ff3c3c;
	background: rgb(255 60 60 / 90%);
}
td .etat_case_orange{
	margin-top: 0px; 
	border-radius: 0px;
	font-size: 10px;
	padding: 2px 7px;
	color: white;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow-y: auto;
	overflow-x: hidden;
	background: #e99145;
	background: rgb(233 145 69 / 90%);
}
td .etat_case{
	margin-top: 0px; 
	border-radius: 0px;
	font-size: 10px;
	padding: 2px 7px;
	color: white;
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	overflow-y: auto;
	overflow-x: hidden;
	background: #d5d5d5;
	background: rgb(213 213 213 / 90%);
}

.etat_case p{
	font-size:10px;
}

li span.gray_span_sm, .etat_case.multiple, .dtr-data .etat_case_multiple, .dtr-data .gray_span_sm, .dtr-data .etat_case, .dtr-data .etat_case_green, .dtr-data .etat_case_gray, .dtr-data .etat_case_red, .dtr-data .etat_case_orange{
	position: relative;
}

.etat_case_multiple::-webkit-scrollbar, .etat_case::-webkit-scrollbar,.etat_case_orange::-webkit-scrollbar,.etat_case_red::-webkit-scrollbar,.etat_case_gray::-webkit-scrollbar,.etat_case_green::-webkit-scrollbar{
    width: 4px;
}
				
.form-control{
	border: 0px;
    border-bottom: 2px solid #cccccc;
	background:#f1f1f1;
	-webkit-box-shadow: none;
    box-shadow: none;
}
.champ_requis{
	font-size: 12px;
    text-align: left;
    color: #cccccc;
    font-style: italic;
}
.mention_apercu{
	font-size: 12px;
    text-align: left;
    color: #cccccc;
    font-style: italic;
}
.btn-primary.small{
	margin-right: 0px !important;
    margin-bottom: 0px !important;
	padding: 2px 5px;
}
.gray_span_sm{color:gray;font-size:12px}
.green_span_sm{color:green;font-size:12px}
.span_sm{font-size:12px}
.btn{margin-bottom: 3px;}

/* ========================================
	TOOLBAR RIGHT SIDE
========================================= */
.dropdown-toolbar{
	border-radius: 0;
	border:0px;
	position: absolute;
	right: 0;
	top: 48px;
	left:-200px;
}
.dropdown-toolbar li{
	float: none;
	border-left:0px;
	height: auto;
	width: 100%;
	padding: 5px 10px;
}
.dropdown-toolbar li a{
	white-space: normal;
	padding:0px;
	text-align: left;
}
.redBox p{
	font-size:12px;
	line-height: 20px;
}
.dropdownAlert {
    position: absolute;
    top: 10px;
    right: 7px;
    font-size: 10px;
    line-height: 15px;
    color: white;
    background: rgb(243 144 60 / 80%);
    min-width: 15px;
    margin: 0px;
    font-weight: bold;
    border-radius: 50%;
    text-align: center;
}
.toolbarLink-container .open>.dropdown-menu{
	display: block;
    border: 1px solid #f1f1f1;
    border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.toolbarLogout{
	position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-left: 1px solid #ccc;
}

.btn_del_top{
	position: absolute !important;
    right: 15px;
    background: #337ab7;
    color: #ffffff;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    text-align: center;
    margin-top: -5px;
    cursor: pointer;
}

.sdx_input_btn{
    height: 45px;
    margin: 0px;
    top: -10px;	
}


.sdx_info_btn{
	cursor:pointer;
	position: relative;
}

.sdx_info_btn .sdx_info_box{
	transform:scale(0) rotate(-12deg);
	opacity:0;
	transition:all .25s;
}

.sdx_info_btn:hover .sdx_info_box, .sdx_info_btn:focus .sdx_info_box{
    transform:scale(1) rotate(0);  
	opacity:1;
}

.sdx_info_box{
	background: rgba(255, 255, 255, 0.9);
    position: absolute;
    top: -157px;
    left: -125px;
    border-radius: 5px;
    /* border: 1px solid #31398e; */
    color: #555555;
    width: 250px;
    max-height: 150px;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(49,57,142,1);
    -moz-box-shadow: 0px 0px 5px 1px rgba(49,57,142,1);
    box-shadow: 0px 0px 5px 0px rgba(49,57,142,1);
    z-index: 250;
}
.sdx_info_box .sdx_info_box_content{
	overflow: auto;
    max-height: 148px;
    width: 248px;
    padding: 10px 10px 0px;
}

.sdx_info_box:after, .sdx_info_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}


.sdx_info_box:after {
	border-color: rgba(0, 0, 0, 0);
    border-top-color: rgba(0, 0, 0, 0.7);
    border-width: 10px;
    margin-left: -3px;
}

.sdx_info_box p{
	color: #555555;
    font-size: 12px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	line-height:16px;
}

i.handle{
	font-size: 20px;
    left: 0px;
    top: 4px;
    position: absolute;
    z-index: 5;
    padding: 3px 8px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 50px;
	cursor: -webkit-grab; 
	cursor: grab;
}

table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td{
	position: relative;
}

	#to_do_list_btn{
		position: fixed;
		top: 120px;
		right: 0px;
		background: #337ab7;
		width: 35px;
		height: 50px;
		line-height: 50px;
		margin: auto;
		text-align: center;
		border-radius: 5px 0px 0px 5px;
		color: #ffffff;
		cursor: pointer;
		transition: right ease-in-out 0.5s;
		z-index: 2;
	}
	
	#to_do_list_btn i{
		line-height: 50px;
	}

	
	#to_do_list_container{
		width: 75%;
		background: rgba(255, 255, 255, 0.95);
		position: fixed;
		height: 100%;
		top: 0;
		right: -75%;
		transition: right ease-in-out 0.5s;
		padding: 20px;
		z-index: 2;
	}
	
	
	#to_do_list_counter{

		position: absolute;
 
		top: -2px;
		right: 17px;
		transition: right ease-in-out 0.5s;
		padding: 5px;
		border-radius: 15px;
		color: #aaaaaa;
		font-size: 10px;
		line-height: 10px;
		color: white;
		background: rgba(255, 0, 0, 0.9);
		width: auto;
		height: auto;
		text-align: center;
		font-weight: bold;
		z-index: 2;
	}
	
	
	#to_do_list_btn.active{
		right: 75%;

	}
	
	#to_do_list_container.active{
		right: 0;
		overflow: auto;

	}
	
	#to_do_list_bg{
		
		position: fixed;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.49);
		display: none;
		z-index: 1;
		
	}
	
	#to_do_list_bg.active{
		display: block;
	}

	.planning_inter_rows{
		background: #2d715f;
		color: white;
		padding: 5px 20px;
		text-align: right;
		border-radius: 10px;
		margin-bottom:5px;
	}
	
	.planning_inter_rows .send_del{
		border: none;
		border-radius: 50%;
	}
	
	.rs-handle.rs-handle-square{
		transform: rotate(91deg);
		border-radius: 13%;
	}
	
	.rs-bar.rs-end .rs-seperator{
		width: 0px !important;
	}
	.rs-bar .rs-seperator{
		width: 0px !important;
	}
	
	.sdx_blink_effect{
		animation: blink_effect 1.5s cubic-bezier(.5, 0, 1, 1) infinite alternate; 
	}
	@keyframes blink_effect {  
	  from { opacity: 1; }
	  to { opacity: 0; }
	}
	.video_holder{    
		margin-top: 30px;
		position: relative;
		padding: 50px;
		background: #333333;
		border-radius: 20px;
	}
	video{
		max-height: 300px;
		max-width: 100%;
		margin: auto;
		display: block;
	}
	
	.capture_img{
		width:450px;margin:auto
	}
	.sdx_select{
		background: #f1f1f1;
		max-height: 100px;
		padding: 15px;
		border-radius: 5px;
		overflow: auto;
		border: 1px solid  #ccc;
	}
	.modal-dialog {
		position: relative;
		width: auto;
	}
	@media (min-width: 768px){
		.modal-dialog {
			width: 100%;
			margin: 0px;
		}
	}
	
	/**
	 * Simple fade transition,
	 */
	.mfp-fade.mfp-bg {
		opacity: 0;
		-webkit-transition: all 0.15s ease-out; 
		-moz-transition: all 0.15s ease-out; 
		transition: all 0.15s ease-out;
	}
	.mfp-fade.mfp-bg.mfp-ready {
		opacity: 0.8;
	}
	.mfp-fade.mfp-bg.mfp-removing {
		opacity: 0;
	}

	.mfp-fade.mfp-wrap .mfp-content {
		opacity: 0;
		-webkit-transition: all 0.15s ease-out; 
		-moz-transition: all 0.15s ease-out; 
		transition: all 0.15s ease-out;
	}
	.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
		opacity: 1;
	}
	.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
		opacity: 0;
	}
	.mfp-wrap{z-index:2043;}
	.mfp-bg{z-index:2042;}
	.its_modal{width:100%;height:100%;z-index:1000;background:rgba(255, 255, 255, 0.95);position:fixed;top: 0;padding: 50px 0px;overflow: auto;}
	.its_modal_close{font-size:25px;position:absolute;top:10px;right:20px;cursor:pointer}
	.filters_container{
		position: relative;
		height: auto;
		width: 100%;
		margin-bottom: 100px;
	}
	.filters{
		position:absolute;
		top:0;
		left:0;
		overflow: auto;
		width: 100%;
		
	}
	.ui-widget-content{
		background: #f1f1f1;
		border-radius: 4px;
		border-bottom: 2px solid #66afe9;
		outline: 0;
		-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
		box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
	
	
		-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
		-o-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;
	}
	
	.troncon_container .champ_requis {
		cursor:pointer;
	}
	
	.troncon_container .troncon_hidden{
		display:none;
	}
	
	.troncon_container.active .troncon_hidden{
		display:block;
	}
	
	.troncon_container.active.grayBox{
		
		background: #aaf78c;
	}
	
	div.flex-container{
		position: relative;
		height: 100%;
		padding: 0;
		margin: 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-direction: column;
	}
	
	div.flex-item{
		
		
	}
/* =============================================================
	AGENDA
============================================================= */	
	#wrapper{height:100%}
	#wrapper #pageContentWrapper.no_sidebar{
		padding-left: 0px;
	}
	.login_box {
		padding:20px;
		max-width: 450px;
		margin: auto;
		border-radius: 5px;
		background: transparent;
		border: 2px solid #dddddd;
		background: rgba(240, 248, 255, 0.70);
	}
	.form_login .sdx_input_btn {  
		height: 34px;
		margin: 0px;
		top: 0px;
	}
	.its_background_102 {
		background-color: rgba(255,255,255,1);
		background-image: url(https://www.idea-to-software.com/img/background/cluster_forum_eau_2019.jpg);
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		background-attachment: fixed;
	}

	ul.contact_filters{background:#f9f9f9;
    border: 0px;
    border-bottom: 2px solid #cccccc;

    border-radius: 5px;
	padding: 0px;
	}
	ul.contact_filters li{list-style-type: none;padding: 10px 10px 10px 10px;cursor:pointer}
	ul.contact_filters li:hover,ul.contact_filters li:focus{background:#f1f1f1}
	
	.text-center{text-align:center !important;}
	.text-justify{text-align:justify !important;}
	.text-right{text-align:right !important;}
	.green_bg{background: #def3ca !important;}
	
	.mail_logs{
		max-height:150px;
		overflow-y:auto;
	}
	
	.tinymce_inline_init{
		padding: 6px 12px;
		position: relative;
		border: 0px;
		border-bottom: 2px solid #cccccc;
		background: #f1f1f1;
		border-radius: 4px;
		-webkit-transition: border-bottom ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
		-o-transition: border-bottom ease-in-out .15s,box-shadow ease-in-out .15s;
		transition: border-bottom ease-in-out .15s,box-shadow ease-in-out .15s;
		outline: none; 
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	.tinymce_inline_init:focus{
		border-bottom: 2px solid #66afe9;
		-webkit-box-shadow: 0px 1px 10px 1px rgba(102,175,233,0.8); 
		box-shadow: 0px 1px 10px 1px rgba(102,175,233,0.8);
		outline: none; 
		
	}
	.warning_exclamation.displayed{
		color: #ffa500 !important;
		background: #ffedcb;
		font-size: 12px !important;
		padding: 10px 10px;
		border-radius: 5px;
	}
	.hide {
		display: none !important;
	}
	.date_joined{
		position:relative;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
	.close_crenau{
		position:absolute;
		right: 20px;
		z-index:1;
		cursor:pointer;
	}
	.pageContentHeader .container-fluid, .pageContentHeader.container-fluid{
		overflow: visible;
	}
	
	.pageContentHeader .dropdown-menu{
		right: 0;
		left: auto;
	}
	
	.toolbarLink-container .open>.dropdown-menu{
		right: 0;
		left: auto;
		background: linear-gradient(310deg, #ffffff, #f4feff, #ffffff, #f4feff, #ffffff);
		-webkit-animation: rotateGradient 30s ease infinite;
		-moz-animation: rotateGradient 30s ease infinite;
		animation: rotateGradient 30s ease infinite;
		background-size: 100% 250%;
		position: fixed;
		top: 53px;
		border-radius: 10px !important;
		box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
	}
	
	.toolbarLink-container .dropdown-toggle::after, .client_holder .dropdown-toggle::after, .reglement_holder .dropdown-toggle::after, .mode_paiement_holder .dropdown-toggle::after, .made_by_holder .dropdown-toggle::after, .civilite_holder .dropdown-toggle::after, .recommended_by_holder .dropdown-toggle::after, .recommended_in_holder .dropdown-toggle::after, .rib_holder .dropdown-toggle::after, .tech_more_holder .dropdown-toggle::after, .contact_holder .dropdown-toggle::after, .adresse_holder .dropdown-toggle::after, .autre_contact_holder .dropdown-toggle::after, .article_reference_holder .dropdown-toggle::after, .fournisseur_holder .dropdown-toggle::after, .facture_holder .dropdown-toggle::after, .devis_holder .dropdown-toggle::after, .expediteur_holder .dropdown-toggle::after, .destinataire_holder .dropdown-toggle::after, .user_holder .dropdown-toggle::after, .user_holder .dropdown-toggle::after, .tech_holder .dropdown-toggle::after, .search_holder .dropdown-toggle::after {
		content: none !important;
	}
	
	
	.etat_case_full_cell {
		font-size: 10px;
		padding: 2px 10px;
		color: white;
		display: block;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.table thead th {
		vertical-align: middle !important;
		border-bottom: 2px solid #dee2e6 !important;
		background: #bdc3c7 !important;
		background: linear-gradient( to top, rgb(8 103 141) , rgb(67 187 195 / 80%) ) !important;
		color: #ffffff !important;
		font-weight: 400 !important;
		/*border-radius: 5px 5px 0px 0px !important;*/
	}
	#pageContentWrapper .table thead th { border-bottom: 2px solid #dc3545 !important; }
	
	.table tfoot th {
		vertical-align: middle !important;
		border-top: 2px solid #dee2e6 !important;
		background: #bdc3c7 !important;
		background: linear-gradient( to top, rgb(67 187 195 / 80%) , rgb(8 103 141) ) !important;
		/*background: linear-gradient( to top, rgb(56 184 227 / 20%), rgb(62 107 135) ) !important;*/
		color: #ffffff !important;
		font-weight: 400 !important;
	}
	
	
	.table thead th { border-top: 0px !important; }
	.table thead th:first-child { border-radius: 5px 0px 0px 0px !important; }
	.table thead th:last-child { border-radius: 0px 5px 0px 0px !important; }
	.table tfoot th:first-child { border-radius: 0px 0px 0px 5px; }
	.table tfoot th:last-child { border-radius: 0px 0px 5px 0px; }
	
	thead.filters {
		border-bottom: 1px solid #f9f9f9;
		background: linear-gradient( to top, rgb(79 220 221 / 25%), rgb(255 255 255) ) !important;
		color: #08678D;
		border-radius: 5px;
		padding: 5px 15px;
	}
	
	table.dataTable tbody tr:hover {
		background: rgb(235 235 235 / 30%);
	}
	table.dataTable {
		background: linear-gradient(310deg, #ffffff, #fafdff, #f0f9ff, #f7fcff, #ffffff);
	}
	.response_list {
	  border: 1px dashed cadetblue;
	  list-style: none;
	  padding: 0;
	  background: rgb(255 255 255 / 63%);
	  color: #495057;
	  border-radius: 0px 0px 5px 5px;
	  overflow-y: auto;
	  max-height: 250px;
	  z-index: 300;
	  position:absolute;
	  width:100%;
	}
	.response_list li {
	  padding: 10px 15px;
	  cursor: pointer;
		height:auto;
	}

	.response_list li:hover {
	  background: rgba(0, 144, 214, 1) !important;
	}

	.response_list .item .info {
	  color: #1890ff;
	  font-size: 0.9rem;
	}

	.response_list .item:hover span {
	  color: #68767a;
	}

	ul.response_list li.item:nth-child(odd) {
	  background-color: rgb(255 255 255 / 80%);
	}
	ul.response_list li.item:nth-child(even) {
	  background: rgb(240 248 255 / 80%);
	}
	.inner_box .description{
		background: #fbfbfb;
		padding: 15px;
		border-radius: 5px;
	}
	
	.chatbox {
	    position: relative;
		width: 100%;
		height: 500px;
		display: flex;
		flex-direction: column;
		background: #f3f4f4;
		border-radius: 5px;
		overflow: auto;
	}

	.gpt_answer {
		padding: 15px;
		background: #ffffff;
		border-radius: 5px;
		margin: 15px;
		color: #000;
		width: 80%;
		border: 1px solid #17a2b8;
	}

	.user_question {
	  padding: 15px;
	  background: #17a2b8;
	  border-radius: 5px;
	  margin: 15px;
	  color: aliceblue;
	  width: 80%;
	  align-self: flex-end;
	}
	
	.gpt_answer pre{
	    display: block;
		font-size: 87.5%;
		color: #0dbb00;
		background: black;
		padding: 10px;
		border-radius: .25rem;
	}
	
	.gpt_answer .btn.copy-code-button{
		top: 50px;
		right: 10px;
		position: relative;
		background-color: rgb(23 162 184 / 20%);
	}
	
	.ai_completition_container {
		width: 100%;
		overflow-x: auto;
		cursor: grab;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: stretch;
		align-content: space-around;
		flex-wrap: nowrap;
		background: rgb(208 208 208 / 25%);
		border-radius: 2px;
		/*max-height: 450px;*/
		position: relative;
		padding: 0px 0px 250px 0px;
	}
	
	
	.ai_completition_container.active {
	  cursor: grabbing;
	}

	.ai_completition_container .excel_row {
	  white-space: nowrap; 
	  /*height: 250px;*/
	}

	.ai_completition_container .excel_row .textarea_container{
		font-weight: 400;
		border:1px solid #dfdfdf;
		display: inline-block; 
		font-size: 0.9rem;
		box-sizing: border-box;
		position: relative;
	}
	
	
	/*.ai_completition_container .excel_row .textarea_container .log{
		position: absolute;
		width: 300px;
		height: 200px;
		z-index: 2;
		bottom: 50px;
		background: aliceblue;
		text-wrap: nowrap;
		padding: 5px;
		display:none;
		white-space:normal;
		overflow-y:auto;
	}
	
	.ai_completition_container .excel_row .textarea_container:hover .log{
		display:block;
	}*/
	
	
	.ai_completition_container .excel_row span.qtip_init.log{
		position: absolute;
		z-index: 2;
		top: 5px;
		right: 5px;
	}

	
	.ai_completition_container .excel_row textarea{
		font-weight: 400;
		border:1px solid #dfdfdf;
		scrollbar-width: 2px; 
		-ms-overflow-style: 2px; 
		display: inline-block; 
		vertical-align: top; 
		font-size: 0.9rem;
		resize: none;
		min-height:49.16px;
		max-height:250px;
		height:100%;
		box-sizing: border-box;
		position: relative;
		
	}
	
	.ai_completition_container .excel_row textarea::-webkit-scrollbar { 
		  width: 3px !important; 
		  border-left: 0px !important;
		 
	}
	
	.ai_completition_container .excel_row textarea::-webkit-scrollbar-thumb { 
		background: #17a2b8;
	}
	
	.ai_completition_container .excel_row textarea:disabled {
	  resize: none; 
	}
	
	.ai_completition_container.active .excel_row textarea{
		cursor: inherit;
	}
	.ai_completition_container .excel_row textarea.selected {
	  background-color: lightblue; 
	}
	
	.ai_completition_container .excel_row textarea::after {
	  content: "";
	  position: absolute;
	  top: 0;
	  right: 0;
	  padding: 2px;
	  font-size: 10px;
	  color: #000; /* Set the text color */
	  z-index: 1; /* Ensure the label appears above the textarea */
	}
	
	.ai_completition_container .excel_row textarea.context::after {
	  content: "context" !important;;
	}

	.ai_completition_container .excel_row textarea.table_header::after {
	  content: "table_header" !important;;
	}
	
	.ai_completition_container .excel_row textarea.table_context::after {
	  content: "table_context" !important;;
	}

	.ai_completition_container .excel_row textarea.table_data::after {
	  content: "table_data" !important;;
	}
	
	.ai_completition_container .excel_row textarea.cell_to_fill::after {
	  content: "cell_to_fill" !important;;
	}

	.ai_completition_container .excel_row textarea.context {
	  border: 1px solid #309430;
	  box-shadow: inset 0px 0px 10px #309430;
	}

	.ai_completition_container .excel_row textarea.table_header {
	  border: 1px solid #4fc7f3;
	  box-shadow: inset 0px 0px 10px #4fc7f3;
	}
	
	.ai_completition_container .excel_row textarea.table_context {
	  border: 1px solid #c70102;
	  box-shadow: inset 0px 0px 10px #c70102;
	}

	.ai_completition_container .excel_row textarea.table_data {
	  border: 1px solid #fecc27;
	  box-shadow: inset 0px 0px 10px #fecc27;
	}
	
	.ai_completition_container .excel_row textarea.cell_to_fill {
	  border: 1px solid #ff6c00;
	  box-shadow: inset 0px 0px 10px #ff6c00;
	}

	.ai_completition.context-menu {
	  display: none;
	  position: absolute;
	  z-index: 1000;
	  width: 150px;
	  background-color: #f9f9f9;
	  border: 1px solid #ccc;
	  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
	  list-style-type: none;
	  margin: 0;
      padding: 0;
	}
	

	.ai_completition.context-menu li {
	  padding: 8px;
	  cursor: pointer;
	  list-style: none;
	}
	
	.ai_completition.context-menu li.context {
		border: 1px solid #309430;
		box-shadow: inset 0px 0px 10px #309430;
	}
	
	.ai_completition.context-menu li.table_header {
		border: 1px solid #4fc7f3;
		box-shadow: inset 0px 0px 10px #4fc7f3;
	}
	
	.ai_completition.context-menu li.table_context {
		border: 1px solid #c70102;
		box-shadow: inset 0px 0px 10px #c70102;
	}
	
	.ai_completition.context-menu li.table_data {
		border: 1px solid #fecc27;
		box-shadow: inset 0px 0px 10px #fecc27;
	}
	
	.ai_completition.context-menu li.cell_to_fill {
		border: 1px solid #ff6c00;
		box-shadow: inset 0px 0px 10px #ff6c00;
	}

	.ai_completition.context-menu li:hover {
	  background-color: #f0f0f0;
	}

	.ai_completition_container .run_script{
		
		top: 0;
		right: 0;
		z-index: 1;
	}
	
	.question-row{
		background: rgba(23, 162, 184, 0.05);
		margin: 30px 15px !important;
		border-radius: 20px;
		color: #17a2b8;
		padding: 30px 15px 0px 15px;
		box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
	}
	
	.tox-tinymce iframe{ min-height: 0 !important;}
	
	.tox-tinymce-inline{z-index:5000 !important; }
	
	.dropdown-menu{
		min-width: 15rem !important;
	}
	
	td ul.group_item_filters.article_reference_filters{
		width:350px;
	}
	
.myNavControl{
	margin-top:20px; padding: 0px 20px; background:black; border-radius:10px; height:30px;color: white; line-height: 30px; font-style: italic;
	background: #43BBC3; 
	background: -moz-linear-gradient(left, #43BBC3 0%, #04292B 46%, #04292B 50%, #39bac4 100%); 
	background: -webkit-linear-gradient(left, #43BBC3 0%,#04292B 46%,#04292B 50%,#39bac4 100%); 
	background: linear-gradient(to right, #43BBC3 0%,#04292B 46%,#04292B 50%,#39bac4 100%);
}
.owl-carousel .owl-item:first-child .myGoRightNav{display:none;}
.owl-carousel .owl-item:last-child .myGoLeftNav{display:none;}

#chartdiv {
	width	: 100%;
	height	: 350px;
}
			
.fc-button{
	color: #fff;
    background: #08678d;
    border-color: #43bbc3;
	display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	text-shadow: none;
    box-shadow: none;
}

.fc-button:disabled {
    color: #04292b;
    background-color: #dcdcdc;
    border-color: #04292b;
}

.fc-button:not(:disabled):not(.disabled).fc-state-active, .fc-button:not(:disabled):not(.disabled):focus, .fc-button:not(:disabled):not(.disabled):hover {
	color: #fff;
    background-color: #43BBC3 !important;
    border-color: #43bbc3;
	
}

.fc-button-group>.fc-button-group:not(:last-child)>.fc-button, .fc-button-group>.fc-button:not(:last-child):not(.dropdown-toggle){
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}


#sidebarWrapper {
	background: #04292B;
	background: linear-gradient(310deg, #08678D, #43BBC3, #04292B, #08678D, #04292B);
   /* background: linear-gradient(310deg, #08678D, #43BBC3, #43BBC3, #08678D, #04292B);*/
    -webkit-animation: rotateGradient 30s ease infinite;
    -moz-animation: rotateGradient 30s ease infinite;
    animation: rotateGradient 30s ease infinite;
    background-size: 100% 250%;
}

@-webkit-keyframes rotateGradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


@-moz-keyframes rotateGradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@keyframes rotateGradient {
	 0% {
        background-position: center bottom;
    }
    50% {
        background-position: center top;
    }
    100% {
        background-position: center bottom;
    }
}

.btn-primary {
	color: #ffffff;
    background-color: #08678D !important;
    border-color: #43BBC3 !important;
}

.btn-primary:hover, .btn-primary:focus{
    background-color: #43BBC3 !important;
    border-color: #43BBC3 !important;
}

.toolbarFixed{
    background-image: linear-gradient(#eaeaea 0%, #ffffff 100%);
}


.fc-button-group>.fc-button-group:not(:first-child)>.fc-button, .fc-button-group>.fc-button:not(:first-child){
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.fc-view-container table div.fc-slats table td.fc-widget-content:not(:first-child):hover{background:#d0f7c6}

#wrapper #pageContentWrapper{height:100%;}
#pageContentWrapper.sm{padding: 90px 0px;}

.fc-time-grid, .fc-time-grid-container{height:auto}
.fc-toolbar h2 {
    margin-top: 5px;
}
.devis_chart,.facture_chart,.ca_chart{width: 100%;height: 500px;font-size: 11px;position: relative;}

@media (max-width: 768px) { .devis_chart {height: 250px; font-size: 8px;} }
.amcharts-pie-slice {
	transform: scale(1);transform-origin: 50% 50%;transition-duration: 0.3s;transition: all .3s ease-out;-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-o-transition: all .3s ease-out;
	cursor: pointer;box-shadow: 0 0 30px 0 #000;
}
.amcharts-pie-slice:hover{
	transform: scale(1.1); filter: url(#shadow);
}	
.chart_no_data{
	padding:10px;
	background: #f9f9f9;
    width: 100%;
    height: 100%;
    top: 0;
    border-radius: 10px;
    position: absolute;
}

.board_holder{position:relative}
#drawing_board{position: absolute;top: 0;}
#drawing_holder canvas.erase:hover{ cursor: url("https://www.idea-to-software.com/votre-espace/img/erase_icon.png") 9 32, auto;}

.form-group{
	position:relative;
}

ul.item_filters li:nth-child(odd), ul.group_item_filters li:nth-child(odd) {
  background-color: #ffffff;
}

ul.item_filters li:nth-child(even), ul.group_item_filters li:nth-child(even) {
  background-color: #f3faff;
}

tbody tr:nth-child(odd){
  background-color: rgb(255 255 255 / 80%);
}

tbody tr:nth-child(even) {
  background: rgb(8 103 141 / 5%);
}


ul.contact_filters li,
ul.view_filters li,
ul.client_filters li, 
ul.vehicule_filters li,
ul.item_filters li,
ul.group_item_filters li
{list-style-type: none;padding: 10px 10px 10px 10px;cursor:pointer}

ul.contact_filters li:hover,ul.contact_filters li:focus,
ul.view_filters li:hover,ul.view_filters li:focus,
ul.client_filters li:hover,ul.client_filters li:focus
ul.vehicule_filters li:hover,ul.vehicule_filters li:focus,
ul.item_filters li:hover,ul.item_filters li:focus,
ul.group_item_filters li:hover,ul.group_item_filters li:focus
{
	background:#f1f1f1
}

ul.contact_filters, ul.view_filters, ul.client_filters, ul.vehicule_filters, ul.item_filters, ul.group_item_filters{
    background: #f9f9f9;
    border: 0px;
    border-bottom: 2px solid #cccccc;
    border-radius: 5px;
    padding: 0px;
    overflow: auto;
    max-height: 250px;
    position: absolute;
    width: 100%;
    z-index: 300;
    margin-left: 0px;
    margin-right: 0;
}

td ul.contact_filters, td ul.view_filters, td ul.client_filters, td ul.vehicule_filters, td ul.item_filters, td ul.group_item_filters{
    background: #f9f9f9;
    border: 0px;
    border-bottom: 2px solid #cccccc;
    border-radius: 5px;
    padding: 0px;
    overflow: auto;
    max-height: 250px;
    position: relative;
    width: 100%;
    z-index: 300;
    margin-left: 0px;
    margin-right: 0;
}


.form-group .champ_requis{ color:#2e6da4 }
.green_span{padding:2px 5px;border-radius:5px;background:#def3ca;color:green}

.span_block{font-size: 10px;border-radius: 5px; padding: 4px 10px; display: inline;}
.span_block.green{background: green; color: white;}
.span_block.red{background: red; color: white;}
.modal_view_opt{
	position: fixed;
    background: #08678d;
    width: 100%;
    bottom: 0;
    left: 0px;
    border-top: 1px solid #cccccc;
    padding: 20px 15px;
	z-index: 100;
}

.modal_view_opt button.btn-default{
	color: #ffffff !important;
	border: 1px solid !important;
}

.modal_view_opt button.btn-default:hover{
	color: #ffffff !important;
	border: 1px solid #ffffff !important;
	background-color: rgb(0 0 0 / 40%);
}

.modal_view_opt.has-scrollbar {
    left: -8px;
}

/* DEBUG ANNIMATED MOZILLA */
.its_modal.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
}

.thumbnail_pj{
	border-radius:10px;
	width:64px;
	height:64px;
	margin-bottom:5px;
}
.file_list, .bcmd_list{
	padding: 30px 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -ms-flex-pack: distribute;
        justify-content: space-around;
}

ul.file_list li, ul.bcmd_list li{
	list-style-type: none;
    display: inline-block;
	position: relative;
	padding: 5px;
    border-radius:10px;
    border: 1px solid #ddf5f9;
	margin-bottom: 5px;
	cursor:grab;
}

ul.file_list li .del_pj, ul.file_list li .del_it, ul.bcmd_list li .bcmd_del{
	position: absolute;
    top: 0;
    right: 0;
    float: none;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #d0d0d0;
    filter: alpha(opacity=60);
    opacity: 0.6;
    background: #f00;
    border-radius: 5px;
    padding: 1px 2px 2px 2px;
	cursor:pointer;
}

ul.file_list li .del_pj:hover, ul.file_list li .del_pj:focus,
ul.file_list li .del_it:hover, ul.file_list li .del_it:focus,
ul.bcmd_list li .bcmd_del:hover, ul.bcmd_list li .bcmd_del:focus{
    filter: alpha(opacity=80);
    opacity: 0.8;
}
.qtip-its {
	background-color: #ffffff;
    border-color: #85d3d8;
    color: #04292b;
    border-radius: 2px;
    border: 2px solid #85d3d8;
}
.qtip-its .qtip-titlebar {
	background-color: #85d3d8;
    color: #04292b;
}

.zoomThis, .zoom_this, .file_list .zoom_it, .bcmd_list .bcmd_zoom {
	position: absolute;
    top: 0;
    left: 0;
    float: none;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #d0d0d0;
    filter: alpha(opacity=60);
    opacity: 0.6;
    background: #337ab7;
    border-radius: 5px;
    padding: 1px 2px 2px 2px;
	cursor:pointer;
}
.zoomThis:hover, .zoomThis:focus,
.zoom_this:hover, .zoom_this:focus,
.file_list .zoom_it:hover, .file_list .zoom_it:focus,
.bcmd_list .bcmd_zoom:hover, .bcmd_list .bcmd_zoom:hover {
    filter: alpha(opacity=80);
    opacity: 0.8;
}


.warningLoader {
    text-align: center;
    background: #f1f1f1;
    padding: 10px 10px;
    border-radius: 5px;
	margin-bottom: 10px;
}
.warningLoader span {
	color: #cccccc;
    font-weight: 600;
    font-size: 12px;
}
.lds-ellipsis {
  display: inline-block;
  position: relative;
  width: 20px;
  height: 20px;
}
.lds-ellipsis div {
  position: absolute;
  top: 13px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #cccccc;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
  left: 6px;
  animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
  left: 6px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
  left: 26px;
  animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
  left: 45px;
  animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}

.custom_table_its .left_side{
	padding: 10px 5px;
	/*border-radius: 5px;
	background: rgba(221, 245, 249, 0.5);*/
}
.custom_table_its .left_side table.dataTable.stripe tbody tr.odd, 
.custom_table_its .left_side table.dataTable.display tbody tr.odd{
	background-color: transparent;
}
.custom_table_its .left_side table.dataTable tbody tr {
	background-color: transparent;
}
.custom_table_its .left_side table.dataTable.display tbody tr.odd>.sorting_1, 
.custom_table_its .left_side table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {
	background-color: rgba(241, 241, 241, 0.5);
}
.custom_table_its .left_side table.dataTable.display tbody tr.even>.sorting_1, 
.custom_table_its .left_side table.dataTable.order-column.stripe tbody tr.even>.sorting_1 {
	background-color: rgba(250, 250, 250, 0.5);
}
.custom_table_its .left_side table.dataTable tbody th, 
.custom_table_its .left_side table.dataTable tbody td {
	padding: 0;
}
.custom_table_its .left_side table.dataTable tbody th div.btn_messagerie_dossier_detail, 
.custom_table_its .left_side table.dataTable tbody td div.btn_messagerie_dossier_detail {
	padding: 8px 10px;
	cursor: pointer;
	background: rgba(57,187,231,1);
	background-image: -o-linear-gradient( 346.8deg, rgba(53,108,128,1) 14.6%, rgba(57,187,231,1) 91.5% );
	background-image: linear-gradient( 103.2deg, rgba(53,108,128,1) 14.6%, rgba(57,187,231,1) 91.5% );
	color:#ffffff;
}
.custom_table_its .left_side table div.btn_messagerie_dossier_detail:hover{
	background: #000000 !important;
	background: -moz-linear-gradient(right, #000000 0%, #2989d8 50%, #207cca 51%, #000000 100%) !important;
	background: -webkit-linear-gradient(right, #000000 0%,#2989d8 50%,#207cca 51%,#000000 100%) !important;
	background: linear-gradient(to right, #000000 0%,#2989d8 50%,#207cca 51%,#000000 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1) !important;
}
.custom_table_its .left_side table.dataTable thead th, table.dataTable thead td,
.custom_table_its .left_side table.dataTable tfoot th, table.dataTable tfoot td {
	border-bottom: none;
	border-top: none;
}
.custom_table_its .dataTables_processing panel panel-default{
	margin-bottom: 0;
	background-color: transparent;
	border: none;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.custom_table_its div.dataTables_wrapper div.dataTables_processing {
	position: absolute;
	top: 44px;
	left: 25%;
	width: 50%;
	margin-left: 0;
	margin-top: 0;
	height: auto;
	text-align: center;
	padding: 0;
	background: rgba(57,187,231,.5);
	background-image: -o-linear-gradient( 346.8deg, rgba(53,108,128,0.5) 14.6%, rgba(57,187,231,0.5) 91.5% );
	background-image: linear-gradient( 103.2deg, rgba(53,108,128,0.5) 14.6%, rgba(57,187,231,0.5) 91.5% );
}

.custom_table_its .panel {
	margin-bottom: 0px;
	background-color: #fff;
	border: none;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.custom_table_its .form-control {
	border: 0px;
	border-bottom: 2px solid #cccccc;
	background: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.custom_table_its .lds-ellipsis div{background:#ffffff}
.transparent_bg{background: transparent !important;}
.yellow_bg{background: #ffffa4 !important;}
.orange_bg{background: #ffc459 !important;}
.red_bg{background: #ff8a8a !important;}

.etat_case_neutre{
	font-size: 10px;
	border-radius: 5px;
	padding: 2px 10px;
	color: white;
	background: #337ab7;
	display: inline-block;
	margin-top:2px;
}

.its_apercu_doc{ overflow:auto; min-height: 500px; }

.its_pdf_effect{
	border: 1px solid #d1d1d1;
	-webkit-box-shadow: 5px 5px 10px -9px rgba(0,0,0,0.75);
	-moz-box-shadow: 5px 5px 10px -9px rgba(0,0,0,0.75);
	box-shadow: 5px 5px 10px -9px rgba(0,0,0,0.75);
	border-radius: 15px;
	margin-top: 15px;
}

.amcharts-main-div:hover .amcharts-export-menu, .amcharts-stock-div:hover .amcharts-export-menu, .amcharts-export-menu.active{
	z-index:999;
}
.green_bg {
    background: #def3ca !important;
}

#pageContentWrapper {
    width: 100%;
    position: absolute;
    padding: 160px 15px;
    -webkit-transition: padding-left 1s;
    transition: padding-left 1s;
	overflow-x: hidden;
    overflow-y: auto;
}

#wrapper{
	height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    overflow: auto;
}

#sidebarWrapper::-webkit-scrollbar {
    width: 2px;
    height: 8px;
    border-radius: 5px;
    border-left: 1px solid #356c80;
}

.warning_title{
	color: red !important;
    text-align: center;
    display: block;
    background: #ffcbcb;
    font-size: 12px !important;
    padding: 10px 10px;
    border-radius: 5px;
}

.alert_conainer{
	border: 1px solid gray;
	position: fixed;
	background: white;
	z-index: 500;
	padding: 15px;
	right: 25px;
	top: 0;
	max-width: 300px;
	max-height:450px;
	overflow:auto;
}


.bottom-align-button {
    display: flex;
    flex-direction: column;
    height: auto;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
	right:10px;
}

span.input-group-addon{
	background: white;
	min-height:38px;
    width: 38px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 0px 5px 5px 0px;
    border: 1px solid #ddd;
}

.middleBlock {
	display: flex;
	justify-content: center;
	height: 60vh;
	text-align: center;
	flex-direction: column;
	flex-wrap: nowrap;
	align-items: center;
}

.infoContainer{
	background: white;
	border: 1px solid #dedede;
	padding: 15px;
	border-radius: 20px;
	font-family: 'Unica One', cursive;
}

.popupMainHeader{
	background: #F3903C;
	color: white;
	padding: 15px;
	text-align:center;
	border-radius:5px;
}

.its_modal_close{
	font-size: 25px;
	position: absolute;
	top: 25px;
	right: 15px;
	cursor: pointer;
	border: 1px solid #08678d;
	padding: 3px 15px;
	display: inline-block;
	text-align: right;
	border-radius:5px;
}

.its_modal_close:hover{
	background-color: rgb(0 0 0 / 10%);
	color:#08678d;
}

.its_modal{
	padding: 80px 0px 0px;
}

.c-md-150{
	margin-bottom:150px;
}

img.svg_button_icon{
	height:1.3rem;
}

.import_loader{
	background: transparent;
	text-align: center;
	padding: 5px;
	margin-top: 15px;
	font-weight: 600;
	color: #ffffff;
	display:none;
}

.import_loader span {
	animation-name: dots;
	animation-duration: 1s;
	animation-iteration-count: infinite;
}

.import_loader span:nth-child(2) {
	animation-delay: 0.2s;
}

.import_loader span:nth-child(3) {
	animation-delay: 0.4s;
}

@keyframes dots {
	0%, 20% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
	80%, 100% {
		opacity: 0;
	}
}
.list_to_import{
	margin-top: 40px;
}
.readRow{
	background: rgb(84 201 66 / 60%) !Important;
}



.input-group.customBuild{
	border: 1px solid #ced4da;
	border-radius: .25rem;
	display: -ms-flexbox;
	display:flex;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}


.input-group.customBuild span:first-of-type{
	width: 40px;
	text-align: center;
	border-right: 1px solid #ced4da;
	color: #ced4da;
}

.input-group.customBuild span.button_right:first-of-type{
	width: 40px;
	text-align: center;
	border-left: 1px solid #ced4da;
	color: #ced4da;
	border-right: 0;
}


.input-group.customBuild input{
  border:none;
  background-color: transparent;
}
.input-group.customBuild input:focus,
.input-group.customBuild select:focus,
.input-group.customBuild textarea:focus,
.input-group.customBuild button:focus {
	outline: none;
}

.page-item.active .page-link{
	color: #ffffff !important;
	background-color: #08678D !important;
    border-color: #43BBC3 !important;
}

.page-link{
	color: #08678d !important;
}

.clock_mode .rs-bg-color {
	background: #f3903c;
	background: linear-gradient(0deg, rgb(8 103 141) 0%, rgb(23 162 184) 35%, rgb(243 144 60) 100%);
}

.clock_mode.mode_b {position:absolute;}

.clock_mode.mode_b .rs-full .rs-tooltip {
	top: 50%;
	left: 60%;
	color: white;
}
.clock_mode .rs-full .rs-tooltip {
	top: 50%;
	left: 40%;
	color: white;
}
.clock_mode .rs-block{
	padding: 15px !important;
	right: 0px;
	background: #f6f6f6;
}
.clock_mode .rs-range-color {
	background-color: #transparent
}

.clock_mode .rs-handle {
	background-color: transparent;
	border: 15px solid transparent;
	border-right-color: #040404;
	transform: rotate(360deg);
}

.clock_mode .rs-handle:before {
	display: block;
	content: " ";
	position: absolute;
	height: 26px;
	width: 28px;
	background: #08678d;
	right: 3px;
	top: -13px;
	border-radius: 100%;
	transform: rotate(-90deg);
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	color: white;
}

.clock_mode .rs-handle:after {
	display: block;
	content: " ";
	width: 87px;
	position: absolute;
	top: -1px;
	right: -103px;
	border-top: 3px dotted #040404;
	transform: rotate(180deg);
}

.clock_mode.mode_a .rs-handle:before {
	content: "A";
}

.clock_mode.mode_b .rs-handle:before {
	content: "B";
}

.troncon_item{
	width: 100%;
	border-radius: 10px;
	border: 1px solid #dddddd;
}

.troncon_info{
	position:absolute;
	font-size: 6px;
	color: #736f6f;
	left: 25px;
}
.color-orange-chart{color:#F3903C;}
.menu_at_top{left: -120px !important;}

.vertical-dots::before {
    content: '\22ee';
    display: inline-block; /* This makes it align properly with text if needed */
}

.btn.no-caret.dropdown-toggle::after {content: none;}

div.pack_type{
	color: #ffffff;
	background: #f3903c;
	padding: 5px 15px;
	border-radius: 5px;
	margin-bottom: 10px;
	font-weight: 600;
}

div.pack_user{
	font-size: 0.8rem;
	color: #08678d;
	margin-bottom: 20px;
}

div.pack_price{
	font-size: 1.2rem;
	margin-bottom: 20px;
	font-weight: 600;
	color: #7b7b7b;
}
div.pack_price span{
	font-size: 0.7rem;
	color: #f3903c;
}
.abonneoment_list_holder{padding-bottom: 30px;}
.abonneoment_list_holder .item_container {
  padding: 15px 15px 15px 15px;
  position: relative;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  height: 100%;
}
.abonneoment_list_holder .item_container .last { margin-top: auto; }
.abonneoment_list_holder .statut{
  position: absolute;
  top: 15px;
  right: 15px;
  background: rgb(29 30 28 / 65%);
  color: #ffffff;
  border-radius: 10px;
  padding: 5px 10px;
  text-transform: uppercase;
}
.abonneoment_list_holder .statut.green{background: rgb(84 201 66 / 90%);}
.tox-notifications-container{z-index: 9999 !important;}
.table.gwe_table th{ background: #08678d; color: #ffffff; }

.its_modal .table thead th, .its_modal .table tfoot th { background:#08678d !important; color:#FFFFFF !important; }
.its_modal .menu_at_top li a { text-align: left; }
.its_modal .menu_at_top li a.btn-primary, .its_modal .menu_at_top li a.btn-warning, .its_modal .menu_at_top li a.btn-info, .its_modal .menu_at_top li a.btn-danger, .its_modal .menu_at_top li a.btn-success { color:white; }
.its_modal .menu_at_top li a.btn.bg_orange{ background: #F3903C;border-color: #F3903C; color:#FFFFFF;}
.its_modal .menu_at_top li a.btn.bg_orange:hover{ background: #FFC459; color:#FFFFFF;}
.bg_gray{background: #7b7b7b !important;}
table td.scrollXY{ max-width:150px; overflow:auto; }
table td.opt div{ width:100%; min-width: 150px; text-align:right; }
table td.pronounced{ font-weight:700; }
.td_span_sm{font-size: 10px; color: #8b8b8b;}
.table thead th, .table tfoot th { background: #08678d !important; color: #FFFFFF !important; }
.preview_logo_brand {max-height: 40px; max-width: 40px;}

.its_modal .scroll-wrapper { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.its_modal .scroll-wrapper table{ margin-bottom: 0px; }
.its_modal .scroll-wrapper-hide{ overflow-x: hidden; -webkit-overflow-scrolling: touch; }
.its_modal .scroll-wrapper .response_list.relative{ max-height: 250px; position: relative; }
.its_modal .scroll-wrapper td ul.response_list{ width: 350px; }
.its_modal .scroll-wrapper td textarea.designation:focus{width: 350px;}
.its_modal .scroll-wrapper table td.title_row{ background:#08678d;color:#ffffff }
.its_modal table input[readonly]{ background-color:#e9ecef; border: 0px; }

.dataTables_info{font-size:0.8rem}
div.dataTables_wrapper div.dataTables_filter input {
	margin-left: 0em;
	display: inline-block;
	width: 100%;
}
div.dataTables_wrapper div.dataTables_filter label {
	font-weight: normal;
	white-space: normal;
	text-align: left;
}

.api_connector_list_holder{
	padding-top: 30px;
	padding-bottom: 30px;
}

.api_connector_list_holder .item_container {
  padding: 60px 15px 15px 15px;
  position: relative;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  height: 100%;
}

.api_connector_list_holder .statut{
  position: absolute;
  top: 15px;
  right: 15px;
  background: rgb(29 30 28 / 65%);
  color: #ffffff;
  border-radius: 10px;
  padding: 5px 10px;
  text-transform: uppercase;
}
.api_connector_list_holder .statut.green{ background: rgb(84 201 66 / 90%); }
.icon-stack-its { position: relative; display: inline-block; }
.icon-stack-its .fa-plus-circle { position: absolute; bottom: 3px; left: -5px; font-size: 0.7em; color: #28a745; border-radius: 50%; background: white; }
.its_modal .scroll-wrapper td textarea.width_increase:focus{width: 350px;}

.nexxio.dialogue_box {border: 1px solid #ccc;border-radius: 5px;padding: 10px;max-height: 400px;overflow-y: auto;background-color: #f9f9f9;margin-bottom: 10px;}
.nexxio .message-box {margin-bottom: 10px;padding: 10px;border-radius: 10px;width:70%;max-width: 70%;clear: both;}
.nexxio .message-box .message-header {display: flex;justify-content: space-between;margin-bottom: 5px;}
.nexxio .message-box .author {font-size: 0.8em;font-weight: bold;}
.nexxio .message-box .date {font-size: 0.6em;color: #999;}
.nexxio .message-box .message-content {padding: 10px;background-color: #e9e9e9;border-radius: 5px;}
.nexxio .message-box.lessor {float: left;background-color: #f8d7da;}
.nexxio .message-box.supplier {float: right;background-color: #d1e7dd;}
.nexxio .message-box.lessor .message-content {background-color: #f5c6cb;}
.nexxio .message-box.supplier .message-content {background-color: #cfe2ff;}
.nexxio.message-input {display: flex;align-items: center;margin-top: 10px;}
.nexxio.message-input textarea {flex: 1;padding: 10px;border-radius: 5px;border: 1px solid #ccc;margin-right: 10px;resize: none;}
.nexxio.message-input button {padding: 10px 20px;border: none;border-radius: 5px;background-color: #007bff;color: white;cursor: pointer;}
.nexxio.message-input button:hover {background-color: #0056b3;}

@keyframes attentionFade {
    0%, 100% {
        box-shadow: 0 0 10px rgba(255, 0, 0, 0.5);
        background-color: rgba(255, 0, 0, 0.3);
    }
    50% {
        box-shadow: 0 0 20px rgba(255, 0, 0, 1);
        background-color: rgba(255, 0, 0, 0.7);
    }
}

.attention-effect { animation: attentionFade 3.5s infinite; }
.its_modal .table th.bg_primary{ background:#f3903c !important; }
.bg_disable { background:#e9ecef !important;}
.deduction-container .deduction-row:nth-child(odd){ background: #f3f3f3; padding: 15px; margin-left: 0; margin-right: 0; }
.deduction-container .deduction-row:nth-child(even){ background: #fbfbfb; padding: 15px; margin-left: 0; margin-right: 0; }

#custom-dropzone {
	border: 2px dashed #d9d9d9; /* Bordure en pointillés */
	border-radius: 5px; /* Coins arrondis */
	padding: 20px;
	text-align: center;
	background-color: #f9f9f9; /* Couleur de fond par défaut */
	transition: background-color 0.3s ease, border-color 0.3s ease; /* Animation pour la transition */
	cursor: pointer;
}

#custom-dropzone .global-loader {
	color: #1e90ff;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: rgb(255 255 255 / 95%);
    z-index: 999;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

#custom-dropzone .global-loader i {
	color: #007bff;
	margin-bottom: 10px;
}

#custom-dropzone.drag-over {
	background-color: #f0f8ff; /* Changement de couleur lorsque vous survolez */
	border-color: #1e90ff; /* Couleur de bordure changée en survol */
}

#custom-dropzone .dz-message {
	color: #555; /* Couleur du texte */
	font-size: 16px; /* Taille de la police */
	font-weight: bold;
}


.etat_valide{
	background: rgb(22 141 8 / 50%);
    border-radius: 4px 0px 0px 0px;
    padding: 1px 5px;
    position: absolute;
    bottom: 0;
    right: 0;
	font-size: 8px;
}

.qr_scan_btn, .qr_scan_btn_liste{
	position: fixed;
	bottom: 115px;
	right: 20px;
	height: 50px;
	width: 50px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	z-index: 10;
}
.codebar_scan_btn, .codebar_scan_btn_liste{
	position: fixed;
	bottom: 175px;
	right: 20px;
	height: 50px;
	width: 50px;
	box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
	z-index: 10;
}

ul.response_list li.item .gray_span_sm{ margin-bottom : 5px; }
#notification{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%; }

.etat_case_circle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
    margin: 2px;
    font-size: 12px;
	cursor: help;
}

.toolbarLogo .brand-flip {
  position: relative;
  display: inline-block;
  width: 160px;  /* ajuste à ta barre */
  height: 50px;  /* ajuste */
  perspective: 800px;
  text-decoration: none;
  max-height: 44px;
}
.toolbarLogo .brand-flip .brand-face {
  position: absolute;
  inset: 0;
  display:flex;
  align-items:center;
  justify-content:center;
  backface-visibility: hidden;
  transition: transform .6s ease;
}
.toolbarLogo .brand-flip img { 
  max-height: 100%; 
  max-width: 100%; 
  object-fit: contain; 
}
.toolbarLogo .brand-text {
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 0 8px;
}
/* faces */
.toolbarLogo .brand-face-ent   { transform: rotateY(0deg); }
.toolbarLogo .brand-face-param { transform: rotateY(-180deg); }

/* flip au hover */
.toolbarLogo .brand-flip:hover .brand-face-ent   { transform: rotateY(180deg); }
.toolbarLogo .brand-flip:hover .brand-face-param { transform: rotateY(0deg); }