/* Minification failed. Returning unminified contents.
(450,19): run-time error CSS1030: Expected identifier, found ' '
 */
/**********************************************User Administration Start**********************************************************/


.testemailgroup .row, .testmessagegroup_details .row {
    height: 30px;
}


#currentuser {
}

    #currentuser .userwelcome {
    }

    #currentuser .usernamegrp {
        /* margin-left: 100px;
        margin-top: 100px;*/
    }





#useradmin_group, #userprofile_group {
    height: 700px;
}

#useradmin_selection_group, #userprofile_selection_group {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    background-color: #e6e6e66c;
    padding-left: 10px;
}

    #useradmin_selection_group .inlineformdisplaygroup, #userprofile_selection_group .inlineformdisplaygroup {
        position: relative;
        display: inline-block;
        text-align: center;
    }

        #useradmin_selection_group .inlineformdisplaygroup input, #userprofile_selection_group .inlineformdisplaygroup input {
            position: relative;
            display: inline-block;
            margin-top: -1px;
            vertical-align: middle;
            cursor: pointer;
        }

        #useradmin_selection_group .inlineformdisplaygroup .seperator, #userprofile_selection_group .inlineformdisplaygroup .seperator {
            position: relative;
            display: inline-block;
            padding-right: 10px;
            padding-left: 10px;
        }

        #useradmin_selection_group .inlineformdisplaygroup label, #userprofile_selection_group .inlineformdisplaygroup label {
            position: relative;
            display: inline-block;
        }


.validation_summary_section {
    position: relative;
    min-height: 10px;
}

.success_message {
    color: green;
}


#loggedin_container {
    float: right;
    color: #bdbcbc;
    margin-top: 15px;
    cursor: default;
    display: inline-block;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

    #loggedin_container.enabled {
        color: #4a4949;
        cursor: pointer;
    }

    #loggedin_container .user_logout {
        width: 40px;
        height: 40px;
        margin-bottom: 5px;
        background-image: url('images/user-logout.png');
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        float: left;
        text-align: center;
        align-content: center;
        opacity: 0.3;
    }

    #loggedin_container .usernamegrp {
        position: relative;
        display: inline-block;
        margin-top: 10px;
    }

    #loggedin_container .connected_to_signalr {
        width: 16px;
        height: 16px;
        background-color: red;
        display: inline-block;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        float: left;
        text-align: center;
        align-content: center;
        border-radius: 8px;
        margin-top: 10px;
        margin-right: 3px;
        cursor: default;
    }

        #loggedin_container .connected_to_signalr.connected {
            background-color: green;
        }

    #loggedin_container.enabled .usernamegrp:hover {
        color: #14a5e4;
    }

    #loggedin_container.enabled .usernamegrp:active {
        color: #4159d7;
    }

    #loggedin_container.enabled .user_logout {
        opacity: 1;
    }

        #loggedin_container.enabled .user_logout:active, #loggedin_container.enabled .user_logout:hover {
            opacity: 0.4;
        }

.testmessagegroup_details .notes {
    height: 50px;
}


.user_role_input {
    list-style-type: none;
}

.edituserdetails_email, .adduser_email {
    width: 100%;
}


/**********************************************User Administration End************************************************************/

/****************************************************************Document drop start*****************************************************************************/

.documentdrop {
    background-color: #eceaea;
    border: gray solid 1px;
    border-radius: 10px;
    width: 400px;
    cursor: pointer;
    
}

    .documentdrop.dragOver {
        background-color: white;
        border: red solid 1px;
    }

    .documentdrop.dragLeave {
    }

    .documentdrop .droplabel {
        position: absolute;
        margin-top: 25px;
        text-align: center;
        width: 400px;
        opacity: 0.6;
    }

    .documentdrop .droppanel {
        width: 400px;
        height: 70px;
    }

/****************************************************************Document drop end*****************************************************************************/


/***************************************Document display start***************************************************************************************************/
.document_displayholder.pdf {
    border: solid grey 1px;
}

.document_displayholder.image {
    text-align: center;
}

.document_imageViewer {
    display: flex;
    justify-content: center;
}

.document_videoViewer {
    display: flex;
    justify-content: center;
}

#document_holder.document_displayholder.image {
    /*    width: auto;
    height: auto;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;*/
}

.document_displayholder object {
    width: 100%;
    height: 760px;
}

.document_displayholder.image object {
    width: auto;
    height: auto;
    max-width: 100%;
    border: solid grey 1px;
}


/***************************************Document Display end*****************************************************************************************************/


#associated_files, #group_associated_files {
}

    #associated_files .development_document_list, #group_associated_files .document_list {
        margin-top: 20px;
    }

        #associated_files .development_document_list.readonly, #group_associated_files .document_list.readonly {
            margin-top: 0;
        }

        #associated_files .development_document_list, #group_associated_files .document_list ul {
            max-height: 550px;
            overflow: auto;
        }

.groupfile {
    /*position: absolute;*/
}

#associated_files li, #group_associated_files li {
    /*list-style-image: url('file_type_images/video-icon.ico');*/
    list-style: none;
    margin: 0;
    height: 35px;
    padding: 0 0 15px 35px;
    background-image: url('file_type_images/unknown_doc.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px;
    cursor: pointer;
    width: 0;
}

#associated_files .documentlist.editmode li, #group_associated_files .documentlist.editmode li {
    cursor: default;
}


#associated_files li input, #group_associated_files li input {
    float: left;
    margin-left: -50px;
    margin-top: 10px;
    cursor: pointer;
}

    #associated_files li input.hidden, #group_associated_files li input.hidden {
        position: absolute;
        margin-left: -50px;
        margin-top: 10px;
        height: 0;
        width: 0;
        visibility: hidden;
    }



#associated_files li .associatedfile, #group_associated_files li .associatedfile {
    /*position: absolute;*/
    margin-top: 5px;
    white-space: nowrap;
    text-overflow: ellipsis;
    height: 35px;
    line-height: 35px;
}

#associated_files li.jpg, #associated_files li.jpeg, #group_associated_files li.jpg, #group_associated_files li.jpeg {
    background-image: url('file_type_images/jpg_doc.png');
}

#associated_files li.png, #group_associated_files li.png {
    background-image: url('file_type_images/png_doc.png');
}

#associated_files li.pdf, #group_associated_files li.pdf {
    background-image: url('file_type_images/pdf_doc.png');
}

#associated_files li.mp4, #group_associated_files li.mp4 {
    background-image: url('file_type_images/mp4_doc.png');
}

#associated_files li.docx, #associated_files li.doc, #group_associated_files li.docx, #group_associated_files li.doc {
    background-image: url('file_type_images/word_doc.png');
}

#associated_files li.txt, #group_associated_files li.txt {
    background-image: url('file_type_images/text-file.png');
}

#associated_files li.docx, #group_associated_files li.csv {
    background-image: url('file_type_images/csv-file.png');
}

#associated_files li.xls, #associated_files li.xlsx, #group_associated_files li.xls, #group_associated_files li.xlsx {
    background-image: url('file_type_images/xls_doc.png');
}


#associated_files .editbar, #group_associated_files .editbar {
    margin-top: -30px;
    height: 30px;
    position: absolute;
}

    #associated_files .editbar.hidden, #group_associated_files .editbar.hidden {
        margin-top: 0;
        height: 0;
    }



    #associated_files .editbar .option, #group_associated_files .editbar .option {
        cursor: pointer;
        color: #0b1cdf;
        position: relative;
        height: 20px;
        display: inline-block;
        margin-left: 20px;
    }

        #associated_files .editbar .option, #group_associated_files .editbar .option:first-child {
        }

            #associated_files .editbar .option.hidden, #group_associated_files .editbar .option.hidden {
                width: 0;
                margin-left: -100px;
            }

            #associated_files .editbar .option.edit, #group_associated_files .editbar .option.edit {
                margin-left: 0px;
            }

            #associated_files .editbar .option.edit, #group_associated_files .editbar .option.rename {
            }

            #associated_files .editbar .option.cancel, #group_associated_files .editbar .option.cancel {
                margin-left: 0;
            }

            #associated_files .editbar .option.delete, #group_associated_files .editbar .option.delete {
                /*margin-left: 0;*/
            }

    #associated_files .editbar.hidden .option, #group_associated_files .editbar.hidden .option {
        height: 0;
        width: 0;
        margin-left: 0;
    }

#associated_files ul.haseditbar, #group_associated_files ul.haseditbar {
    margin-top: 40px;
}

.group_associated_files .document_drop {
    display: inline-block;
    width: 80%;
}

.group_associated_files .accociated_filedrop {
    display: inline-block;
    float: left;
}

.group_associated_files .document_filedrop {
    display: inline-block;
    float: right;
}

    .group_associated_files .document_filedrop .documentdrop{
        background-color: #c6dff1;
    }

    .group_associated_files.readonly .document_drop,
    .group_associated_files #grouptype_filedrop_0.uploading,
    .group_associated_files #grouptype_filedrop_1.uploading,
    .group_associated_files #grouptype_filedrop_2.uploading {
        visibility: hidden;
        height: 0;
    }



#uploadprogressbar_0,
#uploadprogressbar_1,
#uploadprogressbar_2 {
    position: relative;
    margin-top: 0px;
    height: 0px;
    width: 0;
    /*margin-top: -5000px;*/
}

    #uploadprogressbar_0.uploading,
    #uploadprogressbar_1.uploading,
    #uploadprogressbar_2.uploading {
        margin-top: 0;
        width: 95%;
        height: 70px;
        padding-top: 10px;
        padding-bottom: 10px;
    }







#backlog_list_add. #backlog_list_edit {
    margin-bottom: 5px;
}

#backlog_list_options_group #backlog_list_options_buttons {
    height: 0;
    visibility: hidden;
    position: absolute;
}

#backlog_list_options_group.active #backlog_list_options_buttons {
    height: 50px;
    visibility: visible;
    position: relative;
}

#backlog_list_options_group #backlog_list_batch_edit_toolbar {
    height: 50px;
    visibility: visible;
    background-color: red;
    width: 100%;
    margin-bottom: 5px;
}

#backlog_list_options_group.active #backlog_list_batch_edit_toolbar {
    height: 0;
    width: 0;
    visibility: hidden;
    position: absolute;
    display: inline-flex;
}

#backlog_list_options_group #backlog_list_batch_edit_toolbar .vc_button {
    width: 125px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    background-position-y: 0;
    display: inline-block;
}

#backlog_list_batch_edit_toolbar .vc_button:after {
    float: right;
    padding-right: 5px;
    margin-top: 15px;
    color: white;
    font-weight: bold;
}

#backlog_list_options_group #backlog_list_batch_edit_toolbar #batch_edit_backlog_cancel {
    background-image: url('images/cancel-icon.png');
}


    #backlog_list_options_group #backlog_list_batch_edit_toolbar #batch_edit_backlog_cancel:after {
        content: 'CANCEL';
    }



#backlog_list_batch_edit_toolbar .vc_button.selecttype {
    visibility: hidden;
    height: 0;
    width: 0;
}


    #backlog_list_batch_edit_toolbar .vc_button.selecttype.active {
        visibility: visible;
    }

#backlog_list_batch_edit_toolbar #batch_edit_backlog_move.vc_button.selecttype.active {
    background-image: url('images/move_item.png');
    width: 107px;
}

    #backlog_list_batch_edit_toolbar #batch_edit_backlog_move.vc_button.selecttype.active:after {
        content: 'MOVE';
    }




#backlog_list_options_group #backlog_list_batch_edit_toolbar .vc_button:hover, #backlog_list_options_group #backlog_list_batch_edit_toolbar .vc_button:active:hover {
    filter: blur(1px);
}




#backlog_list_add #addnew_backlog, #backlog_list_edit #batch_edit_backlog {
    width: 50px;
    height: 50px;
    background-image: url('images/add.png');
    background-repeat: no-repeat;
    background-size: contain;
    cursor: not-allowed;
    background-position-y: 0;
    margin-left: 50px;
}

#backlog_list_add #addnew_backlog {
    margin-left: 0;
}

#backlog_list_options_group.active #backlog_list_add #addnew_backlog, #backlog_list_options_group.active #backlog_list_edit #batch_edit_backlog {
    cursor: pointer;
}

#backlog_list_edit #batch_edit_backlog {
    background-image: url('images/edit.png');
}

#backlog_list_options_group.active #backlog_list_edit #batch_edit_backlog:hover, #backlog_list_options_group.active #backlog_list_edit #batch_edit_backlog:active:hover {
    filter: blur(1px);
}











#backlog_list_options_group.active #backlog_list_add #addnew_backlog:hover, #backlog_list_options_group.active #backlog_list_add #addnew_backlog:active:hover {
    background-image: url('images/add_hover.png');
}

#dev_backlog_list_container {
    position: relative;
}




    #dev_backlog_list_container .backlog_list .cell {
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        #dev_backlog_list_container .backlog_list .cell .content {
            overflow: hidden;
            text-overflow: ellipsis;
        }

    #dev_backlog_list_container .backlog_list {
        margin-left: 0;
    }

        #dev_backlog_list_container .backlog_list .tableheader .row {
            background-color: #b8dcf5;
        }

        #dev_backlog_list_container .backlog_list .row .cell {
            min-height: 30px;
            max-height: 30px;
        }

        #dev_backlog_list_container .backlog_list .tableheader .row .cell {
            min-height: 30px;
            max-height: 30px;
            padding-top: 5px;
        }



        #dev_backlog_list_container .backlog_list .tablecontent {
            height: 600px;
            overflow-y: auto;
            overflow-x: hidden;
            margin-top: -16px;
        }



        #dev_backlog_list_container .backlog_list .table {
            width: 1300px;
        }

        #dev_backlog_list_container .backlog_list .row {
        }


        #dev_backlog_list_container .backlog_list .cell.edit, #dev_backlog_list_container .backlog_list .cell {
            padding-top: 5px;
            height: 30px;
        }

            /*#dev_backlog_list_container .backlog_list .cell.edit, #dev_backlog_list_container .backlog_list .cell.read {
                width: 20px;

            }*/

            #dev_backlog_list_container .backlog_list .cell.edit .content,
            #dev_backlog_list_container .backlog_list .cell.read .content,
            #dev_backlog_list_container .backlog_list .cell.delete .content {
                padding-top: 0px;
                margin-left: 0px;
                margin-top: -9px;
                width: 30px;
                height: 40px;
                background-image: url('images/Edit_Document.png');
                background-repeat: no-repeat;
                background-position-y: 5px;
                background-size: 30px 25px;
                cursor: pointer;
            }

                #dev_backlog_list_container .backlog_list .cell.edit .content input {
                    visibility: hidden;
                }

                #dev_backlog_list_container .backlog_list .cell.edit .content.select {
                    background-image: none;
                    cursor: default;
                    margin-top: 0;
                }

                    #dev_backlog_list_container .backlog_list .cell.edit .content.select input {
                        visibility: visible;
                        width: 20px;
                        height: 20px;
                        margin-top: 0px;
                        /*position: absolute;
                        margin-left: 20px;
                        color: red;
                        background-color: blue;
                        font-size: 40px;*/
                    }

            #dev_backlog_list_container .backlog_list .cell.delete .content, #dev_backlog_list_container .backlog_list .cell.delete .content {
                background-image: url('images/garbage.png');
            }

                #dev_backlog_list_container .backlog_list .cell.delete .content:active:hover, #dev_backlog_list_container .backlog_list .cell.delete .content:hover {
                    filter: blur(2px);
                }



            #dev_backlog_list_container .backlog_list .cell.edit .content:active:hover, #dev_backlog_list_container .backlog_list .cell.edit .content:hover {
                background-image: url('images/Edit_Document_Hover.png');
            }

            #dev_backlog_list_container .backlog_list .cell.edit .content.select:active:hover, #dev_backlog_list_container .backlog_list .cell.edit .content.select:hover {
                background-image: none;
            }

            #dev_backlog_list_container .backlog_list .cell.delete.disabled .content, #dev_backlog_list_container .backlog_list .cell.delete.disabled .content {
                width: 0;
                visibility: hidden;
            }

                #dev_backlog_list_container .backlog_list .cell.delete.disabled .content:active:hover, #dev_backlog_list_container .backlog_list .cell.delete.disabled .content:hover {
                    width: 0;
                    visibility: hidden;
                }


            #dev_backlog_list_container .backlog_list .cell.read .content {
                background-image: url('images/Read_Document.png');
            }

                #dev_backlog_list_container .backlog_list .cell.read .content:active:hover, #dev_backlog_list_container .backlog_list .cell.read .content:hover {
                    background-image: url('images/Read_Document_Hover.png');
                }

            /* #dev_backlog_list_container .backlog_list .tableheader .cell.edit, #dev_backlog_list_container .backlog_list .tableheader .cell.read {
            width: 65px;
            background-color: salmon;
        }*/

            #dev_backlog_list_container .backlog_list .cell.edit, #dev_backlog_list_container .backlog_list .cell.read {
                width: 40px;
            }

            /* #dev_backlog_list_container .backlog_list .tableheader .cell.backlog_name {
            width: 400px;
            background-color: blue;
        }*/

            #dev_backlog_list_container .backlog_list .cell.backlog_name {
                width: 540px;
            }

            #dev_backlog_list_container .backlog_list .cell.backlog_sprint {
                width: 0;
            }

            #dev_backlog_list_container .backlog_list .cell.backlog_assignedto {
                width: 250px;
            }

            #dev_backlog_list_container .backlog_list .cell.backlog_progress {
                width: 110px;
            }

            #dev_backlog_list_container .backlog_list .cell.backlog_started {
                width: 98px;
            }

            #dev_backlog_list_container .backlog_list .cell.backlog_paused {
                width: 98px;
            }

            #dev_backlog_list_container .backlog_list .cell.backlog_completed {
                width: 93px;
            }

    #dev_backlog_list_container .tablecontent .table .row:nth-child(odd) {
        background-color: #f1f4f8
    }

.devrequest_backlog .cell.backlog_sprint {
    max-width: 80px;
    min-width: 80px;
}

.devrequest_backlog .backlog_list .cell.backlog_name {
    max-width: 540px;
    min-width: 540px;
}

.devrequest_backlog .cell.backlog_assignedto {
    max-width: 200px;
    min-width: 200px;
}

.notes_group.devbacklog .notes {
    height: 210px;
}

.notes_group.devbacklog.newbacklog_form .notes {
    height: 250px;
}

.spinner.percent {
    width: 40px;
}

.spinner.hoursrequired {
    width: 40px;
}

/*.backlog_group details_collection {
    background-color: red;
}

#backlog_move_details_destinationsprint_dropdown {
    width: 500px;
}*/


@media (max-width: 800px) {
    .vsplitter, .hsplitter {
        display: none;
    }

    .vsplitter,
    .splitter_panel,
    .right_panel,
    .left_panel,
    .top_panel,
    .bottom_panel,
    .horizontal_panel,
    .vertical_panel,
    .hsplitter {
        position: static !important;
        height: auto !important;
        width: auto !important;
    }
}


/*.datepicker{
    cursor: pointer;
}
.datepickerimage{
    cursor: pointer;
}*/



#layout_basepanel {
    height: 40px;
    background-color: red;
    clear: both;
    bottom: 0;
    position: absolute;
    width: 99%;
    padding-left: 20px;
}

#projectdetails_holder{
    height: 1000px;
}

#developmentproject_devdetails .development_request {
    width: 100%;
}

#developmentproject_devdetails .development_details .details_name {
    min-width: 400px;
}

#developmentproject_devdetails .development_details .inline_group {
    margin-left: 30px;
    display: inline-block;
}


#ProjectSprintDetails_form_container .formdisplaygroup .inline_group {
    display: inline-block;
}

    #ProjectSprintDetails_form_container .formdisplaygroup .inline_group:last-of-type .control-label {
        margin-left: 30px;
        width: 90px;
    }


    #developmentproject_devdetails .development_request .notes_group {
        margin-top: 30px;
    }

    #developmentproject_devdetails .development_request .notes_group .notes_block {
        margin-top: 30px;
    }

    #developmentproject_devdetails .development_request .notes_group .notes_block .notes {
        height: 280px;
    }

/*tree start*/

#project_breakdowm_tree {
    position: relative;
    width: 100%;
    overflow-x: auto;
    height: 898px;
    background-color: #f2f0f0;
   
}

    #project_breakdowm_tree .nodeblock.group.sprintmember .node {
        background-color: #f89393b2;
        border: 1.5px solid red;
    }
    #project_breakdowm_tree .nodeblock.item.sprintmember .node {
        background-color: #66ed6f79;
        border: 1.5px solid red;
    }

    #project_breakdowm_tree .nodeblock.group.sprintmember i.fa {
        background-position-y: -1px;
        background-position-x: 3px;
    }

    /*#project_breakdowm_tree .tree{*/
    /*width:99%;*/
    /*height: 100%;
        margin-bottom: 0;
        margin-right: 10px;
        margin-left: -68px;       
    }

#project_breakdowm_tree .project_backlog_item
{
    
}



.project_backlog_leaf.ui-draggable-helper::after {
    z-index: 100;
    background: #93f5b9;
}

.project_backlog_leaf.ui-draggable-helper span {
    background-color: #0094ff;
    color: white;
    z-index: 100;
}


.project_backlog_leaf.ui-draggable-helper:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border: none;
    border-width: 0;
}

.project_backlog_item_group.ui-draggable-helper::after {
    z-index: 100;
    background: #dfbfef;
}*/
    /*.ui-state-hover {
    color: red;
}*/
    /*.project_backlog_item_group.dragover {
    background-image: url("images/salmon_band.png")!important;
    background-repeat: no-repeat;
    background-position-x: 27px;
    background-position-y: 3px;
    background-size: 100% 22px;
}*/
    /*tree end*/
    #splitpanels {
        width: 1850px;
        height: 900px;
        border: 1px grey solid;
    }

#splitpanel_left {
    background-color: transparent;
}

#splitpanel_right {
    background-color: transparent;
    width: 70%;
}

#ProjectBreakdown_Partial_item_holder #ProjectBacklogItem {
    margin-left: 10px;
}

.formdisplaygroup.notesblock label{
    vertical-align: top;
}

.formdisplaygroup.notesblock .notes {
    vertical-align: top;
    height: 400px;
    min-width: 80%;
}

.newprojectformblock.inlineformblock .formdisplaytitle, .updateprojectformblock.inlineformblock .formdisplaytitle {
    width: 160px;
}

.projectsprintformblock.inlineformblock .formdisplaytitle {
    width: 160px;
}

.formdisplaygroup i.not_assigned_to_sprint {
    color: lightgray;
}

.formdisplaygroup i.assigned_to_sprint {
    /*color: lightgray;*/
    font-style: normal;
}

.formdisplaygroup i.ProjectBacklogItemDetails_form_movetosprint{

}

.formdisplaygroup i.assigned_to_sprint.complete {
    color: #f83939a9;
    text-decoration: line-through;
    font-style: italic;
}

.ProjectBacklogItemDetails_form_movetosprint_block{
    display: inline-block;
    margin-left: 20px;
}

.ProjectBacklogItemDetails_form_movetosprint_block {
    display: inline-block;
    margin-left: 20px;
}

    .ProjectBacklogItemDetails_form_movetosprint_block input.movesprint {
        background-repeat: no-repeat;
        background-size: contain;
        border: none;
        padding-left: 30px;
        background-color: #c7c4c434;
        border: solid 1px gray;
        border-radius: 4px;
    }

        .ProjectBacklogItemDetails_form_movetosprint_block input.movesprint:hover{
            background-color: #e8e8e8;
            border-radius: 4px;
        }

        .ProjectBacklogItemDetails_form_movetosprint_block input.movesprint:active {
            background-color: #bdbcbc;
            border-radius: 4px;
            border: solid 1px black;
            color: white;
        }

        .ProjectBacklogItemDetails_form_movetosprint_block input.movesprint.assigned_to_sprint {
            background-image: url(images/document-remove-icon.png);
        }

        .ProjectBacklogItemDetails_form_movetosprint_block input.movesprint.not_assigned_to_sprint {
            background-image: url(images/document-add-icon.png);
        }

/*.tabs .ui-tabs-nav a {
    border: red 1px solid;
}

#ProjectBreakdown_Partial_item_tabs li {
    border: red 1px solid;
}
*/
/*.ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    border: blue 1px solid;
}
.ui-button {
    border: blue 1px solid;
}
li.ui-tabs-active {
    border: green 1px solid;
}*/


*:focus {
    outline: none;
}

.ui-tabs-nav:focus {
    outline: none;
}

select:focus {
    outline: none !important;
}

.locked_by_user_name{
    color: white;
    font-weight: bold;
    background-color: red;
}
    /*.updateprojectformblock.inlineformblock .percent formdisplay_inputvalue {
    width: 200px;
}
*/
    /*new split frame set  end*/

#ProjectBreakdown_Partial_item_holder{
    min-width: 900px;
}

.documentlist.editmode ul li input{
  
}


/***********************Progress History*********************************************/

#Project_progress_history_list_container {
    position: relative;
    font-size: 10px;
}

    #Project_progress_history_list_container .progress_history_list {
        margin-left: -50px;
        width: 1300px;
    }
    #Project_progress_history_list_container .progress_history_list ul{
         list-style: none;
    }

        #Project_progress_history_list_container .progress_history_list li {
            background-color: #b8dcf5;
            height: 20px;
            overflow: hidden;
        }

        #Project_progress_history_list_container .progress_history_list li .cell {
            /*float: left;*/
            overflow: hidden;
            text-overflow: ellipsis;
            height: 20px;
            display:inline-block;
            white-space: nowrap;
            margin-top: -2px;
        }

        #Project_progress_history_list_container .progress_history_list .header li .cell {
            height: 30px;
            padding-top: 5px;
        }

      

            #Project_progress_history_list_container .progress_history_list .cell.edit,
            #Project_progress_history_list_container .progress_history_list .cell.read {
                width: 35px;
                margin-left: 0px;
            }

                #Project_progress_history_list_container .progress_history_list .cell.edit .content,
                #Project_progress_history_list_container .progress_history_list .cell.read .content {
                    padding-top: 0px;
                    margin-left: 0px;
                    margin-top: -6px;
                    width: 20px;
                    height: 25px;
                    background-image: url('images/Edit_Document.png');
                    background-repeat: no-repeat;
                    background-position-y: 8px;
                    background-position-x: 0px;
                    background-size: 20px 15px;
                    cursor: pointer;
                }

                #Project_progress_history_list_container .progress_history_list .cell.edit .content {
                    margin-top: -7px;

                }

                #Project_progress_history_list_container .progress_history_list .cell.text .content {
                    margin-top: 3px;
                }

        

                #Project_progress_history_list_container .progress_history_list .cell.read .content {
                    background-image: url('images/Read_Document.png');
                }


        #Project_progress_history_list_container .progress_history_list .cell.image .content:active:hover,
        #Project_progress_history_list_container .progress_history_list .cell.image .content:hover {
            filter: blur(1px);
        }


            #Project_progress_history_list_container .progress_history_list .cell.timestamp {
                width: 150px;
            }


            #Project_progress_history_list_container .progress_history_list .cell.author {
                width: 140px;
                
            }

            #Project_progress_history_list_container .progress_history_list .cell.ref {
                width: 50px;
 
            }

            #Project_progress_history_list_container .progress_history_list .cell.title {
                width: 500px;
                padding-left: 20px;
            }

        #Project_progress_history_list_container .progress_history_list .cell.assignedto {
            width: 140px;
            padding-left: 20px;
        }

    #Project_progress_history_list_container .tablecontent li:nth-child(odd) {
        background-color: #f1f4f8
    }
.hubmessage_block{
    font-size: 12px;
}

    .hubmessage_head {
        font-weight: bold;
        margin-bottom: 20px;
    }

.hubmessage_label {
    color: firebrick;
    min-width: 70px;
    font-size: 12px;
}

    .hubmessage_content {
        color: black;
    }

    .hubmessage_from {
        margin-bottom: 5px;
        display: inline-block;
    }

        .hubmessage_from .hubmessage_label, .hubmessage_from .hubmessage_content {
            display: inline-block;
        }

    .hubmessage_message {
    }

         .hubmessage_message .hubmessage_content {
            margin-left: 70px;
            font-size: 12px;
        }


/***************************************Progress history Start**************************************************/
#progress_history_list_add {
    margin-bottom: 5px;
}

    #progress_history_list_add #addnew_progressitem {
        width: 100px;
        height: 50px;
        background-image: url('images/add.png');
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
        background-position-y: 0;
    }

        #progress_history_list_add #addnew_progressitem:hover, #progress_history_list_add #addnew_progressitem:active:hover {
            background-image: url('images/add_hover.png');
        }


#progress_history_list_container {
    position: relative;
}

    #progress_history_list_container .progress_history_list {
        margin-left: 0;
    }

        #progress_history_list_container .progress_history_list .tableheader .row {
            background-color: #b8dcf5;
        }

        #progress_history_list_container .progress_history_list .row .cell {
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        #progress_history_list_container .progress_history_list .tableheader .row .cell {
            height: 30px;
            padding-top: 5px;
        }

        #progress_history_list_container .progress_history_list .tablecontent {
            height: 600px;
            overflow-y: auto;
            overflow-x: hidden;
            margin-top: -16px;
        }



        #progress_history_list_container .progress_history_list .table {
            width: 1310px;
        }

        #progress_history_list_container .progress_history_list .row {
        }

        #progress_history_list_container .progress_history_list .cell.edit, 
        #progress_history_list_container .progress_history_list .cell {
            padding-top: 5px;
            height: 30px;
        }

            #progress_history_list_container .progress_history_list .cell.edit,
            #progress_history_list_container .progress_history_list .cell.read {
                width: 35px;
                margin-left: 0px;
            }

                #progress_history_list_container .progress_history_list .cell.edit .content,
                #progress_history_list_container .progress_history_list .cell.read .content {
                    padding-top: 0px;
                    margin-left: 0px;
                    margin-top: -9px;
                    width: 30px;
                    height: 40px;
                    background-image: url('images/Edit_Document.png');
                    background-repeat: no-repeat;
                    background-position-y: 5px;
                    background-position-x: 0px;
                    background-size: 30px 25px;
                    cursor: pointer;
                }

                    #progress_history_list_container .progress_history_list .cell.edit .content:active:hover, #progress_history_list_container .progress_history_list .cell.edit .content:hover {
                        background-image: url('images/Edit_Document_Hover.png');
                    }


                #progress_history_list_container .progress_history_list .cell.read .content {
                    background-image: url('images/Read_Document.png');
                }

                    #progress_history_list_container .progress_history_list .cell.read .content:active:hover, #progress_history_list_container .progress_history_list .cell.read .content:hover {
                        background-image: url('images/Read_Document_Hover.png');
                    }

            #progress_history_list_container .progress_history_list .cell.timestamp {
            width: 200px;
        }
           

        #progress_history_list_container .progress_history_list .cell.author {
              width: 280px;
        }

            #progress_history_list_container .progress_history_list .cell.ref {
                width: 90px;
            }  

        #progress_history_list_container .progress_history_list .cell.title {
            width: 300px;
        }

        #progress_history_list_container .progress_history_list .cell.details {
            width: 540px;
        }

            #progress_history_list_container .progress_history_list .cell.typename {
                width: 130px;
            }

            #progress_history_list_container .progress_history_list .cell.createddate {
                width: 110px;
            }

            #progress_history_list_container .progress_history_list .cell.updateddate {
                width: 200px;
            }

            #progress_history_list_container .progress_history_list .cell.assignedto {
                width: 270px;
            }

    #progress_history_list_container .tablecontent .table .row:nth-child(odd) {
        background-color: #f1f4f8
    }




/***************************************Progress history end**************************************************/
/***************************************new progress item start **********************************************/
.progress_history_item .notes_group .notes {
    height: 650px;
}

.newprogress_history_item .newprogress_title {
    min-width: 1000px;
}


.newprogress_history_item .notes_group .notes {
    min-width: 100%;
    height: 600px;
}

.progress_history_item_details_group .notes_group .notes {
    height: 550px;
}

.progress_history_item_details_group.newprogress_form .notes_group .notes {
    height: 600px;
}
/***************************************new progress item end************************************************/


body {
    padding-top: 50px;
    padding-bottom: 20px;
    min-width: 1900px;
    overflow: auto;
}

#DevProject{
    margin-top: 15px;
    
}

.form_error_message {
    font-size: 12px;
    color: red;
}


input[type=submit].save, input[type=submit].add, input[type=submit].login, input[type=button].cancel, input[type=button].save, input[type=button].ok {
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    /*width: 100px;*/
    padding-left: 30px;
    background-color: #c7c4c434;
    border: solid 1px gray;
    border-radius: 4px;
}
    input[type=submit].save:hover, input[type=submit].add:hover, input[type=submit].login:hover, input[type=button].cancel:hover, input[type=button].save:hover, input[type=button].ok:hover {
        background-color: #e8e8e8;
        border-radius: 4px;
    }

    input[type=submit].save:active, input[type=submit].add:active, input[type=submit].login:active, input[type=button].cancel:active, input[type=button].save:active, input[type=button].ok:active {
        background-color: #bdbcbc;
        border-radius: 4px;
        border: solid 1px black;
        color: white;
    }

input[type=submit].add {
    background-image: url(images/save_add.png);
}

input[type=submit].login {
    background-image: url(images/PersonStart.png);
    padding-left: 15px;
}

input[type=submit].save, input[type=button].save {
    background-image: url(images/Save.png);
}

input[type=button].ok {
    background-image: url(images/Tick_small_web.png);
}

input[type=button].cancel {
    background-image: url(images/cancel.png);
}
    /*input[type=submit]::after{
        content: "Save";
    }*/

.vc_dlg_save_btn {
}

.vc_dialog_ui-dialog{
    padding-left: 100px;
}

.vc_dlg_ok_btn {
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: 0px;
    border: none;
    /*width: 100px;*/
    padding-left: 30px;
    background-color: #c7c4c434;
    border: solid 1px gray;
    border-radius: 4px;
    background-image: url(images/cancel.png);
    
}

.vc_submit_dlg_holder {
    position: relative;
    /*background-color: blue !important;*/
}

.vc_dialog_ui-dialog_button_pane {
    clear: both;
    bottom: 0;
    position: absolute;
    height: 45px;
    width: 99.7%;
    margin-left: -15px;
    background-color: transparent;
    border-top: gray 1px solid;
}

    .vc_dialog_ui-dialog_button_pane button {
        float: right;
        min-width: 100px;
        margin-top: 15px;
        background-repeat: no-repeat;
        background-size: contain;
        border: none;
        /*width: 100px;*/
        padding-left: 30px;
        background-color: #c7c4c434;
        border: solid 1px gray;
        border-radius: 4px;
        margin-left: 15px;
        
    }

        .vc_dialog_ui-dialog_button_pane button.vc_cancel {
            background-image: url(images/cancel.png);
        }

        .vc_dialog_ui-dialog_button_pane button.vc_save {
            background-image: url(images/Save.png);
        }

        .vc_dialog_ui-dialog_button_pane button.vc_ok {
            background-image: url(images/Tick_small_web.png);
        }

        .ui-dialog .ui-dialog-buttonpane {
            /*border-width: 0 !important;*/
        }


.spinner.percent {
    width: 80px;
}

    .edit_btn {
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        background-position-x: right;
        border: none;
        background-color: transparent;
        height: 25px;
        width: 25px;
        color: transparent;
        text-align: left;
        background-image: url(images/Edit_Document.png);
    }

    .edit_btn:hover {
        filter: brightness(2);
    }

    .edit_btn:active {
        filter: invert() blur(1px);
    }

    .edit_btn:after {
        content: "E";
    }



li.active label {
    background-color: lightgray !important;
}

input[type=number].nospin::-webkit-inner-spin-button,
input[type=number].nospin::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}
.ui-progressbar {
    position: relative;
}

.pdf_display_document {
    border: solid grey 1px;
}

    .pdf_display_document object {
        width: 100%;
        height: 670px;
    }

.pdf_upload_dropzone {
    height: 30px;
    background-color: grey;
}

#busydialog {
    width: 850px;
}

.busydialogmessage{
    margin-bottom: 10px;
    text-align: center;
}

#busydialog .progress-label {
    position: absolute;
    top: 4px;
    font-weight: bold;
    text-shadow: 1px 1px 0 #fff;
    width: 850px;
    text-align: center;
}


    .progressbar {
        position: absolute;
        width: 97%;
    }

.formdisplay_inputvalue {
}

.formdisplay_inputvalue.mid
{

}


    .formdisplay_inputvalue.inlinecheckbox {
        height: 20px;
        width: 15px;
        margin-top: 3px;
        margin-left: 5px;
        position: absolute;
    }


    .formdisplay_inputvalue.long {
        max-width: 500px;
        min-width: 500px;
    }
    .formdisplay_inputvalue.medium {
        max-width: 300px;
        min-width: 300px;
    }

.inlinegroup {
    display: inline-flex;
    /*width: 100%;*/
}

    .inlinegroup .inlineclient {
        display: inline;  
    }

.inlinespace {
    display: inline;
    width: 50px;
}

.devlog_dialogs {
}

.dialogmessage {
    /*overflow: auto;*/
    /*white-space: nowrap;  */ 
    /*word-wrap:*/ 
}

.validation_summary_section {
    max-height: 100px;
    max-width: 1000px;
    overflow: auto;
    padding-right: 20px;
    margin-top: 30px;
    
}

.devlog_dialogs {
    /*z-index: 1000;
    position:absolute;*/
}

.error_message {
    color: red;
}

.field-validation-error {
    color: red;
}

.validation-summary-errors {
    color: Red;
}

.ui-dialog{
    margin-top: 20px;
}

.ui-dialog-titlebar-close {
    display: none;
}

.ui-dialog .ui-dialog-buttonpane button {
    width: 100px;
}

.input-validation-error, input-validation-error:focus {
    border: 1px solid #ff0000;
    box-shadow: inset 0px 0px 3px #ff0000;
}

.dialogtitle{
    color: #5886c3;
    font-weight: bold;
    font-size: 18px;
}

.dialogblock{
    margin-top: 20px;
}


/*.container {
    margin-left: 0px;
    margin-right: 0px;
    min-width: 500px;
}*/
/* Set padding to keep content from hitting the edges */
.body-content {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    height: 900px;
}

.inlinespace{
    padding-left: 20px;
    display: inline;
}

.inline_block {
    display: inline-block;
}

input[type=checkbox] {
    cursor: pointer;
}

.navbar-fixed-top .container {
    width: 100%;
    min-width: 900px;
    background-color: #eceaea;
}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}



/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.error {
    color: red;
}





/*footer {
 
    clear: both;
    bottom: 0;
    position: relative;
    height: 65px;
    width: 97%;
    padding-left: 20px;
    background-color: red;
}*/

#layout_bottom_spacer {
    background-color: transparent;
    position: relative;
    clear: both;
    bottom: 0;
    width: 99%;
    height: 30px;
   
}

footer {
    position: fixed;
    clear: both;
    bottom: 0;
    background-color: lightgray;
    width: 105%;
    padding-left: 20px;
    height: 25px;
    margin-left: -20px;
    color: black;
}

#home_basepanel {
    position: relative;
    width: 100%;
    background-color: #b8dcf5;
    height: 30px;
    visibility: collapse;
}

    #home_basepanel.home_btnclose {
        visibility: visible;
    }

    #home_basepanel.home_btnsubmit_cancel {
        visibility: visible;
    }


    #home_basepanel #home_btn_close {
        
    }

    #home_basepanel #home_btn_submit {
    }

    #home_basepanel #home_btn_cancel {
    }

    #home_basepanel .home_action_btn {
        position: absolute;
        float: right;
        margin-right: 20px;
        margin-top: 2px;
        visibility: collapse;
    }


    #home_basepanel.home_btnsubmit_cancel #home_btn_close {
        visibility: hidden;
        max-width: 0;
    }

    #home_basepanel.home_btnsubmit_cancel #home_btn_submit, #home_basepanel.home_btnsubmit_cancel #home_btn_cancel {
        visibility: visible;
        position: relative;
    }

    #home_basepanel.home_btnclose #home_btn_close {
        visibility: visible;
        position: relative;
        
    }

    #home_basepanel.home_btnclose #home_btn_submit, #home_basepanel.home_btnclose #home_btn_cancel {
        visibility: hidden;
        max-width: 0;
    }


        .navbar-brand {
            height: 50px;
            width: 170px;
            background-image: url('images/Vericool_Logo.png');
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
        }


.navbar-nav{
    margin-left: 50px;
    
}

    .navbar-nav .menuitem {
        margin-right: 30px;
        margin-top: 15px;
        cursor: default;
        color: #bdbcbc;
        pointer-events: none;
        -webkit-touch-callout: none;  /*iOS Safari */
        -webkit-user-select: none;  /*Safari */
        -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none;  /*Internet Explorer/Edge */
        user-select: none;  /*Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
    }

        .navbar-nav .menuitem.enabled {
            color: #4a4949;
            cursor: pointer;
            pointer-events: all;
        }

        .navbar-nav .menuitem.enabled:hover {
            color: #14a5e4;
        }

        .navbar-nav .menuitem.enabled:active {
            color: #4159d7;
        }

a {
    text-decoration: none;
    color: #397fb9 !important;
}

    a:hover {
        text-decoration: none;
        color: #f96c6c !important;
    }











.row {
    display: table-row;
}

.cell {
    display: table-cell;
}

.table {
    display: table;
   
}

.devlist_container {
    margin-top: 10px;
    width: 1900px;
    overflow-x: auto;
}

#devlistTable{
    /*min-width: 2990px;*/
}

.devlist_container .table {
    display: table;
    width: 100%;
   /* min-width: 1200px;*/
    overflow-x: auto;
}

.devlist_container .tableheader {
    
}

        .devlist_container .tableheader .row {
            background-color: #b8dcf5;
        }

            .devlist_container .tableheader .row .cell {
                
                height: 30px;
                padding-top: 5px;
            }



    .devlist_container .tablecontent {
        height: 850px;
        overflow-y: auto;
        margin-top: -16px;
    }



    

        .devlist_container .table .row {
            display: table-row;
        }

            .devlist_container .table .row .cell {
                display: table-cell;
                text-align: left;
                float: left;
                padding-left: 10px;
                padding-top: 2px;
                height: 23px;
            }

    .devlist_container .tablecontent .table .row.odd {
        background-color: #f1f4f8;
    }


    /*.devlist_container .tablecontent .table .row:nth-child(odd) {
        background-color: #f1f4f8
    }*/

    /*.devlist_container .tablecontent .table .row.visible:nth-child(odd) {
        background-color: #f1f4f8
    }

    .devlist_container .tablecontent .table .row.visible:nth-child(odd) {
        background-color: #f1f4f8
    }*/

    /*.devlist_container .tablecontent .table .row.notauthorised:nth-child(odd) {
        background-color: #f1f4f8
    }*/

    /*.devlist_container .tablecontent .table .row.notcompleted:nth-child(odd) {
        background-color: #f1f4f8
    }

    .devlist_container .tablecontent .table .row.authorised:nth-child(odd) {
        background-color: #f1f4f8
    }

    .devlist_container .tablecontent .table .row.completed:nth-child(odd) {
        background-color: #f1f4f8
    }

    .devlist_container .tablecontent .table .row.mydevelopment:nth-child(odd) {
        background-color: #f1f4f8
    }*/

    .devlist_container .table .row .cell.open {
        width: 30px;
        
    }

    .devlist_container .table .row .cell.ref {
        width: 60px;
        
    }

.devlist_container .table .row .cell.ticket {
    width: 60px;
}
    

    .devlist_container .table .row .cell.product {
        width: 180px;
    }
    .devlist_container .table .row .cell.title {
        width: 280px;
    }

    .devlist_container .table .row .cell.requestdate {
        width: 100px;
    }

    .devlist_container .table .row .cell.startdate {
        width: 100px;
    }

    .devlist_container .table .row .cell.completedate {
        width: 140px;
    }

    .devlist_container .table .row .cell.requestedby {
        width: 150px;
        
    }

    .devlist_container .table .row .cell.status {
        width: 160px;
    }

    .devlist_container .table .row .cell.devprogress {
        width: 80px;
    }


.devlist_container .table .row .cell.blockedreason {
    width: 200px;
}

    .devlist_container .table .row .cell.blockedby {
        width: 130px;
    }

    .devlist_container .table .row .cell.authorisedby {
        width: 130px;
    }

    .devlist_container .table .row .cell.assignedto {
        width: 150px;
    }

.devlist_container .table .row .cell.convert {
    width: 0;
}

.devlist_container .table.allow_convert .row .cell.convert {
    width: 50px;
}



    .devlist_container .table.allow_convert .row .cell.convert .content {
        background-image: url('images/move_small.png');
        background-repeat: no-repeat;
        background-position: 0;
        background-position-y: -2px;
        background-size: 20px 20px;
        cursor: not-allowed;
        opacity: 0.3;
        height: 26px;
    }

    .devlist_container .table.allow_convert .row .cell.convert.active .content {
        cursor: pointer;
        opacity: 1;
    }

        .devlist_container .table.allow_convert .row .cell.convert.active .content:hover, .devlist_container .table.allow_convert .row .cell.convert.active .content:active:hover {
            filter: blur(2px);
        }

.devlist_container .table .row {
    
}

.devlist_container .table .row .cell .content {
    white-space: nowrap;
    text-overflow: ellipsis;
    text-wrap: none;
    overflow-x: hidden;
}

    /*.devlist_container .table .row .cell.assignedto .content {
        max-width: 150px;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-wrap: none;
        overflow-x: hidden;
    }*/


    .devlist_container .tablecontent .table .row .cell.open .content {
        margin-left: -10px;
        height: 26px;
        width: 40px;
        /*background-image: url(images/Edit_Document.png);*/
        background-repeat: no-repeat;
        background-position: 0 -5px;
        background-size: 30px 25px;
        cursor: pointer;
    }

.devlist_container .tablecontent .table .row .cell.edit .content {
    /* margin-left: -10px;
            height: 26px;
            width: 40px;*/
    background-image: url('images/Edit_Document.png');
    /*background-repeat: no-repeat;
            background-position: 0 -5px;
            background-size: 30px 25px;
            cursor: pointer;*/
}
    .devlist_container .tablecontent .table .row .cell.edit .content:hover, .devlist_container .tablecontent .table .row .cell.edit .content:active:hover {
        background-image: url('images/Edit_Document_Hover.png');
    }

.devlist_container .tablecontent .table .row .cell.read .content {
    background-image: url('images/Read_Document.png');
    background-position: 0 0px;
    background-size: 30px 20px;
}

    .devlist_container .tablecontent .table .row .cell.read .content:hover, .devlist_container .tablecontent .table .row .cell.read .content:active:hover {
        background-image: url('images/Read_Document_Hover.png');
    }



.devlist_container .tablecontent .table .row .cell.open .content input {
    visibility: hidden;
    width: 0;
    height: 0;
}



    .devlist_container .tablecontent .table .row .cell.product .content {
        /*max-width: 240px;*/
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }

    .devlist_container .tablecontent .table .row .cell.title .content {
        /*max-width: 290px;*/
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
    }

    .devlist_container .viewoptions {
        width: 100%;
        display: inline-block;
        min-width: 1600px;
        height: 40px;
    }

        .devlist_container .viewoptions #devlogsearchtypes {
            width: 110px;
           
        }

/*
.ui-selectmenu-button, .ui-selectmenu-text {
    height: 10px;
}*/

/*.ui-selectmenu-button{
    height: 25px;
}

.ui-selectmenu-text {
    top: 0;
    font-size: 12px;
}*/


.viewoptions .option {
    display: inline-block;
    margin-right: 30px;
    margin-top: 2px;
}

        .viewoptions .option input {
            cursor: pointer;
        }
    .viewoptions .option .headeroption_textbox {
        height: 22px;
    }

    .viewoptions .option select {
        height: 22px;
    }

    .viewoptions .option input[type=button] {
        height: 21px;
        font-size: 12px;
        margin-top: 0px;
    }




    #developmentlist.delete.devlist_container .viewoptions {
        visibility: hidden;
        position: absolute;
        width: 0;
    }

.devlist_container.delete .tablecontent .table .row .cell.open .content {
   /* width: 20px;
    height: 20px;
    background-image: none;
    cursor: none;
    pointer-events: none;*/
     background-position-x: -1000px;
    -webkit-touch-callout: none;/* iOS Safari */
    -webkit-user-select: none;/* Safari */
    -moz-user-select: none;  /*Old versions of Firefox */
    -ms-user-select: none; /*Internet Explorer/Edge */
    user-select: none; /*Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}



.devlist_container.delete .tablecontent .table .row .cell.open .content input {
    visibility: visible;
    width: 15px;
    height: 15px;
    margin-left: 15px;
    pointer-events: all;
    margin-top: 2px;
}



#developmentlist #delete_options {
    visibility: hidden;
    position: absolute;
    width: 0;
}


#developmentlist.delete #delete_options {
    visibility: visible;
    display: inline-block;
    position: relative;
    background-color: red;
    width: 100%;
    color: white;
    padding: 10px;
    display: inline-block;
}

    #developmentlist.delete #delete_options .deleteoption {
        display: inline-block;
        margin-left: 20px;
        cursor: pointer;
    }
        #developmentlist.delete #delete_options .deleteoption:first-child {
            margin-left: 0;
        }

        #developmentlist.delete #delete_options .deleteoption:hover {
            color: darkgray;
        }


        #developmentlist.delete #delete_options .delete_cancel {
        }

    #developmentlist.delete #delete_options .delete_cancel:after {
        content: 'CANCEL';
    }

    #developmentlist.delete.active #delete_options .delete_confirm {

    }

        #developmentlist.delete.active #delete_options .delete_confirm:after {
            content: 'DELETE';
        }

.formdisplaygroup {
    margin-top: 10px;
    
   
  
}

.cell.formdisplaygroup {
    padding-bottom: 0px;
    padding-top: 0px;
}

#loginheader {
    margin-top: 10px;
    background-image: url('images/login-banner.png');
    height: 200px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 30px;
}

#login_details
{
    margin-left: 30px;
}

#login_details .formdisplaygroup, #change_password_details .formdisplaygroup, #useradmin_group .formdisplaygroup, .formblock .formdisplaygroup {
    display: block;
}

#login_details .formdisplaytitle, #change_password_details .formdisplaytitle, #useradmin_group .formdisplaytitle, .formblock .formdisplaytitle {
    font-weight: bold;
    padding-right: 10px;
    color: black;
    text-align: left;
    display: inline-block;
    
}



.formblock .formdisplaygroup {
    font-size: 13px;
}



#login_details .formdisplaygroup {
    /*font-size: 18px;*/
}

#login_details textbox {
    /*font-size: 18px;*/
}

#login_details .formdisplay_inputvalue, #login_details .formdisplay_inputvalue:active {
    /*font-size: 18px;*/

}

#login_details .formdisplaytitle {
}

#login_details .formdisplay_inputvalue {
    
}

#login_details .validation_summary_section {
    /*font-size: 18px;*/
}

#login_details #submitbtn
{
    width: 120px;
    border-radius: 5px;
}


.development_request, .details_collection {
    font-size: 9pt;
}

    .development_request.notauthorised {

    }

.development_details {
    
}


    .development_details.table {
        width: auto;
    }

.development_request.notauthorised .development_details.table {
   

}

.details_name.formdisplay_inputvalue
{
    min-width: 420px;
}

.development_details .row
{
    
}

.development_details .cell {
    height: 30px;
    width: 550px;
    padding-top: 10px;
}

/*.development_details .cell.sml {
    width: 350px;
}*/

    .development_details .cell.empty {
    }
    .development_details .cell.divider {
        width: 100px;
        /*background-color: blue;*/
    }

   

/*.development_details .cell.divider {
    width: 0px;*/
    /*background-color: blue;*/
/*}*/

        

.development_details .cell.formdisplaygroup .formdisplaytitle {
    text-align: right;
}

.notes_group {
    
}

    .notes_group .notes {
        min-width: 100%;
        height: 198px;
    }


.multiselect.btn {
   background-color: #e8e8e8;
}


.development_request.blocked .notes_group .notes {
    height: 185px;
}


.development_details .new_blocked_details {
    visibility: hidden;
    height: 0;
    position: absolute;
}


.development_request.blocked .new_blocked_details {
    visibility: visible;
    position: relative;
}

.development_request.blocked .development_details .new_blocked_details .details_group {
    margin-top: -10px;
}

.development_request.blocked .development_details .new_blocked_details .cell {
    height: 150px;
}

.development_request.blocked .development_details .new_blocked_details .notes {
    height: 80px;
    max-height: 80px;
}



/*****************************Block History start***************************************************/
#blocked_history_list_container {
    position: relative;
    font-size: 10pt;
    font-family: Arial;
}

    #blocked_history_list_container .blocked_history_list {
        margin-left: 0;
       
    }

        #blocked_history_list_container .blocked_history_list .tableheader .row {
            background-color: #b8dcf5;
        }

            #blocked_history_list_container .blocked_history_list .tableheader .row .cell {
                height: 30px;
                padding-top: 5px;
            }

        #blocked_history_list_container .blocked_history_list .tablecontent {
            height: 600px;
            overflow-y: auto;
            overflow-x: hidden;
            margin-top: -16px;
        }

#blocked_history.noadd #blocked_history_list_container .blocked_history_list .tablecontent {
    height: 630px;
}

        #blocked_history_list_container .blocked_history_list .table {
            width: 1310px;
        }

        #blocked_history_list_container .blocked_history_list .row {
        }

#blocked_history_list_container .blocked_history_list .cell {
    height: 23px;
    padding-top: 5px;
    color: #605757
    
}
    #blocked_history_list_container .blocked_history_list .cell .content {
        height: 20px;
        
    }

        #blocked_history_list_container .blocked_history_list .cell.edit, #blocked_history_list_container .blocked_history_list .cell.read {
            width: 60px;
        }

            #blocked_history_list_container .blocked_history_list .cell.edit .content, #blocked_history_list_container .blocked_history_list .cell.read .content {
                /* position: absolute;*/
                padding-top: 0px;
                margin-left: 0px;
                margin-top: 0px;
                width: 100px;
                height: 18px;
                background-image: url('images/Edit_Document.png');
                background-repeat: no-repeat;
                background-position-y: -4px;
                background-size: 23px 24px;
                cursor: pointer;
            }

                #blocked_history_list_container .blocked_history_list .cell.edit .content:active:hover, #blocked_history_list_container .blocked_history_list .cell.edit .content:hover {
                    background-image: url('images/Edit_Document_Hover.png');
                }

                #blocked_history_list_container .blocked_history_list .cell.read .content:hover:active, #blocked_history_list_container .blocked_history_list .cell.read .content:hover {
                    background-image: url('images/Read_Document_Hover.png');
                }

            #blocked_history_list_container .blocked_history_list .cell.read .content {
                background-image: url('images/Read_Document.png');
            }

        #blocked_history_list_container .blocked_history_list .cell.blockdate {
            width: 200px;
        }

        #blocked_history_list_container .blocked_history_list .cell.blockstatus {
            width: 150px;
        }

        #blocked_history_list_container .blocked_history_list .cell.blockedby {
            width: 300px;
        }

        #blocked_history_list_container .blocked_history_list .cell.reason {
            width: 400px;
        }

        #blocked_history_list_container .blocked_history_list .cell.releasedate {
            width: 200px;
        }

    #blocked_history_list_container .tablecontent .table .row:nth-child(odd) {
        background-color: #f1f4f8
    }



.blocked_history_item {
    font-size: 9pt;
}

.blocked_history_item_details {

}

    .blocked_history_item .details_assigned_name {
    }

.blocked_history_item .notes_group .notes {
    min-width: 100%;
    height: 650px;
}

#blocked_history_list_add{
    margin-bottom: 5px;
}

#addnew_blockeditem {
    width: 100px;
    height: 50px;
    background-image: url('images/add.png');
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    background-position-y: 0;
}

    #addnew_blockeditem:active:hover, #addnew_blockeditem:hover {
        background-image: url('images/add_hover.png');
    }

#blocked_history.noadd #blocked_history_list_add {
    visibility: hidden;
    height: 0;
}

#taskcompletedblock
{
    font-size: 22px;
    color: red;
    position: absolute;
    text-align: center;
    width: 98%;
    /*background-color: blue;*/
    margin-top: 100px;
}
/*****************************Block History end***************************************************/


/************************************new dev request start***************************************************/
.development_request.new .development_details {
    width: 100%;
    /*background-color: red;*/
    padding-left: 0;
}

    .development_request.new .development_details .row {
        width: 100%;
        /* background-color: red;*/
    }

        .development_request.new .development_details .row .cell {
            float: left;
            width: 100%;
            /*background-color: red;*/
            padding-left: 0;
            /*height: 20px;*/
        }

    .development_request.new .development_details .control-label {
        /*background-color: red;*/
        width: 150px;
        text-align: left;
    }



.vc_dialog_buttonbank {
    height: 20px;

    
}

    .vc_dialog_buttonbank .vc_dialog_button {
        background-color: red;
        width: 100px;
        height: 50px;
    }


/**********************************************new dev request end *************************************************/

/**********************************************priority order start*************************************************/



#devlist_priority_buttonset{
    height: 50px;
}

    #devlist_priority_buttonset input{
        margin-top: 20px;
       margin-left: 40px;
       width: 100px;
    }

    #devlist_priority_header {
        margin-top: 20px;
        height: 40px;
        text-align: center;
        font-size: 20px;
        color: #397fb9;
        font-weight: bold;
    }

#devlist_priority_level_order {
    font-size: 9pt;
    color: #575769;
}

    #devlist_priority_level_order li div {
        display: inline-block;
    }

.priority_order_header {
}

    .priority_order_header li {
        list-style: none;
        background-color: #b8dcf5;
    }



.priority_order li {
    list-style: none;
    cursor: pointer;
}
.priority_order li {
    background-color: #e6e6e6;
}

.priority_order li:nth-child(odd) {
    background-color: #f1f4f8;
}

#devlist_priority_level_order li{
    height: 20px;
    padding-top: 2px;
}

#devlist_priority_level_order li .icon {
    width: 18px;
    background-position-y: -3px;
}

#devlist_priority_level_order .refstring {
    width: 100px;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#devlist_priority_level_order li .title {
    width: 900px;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#devlist_priority_level_order li .product {
    width: 240px;
    max-width: 240px;
    overflow-x: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}




/**********************************************priority order end*************************************************/


/**********************************************customer edit start*********************************************************************/

#customer_edit {
}

    #customer_edit li, #customer_edit li input[type=radio] {
        list-style-type: none;
        cursor: pointer;
    }



        #customer_edit li:nth-child( odd ) {
            background-color: aliceblue;
        }

        #customer_edit li:nth-child( even ) {
            background-color: #eceaea;
        }

        #customer_edit li input[type=radio] {
            margin-right: 20px;
        }

    #customer_edit .customer_row input[type=radio] {
        /*visibility: visible;*/
    }

    #customer_edit #customer_edit_list.readonly .customer_row input[type=radio] {
        visibility: collapse;
        width: 0;
        margin-right: 5px;
    }

    #customer_edit #customer_edit_list.readonly li, #customer_edit #customer_edit_list.readonly li input[type=radio] {
        cursor: default;
    }

    #customer_edit #customer_edit_list .customer_row_label {
        user-select: none;
    }

    #customer_edit #customer_header {
        background-color: #b8dcf5;
        display: inline-block;
        width: 100%;
        height: 30px;
        margin-bottom: 20px;
    }

        #customer_edit #customer_header label {
            margin-left: 20px;
            margin-top: 5px;
            position: absolute;
        }

        /* #customer_edit #customer_header label:first-child {
            margin-left: 100px;
        }*/

        #customer_edit #customer_header input[type=radio] {
            margin-left: 5px;
            margin-top: 10px;
            position: absolute;
            float: left;
            cursor: pointer;
        }



        #customer_edit #customer_header input[type=button] {
            position: absolute;
            float: left;
            margin-top: 1px;
            margin-left: 0;
            background-image: url(images/add.png);
        }

            #customer_edit #customer_header input[type=button].add {
                background-image: url(images/add.png);
            }

            #customer_edit #customer_header input[type=button].update {
                background-image: url(images/profile-check-icon.png);
            }

        #customer_edit #customer_header .customer_header_element {
            display: inline-block;
            vertical-align: central;
            height: 30px;
            width: 80px;
            margin-top: 0px;
            margin-bottom: 0;
            position: relative;
        }

            #customer_edit #customer_header .customer_header_element.customer_name {
                width: 500px;
            }

        #customer_edit #customer_header input[type=text] {
            position: relative;
            float: left;
            margin-top: 1px;
            min-width: 500px;
            z-index: 100;
        }

        #customer_edit #customer_header .customer_header_element:first-child {
            margin-left: 50px;
        }

/**********************************************customer edit end*********************************************************************/

#create_temp_password .formdisplayCollection .formdisplaygroup {
    margin-left: 20px;
    display: inline-table;
}

#create_temp_password .formdisplayCollection .formdisplaygroup:first-child {
    margin-left: 0px;
}




#sprint_list_add {
    margin-bottom: 5px;
}

    #sprint_list_add #addnew_sprint {
        width: 100px;
        height: 50px;
        background-image: url('images/add.png');
        background-repeat: no-repeat;
        background-size: contain;
        cursor: pointer;
        background-position-y: 0;
    }

        #sprint_list_add #addnew_sprint:hover, #sprint_list_add #addnew_sprint:active:hover {
            background-image: url('images/add_hover.png');
        }

#product_sprints_list_container {
    position: relative;
}

    #product_sprints_list_container .sprint_list {
        margin-left: 0;
    }

        #product_sprints_list_container .sprint_list .tableheader .row {
            background-color: #b8dcf5;
        }

        #product_sprints_list_container .sprint_list .row .cell {
            float: left;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        #product_sprints_list_container .sprint_list .tableheader .row .cell {
            height: 30px;
            padding-top: 5px;
        }

        #product_sprints_list_container .sprint_list .tablecontent {
            height: 600px;
            overflow-y: auto;
            overflow-x: hidden;
            margin-top: -16px;
        }




        #product_sprints_list_container .sprint_list .table {
            width: 1310px;
        }

        #product_sprints_list_container .sprint_list .row {
        }

        #product_sprints_list_container .sprint_list .cell.edit,
        #product_sprints_list_container .sprint_list .cell.delete,
        #product_sprints_list_container .sprint_list .cell {
            padding-top: 5px;
            height: 30px;
        }

            #product_sprints_list_container .sprint_list .cell.edit,
            #product_sprints_list_container .sprint_list .cell.read,
            #product_sprints_list_container .sprint_list .cell.delete {
                width: 30px;
                margin-left: 0px;
            }

                /*#product_sprints_list_container .sprint_list .cell.edit,
                #product_sprints_list_container .sprint_list .cell.read,
                #product_sprints_list_container .sprint_list .cell.edit .content,
                #product_sprints_list_container .sprint_list .cell.read .content {
                    width: 30px;*/
                /* margin-left: 0px;*/
                /*}*/


                #product_sprints_list_container .sprint_list .cell.edit .content,
                #product_sprints_list_container .sprint_list .cell.read .content,
                #product_sprints_list_container .sprint_list .cell.delete .content {
                    /*position: absolute;*/
                    padding-top: 0px;
                    margin-left: 0px;
                    margin-top: -9px;
                    width: 30px;
                    height: 40px;
                    background-image: url('images/Edit_Document.png');
                    background-repeat: no-repeat;
                    background-position-y: 5px;
                    background-position-x: 0px;
                    background-size: 30px 25px;
                    cursor: pointer;
                }

            #product_sprints_list_container .sprint_list .cell.edit,
            #product_sprints_list_container .sprint_list .cell.read {
                width: 35px;
            }



                #product_sprints_list_container .sprint_list .cell.edit .content:active:hover,
                #product_sprints_list_container .sprint_list .cell.edit .content:hover {
                    background-image: url('images/Edit_Document_Hover.png');
                }

            #product_sprints_list_container .sprint_list .cell.delete .content {
                background-image: url('images/garbage.png');
                width: 70px;
                opacity: 0.3;
                cursor: not-allowed;
            }

            #product_sprints_list_container .sprint_list .cell.delete.active .content {
                cursor: pointer;
                opacity: 1;
            }

                #product_sprints_list_container .sprint_list .cell.delete.active .content:active:hover,
                #product_sprints_list_container .sprint_list .cell.delete.active .content:hover {
                    background-image: url('images/garbage.png');
                    filter: blur(2px);
                }


            #product_sprints_list_container .sprint_list .cell.read .content {
                background-image: url('images/Read_Document.png');
            }

                #product_sprints_list_container .sprint_list .cell.read .content:active:hover, #product_sprints_list_container .sprint_list .cell.read .content:hover {
                    background-image: url('images/Read_Document_Hover.png');
                }

            #product_sprints_list_container .sprint_list .cell.sprint_name {
                width: 320px;
            }


            #product_sprints_list_container .sprint_list .cell.sprint_support_ticket {
                width: 130px;
            }

            #product_sprints_list_container .sprint_list .cell.sprint_paused {
                width: 110px;
            }

            #product_sprints_list_container .sprint_list .cell.sprint_paused_reason {
                width: 130px;
            }

            #product_sprints_list_container .sprint_list .cell.sprint_progress {
                width: 110px;
            }

            #product_sprints_list_container .sprint_list .cell.sprint_started {
                width: 110px;
            }

            #product_sprints_list_container .sprint_list .cell.sprint_completed {
                width: 110px;
            }

            #product_sprints_list_container .sprint_list .cell.sprint_required_date {
                width: 200px;
            }



    #product_sprints_list_container .tablecontent .table .row:nth-child(odd) {
        background-color: #f1f4f8
    }

.sprint_group .development_details .cell {
    height: 30px;
    width: 750px;
    padding-top: 10px;
}


    .sprint_group .development_details .cell.divider {
        width: 80px;
    }

.sprint_name.formdisplay_inputvalue {
    min-width: 420px;
}

#sprint_reasons_dropdown {
    min-width: 420px;
}

.notes_group .notes {
    height: 180px;
}

.notes_group.newsprint_form .notes {
    height: 280px;
}

.convert_to_sprint_details.table .cell.formdisplaygroup {
    width: 90%;
}