﻿
.side {
    height: 100%;
}

    .side .actions {
        position: absolute;
        top: 50px;
        bottom: 10px;
        left: 0;
        right: 0;
    }

        .side .actions .lp {
            position: relative;
        }

        .side .actions .lp #title {
            background-color : #fff;
            color: #555;
            height: 20px;
            padding: 2px;
        }

        .side .actions a {
            color: #b1dbff;
        }

        .side .actions .input {
            border-bottom: 1px solid #ebebeb;
            padding: 5px 5px;
            font-size: 11px;
        }

            .side .actions .input label {
                margin: 0;
                padding: 0;
                width: 70px;
            }

            .side .actions .input a {
                text-decoration: none;
                cursor: pointer;
            }

            .side .actions .input input {
                border: none;
                color: #b1dbff;
                cursor: pointer;
                background-color: inherit;
            }

        .side .actions .form-control:focus {
            box-shadow: none;
        }

        .side .actions .lp textarea {
            resize: none;
            border: none;
            padding: 5px;
            height: 100%;
            border-bottom: 1px solid #ebebeb;
        }

        .side .actions .lp {
            min-height: 285px;
        }


        .side .actions .info .ht {
            position: relative;
        }

            .side .actions .info .ht ul {
                display: none;
                position: absolute;
                top: -7px;
                left: -245px;
                list-style: none;
                z-index: 0;
                background-color: #426f96;
                border: 1px solid #4a4a4a;
                width: 230px;
                padding: 10px;
                font-size: 13px;
            }

                .side .actions .info .ht ul li span:first-child {
                    width: 50px;
                    font-weight: bold;
                    display: inline-block;
                    color: #d4f014;
                }

            .side .actions .info .ht:hover ul {
                display: block;
            }


        .side .actions .act {
            position: absolute;
            top: 160px;
            left: 0;
            right: 0;
            bottom: 31px;
        }


        .side .actions .con {
            text-align: right;
            clear: both;
            border-bottom: 1px solid #ebebeb;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding-bottom: 1px;
        }

            .side .actions .con input {
                float: right;
                width: 70px;
                color: ButtonText;
                margin-left: 1px;
            }


        .side .actions .acon {
            position: absolute;
            top: 320px;
            left: 0;
            width: 330px;
            bottom: 0;
        }

        .side .actions .mtdl-div {
            position: absolute;
            top: 290px;
            left: 0;
            width: 330px;
            bottom: 0;
        }

        .side .actions .mtdl {
            color: ButtonText;
        }

        .side .actions .action-list {
            position: absolute;
            top: 40px;
            left: 0;
            right: 0;
            bottom: 0;
        }

            .side .actions .action-list .mCSB_container {
                margin-right: 15px;
            }


            .side .actions .action-list .mCSB_dragger_bar {
                background-color: #1581b1 !important;
            }

            .side .actions .tl-edit-items .tl-edit-i.empty {
                border: none;
                border-bottom: 1px solid #ebebeb;
                text-align: center;
                margin: 0 10px;
            }

                .side .actions .tl-edit-items .tl-edit-i.empty p {
                    margin: 0;
                }

                .side .actions .tl-edit-items .tl-edit-i.empty:hover {
                    border: none;
                    border-bottom: 1px solid #ebebeb;
                    cursor: inherit;
                }

            .side .actions .tl-edit-items .tl-edit-i {
                background-color: #333;
                border: 1px solid #272727;
                border-left: 2px solid;
                margin: 5px 0px 5px 0px;
                position: relative;
            }


                .side .actions .tl-edit-items .tl-edit-i.editing {
                    background-color: #314558;
                }

                .side .actions .tl-edit-items .tl-edit-i .tl-edit-ic {
                    min-height: 70px;
                    position: relative;
                }


                    .side .actions .tl-edit-items .tl-edit-i .tl-edit-ic p {
                        padding: 5px;
                        margin: 0;
                        width: 270px;
                    }

                    .side .actions .tl-edit-items .tl-edit-i .tl-edit-ic a {
                        padding-right: 3px;
                        margin: 0px;
                        text-decoration: none;
                        color: #d4f014;
                    }

                .side .actions .tl-edit-items .tl-edit-i .tl-edit-sub {
                    height: 15px;
                    padding-left: 5px;
                    color: #4a4a4a;
                    font-size: 10px;
                    border-top: 1px solid #ebebeb;
                    background-color: #f7f7f7;
                }

                    .side .actions .tl-edit-items .tl-edit-i .tl-edit-sub .date {
                        float: right;
                        margin-right: 5px;
                    }

        .side .actions .due {
            display: block;
            padding: 0 3px;
            border-bottom: 1px solid #525252;
            font-size: 11px;
            padding-left: 5px;
            text-transform: uppercase;
        }


            .side .actions .due .da {
                font-size: 12px;
                float: left;
                padding-top: 3px;
            }

                .side .actions .due .da > span {
                    margin-right: 5px;
                }

            .side .actions .due .dt {
                line-height: 22px;
                float: right;
                color: #b7b7b7;
            }

        .side .actions .di {
            border-top: 1px solid #272727;
            cursor: help;
        }

            .side .actions .di > div {
                padding: 2px 0px;
                width: 20px;
                text-align: center;
                font-size: 11px;
                float: right;
                height: 18px;
            }

        .side .actions .action .aed {
            display: none;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            /*background-color: #525252;*/
            opacity: 0.8;
            cursor: pointer;
            font-size: 18px;
            text-transform: uppercase;
            width: 50px;
            cursor: pointer;
        }

        .side .actions .tl-edit-items .tl-edit-i .tl-edit-ic:hover .aed {
            display: block;
        }

        .side .actions .action .aed > div {
            width: 100%;
            height: 100%;
            max-height: 100px;
        }


            .side .actions .action .aed > div > .ae {
                height: 50%;
                display: table;
                width: 100%;
            }

                .side .actions .action .aed > div > .ac span,
                .side .actions .action .aed > div > .ae span {
                    display: table-cell;
                    text-align: center;
                    vertical-align: middle;
                }


                .side .actions .action .aed > div > .ae:hover {
                    background-color: #314558;
                }

            .side .actions .action .aed > div > .ac {
                height: 50%;
                color: #01ff00;
                display: table;
                width: 100%;
            }

                .side .actions .action .aed > div > .ac:hover {
                    background-color: #344b23;
                }
