body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 0;
}


/****************************
Login page
****************************/
.loginfont
{
    font-family: verdana,tahoma,helvetica;font-size: 10px;
}

.logintextbox {
    -webkit-appearance: none;
    -webkit-border-horizontal-spacing: 2px;
    -webkit-border-vertical-spacing: 2px;
    -webkit-rtl-ordering: logical;
    /*-webkit-text-security: disc;*/
    -webkit-user-select: text;
    background-attachment: scroll;
    background-clip: border-box;
    background-color: white;
    background-image: none;
    background-origin: padding-box;
    border: 1px solid silver !important;

    color: black;
    cursor: auto;
    display: inline-block;
    font-family: Arial;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 24px;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;
    outline-color: #D1007A;
    outline-style: auto;
    outline-width: 5px;
    padding-bottom: 1px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1px;
    text-align: -webkit-auto;
    text-indent: 0px;
    text-shadow: none;
    text-transform: none;
    width: 150px;
    word-spacing: 0px;
}

.loginbutton2 {
    -webkit-appearance: none;
    -webkit-border-horizontal-spacing: 2px;
    -webkit-border-vertical-spacing: 2px;
    -webkit-rtl-ordering: logical;
    -webkit-user-select: text;
    border-collapse: separate;
    border: 1px solid silver !important;
    color: black;
    cursor: auto;
    display: inline-block;
    font-family: Arial;
    font-size: 13px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 24px;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 2px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 2px;
    outline-color: #D1007A;
    outline-style: auto;
    outline-width: 5px;
    padding-bottom: 1px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 1px;
    text-align: -webkit-auto;
    text-indent: 0px;
    text-shadow: none;
    text-transform: none;
    width: 65px;
    word-spacing: 0px;
}

.loginbutton 
{
    height: 24px;
    min-width: 65px;
}




/*****************************
Layouting main page
*****************************/

/* whole content of qtweb*/
#main {
    min-width: 900px;
    margin: 0 0 auto 0;
    background-color: white;
}


#header-big {
    padding: 12px;
}

#header-ribbon {
    height: 39px; /*background-color:#615248; */
    border-top: 1px solid #615248;
    background: #615248 url(themes/base/images/ui-bg_highlight-soft_75_615248_1x100.png) 50% 50% repeat-x;
}

#header-left-logo {
    float: left;
    padding: 12px;
}

#header-right-info {
    float: right;
    padding: 12px 12px 0 0;
    text-align: right;
    font-size: 1em;
    color: #615248;
}

    #header-right-info a {
        color: inherit;
        text-decoration: inherit;
        font-size: inherit;
    }


/* 2 */
#footer {
    margin-top: 48px;
    padding: 4px 24px; /*border-top: 1px solid #615248;     border-bottom: 1px solid #615248;*/ /*background: #615248 url(images/ui-bg_highlight-soft_75_615248_1x100.png) 50% 50% repeat-x;*/
    background: #615248 url(themes/base/images/common/footer-bcg.png) 50% 20% repeat-x;
    color: #f3f3f3;
    margin-bottom: 24px;
}

    #footer ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        #footer ul li {
            display: inline;
        }

    #footer a {
        text-decoration: inherit;
        padding: inherit;
        margin: inherit;
        color: inherit;
    }

/* menu lists */

#mainmenu {
    /*background-color: #615248; */
    border-top: 1px solid #615248;
    border-bottom: 1px solid #615248;
    border-bottom: 0;
    background: #615248 url(themes/base/images/ui-bg_highlight-soft_75_615248_1x100.png) 50% 50% repeat-x;
    color: #f3f3f3;
    font-size: 1.2em;
}



    #mainmenu ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        padding-top: 12px;
        padding-bottom: 12px;
        padding-left: 12px;
        padding-right: 12px; /*margin-bottom: -1px;*/
    }


        #mainmenu ul li {
            display: inline;
            padding-left: 8px;
            padding-right: 8px;
            padding-top: 8px;
            padding-bottom: 12px;
            margin: 0;
            cursor: pointer;
            font-weight: bold;
            border: 1px solid transparent;
            border-bottom: 0;
        }

            #mainmenu ul li:hover {
                /*background-color: #F9AE00;*/
                background-color: #f3f3f3;
                color: #615248;
                border: 1px solid #615248;
                border-bottom: 0;
                padding-bottom: 13px;
            }


    #mainmenu li.selected {
        color: #615248;
        background-color: #F3F3F3;
        border: 1px solid #615248;
        padding-bottom: 13px;
        border-bottom: 0;
    }




    #mainmenu ul li a {
        outline: none;
        text-decoration: none;
        color: #f3f3f3;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 8px;
        padding-bottom: 12px;
        margin: 0;
    }

        #mainmenu ul li a:hover {
            color: #615248;
        }

    #mainmenu ul li:hover a {
        color: #615248;
    }



    #mainmenu ul li.selected a {
        outline: none;
        text-decoration: none;
        color: #615248;
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 8px;
        padding-bottom: 12px;
        margin: 0;
    }

        #mainmenu ul li.selected a:hover {
        }


a.mainmenu-button {
    padding: 11px;
    padding-right: 12px;
    color: white;
    text-decoration: none;
}

    a.mainmenu-button:hover {
        color: #D1007A;
        font-weight: bold;
    }


.submenu-container-default-decorator {
    background-color: #f3f3f3;
    height: 28px;
    border-bottom: 1px solid #615248;
    vertical-align: middle;
}

    .submenu-container-default-decorator span {
        height: 28px;
        font-size: 1.2em;
        color: #D1007A;
        font-weight: bold;
    }

.submenu {
    color: #615248;
    font-size: 1.2em;
    font-weight: bold;
    font-variant: normal;
    background-color: #f3f3f3;
}

    .submenu li.selected {
        color: #D1007A;
    }

        .submenu li.selected:hover {
            color: #D1007A;
        }

    .submenu ul {
        list-style-type: none;
        margin: 0;
        padding-top: 6px;
        padding-bottom: 6px;
        padding-left: 12px;
        padding-right: 12px;
        border-bottom: 1px solid #615248;
    }



        .submenu ul li {
            display: inline;
            padding-left: 8px;
            padding-right: 8px;
            padding-top: 4px;
            padding-bottom: 4px;
            cursor: pointer;
        }

            .submenu ul li:hover {
                /*background-color: #F9AE00;*/
                color: #D1007A;
            }

            .submenu ul li a {
                outline: none;
                text-decoration: none;
                color: #615248;
                padding: 0;
                margin: inherit;
            }

                .submenu ul li a:hover {
                    color: #D1007A;
                    padding: 0;
                    margin: 0;
                }

            .submenu ul li.selected a {
                outline: none;
                text-decoration: none;
                color: #D1007A;
                padding: 0;
                margin: 0;
            }


.ui-dialog {
    z-index: 1000 !important;
}

    .ui-dialog .ui-dialog-titlebar-close span {
        margin-left: -8px !important;
        margin-top: -8px !important;
    }

/*
input.ui-button
{
    line-height:1em;
    padding: 3px 8px;
}


a.ui-button
{
    padding:2px;   
    padding-bottom:3px;
}

a.ui-button span.ui-button-text
{
    padding: 3px 8px;
    line-height: 1em;
}
*/





select {
    padding: 1px;
    font-size: inherit;
}

input[type=text] {
    padding: 2px;
    border: 1px solid #615248;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

input[type=password] {
    padding: 2px;
    border: 1px solid #615248;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

textarea {
    padding: 2px;
    border: 1px solid #615248;
}

.sqButton {
    min-width: 90px;
    /*margin-right: 2px;*/
    /*min-height: 24px;*/
}

.sqButtonSmall {
}




#pnlContainedFiles {
    margin: 8px 0 0 16px;
}

#footermainPan {
    margin: 16px 0 0 0;
}

.dataTables_wrapper {
    /*min-height:300px;*/
    margin-bottom: 40px;
}

.roleTabs {
    min-height: 300px;
}

/*Project management*/
#dlgImportProjects {
    min-width: 600px;
    height: 150px;
}



/*splitter*/


.unselectable {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}


.splitter-grab {
    border: 0;
    cursor: pointer;
    height: 100%;
    background-color: #9D948D;
    background-image: url( splitter/vgrabber.gif);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: ew-resize;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
    border-right: 1px solid #9D948D;
    border-left: 1px solid #9D948D;
    z-index: 1000;
}

    .splitter-grab:hover {
        background-color: white;
        border-right: 1px dotted #9D948D;
        border-left: 1px dotted #9D948D;
    }



.splitter-button {
    margin-left: 1px;
    margin-right: 1px;
    margin-bottom: auto;
    margin-top: auto;
    height: 100%;
    border: 1px solid #9D948D;
    background-repeat: no-repeat;
    cursor: pointer;
    background-position: center center;
}

.splitter-button-left {
    background-color: #9D948D;
    background-image: url(splitter/jquilefta2hover.png);
}

    .splitter-button-left:hover {
        background-image: url(splitter/jquilefta2.png);
        background-color: white;
        border: 1px dotted #9D948D;
    }

.splitter-button-right {
    background-color: #9D948D;
    background-image: url(splitter/jquirighta2hover.png);
}

    .splitter-button-right:hover {
        background-image: url(splitter/jquirighta2.png);
        background-color: white;
        border: 1px dotted #9D948D;
    }


#divSplitterMain {
    
}

#divSplitterDocked {
    
}

#main-content
{
    padding: 12px 12px 0 12px;
    min-height: 300px;
}

h2 {
    color: /*#615248; #f8ae11;*/ #D1007A;
    font-style: italic;
    font-weight: normal;
}

a {
    color: #615248;
    text-decoration: underline;
    outline: none;
}

fieldset {
    margin: 0 0 16px 0;
}

td.queryIdCell 
{
    text-align: right;
    padding-right: 8px;
    font-weight: bold;
    width: 90px;
    min-height: 19px;
}
td.queryIdCell span 
{
    padding-top: 2px;
    margin-left: 2px;
    float: right;
}

td.queryIdCell div 
{
    float: right;
}

.javascriptLink
{
    cursor: pointer;
    text-decoration: underline;
    white-space: nowrap;
}

div.mediumtext input[type=text]
{
    width: 98%;
}

div.longtext textarea
{
    min-height: 75px;
    width: 98%;
}

div.longtext input[type=text]
{
    width: 500px;
}

.generalTableContainer
{
    overflow: auto;
    margin-left: auto;
    overflow-y: hidden;
}



.smallTable
{
    border-collapse: collapse;
    border: 1px solid black;
    margin: 0 0 4px 0;
}
.smallTable thead tr
{
    height: 24px;
    font-weight:normal;
}

.smallTable thead tr th
{
    padding: 2px 24px 2px 8px;
    border-bottom: 1px solid #615248;
    font-weight:normal;
}





.generalTableSmall
{
    border-collapse: collapse;
    border: 1px solid black;
    
}
.generalTableSmall thead tr
{
   
}

.generalTableSmall thead tr th
{
    border-right: 1px solid #615248;
     padding: 8px 8px;
    text-align: left;
    font-size: 1em;
    font-weight:bold;
}







.generalTable
{
    border-collapse: collapse;
    border: 1px solid black;
    margin: 0 auto;
    clear: both;
    width: 100%;
}
.generalTable thead tr
{
   
}

.generalTable thead tr th
{
    border-right: 1px solid #615248;
     padding: 8px 8px;
    text-align: left;
    font-size: 1em;
    font-weight:bold;
}

table.newquery
{
    width: 100%;
}

table.newquery tr td:first-child
{
    width: 13%;
    min-width: 90px;
}

table.newquery tr td:nth-child(2)
{
    width: 90%;
}


table.newquery td.multiline
{
    vertical-align: top;
}

#divQuery_FileName {
    width: 300px;
}

#divQuery_FileName table{
    border-collapse: collapse;
}


#divQuery_FileName tr td:first-child {
        width: auto;
    padding-right: 2px;
    }

#divQuery_FileName tr td:nth-child(2) {
    width: auto;
}


.editor-label
{
    margin: 1em 0 0 0;
}

.editor-field
{
    margin: 0.5em 0 0 0;
}

div.detailsSection
{
    border-style: solid;
    border-width: thin;
    border-color: #aaaaaa;
    margin: 5px 5px 5px 5px;
}

/* Input as label
-----------------------------------------------------------*/
input.labelStyle
{
    border: none !important;
    background: transparent;
    cursor: default;
}

/* Quickterm settings page
-----------------------------------------------------------*/
.intend
{
    padding-left: 20px;
}

#tblQtSettingsLayout > tbody > tr > td {
    vertical-align: top;
}

#tblQtSettingsLayout > tbody > tr > td:nth-child(2) {
    padding-left: 48px;
}


/* Query attachments
-----------------------------------------------------------*/

div.deleteAttachment
{
    float: right;
    margin-bottom: auto;
    margin-top: -2px;
    padding-left: 3px;
    cursor: pointer;
}

div.attachmentDownload
{
    float: left;
    margin-left: 0px;
    margin-right: 1px;
    margin-bottom: 1px;
    margin-top: 1px;
    padding: 3px;
}

div.attachmentDownload:hover
{
    background-color: #f3f3f3;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-top: 2px;
    float: left;
    margin-left: 0px;
    margin-right: 1px;
    border-color: #D1007A;
    border-style: solid;
    border-width: 1px;
}
/*-----------------------------------------------------------*/

/* Custom fileinput
-----------------------------------------------------------*/


.customfile
{
    width: 300px;
    background: #f3f3f3;
    cursor: pointer;
    overflow: hidden;
    padding: 2px;
    border: 1px solid #444;
    position: relative;
}
.customfile-input
{
    position: absolute;
    height: 100px;
    cursor: pointer;
    background: transparent;
    border: 0;
    opacity: 0;
    -moz-opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    z-index: 999;
}
.customfile-button
{
    border: 1px solid #999;
    color: #000;
    font-weight: bold;
    float: right;
    width: 50px;
    padding: 1px;
    text-align: center;
    text-decoration: none;
    font-size: 1.0em;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.customfile-feedback
{
    display: block;
    margin: 1px 1px 1px 5px;
    color: #000;
    font-style: italic;
    padding: 1px;
}

/*
.customfile-input { position: absolute; height: 100px; cursor: pointer; background: transparent; border: 0; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); z-index: 999;  }
.customfile-disabled { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor: default;  }
.customfile-feedback { display: block; margin: 1px 1px 1px 5px; font-size: 1.2em; color: #fff; font-style: italic; padding: .3em .6em; }
.customfile-feedback-populated { color: #fff; font-style: normal; font-weight: bold; padding-left: 20px; background: url(fileinputimages/icon-generic.gif) left 4px no-repeat; }
.customfile-button { border: 1px solid #999; background: #333 url(fileinputimages/bg-submit.gif) bottom repeat-x;  color: #fff; font-weight: bold; float: right; width: 50px; padding: .3em .6em;  text-align: center; text-decoration: none;  font-size: 1.2em; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;  }
.customfile-hover .customfile-button, .customfile-focus .customfile-button  { color:#111; background: #aaa url(fileinputimages/bg-btn.png) bottom repeat-x; border-color:#aaa;  padding: .3em .6em;  }
.customfile-focus .customfile-button { outline: 1px dotted #ccc;  }


.customfile-ext-jpg, .customfile-ext-gif, .customfile-ext-png, .customfile-ext-jpeg, .customfile-ext-bmp { background-image: url(fileinputimages/icon-image.gif);}
.customfile-ext-mp3, .customfile-ext-mp4, .customfile-ext-mov, .customfile-ext-swf, .customfile-ext-wav, .customfile-ext-m4v { background-image: url(fileinputimages/icon-media.gif);}
.customfile-ext-zip, .customfile-ext-tar, .customfile-ext-sit { background-image: url(fileinputimages/icon-zip.gif);}
*/

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error, .error-text, label.error, .error-text a
{
    color: #ff0000;
}

.imgError {
    width: 16px;
    height: 16px;
    background-image: url(iconset/error.png);
    display: inline-block;
}

.imgOK {
    width: 16px;
    height: 16px;
    background-image: url(iconset/ok.png);
}

textarea.error, input.error, select.error
{
    background-color: #FAAFBE;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}
span.input-validation-error
{
    color: red;
    border: none;
    background-color: white;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.ui-accordion-header,
.querySubTitle
{
    border: 1px solid #aaaaaa;
    background: #eeeeee;
    color: #222222;
    font-weight: bold;
    margin: 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 20px;
    text-align: left;
    font-size: larger;
    padding-left: 5px;
    padding-top: 2px;
}

.querySubTitle a {
    text-decoration: inherit;
    color: black;
}

.querySubTitle table {
    width:100%
}
.querySubTitle td {
    width:50%
}
.querySubTitle td:nth-child(2) {
    text-align: right;

}

.pnlQueryDetailsGroup {
    padding: 11px 24px 11px 24px;
    overflow: visible !important;
}

.ui-accordion-header {
    margin: 3px;
    padding: 0 0 0 5px !important;
    color: #000000 !important;
}

.ui-accordion-header a {
    margin-left: 25px;
    color: #000000 !important;
}

.ui-accordion-content {
    border: none;
}

.ui-accordion-header .ui-icon-triangle-1-s {
    background-image: url(datatables/images/details_close.png) !important;
    width: 20px;
    height: 20px;
    background-position: 0;
    margin-top: -10px !important;
}

.ui-accordion-header .ui-icon-triangle-1-e {
    background-image: url(datatables/images/details_open.png) !important;
    width: 20px;
    height: 20px;
    background-position: 0;
    margin-top: -10px !important;
}

div.sqHeader
{
    border: 1px solid #aaaaaa;
    background: #eeeeee;
    color: #222222;
    font-weight: bold;
    margin: 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 20px;
    text-align: left;
    font-size: larger;
    padding-left: 5px;
    padding-top: 4px;
    margin-bottom:12px;
}


span.sqHeader
{
    border: 1px solid #aaaaaa;
    background: #eeeeee;
    color: #222222;
    font-weight: bold;
    margin: 3px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    height: 20px;
    text-align: left;
    font-size: larger;
    padding-left: 25px;
    padding-right:25px;
    padding-top: 4px;
}

div.openedBottomBorder
{
}

div.closedBottomBorder
{
    border-bottom: 1px solid #aaaaaa; /*-moz-border-radius-bottomleft: 4px;     -moz-border-radius-bottomright: 4px;     -webkit-border-bottom-left-radius: 4px;     -webkit-border-bottom-right-radius: 4px;     border-bottom-left-radius: 4px;     border-bottom-right-radius: 4px;*/
}


.cellContent
{
    height: 1em;
    width: 100%;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
}

.groupTitle
{
    /*border: 1px solid #aaaaaa;     /*background: #cccccc url(themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;*/
    margin: 3px;
    
    /*-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;*/
    height: 30px;
    text-align: left;
    font-size: large;
    vertical-align: middle;
    margin: 8px 0 0 0;
}

/*--------------------------*/

table.dataTable {
    border-collapse: collapse;
    
}

table.dataTable td
{
    /*white-space: pre-line; 	padding: 3px 10px; 	font-size: 12px;*/
    white-space: normal !important;
}

table.dataTable thead th
{
    color: White;
    padding-top:4px;
    padding-bottom:4px;
    border-collapse: collapse;
}

.DataTables_sort_icon
{
    float: right;
}

.css_right
{
    float: right;
}

.version
{
    /*width: 100%;*/
    padding: 4px 8px 4px 8px;
    background: #615248 url(themes/base/images/ui-bg_highlight-soft_75_615248_1x100.png) 50% 50% repeat-x;
    color: #f3f3f3;
}

tr.odd:hover, tr.even:hover, tr.even:hover td, tr.odd:hover td
{
    cursor: pointer;
    background-color: Pink !important;
}

.sqProgress
{
    background-image: url('fileupload/loading.gif');
    width: 16px;
    height: 16px;
}

.sqSelect, .sqMultiSelect
{
    min-width: 200px;
}


table.sqDetailsTable
{
    padding-left: 20px;
}

table.noindent
{
    padding-left: 0px;
}


table.sqDetailsTable tr td
{
    min-height: 1.6em;
}
table.sqDetailsTable tr td:first-child
{
    min-width: 150px;
}

table.sqDetailsTable tr td:nth-child(2)
{
    /*width: 100%;*/
}

div.sqDetailsRowLabel
{
    padding-left: 24px;
    padding-top: 4px;
    min-width: 153px;
    min-height: 1.6em;
    display: inline-block;
}
div.sqDetailsRowContent
{
    min-height: 1.6em;
    display: inline-block;
}

ul.sortableItems
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 60%;
    margin-bottom:60px;
}
ul.sortableItems li
{
    margin: 0 5px 5px 5px;
    padding: 5px;
    height: 1.5em;
}

.mandatoryInput {
    border: solid 1px red !important;
}

.importantInput {
    background: #EBF4FA !important;
}

.importantOutput {
    color: blue !important;
}


#pnlShowAskedQueries {
    margin-left: 16px;
}

#pnlShowAllProjects, #pnlSelectAll, #pnlShowToBeClosedProjects {
    margin-left: 16px;
}

.imgButtonEdit {
    background-image: url(iconset/edit.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
}

.imgButtonView {
    background-image: url(iconset/view.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
}

.imgButtonDelete {
    background-image: url(iconset/delete.png);
    width: 16px;
    height: 16px;
    display: inline-block;
    cursor: pointer;
}


#tblProjectStatistics tr.stat_main {
    font-weight: bold;
}

#tblProjectStatistics td.stat_sub {
    padding-left: 16px;
}

#tblProjectStatistics td.stat_subsub {
    padding-left: 32px;
}

#pnlClientDetails {
    margin-top: 16px;
}

.diagramBox, .projectDetailsBox {
    display: inline-block;
    border: 1px solid lightgray;
    margin: 4px;
    border-radius: 5px;
    vertical-align: top;
}

.diagramBox span, #titleProjectDetailsBox {
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 8px;
    background-color: whitesmoke;
    padding: 8px;
    border-radius: 5px 5px 0 0;
}

.diagramBox .diagramBoxContent {
    padding: 8px;
}

.projectDetailsBox .projectDetailsBoxContent {
    padding: 8px;
}


.diagramBox table, .diagramBox td {
    border: 1px solid whitesmoke;
    border-collapse: collapse;
    font-size: 9px;
    padding: 0;
}

.diagramColorBox {
    width: 10px;
    height: 10px;
    display: inline-block;
    border: 1px solid gray;
    margin-right: 2px;
}

.diagramBox tr td:not(:first-child) {
    text-align: center;
}

#pnlDashboard .groupTitle {
    background-color: lightgray;
    padding: 12px 0 4px 8px;
    margin: 8px 0 12px 0;
    border-radius: 4px;
}

#pnlProjectDetails {
    margin: 12px 0 0 0;
}

.diagramBoxContainer {
}

.projectDetailsBox table {
    margin: 0 0 0 16px;
}

.projectDetailsBox td {
    padding: 4px 8px 0 0;
}

.projectDetailsBox .projectDetailsGroup {
    font-weight: bold;
    margin-top: 8px;
    display: block;
}

#tblWorkflowStack {
    width: 100%;
}

.shortNumber {
    width: 30px;
}

#tblEmailsPending, #tblEmailsArchived {
    border-collapse: collapse;
}

    #tblEmailsPending thead td, #tblEmailsArchived thead td {
        text-align: center;
    }


    ul.selectable
{
    list-style-type: none;
    margin:0;
    padding: 0;
}

ul.selectable li
{
    padding: 0.2em 1em;
    cursor:pointer;
}

ul.selectable li.ui-selected
{
    /*background: #FECA40;*/
    background: #D1007A;
    color: white;
}

ul.selectable li[data-selected=true]
{
    /*background: #FECA40;*/
    background: #D1007A;
    color: white;
}

.lblInfo {
    font-weight: bold;
}

.lblInfo:after {
    content: ':';
}

.tblEntryDetails {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed;
}
.tblEntryDetails td {
    border: 1px solid darkgray;
    word-wrap: break-word;
}

    .tblEntryDetails td.grid_odd {
        background-color: lightgray;
    }

    .tblEntryDetails .col-label {
        /*font-weight: bold;*/
        font-style: italic;
        /*padding-top: 6px;*/
        margin: 0;
        padding: 2px;
        word-break: normal;
        overflow: hidden;
        font-size: 8pt;
    }

    .tblEntryDetails .col-field {
        /*padding-top: 6px;*/
        margin: 0;
        padding: 8px;
        font-size: 10pt;
    }

    /*.tblEntryDetails .col-label:after {
        content: ':';
    }*/
    .tblEntryDetails .dtp,
    .tblEntryDetails .sqNumericAll
    {
        width: 98%;
        max-width: 140px;
    }

    .tblEntryDetails input[type=text] {
        width: 98%;
    }


  
#attachmentTable td {
    border: 0;
}

.wizard > .content > .body {
    position: inherit;
}

#pnlQuickSettings input[type=text],
#pnlQuickSettings select {
    width: 95%;
}

#lblPreferredLanguage {
    color: red;
}