/* ----------------------- SUMMARY -----------------------

 - Calendar
  Calendar > Navline
    Calendar > Navline > Filter
  Calendar > Header
  Calendar > Data
  Calendar > Month View
  Calendar > Day View

 - Minicalendar

*/

/* ----------------------- INFO -----------------------

Overrides some dhxScheduler styles to customize scheduler

*/

/* Calendar
----------------------------------------------- */
.dhx_cal_container{
  overflow:visible !important;
  font-family:inherit!important;
}

table.dhx_cal_data_container{
  width:100%;
}

.dhx_cal_data_container{
  position:relative;
  top:50px;
}

/* Sets te auto height for events and multiday events in month view */ 
.dhx_cal_event_clear,
.dhx_cal_event_line{
  height:auto!important;
}
.dhx_cal_event_line{
  text-align:center;
}

/* Color weekends in all views*/
.dhx_time_block.weekend{
  background-color: rgba(210,210,210,0.3);
}

/* Arrange events on top of weekend block */
.dhx_cal_event,
.dhx_cal_event_clear,
.dhx_cal_event_line,
.dhx_cal_event_line_start,
.dhx_cal_event_line_end{
  z-index:1;
}

/* Calendar > Navline
----------------------------------------------- */
.dhx_cal_navline div{
  top:0px !important;
}

.dhx_cal_navline .dhx_cal_date{
  font-size:20px !important;
}

.dhx_cal_tab[name='day_tab'],
.dhx_cal_tab[name='mp_day_tab'],
.dhx_cal_tab[name='mp_adm_day_tab']{
  left:178px;
}
.dhx_cal_tab[name='week_tab'],
.dhx_cal_tab[name='mp_week_tab'],
.dhx_cal_tab[name='mp_adm_week_tab']{
  left:89px;
}
.dhx_cal_tab[name='month_tab'],
.dhx_cal_tab[name='mp_month_tab'],
.dhx_cal_tab[name='mp_adm_month_tab']{
  left:0;
}

.dhx_cal_tab,
.dhx_cal_lock_month_button,
.dhx_cal_today_button,
.dhx_cal_prev_button,
.dhx_cal_next_button{
  font-family:'Source Sans Pro', sans-serif;
  font-weight:normal;
  background-color: #FAFAFA;
  text-shadow: none;
  font-size:14px;
}

.dhx_cal_tab{
  width:90px;
}

.dhx_cal_tab.active {
  background-color: #ebebeb;
  text-shadow: none;
  font-weight:normal;
}

.dhx_cal_tab,
.dhx_cal_date,
.dhx_cal_lock_month_button,
.dhx_cal_today_button,
.dhx_cal_prev_button,
.dhx_cal_next_button{
  height:36px;
  line-height:36px;
}
.dhx_cal_prev_button{
  background-color: #FAFAFA;
}

.dhx_cal_next_button{
  background-color: #FAFAFA;
}

.dhx_cal_lock_month_button{
    color: #747473;
    left: auto;
    right: 190px;
    width: 150px;
    font-size: 14px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #CECECE;
    text-align: center !important;
    cursor: pointer;
}
.dhx_cal_lock_month_button_confirm:disabled,
.dhx_cal_lock_month_button_confirm[disabled]{
  cursor: not-allowed;
}

/* Calendar > Navline > Filter
----------------------------------------------- */

.dhx_filter_button *{
  position:relative !important;
}

.dhx_cal_navline .dhx_filter_button{
  left:189px;
}

.dhx_filter_button .dhx_filter_dropdown{
  padding:5px;

  left:0;
  top:4px !important;

  background-color:white;
  border:1px solid #CECECE;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
      border-radius: 5px;
}

.dhx_filter_button .dhx_filter_dropdown li{
  line-height:20px;
}

/* Calendar > Header
----------------------------------------------- */

.dhx_cal_header{
  position:relative !important;
  top:auto !important;
  border:none !important;
  height:36px!important;
  margin: 0 3px;
}

.dhx_scheduler_week .dhx_cal_header{
   margin:0;
}

.dhx_cal_header .dhx_scale_bar{
  border:none !important;
  color:#d8d8d8;
  height:36px!important;
  line-height:34px;
  background-color:#4b4b4b;
  font-size:14px;
  font-family:'Source Sans Pro', sans-serif;
  font-weight:normal;
  border-radius: 5px;
}

/* Hides calendar header in Day View*/
.dhx_scheduler_day .dhx_cal_header,
.dhx_scheduler_mp_adm_day .dhx_cal_header{
  display:none;
}

/* Calendar > MultiDay
----------------------------------------------- */
.dhx_multi_day{
  position:relative !important;
  top:auto !important;
  border:1px solid transparent !important;
  margin-right: 15px;
  margin-top:5px;
  margin-bottom:5px;
  background-color: #FAFAFA!important;
}

.dhx_scheduler_day  .dhx_multi_day,
.dhx_scheduler_mp_adm_day .dhx_multi_day{
  margin-top:0;
}

.dhx_multi_day_icon,
.dhx_multi_day_icon_small{
  border:1px solid transparent !important;
  background-color: #FAFAFA!important;
}


/* Calendar > Data
----------------------------------------------- */
.dhx_cal_data{
  position:relative !important;
  top:auto !important;
}

.dhx_scale_holder,
.dhx_scale_holder_now{
  /*background: transparent!important;*/
}


.dhx_scale_holder .scale_holder_hour{
  background:#EDEDED;
  border-top:1px solid #BEBEBE;
}

.dhx_scale_holder .scale_holder_interval{
  background:#EDEDED;
  border-top:1px solid #D6D6D6;
}

.dhx_scale_holder_now .scale_holder_hour{
  background:#e4ece7;
  border-top:1px solid #9DB6A5;
}

.dhx_scale_holder_now .scale_holder_interval{
  background:#e4ece7;
  border-top:1px solid #cfd6d2;
}

/*.dhx_scheduler_day  .dhx_cal_data{
  height:100%  !important;
  min-height: 519px  !important;
}*/

.dhx_scheduler_month  .dhx_cal_data{
  height: calc(100% - 25px)  !important;
  border:none;
}

/* Calendar > Month View
----------------------------------------------- */

.dhx_scheduler_month  .dhx_cal_data > table{
  border-spacing:2px;
  border-collapse:separate;
}

.dhx_month_head,
.dhx_month_body{
  text-align:center;
  color: #757575;
  background-color: #e8e8e8  !important;
  border:none!important;
}

/* Fades past and future months in Month View*/
.dhx_after .dhx_month_head,
.dhx_after  .dhx_month_body,
.dhx_before .dhx_month_head,
.dhx_before .dhx_month_body{
  background-color: #DCDCDC !important;
  border:none!important;
}

/* FIX: Adjusts weekend time block height to fit entire cell, not fixed height */
.dhx_month_body{
  cursor:pointer;
  position:relative;
  padding:8px;
}
/* FIX: Adjusts weekend time block height to fit entire cell, not fixed height */
.dhx_month_body .dhx_time_block.weekend{
  top:0 !important;
  height:100% !important;
  left: 0 !important;
}

/* FIX: Prevent color overlay of "weekend" and "past and future months" */
.dhx_after .dhx_time_block.weekend,.dhx_before .dhx_time_block.weekend{
  display:none !important;
}

/* FIX: Fix the height of the marked days in Month View*/
.dhx_scheduler_month .dhx_marked_timespan{
  display: block  !important;
  margin-top: -21px;
  padding-bottom: 21px;
  box-sizing: content-box;
}

/* FIX: Hide time red line in Month View */
.dhx_scheduler_month .dhx_marked_timespan.dhx_now_time{
    display: none  !important;
}

.dhx_month_body .empty_event_count{
  text-align: center;
  position:absolute;
  left:8px;
  right:8px;
  bottom:30px;
  z-index: 100;
}

.dhx_month_body .empty_event_count p.count_number{
  font-size: 36px;
  margin: 0;
  color: rgb(0, 143, 255)!important;
}

.dhx_month_body .empty_event_count p.count_label{
  margin:0;
  font-size:14px!important;
  color: rgb(0, 143, 255)!important;
}

.dhx_month_body .empty_event_count.not_available{
  bottom: 62px;
  display:none;
}

.dhx_month_body .empty_event_count.not_available p.count_label{
  color:#9E9E9E!important;
}

/* Calendar > Day View
----------------------------------------------- */

/* FIX: calendar widths to work with minicalendar in Day View*/
.dhx_scheduler_day .dhx_cal_data,
.dhx_scheduler_day .dhx_multi_day,
.dhx_scheduler_day .dhx_multi_day .dhx_cal_event_line,
.dhx_scheduler_day .dhx_scale_bar,
.dhx_scheduler_day .dhx_cal_data .dhx_scale_holder_now, /* Selects the current day events area in Day View */
.dhx_scheduler_day .dhx_cal_data :first-child.dhx_scale_holder /* Selects the events area in Day View */{
  width:auto !important;
  right:0;
  box-sizing:border-box;
}

.dhx_scheduler_mp_adm_day .dhx_cal_data,
.dhx_scheduler_mp_adm_day .dhx_multi_day,
.dhx_scheduler_mp_adm_day .dhx_multi_day .dhx_cal_event_line,
.dhx_scheduler_mp_adm_day .dhx_scale_bar,
.dhx_scheduler_mp_adm_day .dhx_cal_data .dhx_scale_holder_now, /* Selects the current day events area in Day View */
.dhx_scheduler_mp_adm_day .dhx_cal_data :first-child.dhx_scale_holder /* Selects the events area in Day View */{
  width:auto !important;
  right:0;
  box-sizing:border-box;
}

.dhx_scale_hour {
  border-bottom: 1px solid transparent !important;
  background-color:#FAFAFA;
}

/* Minicalendar
----------------------------------------------- */
.mini_calendar_container{
  padding-top:0 !important;
  padding-left:0 !important;
  margin-top:6px;
}

.dhx_mini_calendar .dhx_year_event, .dhx_mini_calendar .dhx_calendar_click {
  border-radius: 0 !important;
}

/* Remove minicalendar box-shadow and round corners */
.dhx_cal_container.dhx_mini_calendar{

  border:none!important;
  padding:0!important;

  box-shadow:none !important;
  
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}


/* Minicalendar > Year Month
----------------------------------------------- */

.dhx_mini_calendar .dhx_year_month{
  height:30px!important;
  line-height:23px!important;
  margin-right: 5px;
  position: relative;
}

.dhx_mini_calendar .dhx_cal_prev_button,
.dhx_mini_calendar .dhx_cal_next_button{
  width:40px!important;
  height:30px;  
  top: 0!important;
}

/* Minicalendar > Year Week
----------------------------------------------- */

.dhx_mini_calendar .dhx_year_week{
  border-bottom:none!important;
  height:23px!important;
  margin:10px 0 0 2px;
}

.dhx_mini_calendar .dhx_year_week .dhx_scale_bar{
  width:36px!important;
  height:23px!important;
  line-height:21px;
  background-color:#98B7A3;
  color:#FFF;
}

/* Minicalendar > Year Body (Days)
----------------------------------------------- */
.dhx_mini_calendar .dhx_year_body{
  border:none!important;
}

.dhx_mini_calendar .dhx_year_body > table{
  border-spacing: 2px;
  border-collapse: separate;
}

.dhx_mini_calendar .dhx_year_body > table td{
  
}

.dhx_mini_calendar .dhx_year_body .dhx_month_head{
  border: 1px solid transparent!important;
  position:relative !important;
  margin:0 !important;
  padding: 4px !important;
  height:36px!important;
  line-height: 28px;
  width:36px!important;
}

.dhx_mini_calendar .dhx_year_body .dhx_now .dhx_month_head{
  background-color:#D1E4D7!important
}

.dhx_mini_calendar td:not(.dhx_now) .dhx_year_body .dhx_month_head.dhx_calendar_click,
.dhx_mini_calendar td:not(.dhx_now) .dhx_year_body .dhx_month_head.dhx_year_event {
  background-color:transparent !important;
}

.dhx_mini_calendar .dhx_year_body .dhx_month_head.dhx_calendar_click {
  border: 1px solid #8AB499!important;
}

/* Event day style */
.dhx_mini_calendar .dhx_year_body .dhx_month_head.dhx_year_event:after {
  content: "";
  display: inline-block;
  background-color: #D6D6D6;
  width: 6px;
  height: 6px;
  position: absolute;
  bottom: 1px;
  left: 13px;

  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
      border-radius: 5px;
}

.dhx_mini_calendar td.dhx_now .dhx_year_body .dhx_month_head.dhx_year_event:after {
  background-color: #E9C551 !important;
}

.dhx_year_body .dhx_before .dhx_month_head,
.dhx_year_body .dhx_after .dhx_month_head,
.dhx_year_body .dhx_before .dhx_month_head a,
.dhx_year_body .dhx_after .dhx_month_head a {
 color: #BBB!important;
 width:36px!important;
}

/* FIX: Removes bottom line from days in minicalendar */
.dhx_mini_calendar .dhx_year_body .dhx_month_body{
  display:none !important;
}

/* Lightbox
----------------------------------------------- */

.dhx_custom_lightbox{
  padding:10px;

  width:400px;

  background-color:white;
  border:1px solid #CECECE;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
      border-radius: 5px;

  display:none;
  position:absolute;
  top:450px !important;
  left:calc(50% - 200px) !important;
  z-index:10001;
}

.lightbox_footer{
  margin-top:10px;
}

/* Button Style
----------------------------------------------- */

.dhx_button{
  padding: 6px 10px;

  background-color:white;
  border:1px solid #CECECE;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
      border-radius: 5px;
}

/* Events
----------------------------------------------- */

.scheduler-event{
  position:relative;
  border: 1px solid #eaeaea;
  background-color:#F5F5F5;
  padding: 0!important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  overflow:hidden;
  border-radius:3px;
  cursor:default;
}

.scheduler-event tr.event-title{
  height:22px;
  text-align:center;
  border-bottom: 1px solid #eaeaea;
}

.scheduler-event tr.event-body > td{
  background-color:#FFF;
  vertical-align:top;
  padding:3px;
}

.scheduler-event  .event-badge{
  padding: 1px 4px;
  background-color: #e8e8e8;
  border-radius: 2px;
  color: #757575;
  font-size: 9px;
  vertical-align:middle;
}

.scheduler-event .event-badge.nota{
  color: #FFF;
  background-color:#0069d0;
}

.scheduler-event  .event-badge.encaixe{
  color: #FFF;
  background-color:#f77777;
}

.event-action{
  background-color: #F5F5F5;
  color: #444;
  border-radius: 3px;
  cursor:pointer;
}

.event-action.disabled{
  cursor:default;
}

.event-action .fa {
  margin-left:5px;
}

.event-action.agendado{
  background-color: #CFD0FF;
  color:#612eb1;
}
.event-action.disponivel{
  background-color: #F0D3D3;
  color:#a55c5c;
}
.event-action.disponibilizado{
  background-color: #7aecad;
  color:#1d6d41;
}
.event-action.troca_disponivel{
  background-color: #F2F2A6;
  color:#71710b;
}
.event-action.responder_troca_pendente{
  background-color: #95d4dc;
  color:#1d7480;
}
.event-action.cancelar_troca_pendente{
  background-color: #95d4dc;
  color:#1d7480;
}
.event-action.nenhuma_acao_disponivel{
  color:#9a9a9a;
  cursor:default;
}

.event-action .table-cell{
  padding:5px;
}

/* Calendário
----------------------------------------------- */

.calendario th{
  vertical-align: middle;
 }
 
.calendario .mes button{
 text-transform: capitalize;
 font-size: 14px;
 margin: 0px;
 border: 0px;
}

.calendario .dia-semana small {
  background-color: #98B7A3;
  color: #FFF;
  padding: 3px;
  text-transform: capitalize;
  width: 34px;
  display: block;
  border: 1px solid #fff;
  border-bottom: 3px solid #fff;
}

.calendario .dia-mes .btn-sm {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 0px;
}
.calendario .dia-mes .btn-default {
color: #333333;
background-color: #f6f6f6;
border-color: #fff;
}

.calendario .dia-mes .btn-default[disabled] , .calendario .dia-mes .btn-sm[disabled] {
  background-color: #fff;
  border-color: #ccc;
}

.calendario .dia-mes .btn-default.desabilitado{
  background-color: #DCDCDC;
  color: #bbb;
}

.calendario .btn.active {
  background-color: rgb(209, 228, 215) !important;
}

.calendario .text-info {
color: #333333;
}

.calendario .pull-left, .calendario .pull-right{
  background-color: #888;
  border-radius: 0px;  
}

.calendario .pull-left{  
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.calendario .pull-right{  
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}

.calendario .glyphicon-chevron-left , .calendario .glyphicon-chevron-right{
  color: #fff;
}

.novo-agendamento  .feedback-msg a, .novo-agendamento  .feedback-ms a:hover, .novo-agendamento  .feedback-ms a:active, .novo-agendamento  .feedback-ms a:focus, .novo-agendamento  .feedback-ms a:visited {
color: #fff;
text-decoration: none;
}






/* MP
----------------------------------------------- */

.dhx_scheduler_day .dhx_cal_data,
.dhx_scheduler_mp_adm_day .dhx_cal_data{
  border: 1px solid #CECECE;
}

.dhx_cal_header.mp_cal_header{
  position:relative;
  margin:0 0 2px 0;
  left:0!important;
}

.dhx_cal_header.mp_cal_header .col{
  border:none;
}

.dhx_cal_header.mp_cal_header .col:not(:last-child),
.dhx_cal_data.mp_cal_data .col:not(:last-child){
  padding-right:2px!important;
}

.dhx_cal_header.mp_cal_header .dhx_scale_bar{
  position:relative;
}

.dhx_cal_data.mp_cal_data{
  border:none;
  margin-top:1px;
  height:auto!important;
}

.dhx_cal_data .mp_scale_holder{
  height:100%;
  background-color:#e8e8e8;
  border-radius: 5px;
  overflow: hidden;
}

.dhx_cal_data.mp_week .mp_scale_holder,
.dhx_cal_data.mp_adm_week .mp_scale_holder{
  min-height:600px;
  cursor:pointer;
}

.dhx_cal_data.mp_month .mp_scale_holder,
.dhx_cal_data.mp_adm_month .mp_scale_holder{
  min-height:140px;
}

.dhx_cal_data .mp_month_scale_holder_row,
.dhx_cal_data .mp_adm_month_scale_holder_row{
  margin-bottom:2px;
}

.dhx_cal_data .mp_scale_holder .dhx_cal_event.scheduler-event{
  margin-bottom:3px;
}

.dhx_cal_data.mp_month .mp_scale_holder .dhx_month_head,
.dhx_cal_data.mp_adm_month .mp_scale_holder .dhx_month_head,
.dhx_cal_data.mp_adm_week .mp_scale_holder .dhx_week_head{
  padding: 0 5px 15px 5px;
  line-height: 21px;
  box-sizing: content-box;
}

.dhx_cal_data.mp_month .mp_scale_holder .dhx_month_body{
  height: calc(100% - 36px);
  padding: 0;
  margin-top: -15px;
  background-color: transparent!important;
}

.dhx_cal_data.mp_adm_month .mp_scale_holder .dhx_month_body{
  height: calc(100% - 21px);
  padding: 0;
  margin-top: 0;
  background-color: transparent!important;
}

.dhx_cal_data.mp_month .mp_scale_holder .dhx_month_body .vagas-disponiveis,
.dhx_cal_data.mp_adm_month .mp_scale_holder .dhx_month_body .vagas-disponiveis{
  color:#989898;
}

.dhx_cal_data.mp_month .mp_scale_holder .dhx_month_body .vagas-disponiveis:not(.absolute-fit-parent),
.dhx_cal_data.mp_adm_month .mp_scale_holder .dhx_month_body .vagas-disponiveis:not(.absolute-fit-parent){
  height: 50px;
  margin-bottom:3px;
}

/* Month Adm Events
----------------------------------------------- */
.mp_adm_month .dhx_month_head,
.mp_adm_week .dhx_week_head{
  /*margin-bottom:15px;*/
  cursor:default;
}

.mp_adm_month .dhx_month_body{
  /*cursor:default;*/
}

.mp_adm_month .dhx_cal_event.scheduler-event{
  text-align:left;
  background-color: #FFF;
  padding:5px 8px!important;
  font-weight:600;
}

.mp_adm_month .dhx_cal_event.scheduler-event.empty-slots{
  color: #d27171;
  border: 1px solid #e8cbcb;
  background-color: #ecd6d6;
  
  /*
  color: #ff7800;
  border: 1px solid #ffc793;
  
  color: #f35858;
  border: 1px solid #ffc1c1;
  background-color: #fff4f4;
  */
}

.mini_calendar_adm_buttons{
  margin: 10px 8px 0 0;
}

.mini_calendar_adm_buttons a{
  text-decoration:none!important;
}

.dhx_scheduler_mp_adm_month .dhx_cal_event.scheduler-event,
.dhx_scheduler_mp_adm_week .dhx_cal_event.scheduler-event,
.dhx_scheduler_mp_adm_week .dhx_week_head {
    pointer-events: none;
}

.dhx_month_head > div {
    cursor: pointer;
}