/*
 * CALENDAR
 */
 
 .fc table tr.fc-first.fc-last {

 }
 
 .fc table tr.fc-first.fc-last th {
   padding: 5px !important;
 }

.fc-event {
  padding:3px;
  word-wrap:break-word !important;

}

.fc-event-vert {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  -o-text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

div.fc-event-inner {
  display:inline;
}

.fc-today {
  background-image: none !important;
  background-color: #fcf8e3 !important;
}

.fc-today .fc-day-number {
  font-weight: bold !important;
}

.fc-event {
   cursor: pointer !important;
   margin:1px 0 1px 0 !important;
   display: inline;
   border-radius: 2px !important;
   -moz-border-radius: 2px !important;
   border-color: none;
}

.ui-icon-circle-triangle-e {
    width: 16px;
    height: 16px;
    background-image: url('/resources/images/icon_arrow_right.png') !important;
    background-position: 0px 0px !important;
    background-repeat: no-repeat !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2),
       only screen and (min-resolution: 192dpi) { 
    .ui-icon-circle-triangle-e { 
      background-image: url('/resources/images/icon_arrow_right@2x.png') !important; 
      -webkit-backgorund-size:16px 16px !important; 
      background-size: 16px 16px !important;
      -moz-background-size: 16px 16px !important;
    } 
  } 
  
.ui-icon-circle-triangle-w {
    width: 16px;
    height: 16px;
    background-image: url('/resources/images/icon_arrow_left.png') !important;
    background-position: 0px 0px !important;
    background-repeat: no-repeat !important;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2),
       only screen and (min-resolution: 192dpi) { 
    .ui-icon-circle-triangle-w { 
      background-image: url('/resources/images/icon_arrow_left@2x.png') !important; 
      -webkit-backgorund-size:16px 16px !important; 
      background-size: 16px 16px !important;
      -moz-background-size: 16px 16px !important;
    } 
  } 

.fc-button {
    box-shadow: unset !important;
    border:1px solid #d8d8d8 !important;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
    font-family: Arial, helvetica, sans-serif !important;
    font-size:11px !important;
    padding: 5px 10px 5px 10px;
    text-decoration:none !important;
    display:inline-block;
    font-weight:bold !important;
    color: #333 !important;
    margin-left: 5px !important;
    background: -moz-linear-gradient(top, #fefefe, #ededed) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe),color-stop(100%,#ededed)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fefefe, #ededed) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fefefe 0%, #ededed 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fefefe 0%, #ededed 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #fefefe 0%, #ededed 100%) !important; /* W3C */
}

.fc-button:hover,
.fc-button.fc-button-active {
    box-shadow: unset !important;
    border:1px solid #d8d8d8 !important;
    background-color: #f5f5f5 !important;
    text-decoration:none !important; 
    display:inline-block; 
    font-weight:bold !important; 
    color: #222 !important;
    background: -moz-linear-gradient(top, #ededed, #fefefe) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed),color-stop(100%,#fefefe)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ededed, #fefefe) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ededed 0%, #fefefe 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ededed 0%, #fefefe 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #ededed 0%, #fefefe 100%) !important; /* W3C */
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-button:disabled {
    color: #101010 !important;
    background-image: none !important;
    background: none !important;
    background-color: #fff !important;
    opacity: 1.0 !important;
    filter: alpha(opacity=100) !important;
}

.fc-button-month {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; 
}

.fc-button-agendaWeek {
  border-radius: 0 !important;
}

.fc-button-agendaDay {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important; 
}

.calendarpanel {
 /*
  padding: 10px !important;
  background-color: #fafafa;
  border: 1px solid #d8d8d8;
  border-radius: 4px;
  -moz-border-radius: 4px; 
  margin:10px 0 0 0;
  min-height: 50px;
 */
  margin-top: 10px;
  padding:0;
  border:0;
}


/*
 * CALENDAR USERDATA
 */

.calendar-form {
 background-color: #E97F02 !important;
 border-color: #E97F02 !important;
 font-size: 12px !important;
 color: #fff !important;
}

.calendar-form:before { 
font-family: FontAwesome;
content:"\f0f6";
display:inline;
padding:2px;
}

.calendar-attachment-img {
 background-color: #F8CA00 !important; 
 border-color: #F8CA00 !important;
 font-size: 12px !important;
 color: #333 !important;
}

.calendar-attachment-img:before { 
font-family: FontAwesome;
content:"\f03e";
display:inline;
padding:2px;
}

.calendar-attachment-doc {
 background-color: #F8CA00 !important; 
 border-color: #F8CA00 !important;
 font-size: 12px !important;
 color: #333 !important;
}

.calendar-attachment-doc:before { 
font-family: FontAwesome;
content:"\f016";
display:inline;
padding:2px;
}

.calendar-attachment-video {
 background-color: #F8CA00 !important; 
 border-color: #F8CA00 !important;
 font-size: 12px !important;
 color: #333 !important;
}

.calendar-attachment-video:before { 
font-family: FontAwesome;
content:"\f03d";
display:inline;
padding:2px;
}

.calendar-coacheng {
 background-color: #8A9B0F !important; 
 border-color: #8A9B0F !important;
 font-size: 12px !important;
 color: #fff !important;
}

.calendar-coacheng:before { 
font-family: FontAwesome;
content:"\f0a1";
display:inline;
padding:2px;
}

.calendar-coacheng-draft {
 background-color: #CCC !important; 
 border-color: #CCC !important;
 font-size: 12px !important;
 color: #111 !important;
 font-weight: bold !important;
}

.calendar-coacheng-draft:before { 
font-family: FontAwesome;
content:"\f0a1";
display:inline;
padding:2px;
}
/*#F8CA00*/
.calendar-coachact {
 background-color: #3a87ad !important; 
 border-color: #3a87ad !important;
 font-size: 12px !important;
 color: #fff !important;
}

.calendar-coachact:before { 
font-family: FontAwesome;
content:"\f017";
display:inline;
padding:2px;
}

.calendar-pd {
 background-color: #BD1550 !important; 
 border-color: #BD1550 !important;
 font-size: 12px !important;
 color: #fff !important;
}

.calendar-pd:before { 
font-family: FontAwesome;
content:"\f02d";
display:inline;
padding:2px;
}

.calendar-event-full {
    background-color: #BD1550 !important;
    border-color: #BD1550 !important;
    font-size: 12px !important;
    color: #fff !important;
}
.calendar-event-full:before {
    font-family: FontAwesome;
    float: left;
    padding-right: 5px;
    margin: 1px 0 0 3px;
    transform: scale(1.5);
    content: "\f196";
}

.calendar-event-open {
    background-color: #E97F02 !important;
    border-color: #E97F02 !important;
    font-size: 12px !important;
    color: #fff !important;
}
.calendar-event-open:before {
    font-family: FontAwesome;
    float: left;
    padding-right: 5px;
    margin: 2px 0 0 3px;
    transform: scale(1.6);
    content: "\f0fe";
}

.calendar-event-signed-up {
    background-color: #8A9B0F !important;
    border-color: #8A9B0F !important;
    font-size: 12px !important;
    color: #fff !important;
}
.calendar-event-signed-up:before {
    font-family: FontAwesome;
    float: left;
    padding-right: 5px;
    margin: 1px 0 0 3px;
    transform: scale(1.5);
    content: "\f046";
}

.calendar-event-waitlisted {
    background-color: #875b9b !important;
    border-color: #875b9b !important;
    font-size: 12px !important;
    color: #fff !important;
}
.calendar-event-waitlisted:before {
    font-family: FontAwesome;
    float: left;
    padding-right: 5px;
    margin: 1px 0 0 3px;
    transform: scale(1.5);
    content: "\f044";
}

.calendar-event-declined {
    background-color: #e70704 !important;
    border-color: #e70704 !important;
    font-size: 12px !important;
    color: #fff !important;
}
.calendar-event-declined:before {
    font-family: FontAwesome;
    float: left;
    padding-right: 5px;
    margin: 1px 0 0 3px;
    transform: scale(1.5);
    content: "\f05e";
}

.calendar-event-online-course {
    background-color: #F8CA00 !important;
    border-color: #F8CA00 !important;
    font-size: 12px !important;
    color: #333 !important;
}
.calendar-event-online-course:before {
    font-family: FontAwesome;
    float: left;
    padding-right: 5px;
    margin: 1px 0 0 3px;
    transform: scale(1.5);
    content:"\f108";
}
/*
 * TAB PANEL
 */
 
 .usertab .ui-panel .ui-panel-content {
   padding: 0 !important;
 }
 
 
 /*
 ** HOMEPAGE TABLE
 **/
 
 .homepagetable {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: normal;
  margin-right:0px;
}

.homepagetable .ui-datatable-header {
  text-align: center;
  padding: 5px !important;
  border: 1px solid #d8d8d8;
  border-width: 1px 1px 0 1px;
  border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  background-color: #e0e0e0 !important;
  /* background-image: -webkit-linear-gradient(top,#fefefe,#eeeeee) !important; */
}

.homepagetable .ui-datatable-footer {
  text-align: center;
  padding: 5px !important;
  border: 1px solid #d8d8d8;
  border-width: 0 1px 1px 1px;
  background-color: #f0f0f0 !important;
  /* background-image: -webkit-linear-gradient(top,#fefefe,#eeeeee) !important; */
}

.homepagetable table thead tr{
}

.homepagetable tr th,
.homepagetable tr td {
  height: 22px !important;
  border: 1px solid #d8d8d8;
  white-space: normal !important;
}

.homepagetable td div.ui-dt-c {
  padding: 2px !IMPORTANT;
}

.homepagetable div.ui-dt-c a {
  display: inline;
}

.homepagetable div.ui-dt-c a span .redtext{
  display: inline;
  text-decoration: none !important;
}

.homepagetable table td a{
  color: #0081b1;
  text-decoration: underline !important;
  font-size:12px;
  padding: 2px;
}
  
.homepagetable table tr th {
  text-align: center;
  padding: 2px;
  height: 25px;
}

.homepagetable table td {
  height: 20px !important;
  border: 1px solid #d8d8d8;
}

.homepagetable table thead th{
 background-color: #f9f9f9;
 height: 22px !important;
}

.homepagetable table tbody {
  border-width: 1px !important;
}

.homepagetable table tbody tr td{
  border-width: 1px !important;
  padding: 2px;
}

.homepagetable table thead tr th {
   height: 25px !important;
   font-family: Arial, Helvetica, sans-serif !important;
   font-size: 12px !important;
   font-weight: bold !important;
   color: #333;
   background-color: #f9f9f9 !important;
  }
 
.homepagetable table thead th.ui-state-hover { 
   background-color: #f9f9f9 !important;
   background-image: -webkit-linear-gradient(top,#ffffff,#f9f9f9) !important; 
}

.homepagetable table tr.ui-widget-content {
  border-width: 1px 0 1px 0 !important;
}

.homepagetable .ui-sortable-column {
}
.homepagetable .ui-datatable-even {
  background-color: #fefefe;
}
.homepagetable .ui-datatable-odd {
  background-color: #f0f0f0;
}
.homepagetable {
  padding: 0;
  margin: 0;
}
.homepagetable .ui-corner-top {
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
}
.homepagetable .ui-corner-bottom {
  border-radius: 0px !important;
  -moz-border-radius: 0px !important;
}
.homepagetable .ui-state-highlight {
    color: #ffffff !important;
 }

.homepagetable .ui-state-highlight a{
    color: #ffffff !important;
}

/* change sortable columns to only show icon when sorted */
.homepagetable .ui-icon-carat-2-n-s {background-position: -160px 0px;}
.homepagetable .ui-icon-triangle-1-s {background-position: -64px -16px;}
.homepagetable .ui-icon-triangle-1-n {background-position: 0 -16px;}
.homepagetable .ui-sortable-column-icon {
}
.homepagetable .ui-sortable-column-icon span {
  display: block;
}

.homepagetable span.columnicon {
  color: #666;
  text-decoration: none;
}

.homepagetable .ui-state-default,
.homepagetable .ui-widget-content .ui-state-default, 
.homepagetable .ui-widget-header .ui-state-default {
    background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.homepagetable a.columnicon {
  color:#666 !important;
  text-decoration: none !important;
}

.homepagetable a.columnicon:hover {
  text-decoration: none !important;
}

.uiobject {
  border: 1px solid #ccc;
  background-color: white;
  display : inline-block;
  position:absolute; 
  z-index:1000;
  opacity:0.7;
  overflow:hidden;
  cursor: -webkit-grab;
  cursor: move;
}


.certobj-selected {
  border: 1px solid blue;
}

.ui-fileupload-buttonbar .ui-button-text {
  margin-left: 9px;
  margin-right: 6px;
}

.homepage-status-inprogress{
  display:inline;
  font-size:11px;
  font-weight: normal;
  color:#fff;
 /* background-color: #0081B1;
  border:1px solid #0076a2;*/
  background-color: #b4b4b4;
  border:1px solid #b0b0b0;
  padding-bottom: 1px;
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 2px;
  height: 20px;
  border-radius: 3px;
  white-space:nowrap;
}

div.new_form {
  display: inline-block;
  width: 29px;
  height: 34px;
  background-image: url('/resources/images/new_form.png') !important; 
  background-position: top left !important;
  background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2),
       only screen and (min-resolution: 192dpi){ 
      div.new_form  {
      background-image: url('/resources/images/new_form@2x.png') !important; 
      -webkit-backgorund-size:29px 34px !important; 
      background-size: 29px 34px !important;
      -moz-background-size: 29px 34px !important;
      background-repeat: no-repeat;
    }
 }
 
 div.new_plan {
  display: inline-block;
  width: 29px;
  height: 34px;
  background-image: url('/resources/images/new_plan.png') !important; 
  background-position: top left !important;
  background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2),
       only screen and (min-resolution: 192dpi){ 
      div.new_plan  {
      background-image: url('/resources/images/new_plan@2x.png') !important; 
      -webkit-backgorund-size:29px 34px !important; 
      background-size: 29px 34px !important;
      -moz-background-size: 29px 34px !important;
      background-repeat: no-repeat;
    }
 }
 
div.new_pd {
  display: inline-block;
  width: 29px;
  height: 34px;
  background-image: url('/resources/images/new_pd.png') !important; 
  background-position: top left !important;
  background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2),
       only screen and (min-resolution: 192dpi){ 
      div.new_pd  {
      background-image: url('/resources/images/new_pd@2x.png') !important; 
      -webkit-backgorund-size:29px 34px !important; 
      background-size: 29px 34px !important;
      -moz-background-size: 29px 34px !important;
      background-repeat: no-repeat;
    }
 }
 
div.new_coaching {
  display: inline-block;
  width: 29px;
  height: 34px;
  background-image: url('/resources/images/new_coaching.png') !important; 
  background-position: top left !important;
  background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2),
       only screen and (min-resolution: 192dpi){ 
      div.new_coaching  {
      background-image: url('/resources/images/new_coaching@2x.png') !important; 
      -webkit-backgorund-size:29px 34px !important; 
      background-size: 29px 34px !important;
      -moz-background-size: 29px 34px !important;
      background-repeat: no-repeat;
    }
 }
 
div.new_logging {
  display: inline-block;
  width: 29px;
  height: 34px;
  background-image: url('/resources/images/new_logging.png') !important; 
  background-position: top left !important;
  background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2),
       only screen and (min-resolution: 192dpi){ 
      div.new_logging  {
      background-image: url('/resources/images/new_logging@2x.png') !important; 
      -webkit-backgorund-size:29px 34px !important; 
      background-size: 29px 34px !important;
      -moz-background-size: 29px 34px !important;
      background-repeat: no-repeat;
    }
 }

div.new_upload:before {
    content: "\f093";
}

div.new_upload {
    font-weight: 900;
    font-family: "Font Awesome 5 Free";
    color: blue;
    font-size: 2.27em;
    height: 40px;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

div.shared_form {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url('/resources/images/icon_share_new.png') !important; 
  background-position: top left !important;
  background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2),
       only screen and (min-resolution: 192dpi){ 
      div.shared_form  {
      background-image: url('/resources/images/icon_share_new@2x.png') !important; 
      -webkit-backgorund-size:18px 18px !important; 
      background-size: 18px 18px !important;
      -moz-background-size: 18px 18px !important;
      background-repeat: no-repeat;
    }
 }
 
div.reflection_form {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url('/resources/images/icon_reflection_new.png') !important; 
  background-position: top left !important;
  background-repeat: no-repeat;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2),
       only screen and (min-resolution: 192dpi){ 
      div.reflection_form  {
      background-image: url('/resources/images/icon_reflection_new@2x.png') !important; 
      -webkit-backgorund-size:18px 18px !important; 
      background-size: 18px 18px !important;
      -moz-background-size: 18px 18px !important;
      background-repeat: no-repeat;
    }
 }
 
 .itemlabel {
   display: inline-block; 
   line-height: 34px; 
   margin-top: 0px; 
   vertical-align: top; 
   margin-left: 10px;
 }
 
  .tableicon {
   display: inline-block; 
   line-height: 20px; 
   margin-top: 0px; 
   vertical-align: middle; 
 }
 
 #newformdialog .ui-dialog-content {
  padding: 0px 0px 0px 0px;
}

#newformfolderlist {
  margin:0; 
  padding:0; 
  list-style:none;
  float:left;
  width:290px;
  border-right:1px solid #f3f3f3;
  height:100%;
}

#newformfolderlist li { 
}
#newformfolderlist li:first-of-type { 
  margin-top:22px;
}

#newformfolderlist img, 
#newformfolderlist span {
  vertical-align:middle;
  margin-right:10px;
}
#newformfolderlist span {
  vertical-align:middle;
}
#newformfolderlist > li > a,
#newformfolderlist > li > form {
  display:block;
  padding:5px;
  color: #666666;
  margin-left:14px;
  text-decoration: none;
}
#newformfolderlist > li > form > a {
  color: #666666;
  text-decoration: none;
}
#newformfolderlist > li:hover {
  background-color:#ebebeb;
}
#newformfolderlist .active {
  background-color:#ebebeb;
}

#newformfilelist {
  float: left;
  width: 358px;
  height: 379px;
  overflow: auto;
  overflow-x: hidden;  
}

#newformfilelist a {
  color: #666666;
  display:block;
  padding: 4px 15px;
}
#newformfilelist a:hover {
  background-color: #ebebeb;
  text-decoration:none;
}

#newformfilelist .active {
  display:block !important;
}