/* 
    Created on : 07-Aug-2018, 12:37:29
    Author     : ej
*/

/* logo */

.navbar-brand  img {
	width:50px;
        margin-top: -10px;
}

/* customize look EFSS  */

.navbar-default.efss {
  background-color: #E5E1DF;
}

ul.nav.navbar-nav.efss {
	margin-top: 10px;
}

.hover {
    cursor: pointer ;
}

hr.custom {
    margin-top: 5px;
    margin-bottom: 5px;
}

#main-custom-container {
    margin-left: 20px;
    margin-right: 20px;
}

.conditional {
    display: none ;
}

.conditional-display {
    color: darkred ;
}


table.display-info {
	width: 100% ;
}

table.display-info tr {
    border-bottom: 1px solid lightGrey ;
    height: 40px ;
}

table.display-info tr td:first-child {
   /* font-weight : bold ; */
}

table.display-info tr td:nth-child(2) {
    padding-left:10px ;
    color : #493DE9 ;  /* primary */
	width: 70% ;
}

table.display-info tr:nth-child(even) {background: #ffffff}
table.display-info tr:nth-child(odd) {background: #f5f5f5}

table.display-info img {
    width:25%;
}


span.edit-input, span.edit-textarea, span.edit, span.edit-select, span.my-edit-select {
    cursor: pointer !important ;
}

span.edit-input:hover, span.edit-textarea:hover, span.edit:hover, span.edit-select:hover, span.my-edit-select:hover {
    color: darkred  !important;
}

/*
span.edit-input input, span.edit-textarea textarea  {
	width:50% ;
}
*/


.edit input {
    display: inline-block;
}

.edit #form-edit {
    border: 1px solid darkred;
    padding: 10px;
    border-radius: 10px;
}

.customGrey {
    color: grey ;
}


/* scheduler */
.dhx_cal_lsection {
    width: 180px !important;
}

.glyphicon {
    cursor: pointer ;
}

.glyphicon.glyphicon-save {
    font-size: 25px;
}

.glyphicon.glyphicon-education {
    font-size: 25px;
}
/*
span.lieu {
    color: #493DE9;
}
*/

/* stats */
table.stats {
    width: 50% ;
}

table.stats tr > td:nth-child(2) {
    text-align: right ;
}


table.display.responsive {
	width:100% !important;
}

/* the following is not used */

.color-marker {
	display: inline-block;
	width: 10px;
	height: 10px;
}

.bg-muted {
  background-color: #999999;
}

.bg-primary {
  background-color: #64a7d2;
}

.bg-warning {
  background-color: #8a6d3b;
}

.bg-danger {
  background-color: #a94442;
}

.bg-success {
  background-color: #3c763d;
}

.bg-info {
  background-color: #31708f;
}

.bg-default {
  background-color: #333333;
}

.text-default {
  color: #333333;
}
/*
div#notifications {
	border: 2px solid orange ; 
	padding: 0;
	background-color: #FFF3E0 ;
}
*/

#table-events {
	border: 2px solid #493DE9 ; 
}
#table-events thead {
	background-color: #493DE9 ;
	color: white ;
}

#table-events thead th {
	text-align: center
}


#table-events thead th {
	text-align: center ;
	border-bottom: 0px !important;	
}

.option-civility {
	color: grey ;
	text-decoration: underline ;
	font-style: italic;
	cursor: pointer ;
	font-size: small ;
}

footer {
        margin-top: 50px ;
        text-align: right ;
	font-style: italic;
	padding-top: 5px ;
	font-size: 10px;
	border-top: 1px solid lightgrey;
}


span.panel-CPF {
        display: inline-block ;
	/*font-size: 16px ;*/
	padding: 3px ;
	border: 1px solid lightgrey ;
        min-width: 100px ;
}


div.home {
    border: 1px solid lightgrey ;
}

div.home img {
	width: 100%;
}
div.home div.well {
    text-align: center ;
}
div.home div.well a {
    margin-top: 5px;
}

div.home-help img {
     float: right ; 
     width:40%;
     padding: 10px;
}

div.home-help ol li {
    margin-top: 10px !important;
}

div.start {
    text-align: center ;
}

div.start a {
    font-size:20px !important ;
}

div.terminate {
    margin-top: 10px;
    text-align: center ;
}

/* not used */
.nice-box {
	border : 2px solid #493DE9 ;
	border-radius: 7px;
	padding: 10px;
	width: 80%;
	font-size: 20px;
	background-color: #F1F0F5;
	text-align: center;
	margin-top:30px;
	margin-bottom:30px;
}

.nice-box big {
	font-size: 22px;
}

#modal-help .modal-header img {
	width :40%;
}
#modal-help .modal-dialog {
	width:80%;
}

#modal-help a {
	text-decoration: underline;
}

#btn-help-espace-devis {
	float: right ;
}

.navbar li.ej-user {
	margin-top: 30px;
	margin-right: 10px;
}

.navbar li.ej-user a {
	color: #a94442 ;  /* bootstrap text danger */
	text-decoration: underline ; 
}	

/* comment devis in red */
.histo-code-7 {
	color: #a94442 ;  /* bootstrap text danger */
}

div#alert-cookies {
    background-color: #493DE9 ;
    border: 1px solid black;
    position:absolute ;
    color: white ;
    bottom: 10px ;
    padding: 15px;
    
}

div#alert-cookies a {
    color : yellow ;
    text-decoration: underline;
}

/* blog */

.ck-editor__editable_inline {
    height: 400px ;
}

.blog-head {
    margin-top: 20px ;
    padding: 10px;
    background-color: #493DE9 ;
    color: white ;
    font-style: italic ;
}

.blog-head a {
    color: white ;
    float : right ;
}    

.blog-head span {
    display: inline-block;
    margin-right: 20px ;
    margin-left: 20px ;
    color: white ;
    float : right ;
    cursor: pointer;
} 


.blog-elem-content {
    vertical-align: top ;
    padding: 40px;
    border: 2px solid #B7B3EC;
    width: 50% ;
}


input.danger {
    color: red ;
}

input.search-devis {
    width: 70px;
    margin-top: 10px;
}

table.stagiaire tr.inscrit {
   background-color: #FAF2F0 ; 
}

.dataTables_filter {
   float: left !important;
}

.green {
    color: #3c763d ;
}

.red {
    color: red ;
}

.bold {
    font-weight: bold ;
}

.italic {
    font-style: italic ;
} 

.blue {
    color: #493DE9 ;
}

/* schedule */

table.sheet td {
    border: 1px solid grey ;
}

table.sheet td.public-holiday {
    background-color:  lightgreen ;
}

table.sheet td.week-end {
    background-color:  #F5F5F5 ;
}

table.sheet td.sunday {
    display: none ;
}

table.sheet td.week-end {
    background-color:  #F5F5F5 ;
}

table.sheet td.content, table.sheet td.content button  {
    padding: 0px  !important ;
    font-size: 12px;
}

/*
table.sheet td div.dispo {
    background-color:  #FAF2F0 ;
    padding: 4px;
    border-bottom: 1px solid #ddd;
}

table.sheet td div.attributed {
    background-color:  #CFFACF ;
    padding: 4px;
    border-bottom: 1px solid #ddd;
}
*/
table.sheet td div.cell {
    padding: 4px;
    border-bottom: 1px solid #ddd;
}
        
table.document tr td:first-child {
    width: 66% ;
}


hr.small {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* mini boutique */
table#list-article td img {
    max-width:50px ;
}

/*
div.shop {
    border : 1px solid lightgray ;
}
*/
div.vignette {
    width: 66% ;
    border : 1px solid #493DE9 ;
    height: 300px ;
    position: relative ;
    margin-top: 40px;
    cursor: pointer;
}

div.vignette img {
    width: 100% ;
}
/*
div.vignette div.content {
    position: absolute ;
    bottom:100px;
    width: 100% ;
}
*/

div.vignette div.title {
    padding: 10px ;
    width:100%;
    text-align: center;
    position:absolute;
    bottom: 80px;
    font-size: 17px;
}

div.vignette div.price {
    padding: 10px ;
    width:100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold ;
    position:absolute;
    bottom: 0px;
    color: white;
    background-color: #493DE9 ;
}
    
/* image slider */
div.image-slider, div.image-slider-control {
    width: 100%;
}

div.image-slider-control {
    position: relative ; 
    min-height: 30px ;    /* gotto set this !!! */ 
}

div.image-slider-left, div.image-slider-right {
    display:inline-block ; 
    /*font-weight: bold;*/
    font-size: 60px;
    color: #493DE9;
    cursor: pointer ;
} 

div.image-slider-left {
    position: absolute;
    left: 0 ;
    top: -20px ;
}

div.image-slider-right {
    position: absolute;
    right: 0;
    top: -20px ;
}


div.image-slider-content img {
    width:100% ;
}

/* end image slider */

span.article-price {
    font-weight: bold;
    font-size: 20px;
    color: #493DE9;
}

table.basket td img {
    max-width:50px ;
}

div.basket-widget {
    float: right;
    border : 1px solid #493DE9 ;
    border-radius: 7px;
    color:grey;
    padding: 10px;
    font-size: 17px;
    background-color: #F1F0F5;
    display: inline-block;
    cursor: pointer;
}


div.basket-widget .glyphicon-shopping-cart {
    font-size: 50px ;
}

/* popup window info payment */
#info-payment {
    /*background-color: #EDECEB;*/
    background-color: #F1F0F5 ;

    position: absolute ;
    top: 100px;
    right:100px;

    width:50%;
    height:500px;
    overflow:auto;
    opacity: 1.0 ;
    border : 1px solid #493DE9 ;
    border-radius: 7px;
    padding: 20px ;
}	

span.payment-info.glyphicon {
    font-size: 25px ;
}

/* forum */
span.forum-author {
    display: inline-block;
    color: grey ;
    font-size: 12px;
    font-style: italic;
}

.forum-rubrique .glyphicon.glyphicon-chevron-right, .forum-rubrique  .glyphicon.glyphicon-chevron-down {
    font-size: 25px;
}

div.mypanel .glyphicon.glyphicon-chevron-right, div.mypanel .glyphicon.glyphicon-chevron-down {
    font-size: 25px;
}

div.forum-rubrique {
    color: #fff ;
    padding: 8px ;
    background-color: #493DE9 ;
    font-size: 15px ;
    width: 100% ;
}

button.add-discussion {
    margin-bottom: 15px;
}

span.faod-sync {
    cursor: pointer ; 
}

button.color-box {
    height: 40px;
    width: 100px;
}

#panel-financeur td span.indent {
    display: inline-block ;
    width: 30px ;
}

#panel-financeur tr.branch {
    background-color: #E3F2E0;
}

/* calendar */

table.calendar td {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
}

table.calendar td.cell span.head {
    font-size: 11px ;
    display: inline-block;
    width:100% ;
    font-style: italic ;
    padding: 2px;
}
table.calendar td.cell span.body {
    font-size: 11px ;
    display: inline-block;
    width:100% ;
    padding: 2px;
}

i.glyphicon.lock-control {
     font-size: 15px;
}


.ej-canvas {
   position: relative; 
   margin: 0; 
   padding: 0; 
   border: 1px solid #c4caac;
}

.blink {
  animation: blinker 1s linear infinite;
  border: 1px solid black ;
  padding: 5px;
}

@keyframes blinker {
  10% {
    opacity: 0;
  }
}


/* autocomplete */
ul.ui-autocomplete.ui-front li {
    margin-bottom: 5px !important;
    padding: 2px !important;
}

/*
ul.ui-autocomplete.ui-front li:hover {
    background-color: 	#D8D8D8;
}
*/

ul.ui-autocomplete.ui-front li span.info{
    text-style: italic;
    font-size: 12px;
    color: #493DE9; 
}

/* popup window info signature */
#info-signature {
    /*background-color: #EDECEB;*/
    background-color: #F1F0F5 ;
    position: absolute ;
    top: 100px;
    right:100px;
    width:50%;
    height:600px;
    overflow:auto;
    opacity: 1.0 ;
    border : 1px solid #493DE9 ;
    border-radius: 7px;
    padding: 20px ;
}	

/* replace documnet */
i.glyphicon-refresh.admin-replace {
    margin-left:10px;
    font-size:20px;
    color: red;
}