/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 7 avr. 2016, 13:53:35
    Author     : alexandredupont
*/


body{font-size:12px; font-family: Arial, Helvetica;}
div {position: relative; text-align: left;}

/************************ Messages ************************/
/* callout*/

.alert-success{background-color: #e2fe9b; border-color:#73e02d;}
.alert-warning{background-color: #f9e7af; border-color:#e2ba3b;}
.alert-info{background-color: #afdaf9; border-color:#2d98e8;}
.alert-danger{background-color: #f9a2a2; border-color:#e82d2d;}

.alert-fixed, .alert{ border-radius: 5px; font-size: 14px; border: 0px;}

.alert-warning .glyph {color: #bcaa74; font-size: 18px;}
.alert-warning a{color: #9e8a49;}

.alert-info .glyph {color: #78a2bc; font-size: 18px;}
.alert-info a{color: #418ec5;}

.alert {
	position: fixed;
	width:300px;
	right: 0;
	 /*margin-left: -150px; Half of the width */
	padding:10px;
    z-index:9999;
    opacity: 1;
    
}
.alert.anim-fade-out {
    -moz-animation: fadeOut 1s ease-in 1s forwards;
    /* Firefox */
    -webkit-animation: fadeOut 1s ease-in 1s forwards;
    /* Safari and Chrome */
    -o-animation: fadeOut 1s ease-in 1s forwards;
    /* Opera */
    animation: fadeOut 1s ease-in 1s forwards;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
@keyframes fadeOut {
    to {
      /*  right:-300px;*/
        opacity:0;
        z-index:-100;
    }
}




.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}



/******************* General *****************/

.nowrap{white-space: nowrap;}
.nopadding{padding:0px;}
.padding-2{padding:2px;}
.padding-5{padding:5px;}
.padding-10{padding:10px;}
.padding-20{padding:20px;}

.padding-h-10{padding-left:10px; padding-right:10px;}
.padding-h-20{padding-left:20px; padding-right:20px;}
.padding-v-10{padding-top:10px; padding-bottom:10px;}

.nomargin{ margin:0;}
.margin-auto{margin: auto;}
.margin-5{ margin:5px;}
.margin-10{ margin:10px;}
.margin-h-5{margin-right:10px;margin-left:10px;} 
.margin-h-10{margin-right:10px;margin-left:10px;} 

.row{ margin:0; padding:0 !important;}


.display-none{display: none;}
.display-block{display:block;}
.color-important{ color:#e23ee4;}

.color-white{color:white;} 
.color-red{color:red;}
.color-blue{color:#296ebc;}
.color-brown{color:#a98003;}
.color-green{color:#7ac244;}
.color-orange{color:#f2930c;}
.color-lightgrey{color: #ccc;}
.color-grey{color: #999;}
.color-black{color: #000;}

.back-white{background-color: #fff;}
.back-red{background-color: #ff8a8a;}
.back-lightblue{background-color: #c6e6ff;}
.back-blue{background-color: #7fbdee;}
.back-green{background-color: #b7e981;}

.back-orange{background-color: #fdce85;}
.back-orange-important{background-color: #fdce85 !important;}
.back-yellow{background-color: #f7f6b3;}

.back-lightgrey{background-color: #ccc;}
.back-grey{background-color: #999;}
.back-important{background-color:#ede19a; border: double 1px #e59641;}
.back-sub-list{background-color: #f9f8f2;}

.border-red{border: 2px solid #ff8a8a;}
.border-green{border: 2px solid #b7e981;}


.hand {cursor: pointer; }

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.v-center {vertical-align:middle; margin:auto;}

/* collapse chevron */
.collapse_tree.collapsed .fa-chevron-right {
  transform:rotate(0deg);
}
.collapse_tree .fa-chevron-right {
  transition:transform .2s;
  transform:rotate(90deg);
}




/* Dropdown Button */
.dropbtn {
    background-color: #3498DB;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown-custom {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


#overlay{
  position:fixed;
  z-index:99999;
  top:0;
  left:0;
  bottom:0;
  right:0;
  background:rgba(100,100,100,1);
  transition: 1s 0.2s;
}
#progress{
  height:1px;
  background:#000;
  position:absolute;
  width:0;
  top:50%;
}
#progstat{
  font-size:0.7em;
  letter-spacing: 3px;
  position:absolute;
  top:50%;
  margin-top:-40px;
  width:100%;
  text-align:center;
  color:#000;
}



/* bb-code */

.bb-code-panel .btn {
    background-color:#fff;
    border: 1px ridge #ddd
}
.bb-code-panel .btn:hover {
    background-color:#007bff;
    color:#ffffff;
}