@CHARSET "UTF-8";


/*
delay
*/
.animated-delay-1{
    -webkit-animation-delay:.1s !important;
    -moz-animation-delay:.1s !important;
    -ms-animation-delay:.1s !important;
    -o-animation-delay:.1s !important;
    animation-delay:.1s !important
}

.animated-delay-2{
    -webkit-animation-delay:.2s !important;
    -moz-animation-delay:.2s !important;
    -ms-animation-delay:.2s !important;
    -o-animation-delay:.2s !important;
    animation-delay:.2s !important
}

.animated-delay-3{
    -webkit-animation-delay:.3s !important;
    -moz-animation-delay:.3s !important;
    -ms-animation-delay:.3s !important;
    -o-animation-delay:.3s !important;
    animation-delay:.3s !important
}

.animated-delay-4{
    -webkit-animation-delay:.4s !important;
    -moz-animation-delay:.4s !important;
    -ms-animation-delay:.4s !important;
    -o-animation-delay:.4s !important;
    animation-delay:.4s !important
}

.animated-delay-5{
    -webkit-animation-delay:.5s !important;
    -moz-animation-delay:.5s !important;
    -ms-animation-delay:.5s !important;
    -o-animation-delay:.5s !important;
    animation-delay:.5s !important
}

.animated-delay-6{
    -webkit-animation-delay:.6s !important;
    -moz-animation-delay:.6s !important;
    -ms-animation-delay:.6s !important;
    -o-animation-delay:.6s !important;
    animation-delay:.6s !important
}

.animated-delay-7{
    -webkit-animation-delay:.7s !important;
    -moz-animation-delay:.7s !important;
    -ms-animation-delay:.7s !important;
    -o-animation-delay:.7s !important;
    animation-delay:.7s !important
}

.animated-delay-8{
    -webkit-animation-delay:.8s !important;
    -moz-animation-delay:.8s !important;
    -ms-animation-delay:.8s !important;
    -o-animation-delay:.8s !important;
    animation-delay:.8s !important
}

.animated-delay-9{
    -webkit-animation-delay:.9s !important;
    -moz-animation-delay:.9s !important;
    -ms-animation-delay:.9s !important;
    -o-animation-delay:.9s !important;
    animation-delay:.9s !important
}

.animated-delay-10{
    -webkit-animation-delay:1s !important;
    -moz-animation-delay:1s !important;
    -ms-animation-delay:1s !important;
    -o-animation-delay:1s !important;
    animation-delay:1s !important
}

.animated-delay-11{
    -webkit-animation-delay:1.1s !important;
    -moz-animation-delay:1.1s !important;
    -ms-animation-delay:1.1s !important;
    -o-animation-delay:1.1s !important;
    animation-delay:1.1s !important
}

.animated-delay-12{
    -webkit-animation-delay:1.2s !important;
    -moz-animation-delay:1.2s !important;
    -ms-animation-delay:1.2s !important;
    -o-animation-delay:1.2s !important;
    animation-delay:1.2s !important
}

.animated-delay-13{
    -webkit-animation-delay:1.3s !important;
    -moz-animation-delay:1.3s !important;
    -ms-animation-delay:1.3s !important;
    -o-animation-delay:1.3s !important;
    animation-delay:1.3s !important
}

.animated-delay-14{
    -webkit-animation-delay:1.4s !important;
    -moz-animation-delay:1.4s !important;
    -ms-animation-delay:1.4s !important;
    -o-animation-delay:1.4s !important;
    animation-delay:1.4s !important
}

.animated-delay-15{
    -webkit-animation-delay:1.5s !important;
    -moz-animation-delay:1.5s !important;
    -ms-animation-delay:1.5s !important;
    -o-animation-delay:1.5s !important;
    animation-delay:1.5s !important
}

.animated-delay-16{
    -webkit-animation-delay:1.6s !important;
    -moz-animation-delay:1.6s !important;
    -ms-animation-delay:1.6s !important;
    -o-animation-delay:1.6s !important;
    animation-delay:1.6s !important
}

.animated-delay-17{
    -webkit-animation-delay:1.7s !important;
    -moz-animation-delay:1.7s !important;
    -ms-animation-delay:1.7s !important;
    -o-animation-delay:1.7s !important;
    animation-delay:1.7s !important
}

.animated-delay-18{
    -webkit-animation-delay:1.8s !important;
    -moz-animation-delay:1.8s !important;
    -ms-animation-delay:1.8s !important;
    -o-animation-delay:1.8s !important;
    animation-delay:1.8s !important
}
.animated-speed-fast{
    -webkit-animation-duration: .5s !important;
    animation-duration: .5s !important;
}


/* complement bootstrap */
.vertical-align {
    display: flex;
    align-items: center;
}









/** side bar */
html, body {
    width: 100%;
    height:100%;
}


.form-horizontal .control-label.control-image {
	padding-top: 0px;
}


.nav-top li {
  text-align: center;
}

.nav-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    margin-bottom: 10px;
    
}

.nav.nav-top>li>a>img {
     max-width: 100%;
}


.sidebar {
    color: black;
    background:white;
    position: fixed;
    min-height: 100%;
    width: 100px;
    padding-bottom: 40px;
    text-align: center;
    z-index : 2000;
}


.sidebar span {
	font-size: 2em;
	color: black;
}

.sidebar.sidebar-left {
  padding-left : 0px;
  padding-right: 0px;
}

/*  .sidebar-left .nav>li {  */
/*         border-style: solid; */
/*         border: 1px solid black; */
/*  }  */

.sidebar-left .nav>hr {
    margin-top: 2px;
    margin-bottom: 2px;
    border: 0;
    border-top: 1px solid black;
}

/* common content */ 
body {
    background:#0053a0;
    color: white;
}
table.yiiLog,
body div.content-sidebar {
	padding-left: 100px;
}
table.yiiLog  {
	border-collapse: inherit;
}


.panel {
	color: black;
	background: antiquewhite;
}

.panel-default>.panel-heading {
  background: ghostwhite;
	}
	
	body > .content {
    background:white;
    padding-bottom:60px;
}

/** gestion des bouton **/
.btn-default {
    background-color: #D8E7F3;
    border-color: #003e74;
    color: black;
}
.btn-default .caret {
    border-top-color:#99bac9;
}
/* .btn-success { */
/*     background:#73d301; */
/*     border-color:#6bc402; */
/*     color:white; */
/* } */
.btn-success:hover,
.btn-success:focus,
.btn-success.active {
    background:#67be01;
    border-color:#68bf00;
}
.btn-danger {
    background:#D51717;
    border-color:#C61515;
    color:white;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.active {
    background:#AF1414;
    border-color:#9D1111;
}
.btn-picto {
    padding:6px;
}
.btn-picto.btn-lg {
    padding:8px;
}
.btn-picto img {
    vertical-align:bottom;
}
h1 .btn-picto {
    float:right;
    margin-top:10px;
    padding: 14px 10px 14px 10px;
}



.panel-list {
    background:#84f102;
}
.panel-list:hover {
    background:#adfd4e;
}
.panel-list .title {
    font-size:2em;
}
.panel-list .title .date-cmp {
  font-weight: 300;
  font-size:15px;
}
.panel-list .actions {
    text-align:right;
    padding-top: 7px;
}
h1, h2, h3 {
    font-weight: 200;
}
h1 {
    font-weight: 100;
    font-size:60px;
    text-transform:uppercase;
    margin:40px 0;
}
.badge {
    color:#73d300;
    background:white;
    font-weight:bold;
    font-family:Arial,sans-serif;
}


.popover-title {
    font-weight: 700;
    background-color: #eaeaea;
    color: #4D5E68;
    font-size: 14px;
    border-bottom: 1px solid #B5B5B5;
    padding-top: 11px;
    padding-bottom: 10px;
}
.popover-content {
  padding: 0px 0px;
  background-color: #FFFFFF;
  min-width: 200px;
  border-radius: 0px;
}
.popover-content ul.list-group {
  margin-bottom: 0px;
}
.popover-content li {
  border: none;
}
.popover-content li.list-group-item:first-child {
    border-radius: 0px;
}
.popover-content li.list-group-item + li.list-group-item {
  border-top: 1px solid #B5B5B5;
}
.popover-content a{
  font-weight: 200;
  color: #41545e;
  font-size: 14px;
}
.popover-content .badge {
    background:#88949a;
    color:white;
    margin-left: 4px;
}


h1 .popover {
    font-size:.25em;
    text-transform:none;
}
table .badge {
    margin-left:10px;
}
.icon-bar {
    border-radius:1px;
    display:block;
    height:1px;
    width:28px;
    background:white;
}
.icon-bar + .icon-bar {
    margin-top:4px;
}


/* Autres */
.list-view .panel {
    margin-bottom:10px;
}
.list-view .panel-body {
    padding:10px;
}


#header .navbar {
  margin-bottom: 0px;
}


#header .navbar .btn {
  background-color: #01467d;
  color: #8dafbb
}

#header .dropdown-menu {
  background-color: transparent;
}

#header .caret {
  border-top: 4px solid #8dafbb
}


.form-signin .form-control {
position: relative;
font-size: 16px;
height: auto;
padding: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}



.form-control::-webkit-input-placeholder { /* WebKit browsers */
    color: #2c93e2;
}


.form-control::-moz-placeholder {
    color: #2c93e2;
}


.navbar .navbar-nav {
  display: inline-block;
  float: none;
}
.navbar .navbar-collapse {
  text-align: center;
}
#main_navigation  li  a {
  color: #8db1bd;
}

div.items div.col-md-10 {
  height: 100px;
}


.show-grid {
  margin-bottom: 15px;
}
.show-grid [class^="col-"] {
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #84f102;
  border-radius: 6px;
}

.show-grid div.col-lg-1 {
  /*padding-top: 0px;*/
  padding-bottom: 0px;  
  padding-right: 0px;

}


.show-grid div.col-lg-2 {
  /*padding-top: 0px;*/
  padding-bottom: 0px;  
  padding-left: 0px;
}

div.col-lg-2 button.btn.btn-default.btn-xs {
  padding: 0px 0px;
  background-color: #73d300;
  width: 100%;
  height: 42px;
  font-weight: 700;
  font-size: 13px;
  color: white;
}

div.col-lg-2 button.btn.btn-default.btn-xs span {
  font-weight: 700;
  font-size: 12px;
  color: #62B400;
  background-color:white;
}



.panel-default {
  border-color: #B5B5B5;
  background-color: #EAEAEA;
}
.panel-default > .panel-heading {
  background-color: #EAEAEA;
  border-color: #B5B5B5;
  color: #4D5F68;
  font-weight: 400;
  font-size: 24px;
  padding-left: 32px;
  text-transform: uppercase;
}
.panel-default > .panel-body {
  background-color: #EAEAEA;
  border-color: #B5B5B5;
  color: #4D5F68;
}




.btn-success .badge {
  background-color: white;
  color: #73d300;
}
.btn-danger .badge {
  background-color: white;
  color: #D51717;
  min-width: 62px;
  text-align: right;
}
.btn-danger:hover .badge {
  background-color: white;
  color: #AF1414;
}



.error.well {
    margin:0 auto;
    width:528px;
    padding:71px 114px;
    background-color: rgba(1, 10, 72, 0.58);
    border:none;
    border-radius: 0px;
    color: #61C7FE;
    font-weight: 200;
}
.error h1 {
    color:#61c7fe;
    font-size:36px;
    text-align:left;
    margin-top:0;
    margin-bottom: 12px;
    text-transform: none;
}




.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: none;
  -webkit-transition: -webkit-transform 0.3s ease-out;
     -moz-transition: -moz-transform 0.3s ease-out; 
       -o-transition: -o-transform 0.3s ease-out;
          transition: transform 0.3s ease-out;
} 

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: none;
}


.menu-up {
  border-width: 0px 0px 1px 0px;
  border-color: black;
  border-style: solid;
}

.menu-down {
  border-width: 1px 0px 0px 0px;
  border-color: black;
  border-style: solid;
}



.popover-content .btn {
  float: right;
}



h1 .btn-picto.goback {
  padding-top: 5px;
  padding-bottom: 4px;
  border-top-width: 1px;
  border-bottom-width: 1px;
  padding-left: 7px;
  padding-right: 7px;
  border-right-width: 1px;
  margin-right: 10px;
  background-color: #A08888;
  border-color: black;
}


.note-btn-group.btn-group button{
	height: 30px;
}

.note-btn-group .btn-default {
    background-color: white;
}