.path-scheduler .page-header, .path-frontpage .page-header{
	display:none;
}


/* Scheduler date filter - starts here */

.scheduler-view .view-filters form .form-inline {
  text-align: right;
}

.scheduler-view .view-filters .form-inline .form-item {
  float: none;
}

.scheduler-view .view-filters .form-inline .pgc-datepicker{
	width:94%;
}

/* Scheduler date filter - ends here */

/* Scheduler table- starts here */

.scheduler-view .view-header{
	text-align:right;
	margin-bottom: 10px;
}

.scheduler-view .view-content .table {
  margin-bottom: 0px;
}

.scheduler-view .view-content .table-responsive caption {
  font-family: 'ProximaNova-Bold';
  color: #000;
  font-size: 14px;
  padding: 3px 0px 1px;
}

.scheduler-view .view-content .table > thead > tr {
  font-family: 'ProximaNova-Bold';
  font-size: 12px;
  border-top: 1px solid #cccccc;
  background: #323033;
  color: #ffffff;
  height: 50px;
}

.scheduler-view .view-content .table > thead > tr > th {
  vertical-align: middle;
  padding: 4px;
}

.scheduler-view .view-content div.table-responsive:not(:first-child) thead,
.scheduler-view .view-content .status-nid,
.scheduler-view .view-content th.views-field-nothing,
.scheduler-view .view-content td.responsive-emp-info {
  display: none;
}

.scheduler-view .view-content .table-responsive tbody tr.clickable-row {
  cursor: pointer;
  position: relative;
}

.scheduler-view .view-content .table > tbody > tr.clickable-row > td {
  padding: 3px 8px;
}

.scheduler-view .view-content .table > tbody > tr > td {
  padding: 3px;
  font-size: 12px;
  white-space: normal;
  color: #000;
}

.scheduler-view .view-content .views-field-field-emp-name{
	width: 150px;
  min-width: 150px;
  max-width: 150px;
}

.scheduler-view .view-content .views-field-field-state,  .scheduler-view .view-content .views-field-field-extension-number{
  width: 80px;
  min-width: 80px;
  max-width: 80px;
}

.scheduler-view .view-content .views-field-field-start-and-leave-time {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
}

.scheduler-view .view-content .views-field-field-duration {
  width: 100px;
  min-width: 100px;
  max-width: 100px;
  padding-left:20px !important;
}

.scheduler-view .view-content .views-field-field-message-from-employee {
  width: 30%;
}

.scheduler-view .view-content th.views-field-pgc-view-field {
  text-align: center;
  width: 150px;
  min-width: 150px;
}

.scheduler-view .view-content .clickable-row .views-field-pgc-view-field {
  text-align: center;
  width: 150px;
  min-width: 150px;
}
.views-field-field-days-off {
  width: 6%;
}

.scheduler-view .view-content .Travel {
  background-color: #664477 !important;
}

.scheduler-view .view-content .Remote {
  background-color: #226622 !important;
}

.scheduler-view .view-content .Out {
  background-color: #d1d1d1 !important;
}

.scheduler-view .view-content .In {
  background-color: #8ba786 !important;
}

.scheduler-view .view-content .Travel > td,
.scheduler-view .view-content .Remote > td {
  color: #ffffff !important;
}

/* WEBSITE-123 - Starts */
td.views-field-nothing-1, th.views-field-nothing-1{
	padding:0px !important;
	vertical-align: middle;
	text-align:center;
	height:1px;
}

td > .days{
	height:100%;
}

.days span{
	width:20%;
	border:1px solid #ffffff;
	display: inline-block;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  padding: 0px;
  margin: 0px;
  color: #d1d1d1;
}

td.views-field-nothing-1 .days span.In{
	color:#8ba786;
}

td.views-field-nothing-1 .days span.Remote{
	color:#226622;
}

td.views-field-nothing-1 .days span.Out{
	color:#d1d1d1;
}

.badge{
	background-color: #f3f3f3 !important;
	color: rgba(51, 51, 51, 0.6) !important;
}

.status-on{
	background-color: #337ab7 !important;
	color: #ffffff !important;
}

#toggleStatus[data-title="In"]{
	background-color: #8ba786 !important;
	color: #000000 !important;
}

#toggleStatus[data-title="Remote"]{
	background-color: #226622 !important;
	color: #ffffff !important;
}

#toggleStatus[data-title="Out"]{
	background-color: #d1d1d1 !important;
	color: #000000 !important;
}

/* WEBSITE-123 - Ends */

/* Scheduler table - starts here */

/* Scheduler Toggle - startes here */
.statusToggle {
  opacity: 0;
}

.bootstrap-switch {
  border-radius: 10px !important;
  background: #f3f3f3;
  border: 1px solid #999 !important;
}
.clickable-row .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.clickable-row .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.clickable-row .bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label,
.clickable-row .bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label,
.clickable-row .bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
  min-width: 45px;
  border-radius: 8px;
  font-size: 10px;
}
.clickable-row .bootstrap-switch .bootstrap-switch-label {
  color: rgba(51, 51, 51, 0.6) !important;
  background: #f3f3f3 !important;
  box-shadow: none;
}
.clickable-row .bootstrap-switch.bootstrap-switch-focused {
  box-shadow: none !important;
}
.clickable-row .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
.clickable-row .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
  box-shadow: inset 0px -1px 3px 2px rgba(0, 0, 0, 0.3);
  padding-top: 2px;
  padding-bottom: 0px;
}
.clickable-row .reset-togglestatus {
  font-size: 10px !important;
  border-radius: 10px;
  box-shadow: inset 0px -1px 3px 2px rgba(0, 0, 0, 0.3);
  border: 0px;
  /* padding: 2px 5px 0px; */
  width: 45px;
}

/* Scheduler Toogle - ends here */

/* Scheduler popup */
.scheduler-view .pgc-update-info{
	display:none;
}
.scheduler-view .pgc-update-info .scheduler-employee-status {
  padding: 10px 10px;
  border-radius: 0px;
  background: #f2f8f5;
  border: 1px solid #b4b4b4;
  position: relative;
  
}

.scheduler-view .pgc-update-info .scheduler-employee-status .views-entity-form > div > div{
	float:left;
}

.scheduler-view .pgc-update-info .scheduler-employee-status .views-entity-form .svp-popup-status{
	width:23%;
}

.scheduler-view .pgc-update-info .scheduler-employee-status .views-entity-form .svp-popup-comment, .scheduler-view .pgc-update-info .scheduler-employee-status .views-entity-form .svp-popup-duration{
	width:31%;
}

.scheduler-view .pgc-update-info .panel-default {
  border: none;
}

.scheduler-view .pgc-update-info .panel-body {
  display: inline-flex;
  padding: 0px;
  margin: 0px;
  column-gap: 3px;
}

.scheduler-view .pgc-update-info {
  padding: 10px;
}

.scheduler-view .pgc-update-info label,
.scheduler-view .pgc-update-info h4 {
  color: #000000 !important;
}

.scheduler-view .pgc-update-info .svp-popup-duration .panel{
	background: #f2f8f5;
	border:none;
}


.scheduler-view .pgc-update-info .svp-popup-duration input {
  width: 130px;
  height: 25px;
  border-radius: 0px;
  padding: 0px;
}

.scheduler-view .pgc-update-info .svp-popup-status {
  margin-bottom: 10px;
  text-align: center;
}

.scheduler-view .pgc-update-info .svp-popup-status .radio {
  display: inline;
  padding: 7px;
}

.scheduler-view .pgc-update-info .svp-popup-comment input{
	box-shadow: none;
  border-radius: 0px;
  height: 26px;
}

.scheduler-view .pgc-update-info .form-actions button {
  text-transform: uppercase;
  color: #FFF;
  border: 0px;
  border-radius: 3px;
  line-height: normal;
  font-size: 12px;
  width: 65px;
  margin-left: 10px;
}

.scheduler-view .pgc-update-info .form-actions button .glyphicon-ok:before {
  content: "";
}

.scheduler-view .pgc-update-info .view-footer {
    height: 10px;
    position: absolute;
    right: 10px;
    bottom: 34px;
}

.scheduler-view .pgc-update-info .spv_close{
  background-color: gray;
  width: 65px;
  margin: 10px;
  padding: 3px;
  color: #fff;
  border-radius: 3px;
  text-transform: uppercase;
  font-size: 12px;
}

span.hidden-uid {
  display: none;
}
/* Scheduler popup */

/* Message Block */

.edit-msg-link {
  overflow: hidden;
  text-indent: 999px;
  width: 20px;
  height: 20px;
  display: block;
  background: url(/sites/default/files/inline-images/iconEdit.png) left top no-repeat;
  /*right: 25%;
  position: absolute;*/
}

.link-edit-summary.btn,
.panel-heading,
#edit-form-field-body-0-body-0-format,
#block-views-block-home-message-block-1 {
  display: none;
}

#block-views-block-home-message-block-1 {
  width: 60%;
  position: absolute; 
  margin-bottom: 10px;
  z-index: 99999;
}

#block-views-block-home-message-block-1 .views-form{
	background: #f2f8f5;
  border: 1px solid #b4b4b4;
  padding: 25px;
}

#block-views-block-home-message-block-1 .views-form .panel-default{
	background: #f2f8f5;
}

#edit-form-field-field-date-0-field-date-0 {
  border: none;
}


#block-views-block-home-message-block-1 .views-form .form-textarea-wrapper div#cke_1_contents{
	height:125px !important;
}

#block-views-block-home-message-block-1 .form-actions {
 /* margin: 15px;
  margin: 15px;
  text-align: right;
  margin-right: 15%;
  margin-bottom: 3%; */
  margin-top: 10px;
}

#block-views-block-home-message-block-1 .form-actions button {
  text-transform: uppercase;
  color: #FFF;
  border: 0px;
  border-radius: 3px;
  line-height: normal;
  font-size: 12px;
  width: 65px;
  margin-left: 10px;
}

#block-views-block-home-message-block-1 .form-actions button .glyphicon-ok:before {
  content: "";
}

#block-views-block-home-message-block-1 .field--name-field-date .panel-body {
  display: inline-flex;
  column-gap: 15px;
  padding: 0px;
  margin-bottom:10px;
  width: 100%;
}

#block-views-block-home-message-block-1 .close-btn {
  background-color: gray;
  width: 75px;
  text-transform: uppercase;
  color: #FFF;
  border: 0px;
  border-radius: 3px;
  padding: 6px 12px;
  line-height: normal;
  font-size: 12px;
  position: absolute;
  left: 15%;
  bottom: 7%;
  /*
  margin: 15px;
  position: absolute;
  right: 0;
  bottom: 2%;
  padding: 3px;
  color: #fff;
  border-radius: 5px;
  */
}

#views-exposed-form-scheduler-page-1 button {
  display: none;
}

/* Message Block */

@media (max-width: 979px) {
  div.view-scheduler div.view-content .table-responsive:not(:first-child) thead {
    display: table-header-group;
  }
  div.view-scheduler.views-field-field-comment {
    max-width: 150px;
    min-width: 150px;
    white-space: normal !important;
  }
  div.view-scheduler .views-field.views-field-nothing-1 {
    width: 120px;
    min-width: 120px;
    max-width: 120px;
  }
}

@media (max-width: 767px) {
  .calender-btn,
  .close-btn {
    position: inherit;
    margin-bottom: 20px;
  }

  #block-views-block-home-message-block-1 {
    width: 100%;
    position: relative;
  }

  #block-views-block-home-message-block-1 .field--name-field-date .panel-body {
    display: block;
  }

  #block-views-block-home-message-block-1 .form-actions {
    margin: 15px !important;
    text-align: left;
  }
  
  #block-views-block-home-message-block-1 .close-btn{
  	left: 35%;
    bottom: 41px;
  }

  .view-scheduler .spv-popup-content {
    left: -15%;
  }
  .views-field-field-emp-name,
  .views-field-field-state,
  .views-field-field-extension-number,
  .views-field-field-start-and-leave-time,
  .views-field-field-days-off,
  .views-field-field-duration,
  .views-field-nothing-1,
  button.navbar-toggle {
    display: none;
  }
  .scheduler-view .view-content th.views-field-nothing,
  .scheduler-view .view-content td.responsive-emp-info {
    display: block;
  }

  div.view-scheduler div.view-content .table > tbody > tr.clickable-row > td,
  div.view-scheduler div.view-content .table > thead > tr > th {
    padding: 3px;
  }


	.scheduler-view .pgc-update-info .scheduler-employee-status .views-entity-form > div > div{
		width: 100% !important;
    float: none;
    margin-bottom: 10px;
	}
	
	.scheduler-view .pgc-update-info .form-actions{
		margin-right: 50px;
	}
	
	.scheduler-view .pgc-update-info .spv_close{
		left:20%;
	}
	
	scheduler-view .pgc-update-info .scheduler-employee-status {
    padding: 3px;
  }
  
  
	
}
  /* old css */

  div.view-scheduler div.view-content .table > tbody > tr.clickable-row > td,
  div.view-scheduler-page div.view-content .table > thead > tr > th {
    padding: 3px;
  }
  div.view-scheduler .views-field-field-typical-start-and-end-time,
  div.view-scheduler-page .views-field-field-duration {
    display: none;
  }
  div.view-scheduler .views-field-field-comment {
    width: 30%;
    max-width: 30%;
    min-width: 30%;
  }
 

  /* old css */