/* my task start css */
li.mytask i.glyphicon.glyphicon-pushpin {
    transform: rotate(45deg);
    position: absolute;
    top: 8px;
    right: 16px;
    font-size: 18px;
}

    li.mytask i.glyphicon.glyphicon-pushpin.active {
        transform: rotate(-45deg);
    }

li.mytask {
    padding: 0 10px;
    margin-right: 15px;
}

.mytask .glyphicon-pushpin:before {
    content: "\e146";
    font-size: 13px;
}

.nav > li.mytask > a {
    color: #fff !important;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 13px;
    padding: 5px 40px 5px 20px;
    background: #034776;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    z-index: 9;
}

.mytaskblock {
    background: #ededed;
    position: absolute;
    z-index: 3;
    width: 464px;
    right: -10px;
    top: 0;
    /*border: 2px solid #e6e6e7;*/
    border: 1px solid silver;
    display: none;
    text-align: center;
    height:593px;
}

/*.task-btn {
    margin: 54px auto 0;
    text-align: center;
    width: 45%;
    float: none;
    display: inline-block;
}*/


.task-btn {
    margin: 54px auto 0;
    text-align: center;
    width: 100%;
    float: none;
    display: inline-block;
    padding: 0 18%;
}

    /*.task-btn input {
        width: 96px;
        height: 35px;
        border-radius: 4px;
        background: #c3c3c3;
        color: #fff;
        text-transform: capitalize;
    }*/


    
.task-btn input {
    width: 110px;
    height: 45px;
    border-radius: 4px;
    background: #c3c3c3;
    color: #fff;
    text-transform: capitalize;
    font-size: 18px;
}

        .task-btn input:hover {
            background: #6dbf49;
            color: #fff;
        }

.taskerror {
    text-align: center;
    color: #585961;
    margin: 15px 0 5px;
}

.historytask {
     padding: 0 15px 5px;
    width: 100%;
    margin: 5px 0 5px 0;
    float: left;
}

    .historytask input {
        border: none;
        width: 90px;
        background: #6fbe49;
        font-size: 10px;
        color: #fff;
        padding: 7px;
        box-sizing: border-box;
        line-height: 10px;
    }

        .historytask input:hover {
            background: #c3c3c3;
            color: #fff;
        }

input.viewhistory {
    float: right;
}

.taskimage {
    text-align: center;
    margin: 10px 0 0 0;
}

.addnewtask {
    float: left;
}
/* my task end css */


/* new task popup */
.taskheading span {
    font-size: 18px;
}

.taskheading {
    width: 100%;
    background: #034776;
    color: #fff;
    padding: 7px 15px;
    font-size: 16px;
}

.taskdescription {
    padding: 30px 15px 15px;
}

    .taskdescription span {
        width: 100%;
        float: left;
        color: #7bc65d;
        margin-bottom: 10px;
    }

.taskbtn {
    text-align: center;
    margin-bottom: 25px;
}

    .taskbtn input {
        width: 90px;
        height: 28px;
        font-size: 11px;
        background: #515356;
        color: #fff;
        border: none;
    }

        .taskbtn input:hover {
            background: #79c75a;
            color: #fff;
        }

        .taskbtn input.addtext {
            background: #79c75a;
        }

.taskdescription textarea {
    width: 465px !important;
    height: 80px !important;
    border: 1px solid #D9DEE4;
    border-radius: 0;
}

    .taskdescription textarea:focus {
        outline: none;
    }

.newtaskblock {
    display: none;
}


/* add task grid */
/*.taskgridrow {
    border-bottom: 1px solid #ddd;
    height: 26px;
    line-height: 24px;
}*/

.taskgridrow {
    border-bottom: 1px solid #ddd;
    height: auto;
    line-height: 24px;
    display: table-row;
}

    /*.taskgridrow div {
        display: inline-block;
    }*/
    .taskgridrow div {
       /* display: table-cell;*/
        border-bottom: 1px solid #ddd;
        line-height: 14px;
        padding: 5px 2px;
    }

/*.taskgrid {
    margin: 10px;
    border: 1px solid #ddd;
    background: #fff;

    max-height: 180px;
    overflow: auto;
}*/

.taskgrid {
    width: 100%;
    border: 1px solid #ddd;
    background: #fff;
    display: table;
    max-height: 180px;
    overflow: auto;
}
.taskhistory .taskgrid {
    margin:10px 0 15px;
    float:left;
} 

.taskgridrow div:first-child {
    width: 17%;
    text-align: center;
    border-right: 1px solid #ddd;
}

.taskgridrow div:nth-child(2) {
    width: 17%;
    text-align: center;
}

/*.taskgridrow div:nth-child(3) {
    width: 44%;
    text-align: center;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 12px;
}*/

.taskgridrow div:nth-child(3) {
    width: 54%;
    text-align: left;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    font-size: 12px;
    word-break: break-all;
}


/*.tasktimer {
    width: 96px;
    height: 36px;
    border-radius: 4px;
    background: #fff;
    color: #6cbf4b;
    text-transform: capitalize;
    font-size: 9px;
    line-height: 16px;
}*/


 .tasktimer {
    width: 110px;
    height: 45px;
    border-radius: 4px;
    background: #fff;
    color: #6cbf4b;
    text-transform: capitalize;
    font-size: 10px;
    line-height: 16px;
}


    .tasktimer.enddaytimer {
        float: right;
    }

    .tasktimer.startdaytimer {
        float: left;
    }

input.endday.timerendday {
    background: #7ac65a;
}


input.startday.timerstartday {
    float: left;
    background: #7ac65a;
}

/*.taskgridrow.timerhead {
    background: #ededed;
    font-weight: 700;
    font-size: 10px;
}*/

.taskgridrow.timerhead {
    background: #ededed;
    font-weight: 700;
    font-size: 10px;
    display: table-header-group;
}

    .taskgridrow.timerhead div:nth-child(3) {
        font-size: 10px;
        text-align: left;
    }

/*.tasktimer span {
    font-size: 15px;
    font-weight: 800;
    width: 100%;
    display: block;
}*/

.tasktimer span {
    font-size: 19px;
    font-weight: 800;
    width: 100%;
    display: block;
    margin-top: 4px;
}

.endbtn input {
    width: 64px;
    height: 20px;
    font-size: 10px;
    color: #fff;
    background: #7ac65a;
    line-height: 7px;
    border: none;
    text-transform: capitalize;
}

    .endbtn input:hover {
        font-size: 10px;
        color: #fff;
        background: #d7d7d9;
    }

.taskgridrow div:last-child {
    text-align: center;
    width: 13%;
}

.taskdata {
    width: 100%;
    padding: 10px;
}


    /*   view history block */

    .taskdata.taskhistory .taskgridrow div:first-child {
       width: 11%;
    text-align: left;
    }

    .taskdata.taskhistory .taskgridrow div:nth-child(2) {
        text-align: left;
    width: 20%;
    }

    .taskdata.taskhistory div:nth-child(3) {
        width: 9%;
    }

    .taskdata.taskhistory div:nth-child(4) {
        width: 5%;
    }

    .taskdata.taskhistory div:nth-child(5) {
        width: 5%;
    }

    .taskdata.taskhistory div:nth-child(6) {
        width: 5%;
    padding: 0 3px;
    }

    .taskdata.taskhistory div:nth-child(7) {
        padding: 0 2px;
        width: 20%;
         text-align: left !important;
    }


    .taskdata.taskhistory div:nth-child(8) {
        cursor: pointer;
        width: 5%;
    }

    .taskdata.taskhistory .taskgridrow div {
        border-right: 1px solid #ddd;
        text-align: center;
    }
.taskgridrow.timerhead div {
    text-align:center;
}

.taskhistory .tasksearch {
    float: left;
    padding: 0 0 5px 0;
}

.taskdetailslist {
    display: none;
    position: absolute;
    z-index: 9999;
}


#txtMyTaskSearch {
    background-image: url(../../images/menu/view.png);
    background-position: 10px 5px;
    background-repeat: no-repeat;
    width: 50%;
    /* font-size: 16px; */
    padding: 12px 20px 12px 40px;
    /*border: 1px solid #ddd;*/
}


body .btndisable {
    background: #c3c3c3 !important;
}

/*.maintask.taskdata {
    width: 100%;
    padding: 10px;
    height: 134px;
}*/
.taskdetailslist .taskgridrow div:last-child {
    text-align: left;
}
.taskhistorypopup {
    display: none;
    /* background: #ededed; */
    position: absolute;
    top: 50px;
    width: 1316px;
    height: 547px;
    left: 50px;
    z-index: 9;
    background: #fff;
    border: 1px solid #c3c3c3;
}
.taskhistorypopup .heading span {
    font-size: 16px;
    text-transform: capitalize;
    padding: 0 20px;
    color: #7e7e7e;
    font-weight: 800;
}
.taskhistorypopup .taskbtn {
   text-align: center;
    padding-right: 10px;
}
.taskdetailslist .taskbtn {
    text-align: center;
    padding-right: 10px;
    margin: 17px 0;
}
.taskdetailslist.popcommon .heading span {
    text-transform: capitalize;
}

.taskdetailslist .taskgridrow div:first-child {
    width: 6%;
}
.taskdetailslist .taskgridrow div:nth-child(2) {
    width: 6%;
	}
.maintask .taskgridrow.timerhead div:nth-child(4) {
    width: 13%;
}
.maintask .taskgridrow.timerhead div:last-child {
 
        border-left: 1px solid #ddd;
}

.maintask.taskgrid {
    width: 100%;
    border: 1px solid #ddd;
    background: #fff;
    display: block;
    max-height: 430px;
    overflow-y: auto;
}
.maintask .taskgridrow {
    border-bottom: 1px solid #ddd;
    height: auto;
    line-height: 24px;
    display: flex;
}
.maintask .taskgridrow.timerhead {
    background: #ededed;
    font-weight: 700;
    font-size: 10px;
    display: flex;
}
.taskhistory .tasksearch {
    float: left;
    padding: 0 0 5px 0;
    width: 100%;
}
.taskhistory .tasksearch input#txtMyTaskSearch {
    float: right;
    width: 204px;
}
.maintask .taskgridrow div {
    border-bottom:none;
}
div#divtaskdata {
    height: 427px;
    box-sizing: border-box;
    padding: 10px 10px 0;
}


.taskdetailslist .taskgridrow div:first-child {
    width: 20%;
}
.taskdetailslist .taskgridrow div:nth-child(2) {
    width: 20%;
}

.taskdetailslist #divtaskdetailslistgrid .taskgridrow div:last-child {
    text-align: left;
    width: 60%;
}

/*#divtaskdetailslistgrid.taskgrid {
    width: 100%;
    border: 1px solid #ddd;
    background: #fff;
    display: block;
    max-height: 126px;
    overflow-y: auto;
}*/

#divtaskdetailslistgrid .taskgridrow.timerhead {
    background: #ededed;
    font-weight: 700;
    font-size: 10px;
    display: flex;
}

#divtaskdetailslistgrid.taskgrid {
    width: 100%;
    border: 1px solid #ddd;
    background: #fff;
    display: block;
    max-height: 160px;
    overflow-y: auto;
}


.taskdetailslist .taskgridrow {
    border-bottom: 1px solid #ddd;
    height: auto;
    line-height: 24px;
    display: flex;
}

input#btnendday {
    float: right;
}
.maintask .taskgridrow div:nth-child(3) {
    width: 53%;
    word-break: break-all;
}



/*.mytaskblock{
	height: 593px;
}
.mytaskblock .task-btn input{
	    font-size: 15px;
}
.mytaskblock {
    border:1px solid #034776;
}
li.mytask i.glyphicon.glyphicon-pushpin {
    transform: rotate(45deg);
    position: absolute;
    top: 8px;
    right: 16px;
    font-size: 18px;
}
.mytask .glyphicon-pushpin:before {
    content: "\e146";
    font-size: 13px;
}
.taskheading {
    width: 100%;
    background: #034776;
    color: #fff;
    padding: 7px 15px;
    font-size: 16px;
}*/

.maintask .iconendtask {
    cursor: pointer;
    color: #7ac65a;
    font-size:14px;
}

.maintask .iconaddtask {
    cursor: pointer;
    color: #7ac65a;
    font-size: 15px;
}

.iconviewhistory
{
    cursor : pointer;
}

.task-btn {
    margin: 54px auto 0;
    text-align: center;
    width: 100%;
    float: none;
    display: inline-block;
    padding: 0 18%;
}

.viewhistoryicon {
    position: absolute;
    right: 20px;
    font-size: 22px;
    color: #7ac65a;
    top: 0;
}

.closebtnblock {
    position: relative;
    width: 100%;
    text-align: center;
    float: left;
    margin: 10px 0 15px;

}
.viewhistoryicon {
    position: absolute;
    right: 20px;
    font-size: 22px;
    color: #7ac65a;
    top: 0;
}

.closebutton input {
    background: #515356;
    color: #fff;
    text-transform: capitalize;
}

.taskimageblock {
    height: 417px;
display:none;
}

.taskdata.taskhistory {
    width: 100%;
    float: left;
    height: 455px;
}

.mytaskblock .dayshowblock {
    position: absolute;
    left: 0;
    top: 0;
}

.mytaskblock .dayshowblock span {
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 13px;
    padding: 12px 21px 10px 21px;
    background: #034776;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    float: left;
    margin-top: -2px;
    margin-left: 19px;
    width:133px;
}
.taskgridrow div:nth-child(4) {
    width: 13%;
}
.taskgridrow div:last-child {
    border-left: 1px solid #ddd;
}
.maintask .taskstatus i.glyphicon.glyphicon-remove {
    color: red;
}
.maintask .taskstatus i.glyphicon.glyphicon-ok{
    color: #02B056;
}