.navbar {
 /* height: 6vw;*/
}


.dataTables_paginate > .pagination {
  margin: 0;
}

.navbar-toggle {
  /* (80px - button height 34px) / 2 = 23px */
  margin-top: 23px;
  padding: 9px 10px !important;
}

@media (min-width: 768px) {
  .navbar-nav > li > a {
    /* (80px - line-height of 27px) / 2 = 26.5px */

    height: 6vw;
  }
}

.myteam_usercard
{
	color:#191919;
  background-color: #ffffff;
 border:none;
 border-radius:6px;
  padding: 0px;
  margin-bottom:10px;
}



.double-scroll::-webkit-scrollbar, .doubleScroll-scroll-wrapper::-webkit-scrollbar{
    width: 10px;
    height: 30px;
    padding-top: 40px;
}

.double-scroll::-webkit-scrollbar-track, .doubleScroll-scroll-wrapper::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
    border: none;
    background: rgb(241,241,241);
    border-radius: 10px;

}
.double-scroll::-webkit-scrollbar-thumb, .doubleScroll-scroll-wrapper::-webkit-scrollbar-thumb{
    border-radius:10px;
    height: 30px;
    width: 8px;
    border: none;
    background: rgb(200,200,200);

}

.double-scroll::-webkit-scrollbar-track-piece, .doubleScroll-scroll-wrapper::-webkit-scrollbar {
    height: 30px;
    width: 30px;
}

.fix-width {
  width: 95vw;
  overflow-y: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table_planning_generator {
  width: 10%;
  margin-bottom: 0;
  max-width: none;
}

.planning_generator_item {
  text-transform: uppercase;
  background-color: #ffffff;
}

.planning_generator_item>h5 {
  font-size:0.72vw;
}


.btn-adduser {
	border:none;
	border-radius:0;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4e391+0,61c419+50,b4e391+100;Green+3D */
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b4cc1c+0,446e18+100 */
background: #b4cc1c; /* Old browsers */
background: -moz-linear-gradient(top,  #b4cc1c 0%, #446e18 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b4cc1c 0%,#446e18 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b4cc1c 0%,#446e18 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4cc1c', endColorstr='#446e18',GradientType=0 ); /* IE6-9 */


}


.planning-user-edit-btn {
  cursor: pointer;
  background:rgba(255,255,255,0);
  border:none;
  color:#f2f2f2;
  webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.planning-user-edit-btn:hover,
.planning-user-edit-btn:focus{

  cursor: pointer;
    background:rgba(255,255,255,1);
    border:none;
    color:#ffffff;
    outline:none;h1
}

.planning-user-edit-item {
    margin-bottom: 5px;
  cursor: pointer;
  background:rgba(255,255,255,0.9);
  border:none;
  color:#f2f2f2;
  webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.planning-user-edit-item:hover,
.planning-user-edit-item:focus{
  cursor: pointer;
    background:rgba(255,255,255,0);
    border:none;
    color:#ffffff;
    outline:none;
}

.btn-success {
 background : #189352;
 border:none;
}

.btn-success:hover, .btn-success:focus {
 background : #147a3f;
 border:none;
}

.btn-primary {
background: #38B2C6; /* Old browsers */
border:none;
}

.btn-primary:hover, .btn-primary:focus {
 background : #15A3AA;
 border:none;
}


.btn-default {
color:#646464;
  background : #f0f0f0;
border:none;
}

.btn-default:hover, .btn-default:focus {
color:#646464;
  background : #e0e0e0;
border:none;
}


.myteam_subnavs_container {
  margin-top: 15px;
  padding: 10px;
  border : none;
 color:#858585;
margin-bottom:15px;
background:rgba(245,245,245,1);
border-radius:6px;
}

.intro-myteam .container-fluid {
  padding:0;
}


.myteam_subnav_btn {
  color:#858585;
  font-weight: bold;
  padding:4px 14px 4px 14px;
  border-bottom: 4px solid transparent;
  margin-bottom: 4px;
}

.myteam_subnav_btn:hover,
.myteam_subnav_btn:focus,
.myteam_subnav_btn:active {
    color:#191919;
    text-decoration: none;
   
}

.myteam_subnav_btn_active {
  color:#191919;
  font-weight: bold;
  padding:4px 14px 4px 14px;
  border-bottom: 4px solid #189352;
  margin-bottom: 4px;
}

.myteam_subnav_btn_active:hover,
.myteam_subnav_btn_active:focus,
.myteam_subnav_btn_active:active {
    color:#191919;
    text-decoration: none;
   
}

.myteam_shift_tab_btn_active {
  padding: 10px;
  border-bottom: 6px solid #f15f22;
  margin-bottom: 2vw;
  color: #f15f22;
}

.myteam_shift_tab_btn_active:hover,
.myteam_shift_tab_btn_active:focus,
.myteam_shift_tab_btn_active:active{
   padding: 10px;
  border-bottom: 6px solid #f15f22;
  margin-bottom: 2vw;
  color: #f15f22;
}

.myteam_shift_tab_btn {
  padding: 10px;
  border-bottom: 6px solid #ffffff;
  margin-bottom: 2vw;
  color: #191919;
}

.myteam_shift_tab_btn:hover,
.myteam_shift_tab_btn:focus,
.myteam_shift_tab_btn:active{
  padding: 10px;
  border-bottom: 6px solid #ffffff;
  margin-bottom: 2vw;
  color: #191919;
}


.shift-text-input {
  background-color: transparent;
  border-radius: 15%;
  padding: 19px 13px;
  color: #191919;
  font-size: 1.2vw;
  margin: 0.2vw 0 0 0;
  border: none;
  box-shadow: none;
  outline: none;
}

.shift-text-input:hover,
.shift-text-input:focus,
.shift-text-input:active{
  box-shadow: none;
  outline: none;
  font-weight: bolder;
}



/* Hour */
.shift-time-input {
  background-color: transparent;
  border-radius: 15%;
  padding: 19px 13px;
  color: #191919;
  font-size: 1.2vw;
  margin: 0.2vw 0 0 0;
  border: none;
  box-shadow: none;
  outline: none;
}

.shift-time-input:hover,
.shift-time-input:focus,
.shift-time-input:active{
  box-shadow: none;
  outline: none;
  font-weight: bolder;
}


/* Hour */
.shift-time-input::-webkit-datetime-edit-hour-field {
  background-color: transparent;
  border-radius: 15%;
  padding: 19px 13px;
  color: #191919;
  font-size: 1.2vw;
  font-weight: bolder;
}

/* Minute */
.shift-time-input::-webkit-datetime-edit-minute-field {
  background-color: transparent;
  border-radius: 15%;
  padding: 19px 13px;
  color: #191919;
  font-size: 1.2vw;
  font-weight: bolder;
}

/* AM/PM */
.shift-time-input::-webkit-datetime-edit-ampm-field {
  background-color: transparent;
  border-radius: 15%;
  color: #fff;
  padding: 19px 13px;
  color: #191919;
  font-size: 1.2vw;
}

/* 'X' button for resetting/clearing time */
.shift-time-input::-webkit-clear-button {
  display: none;
}

/* Up/Down arrows for incrementing/decrementing the value */
.shift-time-input::-webkit-inner-spin-button {
  display: none;
}


.shift_repeat_btn {
  border-radius: 50%;
  background-color: #e3e4e7;
  color: #8a898c;
  padding: 0.8vw;
  font-size: 1.2vw;
}

.shift_repeat_btn:hover,
.shift_repeat_btn:focus,
.shift_repeat_btn:active{
  background-color: #f15f22;
  color: #ffffff;
  outline: none;
}


.shift_repeat_btn_active
{
  border-radius: 50%;
  background-color: #f15f22;
  color: #ffffff;
  padding: 0.8vw;
  font-size: 1.2vw;
}

.shift_repeat_btn_active:hover,
.shift_repeat_btn_active:focus,
.shift_repeat_btn_active:active{
  color: #ffffff;
  background-color: #f15f22;
  outline: none;
}


.shift_repeat_btn_disabled {
  border-radius: 50%;
  background-color: #b8b8b8;
  color: #4e4e50;
  padding: 0.8vw;
  font-size: 1.2vw;
}

.shift_repeat_btn_disabled:hover,
.shift_repeat_btn_disabled:focus,
.shift_repeat_btn_disabled:active{
  background-color: #b8b8b8;
  color: #4e4e50;
  outline: none;
}



@media (min-width: 768px) and (max-width: 1199px) {
  .shift-time-input {
  background-color: transparent;
  border-radius: 15%;
  padding: 19px 13px;
  color: #191919;
  font-size: 2vw;
  margin: 0.2vw 0 0 0;
  border: none;
  box-shadow: none;
  outline: none;
}


.shift-text-input {
  background-color: transparent;
  border-radius: 15%;
  padding: 19px 13px;
  color: #191919;
  font-size: 2vw;
  margin: 0.2vw 0 0 0;
  border: none;
  box-shadow: none;
  outline: none;
}


}





.edit-plantemplate-btn > h1 {
  width: 90%;
  font-size: 1.4vw;
  margin-top: 0.7vw;
  webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.edit-plantemplate-btn:hover > h1,
.edit-plantemplate-btn:focus > h1 {
  margin-top: 0;
  width: 100%;
  font-size: 1.8vw;
}

.edit-plantemplate-btn.active > h1 {
  margin-top: 0;
  width: 100%;
  font-size: 1.8vw;
}


.edit-plantemplate-btn {
  width: 90%;
  height: auto;
  margin-top: 0.7vw;
  margin-left: auto;
  margin-right: auto;
  cursor: pointer;
  opacity: 0.5;
  -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.edit-plantemplate-btn:hover,
.edit-plantemplate-btn:focus{
  margin-top: 0;
  opacity: 1;
  width: 100%;
}

.edit-plantemplate-btn.active{
  margin-top: 0;
  opacity: 1;
  width: 100%;
}

.edit-plantemplate-btn.active {
  cursor: pointer;
  font-weight: bolder;
 
}

.empty-shift-item {
  cursor: pointer;
  border-radius: 8px;
padding: 10px;
  background-clip: content-box;
}

.empty-shift-item.active:hover{
  border-radius: 6px;
background-color: #f7f7f7;
padding: 10px;
  background-clip: content-box;
}

.empty-poste-item {
  cursor: pointer;
  border-radius: 8px;
padding: 10px;
  background-clip: content-box;
}

.empty-poste-item.active:hover{
  border-radius: 6px;
background-color: #f7f7f7;
padding: 10px;
  background-clip: content-box;
}


.row_plage_extreme_cell {
  cursor: pointer;
padding: 10px;
  background-clip: content-box;
}
empty-poste-item
.row_plage_extreme_cell.left {
  cursor: pointer;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}empty-poste-item
.row_plage_extreme_cell.active:hover{

  background-clip: content-box;
}

.add-userplan-item-btn {

  color: rgba(255,255,255,1);

  -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;

}

.add-userplan-item-btn:hover,
.add-userplan-item-btn:focus{
  color: rgba(255,255,255,0.8);
}

.absence-planning-item {
  color: #ffffff;
  background:rgba(31,31,31,0.6);

}
.absence-planning-item2 {
  color: #ffffff;
background:rgba(31,31,31,0.6);

}

.selectpicker.dropdown-menu > .active > a,
.selectpicker.dropdown-menu > .active > a:hover,
.selectpicker.dropdown-menu > .active > a:focus {
  background-color: transparent;
  color: #313131;
}

.add_custom_course_option {
  background-color: #e2e2e2 !important;
  font-weight: bold !important;
  text-align: center !important;
  font-size: 1vw !important;
  color: #464646 !important;
}

.custom_course_option {
  background-color: #f7f7f7 !important;
  font-weight: bold !important;
  text-align: center !important;
  font-size: 0.8vw !important;
  color: #191919 !important;
}

.change_planning_year {
border-radius:4px;
}

.change_planning_view_datas {
 
}

.change_planning_view_team_filter {
  
}


@media (min-width: 768px) and (max-width: 1199px) {

.search_planning_input {
 
}

}


#table_planning tfoot {
position:sticky;
bottom: 0;

}


@media (min-width: 992px) and (max-width: 1199px) {
  .text-center-md {
    text-align: center;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .table_planning_postes thead h6 {
    font-size: 0.8vw;
  }
}



.table_planning_employes thead {
position:sticky;
top: 0;
background-color: #ffffff;
z-index:999;
}


#table_planning tfoot th {
position:sticky;
bottom: 0;

}


#table_planning thead td.td_postes {
position:sticky;
top: 0;
background-color: #ffffff;

}


#table_planning_template tfoot {
position:sticky;
bottom: 0;

}

#table_planning_template tfoot th {
position:sticky;
bottom: 0;

}

.show_planning_file_btn {
  cursor: pointer;
}

.btn-default.locked-th {

}


@media (min-width: 1200px) and (max-width: 1800px) {
.change_planning_content_view_btn_container {
  display: none;
}

.change_planning_content_views_container {
  width: 100%;
}

.change_planning_content_views_cols {
  padding-right: 5px;
}
}


.selectable .ui-selecting > .planning_generator_item, .selectable .ui-selected > .planning_generator_item{box-shadow: 1px -1px 9px 3px rgba(0,0,0,0.80);
-webkit-box-shadow: 1px -1px 9px 3px rgba(179,237,255,0.80);
-moz-box-shadow: 1px -1px 9px 3px rgba(179,237,255,0.80);}



.selectable .ui-selecting > .absence_item, .selectable .ui-selected > .absence_item{

border:2px solid #6ef752;
}

.selectable .ui-selecting > .empty_item, .selectable .ui-selected > .empty_item{

border:2px solid #6ef752;
}

.selectable .ui-selecting.date_cell, .selectable .ui-selected.date_cell{
background:rgba(78,198,0,0.6) !important;
}

.table > tbody > tr.hs-recup > td {
  background-color:#f4c19f;
}

.table > tbody > tr.hs-salaire > td {
  background-color:#f4a69f;
}

.table > tbody > tr.recups > td {
  background-color:#cff49f;
}


.col_stats_user_row.active {
-webkit-box-shadow: inset 0px 0px 8px 2px #64C7F9; 
box-shadow: inset 0px 0px 8px 2px #64C7F9;
}