/*
Copyright 2017 
khaled Belhassine
khaled.belhassine@botsbee.com
*/
/* 
    Created on : Mar 4, 2017, 8:34:34 AM
    Author     : khaled
*/

.icon-action {
  width: 40px;
  height: 40px;
  float: right;
}

.big-icon {
  font-size: 10.2em;
  margin-left: 36%;
}
.glyphicon {
  cursor: pointer;
}

.attributes-row {
  padding-top: 10px;
  padding-bottom: 10px;
}

.row-wrapper:nth-child(2n) {
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
}

.row-wrapper {
  margin-bottom: 20px;
}

.table > tbody > tr.active > td {
  /*  background-color: #3ADF00;*/
}

.container {
  /* background-image: url(/images/bk1.png);*/
  background-repeat: repeat;
  padding-top: 10px;
}
.navbar-default .navbar-brand {
  /*    color : white; */
}
.navbar-default .navbar-nav > li > a {
  /*     color : white; */
}

.jumbotron {
  margin-top: 20px;
  padding-top: 20px;
}

.dataTables_info {
  color: #337ab7;
}
table {
  background-color: white;
}
.dataTables_wrapper label {
  color: white;
}
.panel-vert {
  background-color: #0cc670;
}

.panel-purple {
  background-color: #ab3e81;
}

.panel-ciel {
  background-color: #04bed9;
}

.panel-jaune {
  background-color: #f7d446;
}
.panel-bleu {
  background-color: #5e7c8b;
}

.jumbotron {
  background-color: #f8f8f8;
  padding-right: 60px;
  padding-left: 60px;
  margin-left: 10%;
  margin-right: 8%;
}

.active-tab {
  background-color: #fe8c67;
}
.active-tab a {
  color: white !important;
}

.tab-content {
  margin-top: 10px;
}

.dataTables_wrapper label {
  color: black;
}

.excelButton {
  background-color: #089000;
  color: white;
}

tfoot th input {
  width: 100%;
}

div .dt-buttons {
    float: right;
}

div .dataTables_filter {
    text-align: center!important;
}

.dataTables_length {
    float: left;
}


.styled-link {
    position: relative;
    z-index: 1;
    text-decoration: none !important;  
    display: inline-block;
    color: #089000;
    padding: 0 5px;
    transition: color ease 0.3s;
}

.styled-link::after {
    content: '';
    position: absolute;
    z-index: -2;
    width: 100%;
    height: 5%;
    left: 0;
    bottom: 0;
    background-color: #5CB85C;
    transition: all ease 0.3s;
}

.styled-link:hover {
    /* background-color: #5CB85C; */
    color: white;
}

.styled-link:hover::after {
    height: 100%;
}

.select2-results__option {
    transition: all ease 0.3s;
}

.select2-results__option:hover,
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #089000 !important;
    color: white;
}