body {
	font-family: 'Helvetica';
}

#formAuthContent {
	margin-top : 3%;
}

.btn-style {
  cursor : pointer;
}

.icon-image {
    height : 32px;
    vertical-align: middle;
}

.addBtn, .addBtnTimesheet {
  float : left;
  margin-left : -25px;
  margin-top : -20px;
  cursor : pointer;
  font-size : 16px;
}

.addBtn-xs, .addBtnTimesheet-xs {
  cursor : pointer;
  font-size : 16px;
}

.addBtnTimesheet {
  margin-top : -45px;
}

.addBtnTimesheet-xs {
  font-size : 12px;
  vertical-align: middle;
  margin-right : 15px;
}

.navbar-seyes {
  background-color: #fff;
  border : 0px;
}
.navbar-seyes .navbar-brand {
  color: #4bb052;
  font-weight:bold;
  font-size : 30px;
}

#projects a{color:#357d3a!important;}
a:hover, a:focus{color:#357d3a!important;}
.navbar-brand .img-responsive { width:75px!important;}
.glyphicon-chevron-left::before {color:#4bb052!important;}

.table-responsive { overflow-x:hidden;}

.navbar-seyes .navbar-brand:hover,
.navbar-seyes .navbar-brand:focus {
  color: #0074d9;
  background-color: transparent;
}
.navbar-seyes .navbar-text {
  color: #1d1b1c;
}
.navbar-seyes .navbar-nav > li > a {
  color: #1d1b1c;
  text-transform: uppercase;
  font-weight:bold;
  font-size:12px;
  padding : 15px 0px;
  margin-left : 7px;
  margin-right : 7px;
  height : 35px;
}
.navbar-seyes .navbar-nav > li > a:hover,
.navbar-seyes .navbar-nav > li > a:focus {
  color: #4bb052;
  background-color: transparent;
  border-bottom: solid 2px #4bb052;
}
.navbar-seyes .navbar-nav > .active > a,
.navbar-seyes .navbar-nav > .active > a:hover,
.navbar-seyes .navbar-nav > .active > a:focus {
  color: #4bb052;
  background-color: #ffffff;
  border-bottom: solid 2px #4bb052;
}
.navbar-seyes .navbar-nav > .disabled > a,
.navbar-seyes .navbar-nav > .disabled > a:hover,
.navbar-seyes .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-seyes .navbar-toggle {
  background-color: #4bb052;
}
.navbar-seyes .navbar-toggle:hover,
.navbar-seyes .navbar-toggle:focus {
  background-color: #0074d9;
}
.navbar-seyes .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-seyes .navbar-collapse,
.navbar-seyes .navbar-form {
  border-color: #e7e7e7;
}
.navbar-seyes .navbar-nav > .open > a,
.navbar-seyes .navbar-nav > .open > a:hover,
.navbar-seyes .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-seyes .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-seyes .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-seyes .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-seyes .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-seyes .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-seyes .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-seyes .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-seyes .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-seyes .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-seyes .navbar-link {
  color: #777;
}
.navbar-seyes .navbar-link:hover {
  color: #333;
}

.btn-link {
  font-weight: normal;
  color: #4bb052;
  cursor: pointer;
  border-radius: 0;
  padding:0px;
  padding-bottom:2px;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #4bb052;
  text-decoration: none;
  background-color: transparent;
  border-bottom: solid 2px #4bb052;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999;
  text-decoration: none;
}

.ui-autocomplete {
    position: absolute;
    z-index : 10000;
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    top: 100%;
    left: 0;
    float: left;
    display: none;
    min-width: 160px;
    _width: 160px;
    padding: 4px 0;
    margin: 2px 0 0 0;
    list-style: none;
    background-color: #ffffff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    *border-right-width: 2px;
    *border-bottom-width: 2px;

    .ui-menu-item > a.ui-corner-all {
        display: block;
        padding: 3px 15px;
        clear: both;
        font-weight: normal;
        line-height: 18px;
        color: #555555;
        white-space: nowrap;

        &.ui-state-hover, &.ui-state-active {
            color: #ffffff;
            text-decoration: none;
            background-color: #0088cc;
            border-radius: 0px;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            background-image: none;
        }
    }
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 100px;
}

.divider {
	padding-top:20px;
	border-bottom : 1px solid #848484;
}

.title {
	border-bottom : 1px solid #848484;
	padding-left : 110px;
}
.title-lg {margin-top : 20px;}
.title-md {margin-top : 25px;}
.title-sm {margin-top : 45px;}
.title-xs {padding-left:0px;font-size : 15px;}

@media (max-width: 767px) {
.title-xs {padding-left:15px!important;}
}

h1 {
	font-size : 20px;
	font-weight : bold;
	text-transform: uppercase;
}

h1.size-xs {
	font-size : 15px;
}

h4.days {
  text-transform: uppercase;
  font-weight : bold;
  font-size : 16px;
}

h4.days small{
  margin-left : 20px;
}

h4.weeks {
  text-transform: uppercase;
  font-weight : bold;
  font-size : 16px;
  padding-bottom : 5px;
  border-bottom : 1px solid #ddd;
}

h4.weeks small{
  text-transform: lowercase;
}

.formSearch {margin-top : -50px;}
.formSearch-xs {margin-top : 10px;}
.formFilters {margin-top : -50px;}
.formFilters-xs {margin-top : 10px;}


#content {
  position : relative;
  margin-top : 160px;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
  border-top : 0px;
  cursor : default;
}

.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th {
  text-transform: uppercase;
  color : #ccc;
  font-weight : normal;
}

.table>thead>tr>th {
  border-bottom : 0px;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #dbdbdb;
}

.table-hover > tbody > tr.empty:hover > td,
.table-hover > tbody > tr.empty:hover > th,
.table-hover > tbody > tr.empty > td,
.table-hover > tbody > tr.empty > th {
  background-color: #fafafa;
}

.table-hover > tbody > tr.emptyTotal:hover > td,
.table-hover > tbody > tr.emptyTotal:hover > th,
.table-hover > tbody > tr.emptyTotal > td,
.table-hover > tbody > tr.emptyTotal > th {
  background-color: #fff;
  border : 3px solid white;
}

.table-hover > tbody > tr.emptyTotal > td.totalLabel {
    text-align : right;
    font-weight : bold;
    background-color : white;
}

.table-hover > tbody > tr.emptyTotal > td.totalTime {
    background-color : #f5f5f5;
    text-align : middle;
}

.table-hover > tbody > tr.emptyTotal > td.totalAmount {
    background-color : #f5f5f5;
    text-align : left;
}

.table-hover > tbody > tr.emptyTotal > td.table_initial {
    text-align : center;
}

.table>tbody>tr>td.table_code_name {text-align: left;}
.table>tbody>tr>td.table_project, .table>tbody>tr>th.table_project {width:400px;max-width:400px;}
.table>tbody>tr>td.table_task, .table>tbody>tr>th.table_task {max-width:400px;}
.table>tbody>tr>td.table_share {text-align: center;width:50px;}
.table>tbody>tr>td.table_duration, .table>thead>tr>th.table_duration {text-align: right;width:70px;}
.table>tbody>tr>td.table_date, .table>thead>tr>th.table_date {text-align: left;width:70px;color:#999;}
.table>thead>tr>th.table_depense, .table>tbody>tr>td.table_depense {text-align: right;width:130px;}
.table>tbody>tr>td.table_firstname {text-align: left;}
.table>tbody>tr>td.table_lastname {text-align: left;}
.table>tbody>tr>td.table_type {text-align: left;}
.table>tbody>tr>td.table_tarif {text-align: center;}
.table>tbody>tr>td.table_tarif_devise {text-align: right;}
.table>tbody>tr>td.table_tarif_price {text-align: right;width:50px;padding-right:10px;}
.table>tbody>tr>td.table_initial , .table>thead>tr>th.table_initial {text-align: center;width:60px;}
.table>tbody>tr>td.table_action {
  max-width : 50px;
  width : 50px;
  text-align: right;
}

.table_action span {
  margin-right : 5px;
  cursor : pointer;
  font-size : 16px;
  vertical-align: middle;
}

.table_overflow {
  height : 175px;
  max-height : 175px;
  overflow : auto;
  overflow-y:scroll;
}

.form-horizontal .control-label {
  text-align: left;
}

.labels-right .control-label {
  text-align: right;
}

.showWeekDetailDay {
  color : #aaa;
  font-weight : normal;
  font-size : 12px;
}

@media (max-width: 767px) {
	.showWeekDetailDay {padding:5px 0px; width:100%; background-color:transparent; text-align:right;}
	.table-responsive{ border:none!important; margin-bottom:55px;}
}