/* Use .page-9999 so only the voting app receives this special icon */
.app-icon {
    background-image: url(../img/app-icon.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    background-color: #ED813E;
}
.app-logo {
    background-image: url(../img/logo.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.page-20210 .t-Login-logo,
.page-9999 .t-Login-logo {
    width: 347px;
    height: 73px;
    border-radius: 0;
}

/*
 Font Awesome Customizations - START
 */

.fa-edit:before, .fa-pencil-square-o:before {
  color: #4B66A7;
}
.cfa-1_5x {
  font-size: 1.5em;
}
.cfa-check_N:before {
  content: "\f00d";
  color: red;
}
.cfa-check_Y:before {
  content: "\f00c";
  color: green;
}
.cfa-check2_Y:before {
  content: "\f00c";
  color: green;
}
.cfa-open_Y:before {
  content: "\f00c";
  color: green;
}
.cfa-open_N:before {
  content: "\f023";
}

.cfa-edit_N:before {
  content: "\f023";
  color: #444444;
}
.cfa-edit_Y:before {
  content: "\f09c";
  color: green;
}
.cfa-warning_Y:before {
  content: "\f071";
  color: #CC8024;
}
.cfa-note_Y:before {
  content: "\f075";
}
.cfa-other_Y:before {
  content: "\f111";
  color: #cc9633;
}

/*
 Font Awesome Customizations - END
*/

.delete-btn {color: #e53935;}

.hide {display: none;}

/* Center all IR edit columns */
td[headers="LINK"] {text-align: center;}

/**
 * Static pie charts
 * http://dabblet.com/gist/66e1e52ac2a44ad87aa4
 * By Lea Verou
 */

.pieContainer {
   display: inline-block;
   position: relative;
}
.pie {
  display: inline-block;
  position: relative;
  width: 30px;
  line-height: 30px;
  border-radius: 50%;
  background:#DDD;
  background-image: linear-gradient(to right, transparent 50%, yellowgreen 0);
  color: transparent;
  text-align: center;
}
.pie.full {
  background-color: yellowgreen;
}
.pie.overtime {
  /*Flip color, make overtime orange*/
  background-image: linear-gradient(to right, transparent 50%, orange 0);
  background-color: yellowgreen;
}
.pieLabel {
  position: relative;
  display: inline-block;
  left: .5em;

}
.pieLabel.full {
  color: #7cac39;
}
.pieLabel.overtime {
  /*Red #d74242;*/
  background-color: #eca013;
  color: white;
  padding: 1px 3px;
}
@-webkit-keyframes spin {
  to { -webkit-transform: rotate(.5turn); transform: rotate(.5turn); }
}
@keyframes spin {
  to { -webkit-transform: rotate(.5turn); transform: rotate(.5turn); }
}
@-webkit-keyframes bg {
  50% { background: yellowgreen; }
}
@keyframes bg {
  50% { background: yellowgreen; }
}   

.pie::before {
  content: '';
  position: absolute;
  top: 0; left: 50%;
  width: 50%; height: 100%;
  border-radius: 0 100% 100% 0 / 50%;
  background-color: inherit;
  -webkit-transform-origin: left;
  transform-origin: left;
  -webkit-animation: spin 50s linear infinite, bg 100s step-end infinite;
  animation: spin 50s linear infinite, bg 100s step-end infinite;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
  -webkit-animation-delay: inherit;
  animation-delay: inherit;
}

/* END pie */


.color5 .a-Report-percentChart-fill {
  background-color: #56B173;
}
.color4 .a-Report-percentChart-fill {
  background-color: #227C7A;
}
.color3 .a-Report-percentChart-fill {
  background-color: #7C4D81;
}
.color2 .a-Report-percentChart-fill {
  background-color: #E78340;
}
.color1 .a-Report-percentChart-fill {
  background-color: #E4746B;
}


.drag-handle {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 20px;
  margin: 3px 0px;
  background-image: url("../img/drag-handle.png");
  background-repeat: repeat-y;
  background-position: center center;
  z-index: 1;
}
.drag-handle {
  cursor: move;
}
.disabled-handle,
.drag-handle.disabled {
    cursor: not-allowed;
    opacity: 0.4;
}
.dragging {
  opacity: 0.5;
  filter: "alpha(opacity=50)";
}



/* jQuery Tooltip */
.ksjqTooltip {padding: 0; font: normal 13px/16px "Helvetica Neue",Helvetica,Arial,sans-serif; box-shadow: 5px 5px 10px #AAA;}

.ksjqTooltip .ui-dialog-content {background: #F2F2F2!important;overflow:auto;}
.ksjqTooltip h1 {font-weight: bold;font-size: 1.2em;margin-top: 6px;}
.ksjqTooltip .legend {
position: absolute;
bottom: 2px;
left: 4px;
}
.legend {
font-size: .8em;
color: #767676;
}
/*# sourceMappingURL=app.css.map */