#page-checkin .card .card-body, 
#page-checkout .card .card-body 
{
    text-align: center;
}

body.controller-checkin #issue_badge li.starting_point 
{
    display:none !important;
}

#smilies .mood-bg {
    visibility: hidden;
}

#smilies .mood-bg + label{
    overflow: hidden;
    position: relative;
    height:72px;
    width:72px;
    display:inline-block;
    cursor:pointer;
}

#smilies .mood-bg + label a{
    display:inline-block;
    height: 100%;
    width: 100%;
}

#smilies #mood-sad + label{
    background-image: url("../images/sad.png");
    background-repeat: no-repeat;
    filter: grayscale(1);
}

#smilies #mood-sad:checked + label{
    filter: none;
}

#smilies #mood-neutral + label{
    background-image: url("../images/just-ok.png");
    background-repeat: no-repeat;
    filter: grayscale(1);
}

#smilies #mood-neutral:checked + label{
    filter: none;
}

#smilies #mood-happy + label{
    background-image: url("../images/happy.png");
    background-repeat: no-repeat;
    filter: grayscale(1);
}

#smilies #mood-happy:checked + label{
    filter: none;
}

#page-checkin .card .card-body .location{
    cursor:pointer;
    text-decoration: underline;
}

#top-menu #dx-working-status{
    display: flex;
    float: right;
    margin-right: 15px;
    padding: 5px 15px;
    margin-bottom: 0px;
}

.alert{
    border-radius: 4px;
}

body.controller-agile_boards .goals-message-wrapper {
    position:fixed;
    width:100%;
    background-color: rgba(250,235,215,0.8);
    border-top:1px solid #eee;
    padding:30px 0px;
    bottom: 0px;
    left: 0px;
    z-index: 100;
}

body.controller-agile_boards .goals-message-wrapper div:first-child{
    width: 60%;
    margin: 0px auto;
    text-align:center;
}

body.controller-agile_boards .goals-message-wrapper div:first-child h1 button{
    font-size: 1em;
    line-height: 1em;
}

.modal .modal-header h3 {display:inline-block;}

table.table tbody tr.highlight {display:table-row}

ul.nav#dx_enhancements-menu{margin-bottom:20px; width:100%;}

#top-menu {background-color:blck;}

.leave-request-form-wrapper{max-width: 600px;margin:0px auto;}

.checkin-help{cursor:pointer}
.checkin-help-modal-text{ font-size: 1.25em; line-height: 1.75em;}


table.list .behind-schedule .subject a:before {
    background: yellow;
}
.controller-issues.action-index table.list .behind-schedule > td:first-child {
    border-left-color: yellow;
}

table.list .overdue .subject a:before {
    background: red;
}
.controller-issues.action-index table.list .overdue > td:first-child {
    border-left-color: red;
}

.progressive-overview.progress {
    height:auto;
}


table.list.issues-board thead tr th[data-column-id=8],
table.list.issues-board tbody tr td.issue-status-col[data-id=8]{
    /* on-hold */
    display:none;
}

table.list.issues-board thead tr th[data-column-id=7],
table.list.issues-board tbody tr td.issue-status-col[data-id=7]{
    /* Tested */
    display:none;
}

table.list.issues-board thead tr th[data-column-id=6],
table.list.issues-board tbody tr td.issue-status-col[data-id=6]{
    /* Rejected */
    display:none;
}


.controller-agile_boards.action-index .agile-board table.list.issues-board thead th[data-column-id="8"],
.controller-agile_boards.action-index .agile-board table.list.issues-board tbody td[data-id="8"],
.controller-agile_boards.action-index .agile-board table.list.issues-board thead th[data-column-id="7"],
.controller-agile_boards.action-index .agile-board table.list.issues-board tbody td[data-id="7"],
.controller-agile_boards.action-index .agile-board table.list.issues-board thead th[data-column-id="6"],
.controller-agile_boards.action-index .agile-board table.list.issues-board tbody td[data-id="6"]
{
    display:none;
}

.controller-agile_boards.action-index .agile-board table.list.issues-board .issue-card.passed_due_date{
    border-color:red;
}



#skip-checkin{
    position: fixed;
    bottom: 30px;
    right: 30px;
    font-size:xx-small;
    text-align: right;
}


#main div.issue .attributes .attribute.progress {
    height:auto;
}

#leaves-calendar .fc-event .fc-content, #leaves-calendar .fc-event:hover .fc-content{
    color:#333;
}

#leaveModal{z-index: 1025 !important; background-color: rgba(0,0,0,0.5);}
#offDayModal{z-index: 1025 !important; background-color: rgba(0,0,0,0.5);}

/* Quick fix */
.controller-leaves .modal-backdrop.in{display:none;position:static}
.controller-off_days .modal-backdrop.in{display:none;position:static}

/* Times Rejected should not be editable*/
body.controller-issues.action-show div.issue.details .int_cf.cf_34.attribute .value {cursor:default;}
body.controller-issues.action-show div.issue.details .int_cf.cf_34.attribute .value .iconEdit {
    display:none;
}
body.controller-issues.action-show div.issue.details .int_cf.cf_34.attribute .value .dynamicEditField {
    content: '';
    display:none;
}
/*#issue_custom_field_values_34 {
    content: ''
}*/


/* Timer on issue card in agile board */
.controller-agile_boards.action-index .agile-board table.list.issues-board .issue-card {position:relative}
.controller-agile_boards.action-index .agile-board table.list.issues-board .issue-card a.clock 
{
    font-size: 2em;
    /* padding: 2px; */
    position: absolute;
    top: 12px;
    right: 15px;
}

.controller-agile_boards.action-index .agile-board table.list.issues-board .issue-card a.clock.started{
    color:green;
} 




/* Workload styles fixing */
body.controller-work_load #content .data .hours span {
    padding-top: 1em;
    padding-bottom: 2em;
}

body.controller-work_load #content table.data tr.issue-workload th.issue-description .tooltip {
/*	position: static; */
	opacity: 1;
}



/* Daily Roster */
.roster-search-form{
    margin:20px auto;
}

.roster-search-form .form-group .form-control.input-lg{
    padding-left: 20px;
    box-shadow: none;    
    border: 1px solid #777;
    border-right: 0px;
    margin-top: 0px;
}

.roster-search-form .form-group .input-group-addon {
    border-radius: 0px;
    border-color: #777;
}

#daily-detailed-roster .people-list h1{
    text-transform: uppercase;
}

#daily-detailed-roster .people-list h1 span.big-count{
    display:block;
    font-size:1.5em;
    font-weight:900;
}

#daily-detailed-roster ul.filter-group-container{list-style: none; margin:0px; padding:0px;}

#daily-detailed-roster ul.filter-group-container li.filter-group {display: inline-block; text-align: center; background-color: #efefef; margin: 0px 5px;}

#daily-detailed-roster ul.filter-group-container li.filter-group .filter-group-title{display: block; background-color: #dfdfdf; padding:3px;}
/*#daily-detailed-roster ul.filter-group-container li.filter-group:nth-child(1) .filter-group-title{padding:0px;}*/

#daily-detailed-roster ul.filter-group-container li.filter-group ul{list-style: none; margin:0px; padding: 0px 10px;}

#daily-detailed-roster ul.filter-group-container li.filter-group li.filter-container{display: inline-block; text-align: center;padding: 5px;line-height: 1em;}


#daily-detailed-roster ul.filter-group-container li.filter-group ul li.filter-container a.filter{cursor:pointer;display:block}
#daily-detailed-roster ul.filter-group-container li.filter-group ul li.filter-container a.filter:nth-child(2){padding-top:10px;}
#daily-detailed-roster ul.filter-group-container li.filter-group ul li.filter-container a.filter:hover{text-decoration: none;}
#daily-detailed-roster ul.filter-group-container li.filter-group ul li.filter-container a.filter i.glyphicon{color:#333; font-size:1.2em;margin:3px 0px;}

#daily-detailed-roster ul.filter-group-container li.filter-group ul li.filter-container.active {background-color: black; color: white; }
#daily-detailed-roster ul.filter-group-container li.filter-group ul li.filter-container.active a {color:#fff}
#daily-detailed-roster ul.filter-group-container li.filter-group ul li.filter-container.active a i.glyphicon{color:#fff}


#daily-detailed-roster ul.filter-group-container li.filter-group ul li.filter-container a.filter i.glyphicon.glyphicon-ok-circle{
    color:#4caf50;
    font-size:1.6em;
    margin:0px;
}
#daily-detailed-roster ul.filter-group-container li.filter-group ul li.filter-container a.filter i.glyphicon.glyphicon-remove-circle{
    color:#e51c23;
    font-size:1.6em;
    margin:0px;
}


#daily-detailed-roster .person-wrapper{
    font-size: 1.2em;    
    line-height: 1.5em;
    border-bottom: 1px solid #efefef;
    padding:10px;
    margin: 10px 0px;
    min-height:95px;
    padding-bottom:20px;
}

/*
#daily-detailed-roster .person-wrapper:nth-child(even){
    background-color:#eeeeee;
}*/

#daily-detailed-roster .person-wrapper .name{
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 10px;
    display: inline-block;
}

#daily-detailed-roster .person-wrapper .task-reprot-count{
    font-size: 0.8em;
}

img.img-mood-sad,
img.img-mood-just-ok,
img.img-mood-happy,
img.img-mood-sleepy
{
    background-repeat: no-repeat;
    background-position: top left;
    background-size: cover;
    width: 24px;
    height: 24px;    
}


img.img-mood-sad{ background-image: url("../images/sad.png");}
img.img-mood-just-ok{ background-image: url("../images/just-ok.png");}
img.img-mood-happy{ background-image: url("../images/happy.png");}

img.img-mood-sleepy{ background-image: url("../images/leave.png");}



#daily-detailed-roster .moods {
    position: relative;
    top: -5px;
}

#daily-detailed-roster .moods i{
    font-size: 0.7em;
    color: #999;
}


#daily-detailed-roster .person-wrapper .avatar{
    text-align: center;
    /*position: relative;*/
    padding-top:10px;
}
#daily-detailed-roster .person-wrapper .avatar img{
    width: 50px;
    height: 50px;
}

#daily-detailed-roster .person-wrapper .checkin-time i
{
    padding-left:5px;
}

#daily-detailed-roster .person-wrapper .logged-hours{
    display:inline-block;
    margin-left:20px;
}

#daily-detailed-roster .daily-progress .wizard {
    
}

#daily-detailed-roster .daily-progress .wizard .nav-tabs {
    position: relative;
    border: 0px;
}

#daily-detailed-roster .daily-progress .wizard>div.wizard-inner {
    position: relative;
}

#daily-detailed-roster .daily-progress .connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 75%;
    /* margin: 0 auto; */
    left: 5px;
    right: 0;
    top: 30px;
    z-index: 1;
}

#daily-detailed-roster .daily-progress .stepactive1>a {
    float: left !important;
    margin-right: 50% !important;
}

#daily-detailed-roster .daily-progress .stepactive2>a {
    margin-right: 50% !important;
}

#daily-detailed-roster .daily-progress .stepactive3>a {
    margin-right: 50% !important;
}

#daily-detailed-roster .daily-progress .stepactive4>a {
    /*float: right !important;*/
    margin-right: 50% !important;
}

#daily-detailed-roster .daily-progress span.round-tab {
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 15px;
}

#daily-detailed-roster .daily-progress .wizard li span.round-tab {
    background: #2ED4E0;
    color: white;
    border: 2px solid #fff;
}

#daily-detailed-roster .daily-progress .wizard li a span.round-tab.today {background: #ff9800;}
#daily-detailed-roster .daily-progress .wizard li a span.round-tab.not-today {background: #e51c23;}

#daily-detailed-roster .daily-progress .wizard li a.checked-in span.round-tab,
#daily-detailed-roster .daily-progress .wizard li a.goals-posted span.round-tab,
#daily-detailed-roster .daily-progress .wizard li a.logged span.round-tab,
#daily-detailed-roster .daily-progress .wizard li a.checked-out span.round-tab {background: #4caf50;}



#daily-detailed-roster .daily-progress span.round-tab:hover {
    color: white;
    border: 2px solid #fff;
    background-color: #2ED4E0;
}

#daily-detailed-roster .daily-progress .wizard .nav-tabs>li {
    width: 25%;
    line-height: 0.8em;
}

#daily-detailed-roster .daily-progress .wizard .nav-tabs>li>a:first-child {
    width: 50px;
    height: 50px;
    margin: 5px auto;
    border-radius: 100%;
    padding: 0;
}

#daily-detailed-roster .daily-progress .wizard .nav-tabs>li>a:hover {
    background: transparent;
    cursor:pointer;
}


#daily-detailed-roster .daily-progress .wizard li span.additional-info{
    font-size:0.8em;
    padding-left: 10px;
}

@media(min-width : 320px) and (max-width : 360px) {
    #daily-detailed-roster .daily-progress span.round-tab {
        font-size: 16px;
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    #daily-detailed-roster .daily-progress .wizard .nav-tabs>li a {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }

    #daily-detailed-roster .daily-progress .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }

    #daily-detailed-roster .daily-progress .stepactive2 a {
        margin-right: 20% !important;
    }

    #daily-detailed-roster .daily-progress .stepactive3 a {
        margin-left: 20% !important;
    }
}

/* Side Bar Roster */

#sidebar-roster h3{cursor:pointer;} 

#sidebar-roster h3 span.caret{margin-top:7px}

#sidebar-roster .hide-people h3 span.caret{border-top: 0; border-bottom: 4px dashed;}

#sidebar-roster .hide-people .absent-person,
#sidebar-roster .hide-people .present-person{display:none}

#sidebar-roster img[class^="img-mood-"]{width:16px;height:16px;}

#sidebar-roster a[class^="working-from"] {color:#333 }

#sidebar-roster i.glyphicon{font-size: 0.9em;}

#sidebar-roster div.tooltip{font-size:0.8em;position:absolute;}

#sidebar-roster a.name {color:#333;}
#sidebar-roster a.name:hover {text-decoration: none;}

/*
#sidebar-roster .present-person a.name{display:inline-block; width:75px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
*/

#sidebar-roster .tiny-circle{width: 10px; height: 10px; border-radius: 20px; background-color: #333; display: inline-block; border: 1px solid #fff; margin: 1px;}

#sidebar-roster .tiny-circle.green{background-color: #4caf50;}
#sidebar-roster .tiny-circle.orange{background-color: #ff9800;}

#sidebar-roster hr {margin:10px 0px}

a.on-leave i.glyphicon{color: #4caf50;}

#sidebar-roster span.status{float: right; width:78px;}
#sidebar-roster a.blank-report{width:13px;}

.blink-me {
    animation: blinker 1s linear infinite;
  }
  
  @keyframes blinker {
    50% {
      opacity: 0;
    }
  }

#dx-user-status{    
    display: flex;
    flex-wrap: nowrap;
}

#top-menu #dx-user-status{    
    float: right;    
    margin-right: 15px;
}
#dx-user-status .alert{ padding: 5px 15px; margin-bottom: 0px;max-height:28px;border-radius: 0px;}
#dx-user-status .alert a{color:#fff;}
#dx-user-status .tiny-circle{width: 14px; height: 14px; border-radius: 20px; background-color: #333; display: inline-block; border: 1px solid #fff; margin: 7px 2px 0px 2px;}
#dx-user-status .tiny-circle.green{background-color: #4caf50;}
#dx-user-status .tiny-circle.orange{background-color: #ff9800;}

#dx-user-status .triangle-right{width: 0;height: 0;border-top: 14px solid transparent;border-bottom: 14px solid transparent;border-left: 5px solid #ff9800;}

#dx-user-status .triangle-left{width: 0;height: 0;border-top: 14px solid transparent;border-bottom: 14px solid transparent;border-right: 5px solid #4caf50;}

@media screen and (max-width: 1024px) {
   #header #dx-user-status {position:absolute; right: 40px;} 
   #header #dx-user-status .alert{padding:3px;font-size: 0.9em;}
   #header #dx-user-status {max-width:275px;} 
   #header #dx-user-status .triangle-right {display:inline-block}
   
}


.tasks-filter-wrapper{
    width: 50%;
    margin: 0px auto;
    text-align: center;
}

.tasks-filter-wrapper #frm-filter span.glyphicon.glyphicon-filter.form-control-feedback{
    margin:0px !important;
}