/*
 * Fonts
 */

@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  font-style: normal;
  src: url('../fonts/Roboto-regular.eot');
  src: url('../fonts/Roboto-regular.eot?#iefix') format('embedded-opentype'),
       local('Roboto'),
       local('Roboto-regular'),
       url('../fonts/Roboto-regular.woff2') format('woff2'),
       url('../fonts/Roboto-regular.woff') format('woff'),
       url('../fonts/Roboto-regular.ttf') format('truetype'),
       url('../fonts/Roboto-regular.svg#Roboto') format('svg');
}

@font-face {
  font-family: 'Roboto';
  font-weight: 500;
  font-style: normal;
  src: url('../fonts/Roboto-500.eot');
  src: url('../fonts/Roboto-500.eot?#iefix') format('embedded-opentype'),
       local('Roboto Medium'),
       local('Roboto-500'),
       url('../fonts/Roboto-500.woff2') format('woff2'),
       url('../fonts/Roboto-500.woff') format('woff'),
       url('../fonts/Roboto-500.ttf') format('truetype'),
       url('../fonts/Roboto-500.svg#Roboto') format('svg');
}

/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 60px;
  font-family: 'Roboto', Arial;
}

h1 {
  font-size: 24px;
}


/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
  background-color: #fff;
}

.navbar-brand {
  padding: 0;
  height: 60px;
  display: block;
  padding: 3px 0 0 20px;
  background-color:rgb(0, 45, 97);
  width: 250px;
}

.navbar-fixed-top .navbar-nav  li {
     padding: 0 20px;
     line-height: 60px;
     border-right: 1px solid #f5f5f5;
}

.navbar-fixed-top .navbar-nav  li.username {
  font-weight: 500;
  font-size: 16px;
}

.label {
  display: inline-block;
  vertical-align: middle;
  padding: 0;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  font-weight: normal;
  font-size: 12px;
  border-radius: 15px;
}

.btn {
  border: none;
  border-radius: 0;
}

.btn i {
  width: 20px;
}

#navbar .btn-default {
  float: right;
  line-height: 60px;
  padding: 0 20px;
}

#navbar .btn-default {
  float: right;
  line-height: 60px;
  padding: 0 20px;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 60px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px 0;
    width: 250px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: rgb(0, 45, 97);
    /* border-right: 1px solid #eee; */
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-bottom: 20px;
}

.nav-sidebar .panel {
  border: 0;
  border-radius: 0;
  background: none;
  margin-bottom: 0;
}

.nav-sidebar > li > a {
  font-size: 12px;
  padding-right: 20px;
  padding-left: 20px;
}


.nav-sidebar > li a.parent {
  opacity: 1;
  background-color: red;
}

.nav-sidebar > li a.parent .fa {
  width: 20px;
}

.nav-sidebar > li a.parent .fa-angle-left,  .nav-sidebar > li a.parent .fa-angle-down {
  width: auto;
  float: right;
  padding-top: 3px;
}

.nav-sidebar > li a.parent .fa-angle-down {
  display: none;
}

.nav-sidebar > li a, .nav-sidebar > li a.parent.collapsed {
  opacity: 0.8;
  color: #fff;
  background-color: transparent;
}

.nav-sidebar > li a.parent.collapsed .fa-angle-down {
  display: block;
}

.nav-sidebar > li a.parent.collapsed .fa-angle-left {
  display: none;
}

.nav-sidebar > li > a:hover, 
.nav-sidebar > li > a.collapsed:hover {
  opacity: 1;
  background-color: red;
}

.nav-sidebar > li > ul {
  list-style: none;
  padding-left: 0;
  background-color: #aaa;
}

.nav-sidebar > li > ul li a {
  font-size: 12px;
  padding: 7px 20px 7px 45px;
  display: block;
}

.nav-sidebar > li > ul li a:hover {
  background-color: #ffdd09;
  color: #000;
  opacity: 1;
  text-decoration: none;
}





/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    /*padding-right: 40px;
    padding-left: 40px;*/
    background-color: #f5f5f5;
    margin-left: 250px;
  }
}
.main .page-header {
  margin-top: 0;
  border-bottom: none;
}

.main .panel {
  background: #fff;
  border-radius: 0;
  border: none;
}

.panel .panel-heading {
  border: none;
  background: #ddd;
  border-radius: 1px;
  color: #000;
}

.panel .panel-heading i {
  color: #ffdd09;
  margin-right: 5px;
}

.panel .panel-heading a {
  display: block;
}

.panel .panel-heading a:hover {
  text-decoration: none;
}

.form-control {
  border-radius: 0;
  height: 26px;
}

.input-group .fa {
  display: table-cell;
}

select.form-control {
  width: auto;
  padding: 0 7px;
}

@media (min-width: 768px) {
  .form-inline .input-group {
    max-width: 45%;
}
}

.panel-heading.with-nav {
  padding: 0;
}
.panel .panel-toolbar {
  background: #fff;
  border-bottom: 1px solid #ddd;
}
@media (min-width: 768px) {
  .panel .navbar-right {
    margin-right: -5px;
  }
}
.panel .navbar-right li {
  list-style: none;
  margin: 0 5px 10px;
  position: relative;
}
.panel .navbar-right li a {
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 49px;
  padding-right: 15px;
}
.button_group .navbar-right li a i {
  color: #fff;
  padding-top: 7px;
}
/*.btn-default i {
  background: #E6E6E6;
}*/
.btn-success i {
  background: #449D44;
}
.btn-warning i {
  background: #EC971F;
}
.btn-info i {
  background: #31B0D5;
}
.btn-primary i {
  background: #286090;
}
.btn-add {
  background: #085485;
  color: #fff;
}
.btn-add:hover {
  color: #fff;
}
.btn-add i {
  background: #0072bc;
}
.btn-add:hover {
  background: #0072bc;
}
.btn-danger i {
  background: #C9302C;
}
.btn-green {
  background: rgb(0, 45, 97);
  color: #fff;
}
.btn-green i {
  background: #055a30;
}
.btn.btn-form {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 7px 12px;
}
.button_group .btn {
  font-size: 12px;
}
.button_group .btn i {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    padding: 4px 6px;
    font-size: 12px;
    line-height: 1.9;
    width: 35px;
}
.btn-form.icon-left {
    margin: 0 3px;
    padding-right: 15px;
    padding-left: 49px;
}
.btn-form {
    position: relative;
    padding-right: 39px;
    border: none;
}
.btn-green:hover, .btn-green:focus {
    color: #ffffff;
    background-color: #055a30;
    border-color: #1782ad;
    outline: none;
}

.panel-body th {
  background-color: rgb(0, 45, 97);
  color: #fff;
}

.wrap-fiche {
  padding: 0 30px;
  overflow-x: auto; 
}
.wrap-fiche textarea {
  width: 60%;
}
.fiche p.control-label {
  font-size: 12px;
  margin-bottom: 5px;
  text-align: left;
}
.fiche p:first-child, .fiche label {
  font-weight: bold;
  text-align: right;
}
.fiche label {
  font-size: 12px;
  padding-top: 7px;
}
.fiche span {
  display: inline-block;
  font-weight: normal;
  text-align: left;
}
.fiche span.group-span-filestyle {
  display: table-cell;
}
.fiche .bootstrap-filestyle {
  width: 37%;
}
.bootstrap-filestyle .fa {
  display: inherit;
}
.fiche-label {
  width: 11.4%;
}
.recherche-fiche {
  margin-bottom: 10px;
}
.recherche-fiche label {
  font-size: 12px;
  margin: 0;
  padding-top: 7px;
}
.fiche .wrap-fiche p {
  line-height: 2.3;
  text-align: left;
}
.fiche .wrap-fiche p a {
  color: #000;
}
.fiche .wrap-fiche p a i {
  color: #055a30;
  font-size: 18px;
  margin-right: 10px;
}
.fiche .wrap-fiche p a:hover i {
  color: rgb(0, 45, 97);
}
.button_bar {
  background: #FFF;
  padding: 10px;
}
.form-group .checkform input[type="checkbox"] {
  margin-left: 0;
}
.btn-chekbox label {
   color: #000;
   margin: 0 2px;
}
.btn-chekbox label:focus, .btn-chekbox label.active  {
  background: rgb(0, 45, 97);
  color: #fff;
}

.bs-example-modal-sm .button_bar {
  text-align: center;
}
.login-form .login-content {
    position: relative;
    width: 320px;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
    -moz-transition: all 550ms ease-in-out;
    -o-transition: all 550ms ease-in-out;
    -webkit-transition: all 550ms ease-in-out;
    transition: all 550ms ease-in-out;
}
.login-form .logo {
  background: rgb(0, 45, 97);
  display: block;
  margin-bottom: 10px;
  text-align: center;
}
.login-form .input-group-addon {
  width: 40px;
}
.login-form .input-group {
  width: 100%;
}
.login-form .btn-green {
  padding-left: 15px;
}
.login-form .btn-green i {
  width: 40px;
}
.login-form .icon-left {
  margin: 0;
}
.login-form .login-bottom-links a {
  color: #333;
}

.dataTables_filter, .dataTables_processing {
  display: none;
}
.dataTables_wrapper label {
  font-weight: normal;
}
.panel-body .dataTables_wrapper .form-control {
  display: inline-block;
  margin: 0 3px;
}
.panel-body .dataTables_wrapper .dataTables_paginate .paginate_button {
  border: 1px solid #ddd;
  margin: 0 -1px 0 0;
  float: left;
  padding: 0.15em 0.5em 0;  
}
.panel-body .table-bordered>thead>tr>th {
  font-weight: normal;
  padding-right: 30px;
  position: relative;
  text-overflow: ellipsis;
  vertical-align: middle;
}
.panel-body .table-bordered>thead>tr>th.sorting {
  cursor: pointer;
}
.panel-body .table-bordered>thead>tr>th.sorting:after {
  font-family: 'FontAwesome';
  font-size: 14px;
  content: "\f107";
  display: block;
  opacity: 0.6;
  margin: -11px 5px 0 10px;
  position: absolute;
  right: 3px;
  top: 50%;
}
.panel-body .table-bordered>thead>tr>th.sorting_asc {
  background: red;
  color: #FFF;
  cursor: pointer;
}
.panel-body .table-bordered>thead>tr>th.sorting_asc:after {
  font-family: 'FontAwesome';
  font-size: 14px;
  content: "\f106";
  display: block;
  margin: -9px 5px 0 10px;
  position: absolute;
  right: 3px;
  top: 50%;
}
.panel-body .table {
  margin-bottom: 10px;
}
.panel-body .table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #f1f1f1;
}
.panel-body .table-bordered>thead>tr>th.sorting_desc:after {
  font-family: 'FontAwesome';
  font-size: 14px;
  content: "\f107";
  display: block;
  opacity: 0.6;
  margin: -9px 5px 0 10px;
  cursor: pointer;
  position: absolute;
  right: 3px;
  top: 50%;
}
.panel-body .dataTables_paginate .first, 
.panel-body .dataTables_paginate .previous,
.panel-body .dataTables_paginate .next, 
.panel-body .dataTables_paginate .last {
  font-size: 0;
  padding-bottom: 2px!important;
  width: 35px;
  cursor:pointer;  
}
.panel-body .dataTables_paginate .last {
  border-right: 1px solid #ddd!important;
}
.panel-body .dataTables_paginate .first:before {
  font-family: 'FontAwesome';
  font-size: 14px;
  content: "\f100";
  padding: 0.1em 0.5em;
  cursor:pointer;
}
.panel-body .dataTables_paginate .previous:before {
  font-family: 'FontAwesome';
  font-size: 14px;
  content: "\f104";
  padding: 0.1em 0.5em;
  cursor:pointer;
}
.panel-body .dataTables_paginate .next:before {
  font-family: 'FontAwesome';
  font-size: 14px;
  content: "\f105";
  padding: 0.1em 0.5em;
  cursor:pointer;
}
.panel-body .dataTables_paginate .last:before {
  font-family: 'FontAwesome';
  font-size: 14px;
  content: "\f101";
  padding: 0.1em 0.5em;
  cursor:pointer;
}
.panel-body .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .panel-body .dataTables_wrapper .dataTables_paginate .paginate_active {
  border: 1px solid rgb(0, 45, 97) !important;
  background: rgb(0, 45, 97) !important;  
  border-right: none;
  color: #fff!important;
  cursor:pointer;
}
.panel-body .dataTables_wrapper td a.btn {
  padding: 1px 7px 1px 25px;
  position: relative;
  cursor:pointer;
  background: rgb(0, 45, 97) ;
}
.panel-body .dataTables_wrapper td a.btn i {
    font-size: 11px;
    line-height: 1.5;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 8px;
    padding: 4px 6px;
    width: 20px;
	cursor:pointer;
	background: rgb(0, 45, 97) ;
}
.panel-body .dataTables_wrapper td i.green {
  color: rgb(0, 45, 97);
  font-size: 17px;
  display: block;
  text-align: center;
}
.panel-body .dataTables_wrapper td i.red {
  color: rgb(0, 45, 97);
  font-size: 17px;
  display: block;
  text-align: center;
}

/* modif 23/10/20115 */
.form-group {
  margin-bottom: 5px;
}
.form-control {
  font-size: 12px;
}
.form-horizontal .control-label {
  font-size: 12px;
}
.group-span-filestyle .btn {
  padding: 3px 12px;
}
.wrap-fiche .group-span-filestyle .btn {
  padding: 4px 12px;
} 
.input-group .fa-calendar {
  padding: 5px 12px;
}
.login-form .input-group-addon {
  padding: 5px 12px;
}
.panel-body .table tr,
.panel-body .table td {
  font-size: 12px;
  padding: 5px 8px;
}

/*
 * Placeholder dashboard ideas
 */