/*@import url("dexco-rd-table-1.0.css");*/

body
{
    color: #3f3f3f;
    background-color: #464646;
    font-family: Verdana, Arial, Sans-serif;
    font-size: 12px;
}

.radio input[type='radio'],
.radio-inline input[type='radio'],
.checkbox input[type='checkbox'],
.checkbox-inline input[type='checkbox']
{
    float: inherit;
    margin-left: inherit;
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio]
{
    position: inherit;
}

.radio,
.checkbox
{
    display: inherit;
    min-height: inherit;
    padding-left: inherit;
    margin-top: inherit;
    margin-bottom: inherit;
    vertical-align: inherit;
}


.hidden-sm,
.hidden-xs,
.hidden-md,
.hidden-lg
{
    display: inline-block !important;
}


@media (max-width: 767px)
{
    .hidden-xs
    {
        display: none !important;
    }
    
    footer { bottom:0px; width:100%; }
    body { height:100%; background-color:#ffffff; }
    html { height:100%; }
    form { height:100%; }
    .master-body { height:calc(100% - 92px) !important; }

    .mywiplistHours { width:56px; }
    .mywiplistValue { width:92px; }
    .mywiplist90Days { width:72px; }
    .mywiplistImage { width:44px !important; }

    #div-timeentry-container .ui-dialog { width:100% !important; }
    .js-comment-dialog-container .ui-dialog { width:100% !important; }
    #div-membersearch-container .ui-dialog { width:100% !important; }
}

@media (min-width: 768px) and (max-width: 991px)
{
    .hidden-sm
    {
        display: none !important;
    }
}

@media (min-width: 992px) and (max-width: 1199px)
{
    .hidden-md
    {
        display: none !important;
    }
}

@media (min-width: 1200px)
{
    .hidden-lg
    {
        display: none !important;
    }
}

.d-inline-block
{
    display:inline-block;
}

.ui-dialog
{
    position: fixed;
    z-index: 9000;
}

.error-icon
{
    display: inline-block;
    background: url("/StylesLibs/images/information_48.png") no-repeat 0% 10%;
    padding-left: 20px;
    background-size:18px;
}

/*.ui-widget
{
    font-family: Verdana,Arial,sans-serif;
    font-size: 11px !important;
    line-height: 14px;
}*/

.ui-autocomplete
{
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.ui-widget-header
{
    background-color: #93B4DF !important;
    background-image: none !important;
    border: solid 1px #93B4DF !important;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: white;
}

.ui-dialog .ui-dialog-titlebar-close
{
    border: 1px solid #ccc;
    background: url("/StylesLibs/images/close-dialog.png") no-repeat center !important;
}

.ui-dialog .ui-dialog-titlebar-close:hover
{
    border: 1px solid #ccc;
    background: url("/StylesLibs/images/close-dialog-hover.png") no-repeat center !important;
}

.ui-widget-header .ui-icon
{
    /*background-image:none;*/
}

.rd-dialog-wrapper
{
    background-color: white;
    height: 99%;
    padding: 10px;
}

.ui-dialog .ui-dialog-content
{
    padding-right: 0.5em;
    padding-left: 0.5em;
    /*border:solid 5px #93B4DF;*/
}

.ui-datepicker-calendar
{
    z-index: 2000;
}

label
{
    font-weight: 400;
}

.form-container
{
    padding-left: 5px;
    padding-right: 5px;
}


.z-index-5000
{
    z-index: 5000;
}

.date-text
{
    min-width: 100px;
    display: inline-block;
}


.text-left
{
    text-align: left !important;
}

.text-right
{
    text-align: right !important;
}

.text-blue
{
    color: blue;
}

.text-white
{
    color: white;
}

.lightgray-text
{
    color: lightgray;
}

.lightgray-border
{
    border: 1px solid lightgray;
}

/* -- padding classes -- */

.padding-5px
{
    padding: 5px;
}

.padding-10px
{
    padding: 10px;
}

.padding-15px
{
    padding: 15px;
}

.padding-top-4px
{
    padding-top: 4px;
}

.padding-top-10px
{
    padding-top: 10px;
}

.padding-left-5px
{
    padding-left: 5px;
}

.padding-right-5px
{
    padding-right: 5px;
}

.padding-right-10px
{
    padding-right: 10px;
}

.padding-right-15px
{
    padding-right: 15px;
}

.padding-right-20px
{
    padding-right: 20px;
}

.padding-bottom-2
{
    padding-bottom: 2px;
}

.padding-bottom-25
{
    padding-bottom: 25px !important;
}

.padding-bottom-30
{
    padding-bottom: 30px !important;
}


/* =====  new css for new timesheet rs design =============== */

div.oneline-container
{
    display: table !important;
    width: 100%;
    padding-bottom: 3px;
    padding-right: 5px;
}

div.oneline-container .label-wrapper
{
    display: table-cell;
}

div.oneline-container .middle-wrapper,
div.oneline-container .textbox-wrapper
{
    display: table-cell;
    width: 100%;
    padding: 0px 10px 0 5px;
}

div.oneline-container .textbox-wrapperSM
{
    display: table-cell;
    width: 59%;
    padding: 0px 10px 0 0px;
}

div.oneline-container .middle-wrapper .dropdownlist,
div.oneline-container .textbox
{
    width: 100% !important;
    min-width: 50px;
}

div.oneline-container .button-wrapper
{
    display: table-cell;
}

div.oneline-container .button-wrapper .button-group
{
    width: 150px;
}


div.rgDataDiv
{
    min-height: 100px;
    height: auto !important;
    overflow: hidden !important;
}


.js-timecode-search .search-keyword-label
{
    width: 80px;
}

.js-taskcode-search .search-keyword-label
{
    width: 80px;
}


.img-responsive,
#imgLogo
{
    max-width: 200px;
    max-height: 80px;
}

/*================ overwirte menu style ===============================*/
.navbar
{
    margin-bottom: 0;
    border-radius: 0;
}

.navbar-toggle
{
    float: left;
}

.navbar-inverse,
.navbar-inverse .site-menu
{
    background-color: #69C1CE;
    border-color: #69C1CE;
}

.navbar-inverse .navbar-brand
{
    color: #999999;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus
{
    color: #ffffff;
    background-color: transparent;
}

.navbar-inverse .navbar-text
{
    color: #999999;
}

ul.navbar-nav
{
    margin-left: -16px;
}

.navbar-inverse .navbar-nav > li > a
{
    color: white; /*#999999;*/
    font-size: 13.3px;
    font-weight: 400;
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus
{
    color: #ffffff;
    background-color: #4F9099; /*transparent;*/
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus
{
    color: #ffffff;
    background-color: #4F9099; /*080808;*/
}

.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus
{
    color: #444444;
    background-color: transparent;
}

.navbar-inverse .navbar-toggle
{
    border-color: #333333;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus
{
    background-color: #333333;
}

.navbar-inverse .navbar-toggle .icon-bar
{
    background-color: #ffffff;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form
{
    border-color: #69C1CE;
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus
{
    color: #ffffff;
    background-color: #69C1CE;
}

.navbar-nav > li > .dropdown-menu
{
    background-color: #69C1CE;
}

.navbar .dropdown-menu > li > a
{
    color: #ffffff;
}

.navbar-inverse .dropdown-menu > li > a:hover
{
    background-color: #4F9099;
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret
{
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
}

.navbar-inverse .navbar-nav > .dropdown > a .caret
{
    border-top-color: #4F4F4F;
    border-bottom-color: #4F4F4F;
    margin-left: 5px;
}

.navbar-inverse .navbar-nav > .open > a .caret,
.navbar-inverse .navbar-nav > .open > a:hover .caret,
.navbar-inverse .navbar-nav > .open > a:focus .caret
{
    border-top-color: #ffffff;
    border-bottom-color: #ffffff;
    margin-left: 5px;
}



@media (max-width: 767px)
{
    .navbar-inverse
    {
        background-color: #464646;
        border-color: #464646;
    }


    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header
    {
        border-color: #080808;
    }


    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a
    {
        color: #f0ffff;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus
    {
        color: #ffffff;
        background-color: #4F9099;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus
    {
        color: #ffffff;
        background-color: #4F9099;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus
    {
        color: #444444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link
{
    color: #999999;
}

.navbar-inverse .navbar-link:hover
{
    color: #ffffff;
}


.overflow-enable
{
    overflow: auto;
}


/*================ acumin.web style start here ===============================*/

.autotext-menu
{
    z-index: 1000;
    position: absolute;
    border: solid 1px silver;
    background-color: white;
    padding: 2px 0;
    display: none;
}

.autotext-menu ol
{
    padding: 0 2px;
    margin: 0;
    list-style-type: none;
    min-width: 130px;
    width: auto;
    max-width: 400px;
    font-family: Verdana;
    font-size: 11px;
    font-weight: normal !important;
}

.autotext-menu ol li
{
    margin: 0;
    display: block;
    list-style: none;
    padding: 5px 5px 5px 20px;
}

.autotext-menu ol li:hover
{
    background-color: #00BFFF;
    color: White;
    cursor: pointer;
}

.autotext-menu ol li:active
{
    color: White;
    background-color: #000;
}

.autotext-menu ol .list-devider
{
    padding: 0px;
    margin: 0px;
}

.autotext-menu ol .list-devider hr
{
    margin: 2px 0px;
}

.autotext-menu ol li a
{
    color: Black;
    text-decoration: none;
    display: block;
    padding: 0px 5px;
}

.autotext-menu ol li a:active
{
    color: White;
}

.autotext-menu li.on
{
    background: url("/StylesLibs/images/checkmark.png") no-repeat scroll 0px 3px #FFFFFF;
}

.autotext-menu li.off
{
    background: url("") no-repeat scroll -5px -5px #FFFFFF;
}


/* IPAD removing default CSS */
input, textarea, select
{
    /*-webkit-appearance:none;*/
}

/* Stop text selection for long touch IPAD */
.disable-selection
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


/* remember to define focus styles! */
:focus
{
    outline: 0;
}

ol, ul
{
    list-style: none;
}

ul.ok
{
    color: Blue;
    list-style-position: inside;
    list-style-image: url(/StylesLibs/images/bullet_blue.png);
    list-style-type: square;
    padding: 5px 10px;
    margin: 2px;
}

.red-cal a
{
    color: red !important;
}


.validator-message
{
    color: red;
}

.validation-summary ul,
ul.error
{
    background-color: #FFFFD5;
    -moz-border-radius: 8px;
    border-radius: 4px;
    border: 1px solid red;
    color: #C92800;
    list-style-position: inside;
    list-style-image: url(/StylesLibs/images/bullet_red.png);
    list-style-type: square;
    padding: 5px 10px;
    margin: 2px;
}

table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    vertical-align: baseline;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td
{
    text-align: left;
    font-weight: normal;
}


td.no-border blockquote:before, blockquote:after,
q:before, q:after
{
    content: "";
}

blockquote, q
{
    quotes: "" "";
}

textarea
{
    resize: none;
    border: 1px solid #bfbfbf;
}

textarea:hover
{
    border: 1px solid #36b4cb;
}

select
{
    border: 1px solid #BFBFBF;
}

select.dropdownlist
{
    height: 24px;
    padding: 2px 0px 2px 1px;
    /*Please note; don't apply 'box-sizing' for dropdwon list, it will create width issue for safari browser.*/
    /*box-sizing: content-box !important;*/
    -webkit-box-sizing: inherit;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.focus:focus
{
    outline: none;
    /* box-shadow: 0px 0px 5px #61C5FA; */
    border: 1px solid #36b4cb;
}

.focus:hover
{
    outline: none;
    /* box-shadow: 0px 0px 5px #61C5FA; */
    border: 1px solid #36b4cb;
}


.popup-grid .rgDataDiv
{
    height: 360px !important;
    overflow: auto;
}

@media (max-width: 767px)
{
    .popup-grid .rgDataDiv
    {
        height: 340px !important;
        overflow: auto;
    }

    .popup-grid .rgPager
    {
        min-height: 50px;
    }
}


table.inner-rd-table
{
    width: 100%;
}

table.inner-rd-table tr,
table.inner-rd-table td
{
    border: none;
    border-style: none !important;
}

table.inner-rd-table td.first
{
    width: 200px;
}


.a-btn
{
    width: 40px;
    height: 30px;
    display: inline-block;
}

.a-btn:hover
{
    background-color: #87DDFE;
}


.btn-rd-common
{
    width: 40px;
    height: 30px;
    display: inline-block;
    border: 1px solid #BDBDBD;
    background: rgb(242,246,248); /* Old browsers */
    background: no-repeat center;
    z-index: 50;
    
}

.btn-time-entry-action
{
    width: 40px;
    height: 30px;
    display: inline-block;
    border: 1px solid #BDBDBD;
    background: no-repeat center;
    z-index: 50;
    /*border-radius:15px;*/
    
}


.btn-rd-common-sm
{
    width: 25px;
    height: 25px;
    display: inline-block;
    border: 1px solid #BDBDBD;
    background: rgb(242,246,248); /* Old browsers */
    background: no-repeat center;
    z-index: 1000;
}

.btn-rd-common-md
{
    width: 100px;
    height: 30px;
    display: inline-block;
    border: 1px solid #BDBDBD;
    background: rgb(242,246,248); /* Old browsers */
    background: no-repeat center;
    z-index: 1000;
}

.btn-rd-common:hover,
.btn-rd-common-sm:hover,
.btn-rd-common-md:hover
{
    background-color: #87DDFE;
}


.btn-rd-common[disabled=disabled],
.btn-rd-common:disabled,
.btn-rd-common-md[disabled=disabled],
.btn-rd-common-md:disabled,
.btn-rd-common-sm[disabled=disabled],
.btn-rd-common-sm:disabled
{
    cursor: default;
    color: #c0c0c0;
    background-color: #EDEDED;
}


.btn-save-log
{
    background-image: url("/StylesLibs/images/save.bmp"); /* fallback */
    background-image: url("/StylesLibs/images/save.bmp"), -webkit-gradient(linear, left top, left bottom, from(#6cab26), to(#6ceb86)); /* Saf4+, Chrome */
    background-image: url("/StylesLibs/images/save.bmp"), -webkit-linear-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome 10+, Saf5.1+ */
    background-image: url("/StylesLibs/images/save.bmp"), -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */
    background-image: url("/StylesLibs/images/save.bmp"), -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */
    background-image: url("/StylesLibs/images/save.bmp"), linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */
}

.btn-save-log:hover
{
    background: url("/StylesLibs/images/save.bmp") #87DDFE no-repeat center;
}

.btn-submit-timesheet
{
    background-image: url("/StylesLibs/images/submit_timesheet_18.png"); /* fallback */
    background-image: url("/StylesLibs/images/submit_timesheet_18.png"), -webkit-gradient(linear, left top, left bottom, from(#6cab26), to(#6ceb86)); /* Saf4+, Chrome */
    background-image: url("/StylesLibs/images/submit_timesheet_18.png"), -webkit-linear-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome 10+, Saf5.1+ */
    background-image: url("/StylesLibs/images/submit_timesheet_18.png"), -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */
    background-image: url("/StylesLibs/images/submit_timesheet_18.png"), -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */
    background-image: url("/StylesLibs/images/submit_timesheet_18.png"), linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */
}

.btn-submit-timesheet:hover
{
    background: url("/StylesLibs/images/submit_timesheet_18.png") #87DDFE no-repeat center;
}

.btn-reset,
.btn-clear-fields
{
    background-color: #DAE7F5;
    background-image: url("/StylesLibs/images/reset-18.png"); /* fallback */
    background-image: url("/StylesLibs/images/reset-18.png"), -webkit-gradient(linear, left top, left bottom, from(#6cab26), to(#6ceb86)); /* Saf4+, Chrome */
    background-image: url("/StylesLibs/images/reset-18.png"), -webkit-linear-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome 10+, Saf5.1+ */
    background-image: url("/StylesLibs/images/reset-18.png"), -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */
    background-image: url("/StylesLibs/images/reset-18.png"), -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */
    background-image: url("/StylesLibs/images/reset-18.png"), linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */
}

.btn-reset:hover,
.btn-clear-fields:hover
{
    background: url("/StylesLibs/images/reset-18.png") #87DDFE no-repeat center;
}

.btn-reset:disabled
{
    background: url("/StylesLibs/images/reset-18.png") no-repeat center;
    background-color: #DAE7F5;
}

.btn-home-page
{
    background-image: url("/StylesLibs/images/home-20.png"); /* fallback */
    background-image: url("/StylesLibs/images/home-20.png"), -webkit-gradient(linear, left top, left bottom, from(#6cab26), to(#6ceb86)); /* Saf4+, Chrome */
    background-image: url("/StylesLibs/images/home-20.png"), -webkit-linear-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome 10+, Saf5.1+ */
    background-image: url("/StylesLibs/images/home-20.png"), -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */
    background-image: url("/StylesLibs/images/home-20.png"), -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */
    background-image: url("/StylesLibs/images/home-20.png"), linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */
}

.btn-home-page:hover
{
    background: url("/StylesLibs/images/home-20.png") #87DDFE no-repeat center;
}

.btn-calendar-view
{
    background-image: url("/StylesLibs/images/menu/menu_HoursWorked_20.png"); /* fallback */
    background-image: url("/StylesLibs/images/menu/menu_HoursWorked_20.png"), -webkit-gradient(linear, left top, left bottom, from(#6cab26), to(#6ceb86)); /* Saf4+, Chrome */
    background-image: url("/StylesLibs/images/menu/menu_HoursWorked_20.png"), -webkit-linear-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome 10+, Saf5.1+ */
    background-image: url("/StylesLibs/images/menu/menu_HoursWorked_20.png"), -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */
    background-image: url("/StylesLibs/images/menu/menu_HoursWorked_20.png"), -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */
    background-image: url("/StylesLibs/images/menu/menu_HoursWorked_20.png"), linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */
}

.btn-calendar-view:hover
{
    background: url("/StylesLibs/images/menu/menu_HoursWorked_20.png") #87DDFE no-repeat center;
}

.btn-timesheet-view
{
    background-image: url("/StylesLibs/images/menu/menu_timesheet_w_32.png"); /* fallback */
    background-image: url("/StylesLibs/images/menu/menu_timesheet_w_32.png"), -webkit-gradient(linear, left top, left bottom, from(#6cab26), to(#6ceb86)); /* Saf4+, Chrome */
    background-image: url("/StylesLibs/images/menu/menu_timesheet_w_32.png"), -webkit-linear-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome 10+, Saf5.1+ */
    background-image: url("/StylesLibs/images/menu/menu_timesheet_w_32.png"), -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */
    background-image: url("/StylesLibs/images/menu/menu_timesheet_w_32.png"), -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */
    background-image: url("/StylesLibs/images/menu/menu_timesheet_w_32.png"), linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */
}

.btn-timesheet-view:hover
{
    background: url("/StylesLibs/images/menu/menu_timesheet_w_32.png") #87DDFE no-repeat center;
}

.btn-timesheet-report
{
    margin-left: 2px;
    margin-top: 2px;
    background-image: url("/StylesLibs/images/reportList_20.png"); /* fallback */
    background-image: url("/StylesLibs/images/reportList_20.png"), -webkit-gradient(linear, left top, left bottom, from(#6cab26), to(#6ceb86)); /* Saf4+, Chrome */
    background-image: url("/StylesLibs/images/reportList_20.png"), -webkit-linear-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome 10+, Saf5.1+ */
    background-image: url("/StylesLibs/images/reportList_20.png"), -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */
    background-image: url("/StylesLibs/images/reportList_20.png"), -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */
    background-image: url("/StylesLibs/images/reportList_20.png"), linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */
}

.btn-timesheet-report:hover
{
    background: url("/StylesLibs/images/reportList_20.png") #87DDFE no-repeat center;
}

.btn-timesheet-weekly
{
    background-image: url("/StylesLibs/images/menu/menu_weeklyTimesheet_20.png"); /* fallback */
    background-image: url("/StylesLibs/images/menu/menu_weeklyTimesheet_20.png"), -webkit-gradient(linear, left top, left bottom, from(#6cab26), to(#6ceb86)); /* Saf4+, Chrome */
    background-image: url("/StylesLibs/images/menu/menu_weeklyTimesheet_20.png"), -webkit-linear-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome 10+, Saf5.1+ */
    background-image: url("/StylesLibs/images/menu/menu_weeklyTimesheet_20.png"), -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */
    background-image: url("/StylesLibs/images/menu/menu_weeklyTimesheet_20.png"), -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */
    background-image: url("/StylesLibs/images/menu/menu_weeklyTimesheet_20.png"), linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */
}

.btn-timesheet-weekly:hover
{
    background: url("/StylesLibs/images/menu/menu_weeklyTimesheet_20.png") #87DDFE no-repeat center;
}

.btn-submit-log
{
    background: url("/StylesLibs/images/submit_timesheet_18.png") no-repeat center;
    background-color: #DAE7F5;
}

.btn-delete-log
{
    background: url("/StylesLibs/images/delete1.png") no-repeat center;
    background-color: #DAE7F5;
}

.btn-apply-filter
{
    background: url("/StylesLibs/images/apply-filter.png") no-repeat center;
    /*background-color: #DAE7F5;*/
}
.btn-matter-member{
    background: url('/StylesLibs/images/matter.png') no-repeat center;
}

.btn-clear-filter
{
    background: url("/StylesLibs/images/clear-filter.png") no-repeat center;
    /*background-color: #DAE7F5;*/
}

.btn-imp-date
{
    background: url("/StylesLibs/images/impdatelogo_16.png") no-repeat center;
    background-color: #DAE7F5;
}

.btn-more-filter
{
    background: url("/StylesLibs/images/filter_more_18.png") no-repeat center;
    background-color: #DAE7F5;
}

.btn-less-filter
{
    background: url("/StylesLibs/images/filter_less_18.png") no-repeat center;
    background-color: #DAE7F5;
}

.btn-view-detail
{
    background: url("/StylesLibs/images/view_detail_32.png") no-repeat center;
    background-color: #DAE7F5;
}

.btn-edit
{
    background: url("/StylesLibs/images/edit.jpg") no-repeat center;
    background-color: #DAE7F5;
}

.btn-submit
{
    background: url("/StylesLibs/images/save-commit-16.png") no-repeat center;
    background-color: #DAE7F5;
}

.btn-save
{
    background: url("/StylesLibs/images/save-log-16.png") no-repeat center;
    background-color: #DAE7F5;
    background-image: url("/StylesLibs/images/save-log-16.png"); /* fallback */
    background-image: url("/StylesLibs/images/save-log-16.png"), -webkit-gradient(linear, left top, left bottom, from(#6cab26), to(#6ceb86)); /* Saf4+, Chrome */
    background-image: url("/StylesLibs/images/save-log-16.png"), -webkit-linear-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome 10+, Saf5.1+ */
    background-image: url("/StylesLibs/images/save-log-16.png"), -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */
    background-image: url("/StylesLibs/images/save-log-16.png"), -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */
    background-image: url("/StylesLibs/images/save-log-16.png"), linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */
}
.btn-savetoolbar {
    background: url("/StylesLibs/images/save-log-16.png") no-repeat center;
    width:40px;
    height:32px;
    color:#4376A9;
}

.btn-save:hover
{
    background: url("/StylesLibs/images/save-log-16.png") #87DDFE no-repeat center;
}

.btn-save:disabled
{
    background: url("/StylesLibs/images/save-log-16.png") no-repeat center;
    background-color: #DAE7F5;
}

.btn-save-disable
{
    background: url("/StylesLibs/images/save-log-16.png") no-repeat center;
    background-color: #DAE7F5;
}

.btn-delete
{
    background: url("/StylesLibs/images/delete1.jpg") no-repeat center;
    background-color: #DAE7F5;
}


.btn-cancel
{
    background: url("/StylesLibs/images/close-red-16.png") no-repeat center;
    background-color: #DAE7F5;
}

.btn-bringforward
{
    background: url("/StylesLibs/images/arrow_turn_right.png") no-repeat center;
    background-color: #DAE7F5;
}

.btn-copy
{
    background: url("/StylesLibs/images/arrow_branch.png") no-repeat center;
    background-color: #DAE7F5;
}

.btn-goback
{
    background: url("/StylesLibs/images/goback_24.png") no-repeat center;
    background-color: #DAE7F5;
}

.btn-refresh
{
    background: url("/StylesLibs/images/refresh.png") no-repeat center;
    background-color: #DAE7F5;
}


.btn-hold-yes
{
    background: url("/StylesLibs/images/ddi-hold-20.png") no-repeat center;
    background-color: #DAE7F5;
    background-position: center !important;
    z-index: 0;
}

.btn-hold-no
{
    background: url("/StylesLibs/images/ddi-unhold_20.png") no-repeat center;
    /*background-color: #DAE7F5;*/
    background-position: center !important;
    z-index: 0;
}

.btn-hide-yes
{
    background: url("/StylesLibs/images/ddi-hide-20.png") no-repeat center;
    /*background-color: #DAE7F5;*/
    background-position: center !important;
    z-index: 0;
}

.btn-hide-no
{
    background: url("/StylesLibs/images/ddi-unhide-20.png") no-repeat center;
    /*background-color: #DAE7F5;*/
    background-position: center !important;
    z-index: 0;
}


.btn-toggle-expand
{
    background: url("/StylesLibs/images/toggle-expand.png") no-repeat center;
    border: none;
}

.btn-toggle-collaps
{
    background: url("/StylesLibs/images/toggle-collaps.png") no-repeat center;
    border: none;
}

.btn-chargeable
{
    background: url("/StylesLibs/images/chargeable.png") no-repeat center;
    /*background-color: #DAE7F5;*/
    z-index: 0;
}

.btn-nonchargeable
{
    background: url("/StylesLibs/images/nonchargeable.png") no-repeat center;
    /*background-color: #DAE7F5;*/
    background-position: center !important;
    z-index: 0;
}

.btn-writeoff-up
{
    background: url("/StylesLibs/images/writeoff-up.png") no-repeat center;
    /*background-color: #DAE7F5;*/
    background-position: center !important;
    z-index: 0;
}

.btn-writeoff-down
{
    background: url("/StylesLibs/images/writeoff-down.png") no-repeat center;
    /*background-color: #DAE7F5;*/
    background-position: center !important;
    z-index: 0;
}

.btn-comment-add
{
    background: url("/StylesLibs/images/comment_edit_16.png") no-repeat center;
    /*background-color: #DAE7F5;*/
    z-index: 0;
}

.btn-goto-page
{
    display: inline-block;
    width: 45px;
    height: 16px;
    background: url("/StylesLibs/images/view_detail_32.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.btn-view-ddi
{
    display: inline-block;
    background-size:32px 32px !important;
    width: 32px;
    height: 32px;
    background: url("/StylesLibs/images/ddi-view-32.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.btn-report-ddi
{
    display: inline-block;
    background-size:32px 32px !important;
    width: 32px;
    height: 32px;
    margin-right:4px;
    background: url("/StylesLibs/images/reportIcon.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}

.verticalTop { vertical-align:top; }
.verticalCenter { vertical-align:middle; }

.btn-mutiple-select
{
    background: url("/StylesLibs/images/mutiple-select.png") no-repeat center;
    background-color: #DAE7F5;
    z-index: 0;
}


.btn-ddi-edited
{
    background: url("/StylesLibs/images/edit-ddi.png") no-repeat center;
    background-color:transparent;
    background-position: center !important;
    width: 30px;
    height: 30px;
    z-index: 0;
}

.btn-ddi-noedit
{
    background: url("/StylesLibs/images/progress.png") no-repeat center;
    background-color: transparent;
    background-position: center !important;
    width: 30px;
    height: 30px;
    z-index: 0;
}

.btn-change-status
{
    background: url("/StylesLibs/images/change_status_32.png") no-repeat center;    
    background-position: center !important;
    border:none;
    width: 32px;
    height: 32px;
    z-index: 0;
}

.btn-change-status-small
{
    background: url("/StylesLibs/images/change_status_16.png") no-repeat center;    
    background-position: center !important;
    border:none;
    width: 16px;
    height: 16px;
    
    
}




table.RD-table .link-edit
{
    vertical-align: middle;
}

table.RD-table .link-edit a
{
    text-decoration: underline;
    width: 32px;
    height: 32px;
    display: inline-block;
    border: 1px solid #BDBDBD;
    z-index: 1000;
    background: url("/StylesLibs/images/edit.png") no-repeat center;
    background-color: #DAE7F5;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

table.RD-table .link-edit a:hover
{
    background-color: #87DDFE;
}




/*===========================================================================================*/
/* =============== start here to put specail style for specific pages    ====================*/
/*===========================================================================================*/

/* master page style section   */
.master-container,
.container
{
    /*width:1004px !important; */
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFE;
    border-color: #3F3F3F #858585 #858585;
    border-style: hidden solid solid;
    border-width: 0px;
    padding: 0;
}

.container-with-maxwidth
{
    width: 100% !important;
    max-width: inherit;
}


body.MasterWindowBG
{
    background-color: inherit;
    overflow: hidden;
}

#MasterWindowBG
{
    /*width:960px !important; */
    margin-left: auto;
    margin-right: auto;
    background-color: inherit;
    border-color: inherit;
    border-style: none;
    border-width: 0px;
    padding: 0;
}



.master-header-top
{
    background-position: right top;
    margin: 0 0 0 0;
    background: repeat-x right top;
    background-image: url(/StylesLibs/bg-images/MENU_TOP.bmp);
    background-color: #FFFFFF;
    min-width: 200px; /*need change*/
    height: 100%;
    text-align: center;
    font-family: Verdana;
    color: #0CAFDA;
    vertical-align: bottom;
}

.master-container .master-header-top .logo
{
    width: 100%;
    max-width: 600px;
    background: url("/StylesLibs/images/logo_acumin_wind_80.png") repeat-x scroll right top;
    height: 80px;
    float: left;
    top: 15px;
    left: 0px;
}

.master-container .master-header-top .home-logout
{
    /*line-height: 80px;*/
    float: right;
    font-size: inherit;
}

/*.master-container .master-header-top*/
.home-logout a.home
{
    display: inline-block;
    margin: 5px;
}

/*.master-container .master-header-top .home-logout img
{
    max-height: 65px;
    max-width: 390px;
    padding-right: 0px;
}*/

.master-container .master-header-top .home-acuminweb-nolink
{
    width: 310px;
    height: 100px;
    float: right;
    font-size: inherit;
    text-align: right;
    padding-right: 5px;
}

.master-container .master-header-top .home-acuminweb-nolink img
{
    width: 230px;
    height: 40px;
    padding-right: 15px;
    padding-top: 17px;
}

.master-container .site-menu
{
    width: 100%;
}

.master-container .site-menu .logout-wrapper
{
    padding-right: 5px;
}

.master-container .site-menu .login-user
{

    line-height: 16px;
    float: right;
    text-align: right;
    margin-top:15px;
}

.master-container .site-menu .login-user .YouAreLoginedAs
{
    color: #1660C0;
    height: 26px;
    width: 25px;
    display: inline-block;
    background: url("/StylesLibs/images/UserDefault.png") no-repeat;
    padding-top: 10px;
    vertical-align:middle;

     overflow:hidden;
     

}

.master-container .site-menu .login-user .logout-button
{
    padding-left: 5px;
}

.master-container .site-menu .col-md-4
{
    margin-top: -5px;
    -webkit-margin-before: -5px;
}

.master-container .site-menu .NavigationMenu
{
    -webkit-margin-before: -10px;
}

.master-container .main-content
{
    padding: 0 0px 0 0px;
    /*width:100%;
    overflow:auto;*/
}

.master-container .master-contentfooter
{
    width: 100%;
    text-align: center;
    position: relative;
    background-color: white;
    min-height: 40px;
    display: table;
}

.master-container .master-contentfooter .copyright
{
    text-align: left;
    font-size: 12px;
    display: table-cell;
    vertical-align: middle;
}

.master-container .master-contentfooter .copyright .msg
{
    display: inline-block;
    line-height: 30px;
    padding-left: 5px;
}

.master-container .master-contentfooter .copyright .dexcoweblogo
{
    float: right;
    padding-right: 5px;
    text-align: right;
}

@media screen and (max-width:500px)
{
    .master-container .master-contentfooter .copyright .dexcoweblogo
    {
        float: none;
        padding-right: 0px;
        text-align: center;
    }

    .btnLogout {
        text-indent:25px;
        overflow:hidden;
        width:30px !important;
        margin-right:0px !important;
    }

    .btnLogoutMVC {
        font-size:0px;
    }

    .divLogout {
        width:105px !important;
    }
}

.master-container .master-contentfooter .copyright .dexcoweblogo img
{
    height: 30px;
    padding: 2px;
}

.master-container .full-version-number
{
    color: #cd2626;
    top: 40px;
}

div.page-content-container
{
    width: 100% !important;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    border-color: #3F3F3F #858585 #858585;
    border-style: hidden solid solid;
    border-width: 0px;
    padding: 0 0px 20px 0px;
    font-size: 12px;
}

/*-- Navigation Menu css style  -----------------*/
.site-menu-module
{
    border: solid 0px #000;
    height: 35px;
    float: left;
}

.site-menu-module #h
{
    background: #CCCFFF;
    padding: 5px 0 6px 10px;
}

.site-menu-module #e
{
    border: solid 1px #919191;
    background-image: url("/StylesLibs/images/menu/sub.gif");
    padding: 0 0 1px;
}

.site-menu-module .NavigationMenu
{
    font-family: Verdana;
    font-size: 10pt;
    color: Blue; /*#FFF;*/
    font-weight: 300;
    z-index: 101;
    /* background-image:url("/StylesLibs/images/menu/bg-light-blue.png"); */
    padding-left: 10px;
}

.site-menu-module .staticMenuItemStyle
{
    text-align: center;
    display: block;
    padding-left: 5px;
    padding-right: 5px;
    /*padding-top:3px;*/
    line-height: 29px;
    z-index: 101 !important;
}

.site-menu-module .staticMenuItemSelectedStyle
{
    border: solid 1px #69C1CE;
}

.site-menu-module .staticHoverStyle
{
    /*background-image:url("/StylesLibs/images/menu/bg-light-blue.png");     */
    background-color: #69C1CE;
}

.site-menu-module .dynamicMenuStyle
{
    display: block;
    z-index: 20 !important;
}

.site-menu-module .dynamicMenuItemStyle
{
    border: solid 0px silver;
    padding: 0px 5px 0px 5px;
    height: 30px;
    line-height: 30px;
    background-image: url("/StylesLibs/images/menu/bg-light-blue.png");
    color: Blue;
    z-index: 200;
    position: relative;
    /*min-width:175px;*/
}


.site-menu-module .dynamicItemMouseOver,
.site-menu-module .menuItemSelected-1
{
    border: solid 0px gray;
    padding: 0px 5px 0px 5px;
    /*background-image:url("/StylesLibs/images/menu/bg-stell-blue.png");*/
    background-image: none;
    background-color: #69C1CE;
}

.site-menu-module .NavigationMenu A:link,
.site-menu-module .NavigationMenu A:visited,
.site-menu-module .NavigationMenu A:active
{
    text-decoration: none;
    color: #FFF;
    display: block;
}

.site-menu-module .currentNodeStyle,
.site-menu-module .nodeStyle,
.site-menu-module .rootNodeStyle,
.site-menu-module a.siteMapPath
{
    text-decoration: none;
    font-family: Verdana;
    font-size: 10pt;
}


/* -- new css for menu. -----*/
.site-menu-module .NavigationMenu .static
{
    text-align: center;
    display: block;
    padding-left: 5px;
    padding-right: 15px;
    /*padding-top:3px;*/
    line-height: 29px;
    z-index: 101 !important;
}

.site-menu-module .NavigationMenu .static a:hover
{
    background-color: #69C1CE;
    padding-left: 5px;
    padding-right: 15px;
    display: block;
}

.site-menu-module .NavigationMenu .dynamic
{
    border: solid 0px silver;
    padding: 0px 5px 0px 5px;
    height: 30px;
    line-height: 30px;
    background-image: url("/StylesLibs/images/menu/bg-light-blue.png");
    color: Blue;
    z-index: 200;
    position: relative;
    text-align: left;
}

.site-menu-module .NavigationMenu .dynamic:hover
{
    border: solid 0px orange;
    background-image: none;
    background-color: orange;
}


/* user default setting window  */
.usersettings-wrapper
{
    padding: 10px;
}

.usersettings-wrapper .settings-section
{
    padding-bottom: 20px;
    text-align: left;
}

.usersettings-wrapper .settings-section .label
{
    padding-bottom: 5px;
    padding-left: 0px;
    display: inline-block;
}

.usersettings-wrapper .settings-section .dropdownlist
{
    width: 100%;
}

.usersettings-wrapper .msg-section
{
    width: 100%;
    float: left;
}

.usersettings-wrapper .msg-section .ok
{
    color: blue;
}

.usersettings-wrapper .msg-section .error
{
    color: #C92800;
}

.usersettings-wrapper .button-section
{
    float: right;
}

.usersettings-wrapper .button-section .button
{
    padding: 5px 10px;
}


.win-user-settings .message
{
    text-align: left;
    color: red;
}



/*-- Big site link on default page css style  -----------------*/

.site-link-module
{
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}

.site-link-module .link-group
{
    width: 100%;
    padding: 10px 0 10px 0;
}

.site-link-module .link-group table
{
    width: 100%;
    -moz-border-radius: 8px;
    border-radius: 8px;
}


.site-link-module .link-block
{
    width: 350px;
    height: 120px;
    padding: 15px 5px 5px 5px;
    float: left;
}

@media screen and (max-width:360px)
{
    .site-link-module .link-block
    {
        width: 300px;
        height: 120px;
        padding: 15px 5px 5px 5px;
        float: left;
    }
}

.site-link-module .link-block .link-bigimage
{
    width: 65px;
    height: 110px;
    display: block;
    float: left;
    padding: 0 3px 0 3px;
}

.site-link-module .link-block .link-title
{
    width: 220px;
    line-height: 18px;
    padding-bottom: 3px;
    display: block;
    float: left;
    color: #0066cc;
    float: left;
    text-align: left;
    margin-top: 7px;
    padding-left: 10px;
}

.site-link-module .link-block .link-title a
{
    font-size: 11pt;
    font-weight: bold;
    color: #0066cc;
    text-decoration: underline;
}

.site-link-module .link-block .link-title a:visited
{
    color: #0066cc;
}

.site-link-module .link-block .link-desc
{
    width: 200px;
    height: auto;
    display: block;
    float: left;
    color: #7f7f7f;
    font-size: 10pt;
    padding-left: 10px;
    box-sizing: content-box;
}

.site-link-module .link-bigimage > a
{
    height: 65px;
    width: 65px;
    display: inline-block;
    padding: 0;
    background: url("/StylesLibs/images/menu/menu_Todo_64.png") no-repeat;
}

.site-link-module .link-bigimage .TS_D
{
    background: url("/StylesLibs/images/menu/menu_timesheet_w_64.png") no-repeat;
}


.site-link-module .link-bigimage .TS_W
{
    background: url("/StylesLibs/images/menu/menu_weeklyTimesheet_64.png") no-repeat;
}

.site-link-module .link-bigimage .TS_Calendar
{
    background: url("/StylesLibs/images/menu/menu_HoursWorked_64.png") no-repeat;
}

.site-link-module .link-bigimage .DDI_INVLST
{
    background: url("/StylesLibs/images/menu/menu_ApprInvoice_64.png") no-repeat;
}

.site-link-module .link-bigimage .DDI_PAYLST
{
    background: url("/StylesLibs/images/menu/menu_payment_64.png") no-repeat;
}


.site-link-module .link-bigimage .TODO_LST
{
    background: url("/StylesLibs/images/menu/menu_Todo_64.png") no-repeat;
}

.site-link-module .link-bigimage .SETTING_BSIF
{
    background: url("/StylesLibs/images/menu/menu_businessinfo_64.png") no-repeat;
}

.site-link-module .link-bigimage .SETTING_USIF
{
    background: url("/StylesLibs/images/menu/menu_userInfo_64.png") no-repeat;
}

.site-link-module .link-bigimage .Dashboard_CMDetail
{
    background: url("/StylesLibs/images/menu/menu_dashboard_64.png") no-repeat;
}

.site-link-module .link-bigimage .Dashboard_DrillThrough
{
    background: url("/StylesLibs/images/menu/menu_ActivityReport_64.png") no-repeat;
}

.site-link-module .link-bigimage .Dashboard_ActivityReport
{
    background: url("/StylesLibs/images/menu/menu_ActivityReport_64.png") no-repeat;
}

.site-link-module .link-bigimage .Dashboard_CustomReport
{
    background: url("/StylesLibs/images/menu/menu_ReportList_64.png") no-repeat;
}

.site-link-module .link-bigimage .Dashboard_FirmView
{
    background: url("/StylesLibs/images/menu/menu_firm_64.png") no-repeat;
}

.site-link-module .link-bigimage .Dashboard_MyWIP
{
    background: url("/StylesLibs/images/menu/books_65.png") no-repeat;
}

.site-link-module .link-bigimage .SD_TaskList
{
    background: url("/StylesLibs/images/menu/menu_TaskList_64.png") no-repeat;
}

.site-link-module .link-bigimage .SD_ImpDatesList
{
    background: url("/StylesLibs/images/menu/calendar_importantdate_64.png") no-repeat;
}

.site-link-module .link-bigimage .SD_Agenda
{
    background: url("/StylesLibs/images/menu/menu_Scheduler_64.png") no-repeat;
}


/*-- plug in css overwrite-------------------*/


#basic-modal-content
{
    display: none;
}

#simplemodal-overlay
{
    background-color: #000;
    cursor: auto;
}

#simplemodal-container
{
    height: 360px;
    width: 600px;
    padding: 12px;
    background-color: #C5D1D9 !important;
    color: Black !important;
    border: solid 1px black !important;
}

#simplemodal-container code
{
    background: #141414;
    border-left: 3px solid #65B43D;
    color: #bbb;
    display: block;
    font-size: 12px;
    margin-bottom: 12px;
    padding: 4px 6px 6px;
}

#simplemodal-container a
{
    color: #ddd;
}

#simplemodal-container a.modalCloseImg
{
    background: url("/StylesLibs/images/x.png") no-repeat;
    width: 25px;
    height: 29px;
    display: inline;
    z-index: 3200;
    position: absolute;
    top: -15px;
    right: -16px;
    cursor: pointer;
}

#simplemodal-container h3
{
    color: #84b8d9;
}

#simplemodal-container .simplemodal-data
{
    padding: 0px !important;
}

#div-form-title
{
    width: 100%;
    background: url("/StylesLibs/images/main-page-banner-bg.png");
}
#div-form-title .title-image-mvc-timeshee
{
  background:url("/StylesLibs/images/timesheet32.png") no-repeat .1% 100%;
  padding-top:5px;
}

.btn-add-mvc-timesheet
{
    background-size:30px 30px !important;
    width: 30px;
    height: 30px;
    background:url("/StylesLibs/images/addtimesheet.png") no-repeat scroll center ;
    display: inline-block;
}
.btn-edit-mvc-timesheet
{
    background-size:30px 30px !important;
    width: 30px;
    height: 30px;
    background:url("/StylesLibs/images/edittimesheet32.png") no-repeat scroll center ;
     display: inline-block;
     cursor:pointer;
    
}
.glyphicon-bigger .glyphicon{
    font-size:20px;
    cursor:pointer;
}
.btn-submit-mvc-timesheet
{
    background-size:30px 30px !important;
    width: 30px;
    height: 30px;
    background:url("/StylesLibs/images/submittimesheet32.png") no-repeat scroll center ;
    display: inline-block;
    cursor:pointer;
    
}
.timesheet-mvc-timerpanel .badge {
        background-color:#4275A8;
    }
.timesheet-mvc-timerpanel label {
        font-weight:bold;
    }
.btn-delete-mvc-timesheet
{
    background-size:30px 30px !important;
    width: 30px;
    height: 30px;
    background:url("/StylesLibs/images/deletetimesheet32.png") no-repeat scroll center ;
    display: inline-block;
    cursor:pointer;
}
.timesheet-content-page .panel-default>.panel-heading,.dashboard-clientmatter .panel-default>.panel-heading{
    background-color:#EBF3FD;
}
.timesheet-content-page .panel-default>.panel-footer,.dashboard-clientmatter .panel-default>.panel-footer{
    background-color:#EBF3FD;
}
.timesheet-content-page .navbar-default{
    
    border:1px solid #DDDDDD;
    
}

.btn-submitall-mvc-timesheet
{
    background-size:32px 32px !important;
    width: 32px;
    height: 32px;
    background:url("/StylesLibs/images/submitall32.png") no-repeat scroll center ;
    display: inline-block;
}
.timesheet-newitem .input-date, .dashboard-clientmatter .input-date {
    background-image: url('/StylesLibs/images/date.png');
    background-position: 4px 4px;
    background-repeat: no-repeat;
    padding: 12px 20px 6px 35px;
    vertical-align: middle;
    border: 1px solid #bfbfbf;
    border-radius: 4px;
    max-width: 165px;
    
}
input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

.timesheet-newitem .input-matter, .dashboard-clientmatter .input-matter{
    background-image: url('/StylesLibs/images/matter.png');
    background-position: 4px 4px; 
    background-repeat: no-repeat;
    height:34px;
    padding: 1px 20px 0px 35px;
    vertical-align:middle;
    
}
.timesheet-mvc-timer {
    background-size:30px 30px !important;
    width: 30px;
    height: 30px;
    background:url("/StylesLibs/images/timermvc.png") no-repeat scroll center ;
    display: inline-block;
    margin-top:7px;
   
}
.timesheet-mvc-cell-align{
    margin-top:12px;
    display:inline-block;
}
.timesheet-newitem .input-member{
    background-image: url('/StylesLibs/images/member.png');
    background-position: 4px 4px; 
    background-repeat: no-repeat;
    padding: 1px 20px 0px 35px;
    vertical-align:middle;
    
}
.timesheet-newitem .input-client, .dashboard-clientmatter  .input-client{
    background-image: url('/StylesLibs/images/client.png');
    background-position: 4px 4px; 
    background-repeat: no-repeat;
    height:34px;
    padding: 1px 20px 0px 35px;
    vertical-align:middle;
    
}
.timesheet-newitem .input-time{
    background-image: url('/StylesLibs/images/time.png');
    background-position: 4px 4px; 
    background-repeat: no-repeat;
    height:34px;
    padding: 1px 20px 0px 35px;
    vertical-align:middle;
    
}

.timesheet-newitem .input-task{
    background-image: url('/StylesLibs/images/task.png');
    background-position: 4px 2px; 
    background-repeat: no-repeat;
    height:34px;
    padding: 1px 20px 0px 35px;
    vertical-align:middle;
    
}
.timesheet-newitem .input-sendto{
    background-image: url('/StylesLibs/images/sendto.png');
    background-position: 4px 4px; 
    background-repeat: no-repeat;
    padding: 1px 20px 0px 35px;
    vertical-align:middle;
    
}
.timesheet-newitem .input-grouptype{
    background-image: url('/StylesLibs/images/grouptype.png');
    background-position: 4px 4px; 
    background-repeat: no-repeat;
    padding: 1px 20px 0px 35px;
    vertical-align:middle;
    
}
.timesheet-newitem .input-persongroup{
    background-image: url('/StylesLibs/images/type.png');
    background-position: 4px 4px; 
    background-repeat: no-repeat;
    padding: 1px 20px 0px 35px;
    vertical-align:middle;
    
}
.timesheet-newitempopup .modal-header{
   background-color: #337AB7;
 
    padding:16px 16px;
 
    color:#FFF;
 
    border-bottom:2px dashed #337AB7;
}
.timesheet-hourworked-hidecell{
    border:none !important;
}
.timesheet-newtitleimage{
  background:url("/StylesLibs/images/newtimesheet.png") no-repeat .1% 100%;
  padding-top:50px;
  
}
.titleumage-reset {
    background: url("/StylesLibs/images/reseticon.png") no-repeat .1% 100%;
    padding-top: 50px;
}
.timesheet .ui-datepicker select.ui-datepicker-year, select.ui-datepicker-year {
      color: black;
}
.timesheet .ui-datepicker select.ui-datepicker-month, select.ui-datepicker-month {
      color: black;
}
.add-new-mvc-div
{
    display: flex;
    justify-content: flex-start;
}
.timesheet-newitem .tab-content{
    font-size:inherit !important;
}
.timesheet-newitem .form-control{
    font-size:inherit !important;
}
.timesheet-newitem .timesheet-label{
    padding-top:7px;
    text-align:left;
    display:inline-block;
    width: 10em;
}

#div-form-title .title-mvc-timeshee
{
  padding-left:45px;
}
.subpage-container #div-form-title
{
    width: 100%;
    height: 50px;
    /*background: url("/StylesLibs/images/main-page-banner-bg.png");*/
    background: url("/StylesLibs/images/sub-page-banner-bg.png");
}

.page-container #div-form-title .title-image
{
    width: 100%;
}

#div-form-title h4,
#div-form-title h3
{
    margin-left: 60px;
    float: left;
}

.page-container #div-form-title .title-image span
{
    line-height:30px;
}


.subpage-documenttime #div-form-title .title-image
{
    background: url("/StylesLibs/images/Document.png") no-repeat 2% 50%;
}

.subpage-showtodo #div-form-title .title-image
{
    background: url("/StylesLibs/images/ToDo.png") no-repeat 2% 50%;
}

.subpage-emailtime #div-form-title .title-image
{
    background: url("/StylesLibs/images/Email.png") no-repeat 2% 50%;
}

.subpage-incomingOrOutgoingCall #div-form-title .title-image
{
    background: url("/StylesLibs/images/IncomingCall.png") no-repeat 2% 50%;
}

.subpage-message #div-form-title .title-image
{
    background: url("/StylesLibs/images/Message.png") no-repeat 2% 50%;
}

.subpage-notetofile #div-form-title .title-image
{
    background: url("/StylesLibs/images/NoteToFile.png") no-repeat 2% 50%;
}

.subpage-notification #div-form-title .title-image
{
    background: url("/StylesLibs/images/Notification.png") no-repeat 2% 50%;
}

.subpage-appointment #div-form-title .title-image
{
    background: url("/StylesLibs/images/appointment.png") no-repeat 2% 50%;
}

.subpage-universalnote #div-form-title .title-image
{
    background: url("/StylesLibs/images/Universal.png") no-repeat 2% 50%;
}

.subpage-stickynote #div-form-title .title-image
{
    background: url("/StylesLibs/images/Sticky.png") no-repeat 2% 50%;
}



.subpage-importantDate #div-form-title .title-image
{
    background: url("/StylesLibs/images/ImportantDate.png") no-repeat 2% 50%;
}


/*-- table grid general style----------------*/

table.datagrid
{
    border: solid 1px  #ad9e87;
    /*	background:#fafafa; */
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}



table.datagrid th
{
    /*padding: 0px 0px 0px 2px;*/
    background-position: top;
    /*border: 1px solid #666666;*/
    border-top: 0px solid #666666;
    color: #464646;
    height: 16px;
    padding: 4px 0;
    vertical-align: middle !important;
    /*font-weight: bold; */
    font-style: normal;
    /*background: url(/StylesLibs/bg-images/table_header_v1.png) repeat-x top #E6E6E6;*/
    /* background:url('/StylesLibs/images/table_header_bg_blue_32.png') repeat-x #D3D3D3;  */
    background-color: #f5f5f5;
    text-align: center;
}

/*table.datagrid th {border:dotted 1px #ad9e87; height:20px;} */
table.datagrid tr
{
    border: dotted 1px #ad9e87;
}

table.datagrid td
{
    border: 1px solid #d3d3d3;
    vertical-align: middle;
    padding: 2px 0px 2px 0px;
    word-wrap: break-word;
    line-height: 18px;
}

table.datagrid tr.row td
{
    background: #F5F5F5;
    border: 0px;
}

table.datagrid tr.even td
{
    background: #FFFFFF;
    border: 0px;
}

table.datagrid tr:hover
{
    background-color: #FFEFD5;
}

table.datagrid tr.empty td
{
    padding: 20px 0 20px 10px;
}

table.datagrid td.left-padding
{
    padding-left: 5px;
}

table.datagrid tr.empty:hover
{
    background-color: inherit;
    cursor: text;
}

table.datagrid tr.footer:hover,
table.datagrid tfoot tr:hover
{
    background-color: inherit;
    cursor: text;
}

table.remove-hover tr:hover
{
    background-color: inherit;
    cursor: inherit;
}

table.datagrid .header-lineno
{
    text-align: center;
    width: 25px;
}

table.datagrid .item-lineno
{
    text-align: center;
    width: 25px;
}

/*  general field style   */
table.datagrid span
{
    position: relative;
}
/*display :inline-block;*/
table.datagrid input
{
    display: inline-block;
    position: relative;
}

table.datagrid input.fill-all
{
    width: 93%;
    display: inline-block;
}



table.jasongrid tr
{
    border: 1px solid #F2F2F2;
    border-top-width: 0px;
}

table.jasongrid tr.first-line
{
    border-top: 1px solid #BFBFBF;
}

table.jasongrid td
{
    border-bottom: 1px solid #F2F2F2;
    border-top-width: 0px;
}

table.jasongrid td.first-line
{
    border-top: 1px solid #BFBFBF;
}

/*-- common css class for all of pages -----------------*/



.tooltips
{
    display: inline-block;
    background: url("/StylesLibs/images/info_16.png") no-repeat 50% 50%;
    width: 16px;
    height: 16px;
}

.no-border
{
    border: none !important;
}

.searchbox-defaultText
{
    font-style: italic;
    color: #CCCCCC;
}

div.common
{
    width: 100%;
    padding: 10px 0 10px 0;
}

fieldset.common
{
    padding: 10px 10px 10px 5px;
    display: inline-block;
    border: 1px solid #BFBFBF;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

fieldset.common legend
{
    padding-bottom: 2px !important;
}

legend
{
    font-size: 12px !important;
    margin-bottom: 0px !important;
    width: auto;
    border-bottom: none !important;
    padding-bottom: 2px !important;
}

/* span (asp:label) style  */
span.common
{
    display: inline-block;
}

span.number
{
    text-align: right;
}

span.textbox
{
    border: 1px solid #BFBFBF;
    height: 20px !important;
    padding: 2px;
    display: inline-block;
    box-sizing: content-box;
}


/* input (asp:textbox) style */
input.field
{
    height: 18px;
    padding: 1px 0px;
}

input.common
{
    display: inline-block;
}

/*input:focus
{
    border: 1px solid blue;   
}*/

input.textbox
{
    border: 1px solid #BFBFBF;
    height: 20px !important;
    padding: 2px;
    box-sizing: content-box;
}




input.input-datepicker
{
    border: 1px solid #BFBFBF;
    height: 20px;
    padding: 2px;
    /*
    background-color: #FFFFFF; 
    color: #416e84; 
    */
    width: 70px;
}

input.txt-date
{
    width: 70px;
    position: relative;
    display: inline-block;
}

input.input-datepicker:hover,
input.txt-date:hover
{
    border: 1px solid #36b4cb;
}

.reportlist
{
    background: url("/StylesLibs/images/reportList_26.png") no-repeat scroll center center transparent;
    border: 2px solid #828282;
    border-radius: 5px;
    box-shadow: 3px 3px 0px #000;
    display: inline-block;
    height: 28px;
    width: 26px;
}

.reportlist:hover, .reportlist:focus
{
    -moz-box-shadow: 0 0 3px cornflowerblue;
    -webkit-box-shadow: 0 0 5px cornflowerblue;
    box-shadow: 0 0 5px cornflowerblue;
}

input.number
{
    text-align: right;
    padding-right: 2px;
}

input.number::-ms-clear
{
    display: none;
}

.light-border
{
    border: 1px solid #FF8C00 !important;
}

/*input.light-border
{
    border: 1px solid #FF8C00;
}

select.light-border
{
    border: 1px solid #FF8C00;
}

textarea.light-border
{
    border: 1px solid #FF8C00;
}*/

.padding
{
    padding: 2px;
}

.field
{
    display: inline-block;
    padding-left: 2px;
}

.label
{
    display: inline-block;
}

.label
{
    display: inline;
    padding: .2em .6em .3em;
    font-size: 100%;
    font-weight: 100 !important;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    color: black;
}


.no-border
{
    border: none;
}

.invisible
{
    display: none !important;
}

.visble
{
    display: inline-block;
}

.line-through
{
    text-decoration: line-through;
    background-color: transparent;
}

.readonly
{
    background-color: #fafafa;
    border: 1px solid #CCCCCC;
}
/*#ebebeb    ad9e87  */
.edit
{
    background-color: inherit;
    border: 1px solid #ad9e87;
}


.red
{
    color: Red !important;
}

.green
{
    color: green !important;
}

.gray
{
    color: #848484;
}

.bold
{
    font-weight: bold;
}

tr.bold-matter
{
    font-weight: bold !important;
}

tr.bold-matter td
{
    font-weight: bold !important;
}

tr.blue-matter td
{
    font-weight: normal;
    color: blue !important;
}

.modified
{
    padding: 1px;
    border: 1px solid #3C7EA2;
    color: #3A7594;
    width: 98%;
    background-color: #D6E5E8;
    text-align: left;
    /*background-image: url('../images/icon_edit.png');*/
    background-position: right top;
    background-repeat: no-repeat;
}


.popup-calendar
{
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    padding: 0px 1px 0px 0px;
    background-image: url("/StylesLibs/images/icon_arrow_down.png");
    background-repeat: no-repeat;
}

.search
{
    background: url("/StylesLibs/images/icon_search.png") no-repeat 50% 50%;
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    padding: 0px 0 0px 0;
}

.calendar
{
    background: url("/StylesLibs/images/calendar_small.png") no-repeat 50% 50%;
    width: 16px;
    height: 16px;
    position: relative;
    display: inline-block;
    padding: 0px 0 0px 0;
}

.info
{
    background-image: url("/StylesLibs/images/icon_info.png");
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    display: inline-block;
    /*top:5px;*/
}

.member-info
{
    background-image: url("/StylesLibs/images/previous_member.png");
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    display: inline-block;
}

.date-info
{
    background-image: url("/StylesLibs/images/previous_date.png");
    background-repeat: no-repeat;
    height: 12px;
    width: 12px;
    display: inline-block;
}

.status0,
.status2
{
    color: #008000;
}

.status1
{
    color: #008b8b;
}

.status3,
.status4,
.status5,
.status6,
.status-new
{
    color: #FF0000;
}

.status-none
{
    color: #000000;
}

.priority0
{
    color: #FF3232;
}

.priority1
{
    color: #FF0000;
}

.priority2
{
    color: #FFFF00;
}

.priority3
{
    color: #228b22;
}

.priority4
{
    color: #0080FF;
}

.action1
{
    color: #008000;
}

.action2
{
    color: #FF0000;
}

.action3
{
    color: #DAA520;
}

.action4
{
    color: #FF6347;
}


/*---  button style on page  --------------  */
.round-corner
{
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.button
{
    padding: 0 2px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #BDBDBD;
    /*background-color:#E3E3E3;*/
    background: rgb(242,246,248); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 ); /* IE6-9 */
    color: inherit;
}

.button:focus, .button:hover
{
    /*background-color:#74F7F7;*/
    background: rgb(235,241,246); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(213,235,251,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(235,241,246,1)), color-stop(50%,rgba(171,211,238,1)), color-stop(51%,rgba(137,195,235,1)), color-stop(100%,rgba(213,235,251,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
    cursor: pointer;
}

.button[disabled=disabled],
.button:disabled
{
    cursor: default;
    color: #c0c0c0;
    background: none;
    background-color: #ffffff;
}

.common-button
{
    padding: 5px;
    min-width: 100px;
}

input.common-button
{
    height: 30px;
}

.middle-size-button
{
    height: 30px;
}

a.button,
a.common-button
{
    display: inline-block;
    text-decoration: none;
}

.search-button
{
    padding-right: 1px;
    padding-left: 1px;
    height: 12px;
    width: 12px;
}

a.point-button,
input.point-button-old
{
    position: relative;
    display: inline-block;
    width: 18px;
    height: 16px;
    padding: 0px 1px 0px 0px;
    background-image: url("/StylesLibs/images/btn_Points_16.png");
    background-repeat: no-repeat;
    cursor: pointer;
}

input.point-button-old
{
    height: 18px;
}


input.point-button
{
    background-color: #E3E3E3;
    background-position: 0 0;
    background-repeat: repeat-x;
    border-color: #C9C9C9;
    border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    color: #767676;
    height: 26px;
    width: 26px;
    padding-left: 1px;
    padding-right: 1px;
    -webkit-appearance: none;
}

input.point-button:hover
{
    background-color: #e1ffff;
    background-image: linear-gradient(to bottom, #e1ffff 0%,#e1ffff 7%,#fdffff 15%,#e1ffff 20%,#e1ffff 20%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
    cursor: pointer;
}

.dotBtn
{
    clear: both;
    padding: 0px 5px;
    width: 15px !important;
}

.dotBtn .rbDecorated
{
    line-height: 0px !important;
}

.dialog-invisible
{
    display: none;
}

/*---  dialog body and button  --------------  */
.dialog .body
{
    padding-bottom: 5px;
}


.dialog .buttons
{
    text-align: right;
    padding-right: 5px;
}

.dialog .buttons input
{
    width: 50px;
    padding-right: 2px;
    line-height: 20px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #BDBDBD;
    background-color: #E3E3E3;
}

.dialog .buttons input:hover
{
    background-color: #74F7F7;
}

/*--- error message   --------------  */
.error
{
    color: #FF0000;
}

.message
{
    float: left;
}


.button-container
{
    padding: 10px 0 10px 0;
    text-align: right;
}

.approve-button
{
    width: 140px;
    height: 60px;
    background: url("/StylesLibs/bg-images/BTN_APPROVEv2.png") no-repeat;
    display: inline-block;
}

.reject-button
{
    width: 140px;
    height: 60px;
    background: url("/StylesLibs/bg-images/BTN_DENYv2.png") no-repeat;
    display: inline-block;
}

.revise-button
{
    width: 140px;
    height: 60px;
    background: url("/StylesLibs/bg-images/BTN_RETEMPT.png") no-repeat;
    display: inline-block;
}

.revise-button-bg
{
    width: 80px;
    height: 60px;
    background: url("/StylesLibs/bg-images/btn_Revise_Bg.png") no-repeat;
    display: inline-block;
}

.submittedTo-button
{
    width: 180px;
    height: 60px;
    background: url("/StylesLibs/bg-images/btn_Revise_Bg.png") no-repeat;
    display: inline-block;

     text-align: center;
    text-decoration: none;
    line-height: 35px;    
    color: White;    
    font-size: 16px;
}

.deny-button-bg
{
    width: 140px;
    height: 60px;
    background: url("/StylesLibs/bg-images/btn_Denied_Bg.png") no-repeat;
    display: inline-block;
}





a.grid-goto-link
{
    width: 50px;
    height: 30px;
    display: inline-block;
    background: url("/StylesLibs/bg-images/btn_goto.png") no-repeat center center;
    vertical-align: middle;
}

.rad-checkbox .rbPrimaryIcon
{
    margin-top: 3px;
}

/*-- default page css style  -----------------*/
.RadWindow td.rwTitlebar
{
    vertical-align: middle;
}

.divpopsearch
{
    margin: 15px;
    vertical-align: middle;
    display: block;
}

/*.divpopsearch span.RadInput
{
    width: 500px !important;
}*/

.divpopsearch .label
{
    width: 75px;
}

.divpopsearch span.RadButton
{
    vertical-align: top;
}

.marginTopNull
{
    margin-top: 0px !important;
}

.width-100-percentage
{
    width: 100% !important;
    display: inline-block;
}

.width50
{
    display: inline-block;
    width: 50px;
}

.width100
{
    width: 100px !important;
}

.width200
{
    width: 200px;
}

.max-width200
{
    max-width: 200px !important;
}

.width250
{
    width: 250px !important;
}

.rddlSlide
{
    margin-top: -5px;
}

th.GridColwidth20
{
    width: 20px;
    text-align: center !important;
    vertical-align: middle;
}

th.GridColwidth50
{
    width: 50px;
    text-align: center !important;
    vertical-align: middle;
}

th.GridColwidth60
{
    width: 60px;
    text-align: center !important;
    vertical-align: middle;
}

th.GridColwidth85
{
    width: 85px;
    text-align: center !important;
    vertical-align: middle;
}

th.GridColwidth100
{
    width: 100px;
    text-align: center !important;
    vertical-align: middle;
}

th.GridColwidth150
{
    width: 150px;
    text-align: center !important;
    vertical-align: middle;
}

th.GridColwidth200
{
    width: 200px;
    text-align: center !important;
    vertical-align: middle;
}

.centerText
{
    text-align: center !important;
}

.GridColwidth20
{
    width: 20px;
}

.GridColwidth50
{
    width: 50px;
}

.GridColwidth60
{
    width: 60px;
}

.GridColwidth85
{
    width: 85px;
}

.GridColwidth100
{
    width: 100px;
}

.GridColwidth150
{
    width: 150px;
}

.GridColwidth200
{
    width: 200px;
}

.checkboxCol
{
    width: 20px !important;
    vertical-align: middle;
    text-align: center !important;
}


/* ------------------ error page ------------------ */
.error-page-title
{
    background: url("/StylesLibs/bg-images/MENU_TOP.bmp") repeat-x scroll right top #FFFFFF;
    height: 110px;
    padding: 10px 10px 10px 10px;
    background-color: #FAFCF9;
}

.error-page-title .sorry-icon
{
    height: 70px;
    line-height: 40px;
    background: url("/StylesLibs/images/information_64.png") no-repeat 0% 50%;
}

.error-page-title .error-icon
{
    height: 70px;
    line-height: 40px;
    background: url("/StylesLibs/images/error-icon-48.png") no-repeat 0% 50%;
}

.error-page-title .info-icon
{
    height: 80px;
    line-height: 40px;
    background: url("/StylesLibs/images/information_48.png") no-repeat 0% 50%;
}

.error-page-title h2,
.error-page-title h3
{
    color: #822e32;
    padding-left: 85px;
    padding-top: 20px;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}

.error-page-title .no-license h2
{
    padding-left: 80px;
}


.error-page .no-connection-icon
{
    height: 200px;
    line-height: 200px;
    background: url("/StylesLibs/images/no-db-connection-180.png") no-repeat 0% 50%;
}

.error-page .no-connection-body
{
    line-height: 20px;
}


.no-license-body
{
    padding-top: 20px;
    padding-left: 20px;
    width: 100%;
    font-style: italic;
    line-height: 16px;
}


.error-page
{
    font-size: 12px;
    padding: 0px 100px 30px 100px;
    line-height: 20px;
    overflow: hidden;
}

@media screen and (max-width:500px)
{
    .error-page-title
    {
        height: 220px;
    }

    .error-page-title h2,
    .error-page-title h3,
    .error-page-title .no-license h2
    {
        padding-left: 5px;
        padding-top: 80px;
    }


    .error-page
    {
        padding: 0px 20px 30px 20px;
    }
}


.error-page .http404-icon
{
    background: url("/StylesLibs/images/http404-icon.png") no-repeat 1% 50%;
}

.error-page .http-404-error
{
    text-align: center;
}

.error-page .http-404-error img
{
    margin-top: 100px;
}

.error-page ul
{
    margin-left: 20px;
    list-style-type: square;
}

.error-page .tooltips
{
    display: inline-block;
    background: url("/StylesLibs/images/info_16.png") no-repeat 1% 50%;
    padding-left: 30px;
    height: 100%;
    width: 100%;
}


/* ------------------ autocomplete div ------------------ */

.completionlist
{
    background-color: White;
    text-indent: 5px;
    border-radius: 0.6em 0.6em 0.6em 0.6em;
}

.completionlist-items, .completionlist-item-selected
{
    border: 1px dotted #AD9E87;
    line-height: 30px;
    padding: 2px 0;
    vertical-align: middle;
    white-space: normal;
}

.completionlist-item-selected
{
    background-color: #C5DBEC;
}

/*.div-autocomplete
{
    border: 1px solid rgba(0, 0, 0, 0.65);
    border-radius: 0.6em 0.6em 0.6em 0.6em;
    max-height: 200px;
    overflow: auto;
    word-spacing: normal;
}*/


/* ------------------ update-progress  fresh loading ------------------ */

.update-progress
{
    position: fixed;
    background-color: #F5F5F5;
    border: 1px solid #BEBEBE;
    height: 60px;
    width: 220px;
    text-align: center;
    vertical-align: middle;
    padding: 10px 10px 15px 10px;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -110px;
    z-index: 1000;
}


@media screen and (max-width: 320px)
{
    .update-progress
    {
        height: 60px;
        width: 160px;
        top: 50%;
        left: 50%;
        margin-top: -30px;
        margin-left: -80px;
    }
}

.update-progress .loading-img
{
    margin-top: 5px;
}

.update-progress .loading-txt
{
    margin-top: 5px;
}


/* ==================== all of CSS for User Controls start line below ================== */
.deleteconfirm
{
    margin: 10px;
}

.deleteconfirm .yesno
{
    display: block;
    width: 100%;
    text-align: center;
}

#memberwrtCM .divcmOnMember
{
    margin: 15px 15px 0px 15px;
    vertical-align: middle;
    display: block;
}

#memberwrtCM .divcmOnMember .row
{
    padding: 2px 0px;
}

#memberwrtCM .divcmOnMember .label
{
    width: 75px;
}

#memberwrtCM .divcmOnMember .fulltextbox span.RadInput
{
    width: 500px !important;
}

#memberwrtCM .divcmOnMember .fulltextbox span.RadButton
{
    vertical-align: top;
}

#todounsubmittooltip .rgridtodo div.rgHeaderWrapper
{
    background-color: #C98400;
}

#todounsubmittooltip .rgridtodo
{
    font-size: 11px;
    border-collapse: collapse;
    border-spacing: 0px;
    border: 0px;
}

#todounsubmittooltip .rgridTodoHeader
{
    background-color: #C98400;
    font-size: inherit;
    color: #fff;
    padding-top: 0px;
    padding-bottom: 0px;
}

#todounsubmittooltip .rgridTodoRow
{
    border-bottom: 1px dotted #C98400;
    padding-top: 0px;
    padding-bottom: 0px;
}

#weeklytodolist .holiday-cal
{
    background-color: #ebebeb;
}

#recurrencerecord .rbtnPerpetual
{
    padding-right: 5px;
}

#recurrencerecord .nextrecurrence
{
    background: url("/StylesLibs/images/refresh.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    width: 20px;
    height: 20px;
    vertical-align: middle !important;
}

#recurrencerecord .yearpnl,
#recurrencerecord .smpnl,
#recurrencerecord .quartpnl,
#recurrencerecord .sapnl,
#recurrencerecord .perpnl
{
    padding: 5px;
}

#recurrencerecord .firstmd
{
    display: inline-block;
    width: 100px;
}

#recurrencerecord
{
    display: block;
    border: 1px solid #828282;
    width: 99%;
}

#recurrencerecord .Row1col1
{
    display: inline-block;
    width: 150px;
    vertical-align: top;
    margin: 10px;
}

#recurrencerecord .Row1col1 span.rbDisabled .rbText
{
    color: #bfbfbf;
}

#recurrencerecord .Row1col1 fieldset
{
    height: 185px;
    border: 1px solid #BFBFBF;
    padding: 5px;
}

#recurrencerecord .Row1col1 .radio-button
{
    width: 100px;
    text-indent: 0px;
    height: 30px;
}

#recurrencerecord .Row1col2
{
    display: inline-block;
    vertical-align: top;
}

#recurrencerecord .Row1col2 fieldset
{
    height: 185px;
    width: 530px;
    border: 1px solid #BFBFBF;
    padding: 5px;
}

#recurrencerecord .Row1Subcol11
{
    display: inline-block;
    width: 100%;
    height: 165px;
    margin: 10px 0px 0px 0px;
}

#recurrencerecord .Row1Subcol12
{
    display: inline-block;
    width: 100%;
    padding: 15px 0px 5px 0px;
    margin: 0px 0px 0px 10px;
}

#recurrencerecord .Row1Subcol11 .right
{
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
}


#recurrencerecord .Row1Subcol11 .radio-button
{
    width: 200px;
    text-indent: 0px;
    height: 30px;
}

#recurrencerecord .Row1Subcol11 .width50
{
    width: 50px;
}

#important-date .impdate-tooltip .header
{
    font-weight: bold;
    padding-right: 5px;
}


/*  css for TSearchPerson.ascx   */
.personsearch-wrapper
{
    max-width: 1024px;
}

.personsearch-wrapper .div_searchpnl .name
{
    width: 445px;
    float: left;
}

.personsearch-wrapper .div_searchpnl .tel
{
    width: 450px;
    float: left;
}

.personsearch-wrapper .div_searchpnl .label-name
{
    width: 80px;
    vertical-align: middle;
}

.personsearch-wrapper .div_searchpnl .label-tel
{
    width: 96px;
    vertical-align: middle;
}

.popup-win .search-option
{
    padding: 5px 0;
    vertical-align: middle;
}

/*.popup-win div.search-option .textbox
{
    width: 380px !important;
}*/

.popup-win .search-moreoption
{
    padding: 5px 0;
}

.popup-win div.search-moreoption fieldset
{
    border: 1px solid #BFBFBF !important;
    margin-left: 50px;
}

.popup-win div.search-moreoption fieldset table td
{
    padding-right: 35px;
}

.popup-win div.search-moreoption fieldset table td label
{
    padding-left: 5px;
}

.popup-win .search-result
{
    padding-top: 5px;
}

.popup-win .rfdSelectOuter
{
    line-height: 26px !important;
    height: 26px !important;
}

/*
.grid th,         
.grid td  { border-color:#fff #fff #ADADAD #ADADAD !important;  border-style:solid solid solid solid !important; border-width:0 1px 1px 1px !important; }        
.grid th  { text-align:center !important; }               
*/

.search-person-grid th.col1,
.search-person-grid td.col1
{
    width: 40px !important;
}

.search-person-grid th.col2,
.search-person-grid td.col2
{
    width: 145px !important;
}

.search-person-grid th.col3,
.search-person-grid td.col3
{
    width: 65px !important;
}

.search-person-grid th.col4,
.search-person-grid td.col4
{
    width: 60px !important;
}

.search-person-grid th.col5,
.search-person-grid td.col5
{
    width: 50px !important;
}

.search-person-grid th.col6,
.search-person-grid td.col6
{
    width: 50px !important;
}

.search-person-grid th.col7,
.search-person-grid td.col7
{
    width: 105px !important;
}


/*  css for AcuminTodo.ascx   */

.uc-acumin-todo
{
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
}


.uc-acumin-todo .label-wrapper .label
{
    width: 120px;
    display: inline-block;
    text-align: left;
}

.uc-acumin-todo .ui-dialog
{
    z-index: 9000 !important;
}

.uc-acumin-todo .validator
{
    padding: 5px 2px 5px 2px;
    font-size: large;
    font-weight: bold;
    float: left;
    display: block;
}

.uc-acumin-todo .error-section
{
    padding: 2px 0 2px 2px;
    width: 100%;
}

.uc-acumin-todo .error-section ul
{
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.uc-acumin-todo #div-grid-section
{
    width: 100%;
    margin-top: 5px;
}

.uc-acumin-todo div.common
{
    padding: 5px 0 5px 0;
}

.uc-acumin-todo .readonly
{
    background-color: #EBEBEB;
    border: 1px solid #AD9E87;
}

.uc-acumin-todo input.field
{
    height: 20px;
    vertical-align: middle;
    padding-left: 2px;
}


.uc-acumin-todo span.RadButton
{
    vertical-align: middle;
}

/* author-search section */
.uc-acumin-todo .validator-wraper
{
    width: 10px;
    float: left;
}



.uc-acumin-todo .author-section .div_searchpnl
{
    float: right;
    margin-right: 10px;
}

.uc-acumin-todo .author-section .RadAjaxPanel
{
    float: right;
}



.uc-acumin-todo #div-validator
{
    float: left;
    font-size: large;
    font-weight: bold;
}




.uc-acumin-todo .do-button
{
    background: url("/StylesLibs/images/arrow_forward_16.png") no-repeat scroll 25% 50% #9ACD32;
    font-size: 15px;
    margin-left: 15px;
    padding: 18px 5px;
    width: 80px;
    text-indent: 5px;
}

.uc-acumin-todo .do-button:hover
{
    background-color: #74F7F7;
}

.uc-acumin-todo .button-group
{
    width: 200px !important;
}

.uc-acumin-todo .regarding-dates > div
{
    padding: 1px 0;
}

.uc-acumin-todo .regarding-dates select
{
    width: 130px;
    height: 24px;
}

.uc-acumin-todo .regarding-dates p
{
    padding-bottom: 3px;
}

.uc-acumin-todo .regarding-dates .RadDropDownList
{
    width: 130px !important;
}

.uc-acumin-todo td.diff-days
{
    float: left;
    display: block;
    vertical-align: top;
    height: 85px;
}

.uc-acumin-todo td.diff-days .textbox
{
    width: 60px !important;
    margin-top: 2px;
}


/* overwrite activity search user control  */
.uc-acumin-todo #div-activitysearch-container
{
    float: left;
}


.uc-acumin-todo #div-activitysearch-container div.modal-win .win-search .label-keyword
{
    width: 57px !important;
}

/*content-section  */
.uc-acumin-todo #div-content-section fieldset
{
    width: 910px;
    padding-right: 10px;
}

.uc-acumin-todo #div-content-section .comment-label
{
    padding: 5px 0 5px 0;
}

.uc-acumin-todo #div-content-section .field-content
{
    /*width: 880px;*/
    width: 100%;
    height: 120px;
}

.uc-acumin-todo #div-content-section .field-content:focus,
.uc-acumin-todo #div-content-section .field-content:hover
{
    border: 1px solid #36b4cb;
}

.uc-acumin-todo #div-class-section .field-class
{
    width: 330px;
}

.uc-acumin-todo #div-class-section .label
{
    width: 80px;
}

.uc-acumin-todo .button-section
{
    text-align: right;
    /*padding-right: 55px;*/
    padding-bottom: 10px;
}

.uc-acumin-todo .button-section .message
{
    text-align: left;
    float: left;
    color: Red;
    width: 600px;
}


.forward-win .selected-date
{
    float: left;
    width: 75px;
    padding-left: 2px;
    height: 28px;
    line-height: 28px;
}

.forward-win .button-wraper
{
    float: right;
    width: 190px;
    padding-right: 2px;
    text-align: right;
    font-size: 12pt;
}

.forward-win .message-wraper
{
    color: Red;
    margin-top: 35px;
}

.pickup-memeber-win .message-wraper
{
    float: left;
    width: 70%;
}

.pickup-memeber-win .button-wraper
{
    float: right;
    width: 40%;
    text-align: right;
    padding-right: 3px;
}

.pickup-memeber-win .member-search
{
    padding: 5px 0;
}

.pickup-memeber-win .div_searchpnl .textbox
{
    width: 425px !important;
    padding-left: 2px;
}

.pickup-memeber-win .copytogrid th.col1,
.pickup-memeber-win .copytogrid td.col1
{
    width: 240px !important;
}

.pickup-memeber-win .copytogrid th.col2,
.pickup-memeber-win .copytogrid td.col2
{
    width: 60px !important;
    padding: 0px !important;
}

.pickup-memeber-win .copytogrid th.col3,
.pickup-memeber-win .copytogrid td.col3
{
    width: 0px !important;
    display: none;
}

/** Area of Practise**/
#aop .divpopsearch .row .textbox
{
    width: 450px;
}

#aop .divpopsearch .row .label
{
    width: 175px;
}

#aop .divpopsearch .row
{
    padding-bottom: 5px;
}

/** Document **/
.textbox-decimal
{
    text-align: right;
}



/*== tasklist subpage common style =================*/
.tasklist-subpage
{
    padding: 5px;
}


.tasklist-subpage .label-wrapper .label
{
    width: 120px;
    display: inline-block;
    text-align: left;
}

.tasklist-subpage .details .row
{
    padding-bottom: 2px;
    padding-top: 2px;
}


.tasklist-subpage .contents .buttonrow
{
    padding-top: 10px;
}


.tasklist-subpage .contents .buttonrow
{
    padding-top: 10px;
}


.tasklist-subpage .createdby
{
    float: right;
    padding-right: 10px;
}

.tab-notes-wrapper .note-description-wrapper,
.tab-notes-wrapper .addtional-notes-wrapper
{
    padding: 10px 10px;
    border: 1px double #828282;
    width: 99%;
}


.tab-notes-wrapper textarea.textbox-description,
.tab-notes-wrapper textarea.textbox-addcontent
{
    border: 1px double #828282;
    height: 151px;
    width: 98%;
}



#divProjectAndPhase
{
}

#divProjectAndPhase .row
{
    padding-top: 4px;
}

#divProjectAndPhase select.dropdownlist
{
    width: 300px;
    height: 26px;
}
/* ==================== all of CSS for Pages start line below ================== */

/* ------------------ login box ------------------ */
.login-master
{
    width: 680px !important;
    background-color: #FFFFFE;
    border-color: #3F3F3F #858585 #858585;
    border-style: hidden solid solid;
    border-width: 1px;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -340px;
}

.login-master .logo img
{
    float: left;
    padding: 0px !important;
}

#login-page
{
    height: 360px;
    margin-left: 20px;
}

#login-page .login-page-outbox
{
    margin-top: 20px;
    height: 370px;
    /*width: 630px;*/
    margin-left: auto;
    margin-right: auto;
    border: 0px solid #61b6dd;
}

#login-page .company-logo-section
{
    width: 210px;
    height: 373px;
    display: inline-block;
    float: left;
    padding-left: 10px;
}

#login-page .site-logo-box-section
{
    width: 360px;
    height: 373px;
    float: left;
}

#login-page .site-logo
{
    width: 100%;
}

#login-page .site-logo img
{
    margin-left: 100px;
}

#login-page .login-box
{
    width: 100%;
}

.login-box .login-box-container .username,
.login-box .login-box-container .password
{
    vertical-align: middle;
    padding: 5px 0 5px 0;
}

.login-box .lbl-field
{
    width: 110px;
    height: 23px;
    font-size: 14px;
    color: Black;
}

.login-box .textbox
{
    width: 230px;
    height: 20px;
    font-size: 14px;
    color: Black;
}

.login-box .buttons
{
    margin-top: 20px;
    width: 250px;
    margin-left: 80px;
}

.login-box .buttons .login
{
    margin-left: 108px;
}

.login-box .buttons .cancel
{
    margin-left: 20px;
}

.login-box .message
{
    width: 100%;
    height: 20px;
    display: inline-block;
    line-height: 18px;
    text-align: left;
}

.login-box .message .error
{
    font-weight: bold;
    color: #c00000;
}

.login-box .center-message
{
    margin-left: 120px;
}

.login-box .register-setting
{
    max-width: 360px;
    line-height: 20px;
    font-size: 11px;
    color: #999999;
    margin-top: 38px;
}

.login-box .register-setting fieldset
{
    border: 1px solid #BFBFBF;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-bottom: 5px;
}

.login-box .register-setting legend
{
    padding: 0px 1px 0 1px;
    margin-left: 10px;
    color: gray;
}

.login-box .register-setting .values-box
{
    margin-left: 10px;
    text-align: left;
    /*padding: 5px 0 5px 0;*/
}

.login-box .register-lbl
{
    width: 100px;
    display: inline-block;
}

.update-progress-login
{
    position: fixed;
    background-color: white; /*#F5F5F5;*/
    border: 0px solid #BEBEBE;
    height: 55px;
    width: 340px;
    text-align: center;
    vertical-align: middle;
    padding: 10px;
    top: 50%;
    left: 50%;
    margin-top: -10px;
    margin-left: -95px;
    z-index: 1000;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.update-progress-login .loading-txt
{
    margin-top: 5px;
}


@media screen and (max-width: 767px)
{
    .login-master
    {
        max-width: 400px !important;
        min-width: 300px !important;
        width: 95% !important;
        background-color: #FFFFFE;
        border-color: #3F3F3F #858585 #858585;
        border-style: hidden solid solid;
        border-width: 1px;
        display: inline-block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 500px;
        margin: auto;
    }


    .login-master .logo img
    {
        width: 100% !important;
    }

    #login-page .company-logo-section
    {
        display: none;
    }

    #login-page .site-logo-box-section
    {
        padding-left: 25px;
        padding-right: 20px;
        height: auto;
        padding-bottom: 20px;
        width: auto !important;
    }

    #login-page .site-logo img
    {
        margin-left: 0px;
    }

    .login-box .textbox
    {
        width: 100%;
    }

    .login-box .buttons
    {
        margin-left: 30px;
    }

    .login-box .register-setting
    {
        max-width: 100%;
    }

    .login-box .center-message
    {
        margin-left: 0px;
    }

    .update-progress-login
    {
        max-width: 300px;
        width: 90%;
        top: 50%;
        left: 50%;
        margin-top: 0px;
        margin-left: -145px;
    }

    .divLogout {
        width:145px;
    }
}


@media screen and (max-width: 350px)
{
    #login-page .site-logo-box-section
    {
        padding-left: 10px;
    }
}


/* -----login warning message ----*/
.login-warning-message .title
{
    background: #ACC5E0;
    height: 30px;
    line-height: 30px;
    padding-left: 3px;
}

.login-warning-message .body img
{
    float: left;
    margin-left: 5px;
    padding: 0 20px 20px 0;
}

.login-warning-message .body .message
{
    float: none;
    margin-top: 20px;
    line-height: 14px;
    padding: 0 15px;
}

.login-warning-message .body .checkbox
{
    text-align: center;
    padding: 10px 0;
}

.login-warning-message .body .buttons
{
    text-align: center;
    padding-bottom: 10px;
}

.login-warning-message .body .buttons input
{
    width: 100px;
}

/*  
   --------------------------------------------------------------
   ------- DDI page style ---------------------------------------
   ------- includes time entry, member list and total summary
   --------------------------------------------------------------
*/

#page-of-ddi caption
{
    height: 30px;
    border: solid 1px #ad9e87;
}

#page-of-ddi .datagrid
{
    border: solid 0px lightgray !important;
}

#page-of-ddi .datagrid tr
{
    border: solid 1px lightgray !important;
}

#page-of-ddi .datagrid td
{
    /*border: 1px dotted #BFBFBF;*/
    border: 1px solid lightgray;
    border-top-width: 0px;
}

#page-of-ddi .datagrid td.first-line
{
    border-top: 1px dotted #BFBFBF;
}

#div-form-title .title-image
{
    background: url("/StylesLibs/images/menu/menu_ApprInvoice_32.png") no-repeat 2% 50%;
}

#page-of-ddi > div
{
    margin: 0 auto;
}

#page-of-ddi #div-page-title
{
    border: solid 1px #666666;
    background-position: top;
    color: #464646;
    text-align: center;
    vertical-align: middle;
    /*font-weight: bold;	*/
    background: url(/StylesLibs/bg-images/table_header_v1.png) repeat-x top #e6e6e6;
}




#page-of-ddi .button-container
{
    width: 300px;
    float: right;
    padding-right:15px;
}

#page-of-ddi .message
{
    width: 100%;
    max-width: 600px;
    float: left;
    line-height: 20px;
    margin-top: 10px;
    text-align: left;
}

#page-of-ddi #div-summary-container
{
    width: 100%;
    line-height: 20px;
}

#page-of-ddi #div-re-container
{
    width: 100%;
    line-height: 20px;
    padding-top: 20px;
}

#page-of-ddi #div-re-container span.label
{
    width: 50px;
    white-space: nowrap;
}

#page-of-ddi #div-re-container .field-re-line
{
    width: 100%;
}

#page-of-ddi #div-billing-address
{
    width: 100%;
    display: inline-block;
}

#page-of-ddi #div-invoice-summary
{
    display: inline-block;
    /*float: right;*/
}

#page-of-ddi #div-invoice-summary .label
{
    width: 80px;
    display: inline-block;
    text-align: left;
}

#page-of-ddi #div-invoice-summary .field
{
    /*width: 450px !important;*/
}

#page-of-ddi .new-timeline-box
{
    padding-bottom: 20px;
}

#page-of-ddi .new-timeline-box tr.footer td
{
    vertical-align: top;
}

#page-of-ddi .action-and-comment td .label
{
    /*width: 100px;*/
    height: 80px;
    line-height: 80px;
    vertical-align: middle;
    float: left;
    text-indent: 10px;
}

#page-of-ddi .action-and-comment .comment
{
    display: inline-block;
    width: 100%;
    height: 80px;
    float: left;
}


#page-of-ddi #new-timeline-container .memberselection-wrapper .member-label
{
    padding-left: 0px !important;
    width: 115px;
    display: inline-block;
}

#page-of-ddi #new-timeline-container .footer-date-input
{
    width: 100px !important;
}


#div-totalSummary-container .org-disaccount-label
{
    height: 20px !important;
    padding: 2px;
    box-sizing: content-box;
}


.ddi-action-comment
{
    width: 100%;
    height: 80px;
}

#div-timeentry-container #div-time-entry
{
    /*border: solid 1px #ad9e87;*/
    /*position:relative; value is very important when the div include the gridview control.  */
    position: relative;
    width: 100%;
}

#div-timeentry-container #div-time-entry .grid-outer-box
{
    /*position:relative; value is very important when the div with overflow setting.  */
    position: relative;
    /*max-height:310px;  */
    /*overflow: auto;*/
}

#div-timeentry-container .paging
{
    background-color: #F0F0F0;
}

#div-timeentry-container fieldset
{
    height: 135px;
}

#div-timeentry-container #div-timeEntry-transfer
{
    /*width: 590px;*/
    float: left;
}

#div-timeentry-container #div-timeEntry-total
{
    /*width: 400px;*/
    float: right;
    padding: 10px 0 5px 0;
}

#div-timeentry-container #div-timeEntry-total .total-label
{
    width: 60px;
    text-align: right;
}

#div-timeentry-container .button-message-container
{
    width: 100%;
    float: left;
    padding-bottom: 15px;
    /*padding-right:15px;*/
}

#div-timeentry-container #div-timeEntry-buttons
{
    width: 350px;
    float: right;
    padding: 10px 15px 10px 0;
    text-align: right;
}
/*
#div-timeentry-container #div-error-container { width:600px; float:left; }
*/

#div-timeentry-container .timeentry-grid .highlight
{
    background-color: Yellow;
}

#new-timeline-container .timeentry-grid .highlight
{
    background-color: Yellow;
}


#div-timeentry-container .timeentry-grid input.lock
{
}

#div-timeentry-container .timeentry-grid input.unlock
{
    background-color: transparent;
}


/*  header and row style   */

.timeentry-grid tr:hover
{
    background-color: #ffdfaf;
    cursor: auto;
}

.timeentry-grid .header-lineno
{
    width: 32px;
    vertical-align: middle;
    text-align: center;
}

.timeentry-grid .item-lineno
{
    width: 32px;
    vertical-align: middle;
    text-align: center;
}

.timeentry-grid .header-date
{
    width: 93px;
    vertical-align: middle;
    text-align: center;
}

.timeentry-grid .item-date
{
    width: 93px;
    vertical-align: middle;
    text-align: left;
}

.timeentry-grid .header-member-name
{
    width: 120px;
    vertical-align: middle;
    text-align: center;
}

.timeentry-grid .item-member-name
{
    width: 120px;
    vertical-align: middle;
    text-align: left;
    padding-right: 0px;
    text-indent: 1px;
}

.timeentry-grid .header-description
{
    width: 312px;
    text-align: center;
}

.timeentry-grid .item-description
{
    width: 312px;
    text-indent: 2px;
}

.timeentry-grid .header-TR
{
    width: 30px;
    vertical-align: middle;
    text-align: center;
    padding-right: 1px;
    font-size: 80%;
}

.timeentry-grid .item-TR
{
    width: 30px;
    vertical-align: middle;
    text-align: center;
    padding-right: 1px;
}

.timeentry-grid .header-WO
{
    width: 30px;
    vertical-align: middle;
    text-align: center;
    padding-right: 1px;
    font-size: 80%;
}

.timeentry-grid .item-WO
{
    width: 30px;
    vertical-align: middle;
    text-align: center;
    padding-right: 1px;
}

.timeentry-grid .header-time
{
    width: 82px;
    vertical-align: middle;
    text-align: center;
}

.timeentry-grid .item-time
{
    width: 82px;
    vertical-align: middle;
    text-align: center;
}

.timeentry-grid .header-rate
{
    width: 47px;
    vertical-align: middle;
    text-align: center;
    padding-right: 2px;
}

.timeentry-grid .item-rate
{
    width: 47px;
    vertical-align: middle;
    text-align: right;
    padding-right: 2px;
    white-space: nowrap;
}

.timeentry-grid .header-value
{
    vertical-align: middle;
    text-align: center;
    padding-right: 2px;
}

.timeentry-grid .item-value
{
    min-width: 210px;
    vertical-align: middle;
    text-align: right;
    padding-right: 2px;
}

.timeentry-grid .header-lock
{
    width: 15px;
    vertical-align: middle;
    text-align: center;
    padding-right: 1px;
}

.timeentry-grid .item-lock
{
    width: 15px;
    vertical-align: middle;
    text-align: center;
    padding-right: 1px;
}

.timeentry-grid .item-description table
{
    border: none;
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.timeentry-grid .item-description table td.desc
{
    display: table-cell;
    width: 100%;
}

.timeentry-grid .item-description table td.desc-button
{
    width: 28px;
    padding: 0px 2px 0px 2px;
    text-align: center;
}

.timeentry-grid .txtdesc
{
    min-width: 250px;
    height: 160px;
}
.datagrid-disbursement .disdesc{
    height: 60px;

}

.timeentry-grid td.item-main
{
    padding-top: 10px;
    padding-bottom: 10px;
}

.timeentry-grid .item-main table
{
    width: 100%;
}

.timeentry-grid .item-main table.table-times
{
    max-width: 450px;
    margin-top: -8px;
}

.timeentry-grid input.txt-date
{
    width: 75px;
    position: relative;
    display: inline-block;
}

.timeentry-grid .cm-container .flag,
.timeentry-grid .cm-container .cm
{
    float: left;
}

.timeentry-grid .cm-container .div_searchpnl
{
    float: left;
    width: 210px;
}


.timeentry-grid .row .col-padding-bottom
{
    padding-bottom: 5px;
    padding-top: 5px;
}


/*  other item style in grid   */
.timeentry-grid .list-member
{
    /*width: 100px;*/
    width: 100%;
    white-space: nowrap;
}


.timeentry-grid .table-times
{
}

.timeentry-grid .table-times td
{
    border-width: 0px !important;
}

.timeentry-grid .table-times .td-first
{
    width: 120px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.timeentry-grid .new-time-text
{
    width: 65px;
    float: left;
    margin-left: 2px;
}

.timeentry-grid .org-time-text
{
    width: 65px;
    text-align: right;
    line-height: 24px;
    margin-left: 2px;
    display: inline-block;
}

.timeentry-grid .new-value-factor
{
    width: 65px;
    margin-left: 2px;
}
.value-accepted {
    color:green;
    background-color:#9AFFD2;
    /*font-weight:bold;*/
}
.value-notaccepted {
    color:blue;
    background-color:#99CCFF;
    /*font-weight:bold;*/
}
.timeentry-grid .new-value-text
{
    width: 72px;
    background-color: #F0FFFF;
    border: 0px solid #bfbfbf !important;
}

.timeentry-grid .new-value-overwrite
{
    width: 72px;
}

.timeentry-grid .org-value-text
{
    width: 75px;
    text-align: right;
    display: block;
    height: 25px;
    padding: 2px;
    border: 0px solid #bfbfbf;
}

.timeentry-grid .item-description a
{
    text-decoration: none;
}

.timeentry-grid .btn-mutiple-select
{
    float: right;
}


.timeentry-grid .wo-flag-wrapper
{
    width: auto !important;
}

.timeentry-grid .matter-label
{
    display: inline-block;
    width: 80px;
}

.timeentry-grid .client-label
{
    width: 80px;
    display: inline-block;
}


.timeentry-grid .js-matter-search
{
    padding-left: 15px;
}

.tobeInvoiced-time
{
    text-align: right;
}


#dialog-comment-editor .edit-comment,
#dialog-comment-editor .sys-comment
{
    width: 100%;
    height: 200px;
    padding: 3px;
}

#dialog-comment-editor .sys-comment
{
    height: 60px;
    background-color: #fafafa;
}

#dialog-invcomment-editor .edit-comment,
#dialog-invcomment-editor .sys-comment
{
    width: 100%;
    height: 200px;
    padding: 3px;
}

#dialog-invcomment-editor .sys-comment
{
    height: 60px;
    background-color: #fafafa;
}



#dialog-tranferall-editor .client-label,
#dialog-tranferall-editor .matter-label
{
    width: 80px;
    display: inline-block;
    text-align: left;
}



table.membervalue-grid .item-member-rate
{
    text-align: center;
}

/*-- ddi dialog style ------------------ #div-timeentry-container .dialog ----------*/
#page-of-ddi .dialog
{
    background-color: #93B4DF !important;
}

#page-of-ddi .ui-widget-header
{
    background-color: #93B4DF !important;
    background-image: none !important;
    border: solid 1px #93B4DF !important;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: white;
}

#page-of-ddi .dialog-wrapper
{
    background-color: white;
    height: 99%;
    padding: 10px 10px 25px;
}

#page-of-ddi .ui-dialog .ui-dialog-content
{
    padding-right: 0.5em;
    padding-left: 0.5em;
}

/*  foot secion in entry control   */
#div-timeentry-container .summary-total-wrapper
{
    width: 100%;
    border: 1px solid #bfbfbf;
    padding: 15px 10px;
}

#div-timeentry-container .time-entry-total
{
    width: 100%;
}


#div-timeentry-container .time-entry-total tr
{
    padding: 5px 0 5px 0;
}

#div-timeentry-container .time-entry-total .text-comment
{
    width: 100%;
    height: 60px;
    display: inline-block;
}

#div-timeentry-container .time-entry-total td.time-total
{
    width: 160px;
    padding-left: 5px;
}

#div-timeentry-container .time-entry-total td.value-total
{
    width: 160px;
    padding-left: 5px;
}

#div-timeentry-container .time-entry-total td.time-total table tr,
#div-timeentry-container .time-entry-total td.value-total table tr
{
    height: 26px;
}

#div-timeentry-container .time-entry-total td.time-total table tr > td,
#div-timeentry-container .time-entry-total td.value-total table tr > td
{
    height: 25px;
    padding: 0px 2px 0px 0;
    vertical-align: middle;
}

#div-timeentry-container .time-entry-total tr.first-row td
{
    text-align: center;
    padding: 5px 5px;
}


#div-timeentry-container .time-entry-total td.total
{
    border: 1px solid #bfbfbf;
    /*background: url("/StylesLibs/bg-images/table_header_v1.png") repeat-x;*/
    background-color:#F5F5F5;
    vertical-align: middle;
    text-align: right;
    padding: 5px 5px;
    min-width: 100px;
}

#div-timeentry-container .time-entry-total td.org
{
    border-bottom: 0px solid #666666;
}

#div-timeentry-container .time-entry-total .org-time-total
{
    width: 40px;
}

#div-timeentry-container .time-entry-total .new-time-total
{
    width: 40px;
}

#div-timeentry-container .time-entry-total .new-value-total
{
    width: 60px;
}

#div-timeentry-container .time-entry-total .org-value-total
{
    width: 60px;
}




/*--------- popup window styles ---------------*/
#dialog-desc-editor #body
{
    position: relative;
    padding-bottom: 2px;
}

#dialog-desc-editor #body .edit-desc
{
    width: 99%;
    height: 200px;
    display: inline-block;
}

#dialog-desc-editor #buttons
{
    width: 100%;
    vertical-align: middle;
    position: relative;
    text-align: right;
    padding: 5px 0 5px 0;
}

#dialog-desc-editor #buttons input
{
    width: 70px;
    height: 25px;
    color: Black !important;
}

/*---- timeEntry transfer section style--------   */

#div-timeEntry-transfer tr
{
    padding: 5px 0 5px 0;
}

#div-timeEntry-transfer fieldset
{
    padding: 10px;
    border: 1px solid #DCD5E0;
    width: 220px;
}

#div-timeEntry-transfer td.first
{
    width: 230px;
    vertical-align: top;
    text-align: left;
}

#div-timeentry-container .comment-field
{
    width: 100%;
    height: 80px;
}

#div-timeentry-container .invoice-comment
{
    width: 100%;
}

#div-timeEntry-transfer td.second
{
    width: 230px;
    vertical-align: top;
    text-align: left;
    padding-left: 3px;
}

#div-timeEntry-transfer td.second span.search-keyword-label
{
    width: 60px;
    padding: 0px 0 0px 0;
    text-align: right;
}

#div-timeEntry-transfer td.second input.search-keyword-field
{
    width: 230px;
}

#div-timeEntry-transfer #div-transfer-amount
{
    padding-top: 2px;
}

#div-timeEntry-transfer td.second div.amount
{
    width: 165px;
    float: left;
}

#div-timeEntry-transfer td.second div.amount input
{
    width: 90px;
}

#div-timeEntry-transfer td.second span.transfer-label
{
    width: 60px;
    padding: 0px 0 0px 0;
    text-align: right;
}

#div-timeEntry-transfer td.second .transfer-amount
{
    width: 93px;
    line-height: 20px;
    text-align: right;
    padding-right: 2px;
}

#div-timeEntry-transfer td.second .transfer-time
{
    width: 93px;
    line-height: 20px;
    text-align: right;
    padding-right: 2px;
}

#div-timeEntry-transfer td.second div.time
{
    /*width: 140px;*/
    float: left;
    margin-top: -10px;
}

#div-timeEntry-transfer td.second div.time input
{
    width: 60px;
}

#div-timeEntry-transfer td.second div.buttons
{
    width: 100%;
    float: left;
    text-align: right;
    padding: 10px 0 5px 0;
}

#div-timeEntry-transfer td.second div.buttons .button
{
    margin-right: 25px;
    width: 200px;
}

#div-timeEntry-transfer #client-matter-search-container > div > div
{
    padding: 2px 0 2px 0;
}

#div-timeentry-container .transfer-button-wrapper
{
    margin-top:-8px; 
    margin-right:-5px; 
    height: auto;
    display: inline-block;
    float: right;
    padding-right: 1px;
}

/*--------- new lines grid styles ---------------   */
.new-timeline-grid .header-lineno
{
    width: 32px;
    vertical-align: middle;
    text-align: center;
}

.new-timeline-grid .item-lineno
{
    width: 32px;
    vertical-align: middle;
    text-align: center;
}

.new-timeline-grid .header-date
{
    width: 92px;
    vertical-align: middle;
    text-align: center;
}

.new-timeline-grid .item-date
{
    width: 92px;
    vertical-align: middle;
    text-align: center;
}

.new-timeline-grid .header-member-name
{
    width: 100px;
    vertical-align: middle;
    text-align: center;
}

.new-timeline-grid .item-member-name
{
    width: 100px;
    vertical-align: middle;
    text-align: left;
    padding-right: 0px;
    text-indent: 1px;
}

.new-timeline-grid .header-description
{
    width: 400px;
    text-align: center;
}

.new-timeline-grid .item-description
{
    width: 400px;
    text-indent: 2px;
}

.new-timeline-grid .header-time
{
    width: 82px;
    vertical-align: middle;
    text-align: center;
}

.new-timeline-grid .item-time
{
    width: 82px;
    vertical-align: middle;
    text-align: center;
}

.new-timeline-grid .header-rate
{
    width: 60px;
    vertical-align: middle;
    text-align: center;
    padding-right: 2px;
}

.new-timeline-grid .item-rate
{
    width: 60px;
    vertical-align: middle;
    text-align: right;
    padding-right: 2px;
}

.new-timeline-grid .header-value
{
    width: 120px;
    vertical-align: middle;
    text-align: center;
    padding-right: 2px;
}

.new-timeline-grid .item-value
{
    width: 120px;
    vertical-align: middle;
    text-align: right;
    padding-right: 2px;
}

.new-timeline-grid .header-action
{
    vertical-align: middle;
    text-align: center;
    padding-right: 1px;
    width: 100px;
}

.new-timeline-grid .item-action
{
    vertical-align: middle;
    text-align: center;
    padding-right: 1px;
    width: 50px;
    padding-top: 8px;
}
/*
.new-timeline-grid .footer { background-color:#FFF8DC;}
*/
.new-timeline-grid .footer .item-member-name
{
    text-align: center;
}

.new-timeline-grid .item-description table
{
    border: none;
    width: 100%;
    table-layout: fixed;
    display: inline-table;
}

.new-timeline-grid .item-description table td.desc
{
    border: none;
    display: table-cell;
    width: 100%;
}

.new-timeline-grid .item-description table td.desc-button
{
    border: none;
    width: 28px;
    padding: 3px 0px;
    text-align: center;
}

.new-timeline-grid .item-description .txtdesc
{
    width: 380px;
}

.new-timeline-grid .txt-date
{
    width: 80px;
    text-align: center;
}

.new-timeline-grid .list-member
{
    width: 97%;
}

.new-timeline-grid .txt-newtime
{
    width: 70px;
    text-align: center;
}


.new-timeline-grid .timeentry-newline-button
{
    margin-top: 60px;
}

.new-timeline-grid .timeentry-newline-button
{
    margin-top: 60px;
}

.default-pointer {
    cursor: default;   
}
.icon-green {    
    color:green;
}

/*--------- member gird styles ---------------   */
#div-memberrate-container .grid-outer-box,
#div-membervalue-container .grid-outer-box
{
    /*position:relative; value is very important when the div with overflow setting.  */
    position: relative;
    /*max-height: 250px;*/
    overflow: auto;
}

.membergrid tr:hover
{
    background-color: #ffdfaf;
    cursor: auto;
}

.membergrid .header-member-codename
{
    width: 195px;
    vertical-align: middle;
    text-align: center;
}

.membergrid .item-member-codename
{
    vertical-align: middle;
    text-align: left;
    text-indent: 2px;
}

#div-membervalue-list .item-member-codename
{
    width: 195px;
}

.membergrid .header-member-position
{
    /*width: 220px;*/
    vertical-align: middle;
    text-align: center;
}

.membergrid .item-member-position
{
    /*width: 220px;*/
    vertical-align: middle;
    text-align: center;
    text-indent: 2px;
}

.membergrid .header-member-office
{
    /*width: 370px;*/
    text-align: center;
}

.membergrid .item-member-office
{
    /*width: 370px;*/
    text-indent: 2px;
}

.membergrid .header-member-rates
{
    vertical-align: middle;
    text-align: center;
}

.membergrid .item-member-rates
{
    min-width: 160px;
    vertical-align: middle;
    text-align: right;
}

.membergrid .label-member-rate
{
    width: 70px;
    display: inline-block;
}

.membergrid .field-member-rate
{
    /*max-width: 120px;*/
    display: inline-block;
}


.membergrid .change-reason
{
    width: 100%;
}

.membergrid .row
{
    padding-top: 5px;
    padding-bottom: 5px;
}

#div-membervalue-container .membergrid .header-member-office
{
    text-align: center;
}

#div-membervalue-container .membergrid .item-member-office
{
    /*width: 325px;*/
}

#div-membervalue-container .membergrid .header-member-hours
{
    width: 240px;
    vertical-align: middle;
    text-align: center;
}

#div-membervalue-container .membergrid .item-member-hours
{
    width: 120px;
    vertical-align: middle;
    text-align: right;
}


#div-membervalue-container .membergrid .field-hours
{
    width: 100%;
}

#div-membervalue-container .membergrid .header-member-workvalues
{
    width: 300px;
    vertical-align: middle;
    text-align: center;
}

#div-membervalue-container .membergrid .item-member-workvalues
{
    min-width: 140px;
    vertical-align: middle;
    text-align: right;
}

#div-membervalue-container .membergrid .label-member-value
{
    display: inline-block;
}

#div-membervalue-container .membergrid .field-member-value
{
    width: 100%;
    display: inline-block;
}

@media screen and (max-width:976px)
{
    #div-membervalue-container .membergrid .label-member-value
    {
        min-width: 60px;
    }

    .divLogout {
        width:145px;
    }
}


.col-wip-value
{
    text-align: center;
}

.col-inv-value
{
    
    text-align: center;
}

/* --------disbursement gird styles -------------- */
#div-disbursement-container #disbursement-taxable,
#div-disbursement-container #disbursement-nontaxable
{
    border: solid 0px #ad9e87;
    /*position:relative; value is very important when the div include the gridview control.  */
    position: relative;
    width: 100%;
}

#div-disbursement-container #disbursement-taxable .grid-outer-box,
#div-disbursement-container #disbursement-nontaxable .grid-outer-box
{
    /*position:relative; value is very important when the div with overflow setting.  */
    position: relative;
    overflow: auto;
}

#div-disbursement-container #disbursement-nontaxable
{
    margin-top: 0px;
    border-top: 0px;
}

table.disbursement-grid > tbody > tr > td
{
    padding-left: 5px;
}

.disbursement-grid tr:hover
{
    background-color: #ffdfaf;
    cursor: auto;
}

.disbursement-grid .header-type
{
    width: 120px;
    vertical-align: middle;
    text-align: center;
}

.disbursement-grid .item-type
{
    width: 120px;
    vertical-align: middle;
    text-align: center;
    text-indent: 2px;
}

.disbursement-grid .header-code
{
    width: 70px;
    vertical-align: middle;
    text-align: center;
}

.disbursement-grid .item-code
{
    width: 70px;
    vertical-align: middle;
    text-align: center;
    text-indent: 2px;
}

.disbursement-grid .header-desc
{
    width: 547px;
    text-align: center;
}

.disbursement-grid .item-desc
{
    width: 547px;
    text-indent: 2px;
}

.disbursement-grid .header-value
{
    vertical-align: middle;
    text-align: center;
}

.disbursement-grid .item-value
{
    min-width: 230px;
    vertical-align: middle;
    text-align: right;
}

.disbursement-grid .label-disbursement-value
{
    width: 100px;
}

.disbursement-grid .field-disbursement-value
{
    width: 100%;
}

.disbursement-grid .table-total
{
    width: 100%;
}

.disbursement-grid .table-total td
{
    width: 50%;
    text-align: right;
    vertical-align: middle;
    padding-right: 3px;
    border: 1px solid #bfbfbf !important;
}

.disbursement-grid .table-total .org-total
{
    background-color: #ebebeb;
}

.disbursement-grid .table-total .new-total
{
    background-color: #F0FFFF;
}

.disbursement-grid .Taxable
{
    color: Green;
}

.disbursement-grid .NonTaxable
{
    color: #4169E1;
}

#div-disbursement-instruction
{
    width: 100%;
    float: left;
    padding: 0px 0 0 0;
}

#div-disbursement-instruction .comment-label
{
    float: left;
    width: 150px;
    display: inline-block;
    margin-top: 8px;
    padding-left: 10px;
}

#div-disbursement-instruction .comment-field
{
    float: left;
    width: 100%;
    height: 80px;
    display: inline-block;
}


/*---- total Summary style section--------  */
#div-totalSummary-container div.trust-bank
{
    width: 100%;
}

#div-totalSummary-container div.total-info
{
    width: 100%;
    float: right;
}

#div-totalSummary-container input.textbox
{
    width: 100%;
    display: inline-block;
}

#div-totalSummary-container input.txt-factor
{
    max-width: 75px;
    
}

#div-totalSummary-container .lbl-field
{
    width: 200px;
    display: inline-block;
    text-align: right;
    padding: 5px;
}

#div-totalSummary-container table
{
    width: 100%;
}

#div-totalSummary-container .total-info > table tr
{
    padding: 2px 0px 2px 0px;
}

#div-totalSummary-container .total-info .label-total
{
    /*background-color: #fafafa;*/
    text-align: right;
    width: 100%;
}

#div-totalSummary-container .total-info td.first-td
{
    width: 17%;
}


#div-totalSummary-container .total-info .new
{
    background-color: #F0FFFF !important;
    border: 1px solid #bfbfbf;
}


#div-totalSummary-container .total-info .left
{
    float: left;
    padding-top: 0 !important;
}

#div-totalSummary-container .total-info .right
{
    width: 140px;
    text-align: right;
    float: right;
    padding-right: 8px;
    padding-top: 0 !important;
}

#div-totalSummary-container .total-info .taxes-org3
{
    width: 113px !important;
}

/*#div-totalSummary-container .total-info .grand-total input
{
    width: 115px !important;
}*/


#div-totalSummary-container .fee-discount div.radio-button
{
    width: 135px;
    float: left;
}

#div-totalSummary-container .fee-discount div.org-value
{
    max-width: 90px;
}

#div-totalSummary-container .grand-total div.org-value
{
    max-width: 90px;
}

#div-totalSummary-container .fee-discount div.new-value
{
    max-width: 90px;
}

#div-totalSummary-container .fee-discount div.org-value .label-total:first-child
{
    margin-bottom: 2px;
}

#div-totalSummary-container .fee-discount div.new-value .textbox:first-child
{
    margin-bottom: 2px;
}

#div-totalSummary-container .fee-discount .radio-button table
{
    border: none !important;
    line-height: 20px;
}

#div-totalSummary-container .fee-discount .radio-button table tr
{
    border: none !important;
}

#div-totalSummary-container .fee-discount .radio-button table td
{
    border: none !important;
}

#div-totalSummary-container .fee-discount .radio-button table td > label
{
    padding-left: 2px;
}

#div-totalSummary-container .fee-discount .readonly
{
    display: inline-block;
    border: 1px solid #bfbfbf;
    background-color: #fafafa;
}

#div-totalSummary-container .grand-total .readonly
{
    display: inline-block;
    border: 1px solid #bfbfbf;
    background-color: #fafafa;
}

#div-totalSummary-container .trustbank-grid tr th,
#div-totalSummary-container .trustbank-grid tr td
{
    padding: 2px 0 2px 0px;
}

#div-totalSummary-container .trustbank-grid .header-accountnumber
{
    text-align: left;
    text-indent: 5px;
}

#div-totalSummary-container .trustbank-grid .item-accountnumber
{
}

#div-totalSummary-container .trustbank-grid .header-chequefunds
{
    vertical-align: middle;
    text-align: center;
}

#div-totalSummary-container .trustbank-grid .item-chequefunds
{
    padding-right: 2px;
    vertical-align: middle;
    text-align: right;
}

#div-totalSummary-container .trustbank-grid .header-reqfunds
{
    vertical-align: middle;
    text-align: center;
}

#div-totalSummary-container .trustbank-grid .item-reqfunds
{
    padding-right: 2px;
    vertical-align: middle;
    text-align: right;
}

#div-totalSummary-container .trust-bank .checkbox-container
{
    margin: 8px 0px 0px 2px;
}

#div-totalSummary-container tr.sub-total
{
    /*background-color:#F0F8FF;*/
}

#div-totalSummary-container tr.sub-total span,
#div-totalSummary-container tr.sub-total input
{
    /*background-color:#F0F8FF;*/
    font-weight: bold;
}

#div-totalSummary-container table tr,
#div-totalSummary-container table td
{
    /*border: solid 1px lightgray !important;*/
}

#div-totalSummary-container table td.no-border
{
    border: none 1px lightgray !important;
}

#div-totalSummary-container .ar-section .ar-label
{
    display: inline-block;
    width: 250px;
}

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

#div-approve-reject-buttons
{
    text-align: center;
    padding: 5px 0 5px 0;
}

#div-approve-reject-buttons a
{
    text-align: center;
    text-decoration: none;
    line-height: 35px;
    display: inline-block;
    color: White;
    width: 140px;
    font-size: 16px;
}

.ddi-approval-grid tr:hover
{
    background-color: #ffdfaf;
    cursor: auto;
}

.ddi-approval-grid .header-user
{
}

.ddi-approval-grid .item-user
{
    vertical-align: middle;
    text-align: left;
    text-indent: 2px;
}

.ddi-approval-grid .header-time
{
}

.ddi-approval-grid .item-time
{
    vertical-align: middle;
    text-align: center;
    text-indent: 2px;
}

.ddi-approval-grid .header-type
{
}

.ddi-approval-grid .item-type
{
    vertical-align: middle;
    text-align: center;
    text-indent: 2px;
}

.ddi-attachment-grid tr td
{
    vertical-align: middle;
}

.ddi-attachment-grid img
{
    vertical-align: middle;
}

.ddi-attachment-grid td.item-lblName
{
    width: 110px;
}


/*  
   --------------------------------------------------------
   -------   Acumin ToDo Detail page style ----------------
   --------------------------------------------------------
*/

#div-acumin-todo
{
    width: 100%;
}

#div-acumin-todo .validator
{
    margin-top: 6px;
    font-size: large;
    font-weight: bold;
}

#div-acumin-todo #div-form-title
{
    width: 100%;
    height: 100px;
    background: url("/StylesLibs/images/page-title-bg.png");
}

#div-acumin-todo #div-form-title .title-image
{
    background: url("/StylesLibs/images/Todo_list_add.png") no-repeat 1% 50%;
}

#div-acumin-todo #div-form-title h3
{
    margin-left: 85px;
    margin-top: 20px;
    width: 500px;
}

#div-acumin-todo .error-section
{
    padding: 5px 0 5px 20px;
    width: 100%;
}

#div-acumin-todo #div-grid-section
{
    width: 100%;
    margin-top: 5px;
}

#div-acumin-todo table.datagrid
{
    width: 100%;
    padding-bottom: 20px;
    border: none;
}

#div-acumin-todo table.datagrid tr
{
    border: 0px;
}

#div-acumin-todo table.datagrid td.layout
{
    padding: 5px 0 5px 20px;
    border: 0px;
}

#div-acumin-todo table.datagrid input,
#div-acumin-todo table.datagrid textarea
{
    -moz-border-radius: 2px;
    border-radius: 2px;
}

#div-acumin-todo div.common
{
    padding: 5px 0 5px 0;
}
/*
#div-acumin-todo .readonly { background-color:#EBEBEB; border:1px solid #AD9E87;}
*/

#div-acumin-todo input.field
{
    height: 20px;
    vertical-align: middle;
    padding-left: 2px;
}

#div-acumin-todo #div-author-sction #div-membersearch-container
{
    width: 935px;
    float: left;
}

#div-acumin-todo #div-author-sction #div-author-search
{
    float: right;
    width: 423px;
}

#div-acumin-todo #div-author-sction #div-author-search .label-name
{
    width: 100px;
    text-align: right;
}

#div-acumin-todo #div-author-sction #div-author-search .txt-name
{
    width: 340px;
}

#div-acumin-todo #div-validator
{
    float: left;
    font-size: large;
    font-weight: bold;
}

#div-acumin-todo #div-contact-search .name
{
    width: 450px;
    float: left;
}

#div-acumin-todo #div-contact-search .tel
{
    width: 490px;
    float: left;
}

#div-acumin-todo #div-contact-search input.field
{
    width: 340px !important;
}
/*background-color:#EBEBEB; border:1px solid #AD9E87;*/
#div-acumin-todo #div-contact-search span.label-name
{
    width: 80px;
}

#div-acumin-todo #div-contact-search span.label-tel
{
    width: 110px;
    text-align: right;
}

#div-acumin-todo #div-regarding-section div.enlarge-line
{
    padding: 4px 0 4px 0;
}

#div-acumin-todo #div-regarding-section input.long-field
{
    width: 820px;
    height: 20px;
    vertical-align: middle;
    padding-left: 2px;
}

#div-acumin-todo #div-regarding-section span.label
{
    width: 80px;
}

#div-acumin-todo #div-regarding-client,
#div-acumin-todo #div-regarding-matter,
#div-acumin-todo #div-regarding-subject
{
    width: 100%;
    float: left;
}

#div-acumin-todo #div-regarding-activity
{
    width: 600px;
    height: 60px;
    float: left;
}

#div-acumin-todo #div-regarding-activity .do-button
{
    background: url("/StylesLibs/images/arrow_forward_16.png") no-repeat 30% 50%;
    background-color: #E3E3E3;
    font-size: 15px;
}

#div-acumin-todo #div-regarding-activity .do-button:hover
{
    background-color: #74F7F7;
}

#div-acumin-todo #div-activitysearch-container
{
    width: 458px;
    float: left;
    padding: 5px 0 5px 0;
}

#div-acumin-todo #div-activitysearch-container input.search-keyword-field
{
    width: 340px;
}

#div-acumin-todo #div-activitysearch-container div.modal-win .win-search .label-keyword
{
    width: 57px !important;
}

/*
#div-acumin-todo #activity-modal-content input.popup-search-field { width:420px;}
*/

#div-acumin-todo #div-regarding-dates
{
    width: 300px;
    height: 60px;
    float: right;
}

#div-acumin-todo #div-regarding-dates input.field
{
    width: 100px;
    margin-top: 3px;
}

#div-acumin-todo #div-content-section fieldset
{
    width: 910px;
    padding-right: 10px;
}

#div-acumin-todo #div-content-section .comment-label
{
    padding: 5px 0 5px 0;
}

#div-acumin-todo #div-content-section .field-content
{
    width: 905px;
    height: 120px;
}

#div-acumin-todo #div-class-section .field-class
{
    width: 330px;
}

#div-acumin-todo #div-class-section .label
{
    width: 80px;
}

#div-acumin-todo #div-button-section
{
    text-align: right;
    padding-right: 70px;
    padding-bottom: 10px;
}

#div-acumin-todo #div-button-section .message
{
    text-align: left;
    float: left;
    color: Red;
    width: 600px;
}

/*  
   --------------------------------------------------------
   -------   Acumin ToDo List page style ------------------
   --------------------------------------------------------
*/


#page-of-acumintodolist #div-form-title
{
    width: 100%;
    height: 100px;
    background: url("/StylesLibs/images/page-title-bg.png");
}

#page-of-acumintodolist #div-form-title .title-image
{
    background: url("/StylesLibs/images/menu/menu_Todo_32.png") no-repeat 2% 50%;
}

#page-of-acumintodolist #div-form-title h3
{
    margin-left: 85px;
    margin-top: 20px;
    width: 500px;
}

#page-of-acumintodolist #div-error-section
{
    padding: 5px 0 5px 20px;
}

#page-of-acumintodolist #div-grid-section
{
    width: 100%;
    padding-bottom: 1px;
}

#page-of-acumintodolist table.todo-grid .header
{
    text-align: center;
}

#page-of-acumintodolist table.todo-grid .item
{
    padding: 0px;
}

#page-of-acumintodolist table.todo-grid .header-lineno
{
    text-align: center;
    width: 35px;
}

#page-of-acumintodolist table.todo-grid .item-lineno
{
    text-align: center;
    width: 36px;
}

#page-of-acumintodolist table.todo-grid .header-actiondate
{
    text-align: center;
    width: 95px;
}

#page-of-acumintodolist table.todo-grid .item-actiondate
{
    text-align: center;
    width: 96px;
}

#page-of-acumintodolist table.todo-grid .header-duedate
{
    text-align: center;
    width: 95px;
}

#page-of-acumintodolist table.todo-grid .item-duedate
{
    text-align: center;
    width: 96px;
    padding-left: 1px;
}

#page-of-acumintodolist table.todo-grid .header-classname
{
    text-align: center;
    width: 250px;
}

#page-of-acumintodolist table.todo-grid .item-classname
{
    text-align: left;
    width: 250px;
    padding-left: 1px;
}

#page-of-acumintodolist table.todo-grid .header-subject
{
    text-align: center;
    width: 410px;
}

#page-of-acumintodolist table.todo-grid .item-subject
{
    text-align: left;
}

#page-of-acumintodolist table.todo-grid .header-link,
#page-of-acumintodolist table.todo-grid .item-link
{
    text-align: center;
    width: 107px;
    height: 30px;
    padding-left: 5px;
}

/*---ddi invoice list page------*/

.page-of-ddiinvoicelist #div-form-title .title-image
{
    background: url("/StylesLibs/images/menu/menu_ApprInvoice_32.png") no-repeat 2% 50%;
}

table.ddiinvoice-grid thead,
table.ddiinvoice-grid thead > tr
{
    display: block;
    border: solid 0;
}

table.ddiinvoice-grid tbody
{
    max-height: 300px;
    display: block;
    overflow: auto;
    position: relative;
    width: 100%;
}


table.ddiinvoice-grid .header
{
    text-align: center;
}

table.ddiinvoice-grid .item
{
    padding: 2px;
}

table.ddiinvoice-grid .header-lineno
{
    text-align: center;
    width: 25px;
}

table.ddiinvoice-grid .item-lineno
{
    text-align: center;
    width: 25px;
}

table.ddiinvoice-grid .header-status
{
    text-align: center;
    width: 95px;
}

table.ddiinvoice-grid .item-status
{
    text-align: center;
    width: 96px;
}

table.ddiinvoice-grid .header-priority
{
    text-align: center;
    width: 95px;
}

table.ddiinvoice-grid .item-priority
{
    text-align: center;
    width: 96px;
}

table.ddiinvoice-grid .header-date
{
    text-align: center;
    width: 100px;
}

table.ddiinvoice-grid .item-date
{
    text-align: center;
    width: 101px;
}

table.ddiinvoice-grid .header-desc
{
    text-align: center;
    width: 533px;
}

table.ddiinvoice-grid .item-desc
{
    text-align: left;
    width: 534px;
}

table.ddiinvoice-grid .header-progress
{
    text-align: center;
    width: 70px;
}

table.ddiinvoice-grid .item-progress
{
    text-align: center;
    width: 71px;
}

table.ddiinvoice-grid .header-link
{
    text-align: center;
    width: 72px;
    height: 30px;
    padding-left: 5px;
}

table.ddiinvoice-grid .item-link
{
    text-align: center;
    width: 71px;
    height: 30px;
    padding-left: 5px;
}


/* -----  paging style ---------*/
.paging
{
    padding: 2px 0 4px 2px;
}

.paging table tr:hover
{
    background-color: transparent;
    cursor: auto;
}

.paging table td
{
    height: 23px;
    vertical-align: middle;
    border: none !important;
}

.paging table td.nav
{
    width: 20px;
    height: 20px;
}

.paging table td.page-number
{
}

.paging .pager-previous-container
{
    padding-left: 3px;
}

.paging .pager-next-container
{
    padding-right: 3px;
}

.paging .pager-goto-page
{
    margin-left: 8px;
}

.paging .pager-pagesize-choose
{
    float: left;
    padding-left: 20px;
}

.paging .pager-total-records
{
    margin-left: 5px;
    padding-left: 20px;
}

.paging .select-pagesize
{
    padding-left: 5px;
}

.paging div
{
    display: inline-block;
    width: auto;
}

.paging a
{
    text-decoration: none;
}

.paging .link-page-number
{
    border: 1px solid transparent;
    padding: 0 1px 0 1px;
}

.paging .link-page-number:hover
{
    border: 1px solid gray;
    text-decoration: none;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.paging .ellipsis-point:hover
{
    border: 1px solid transparent;
}

.paging .selected
{
    border: 1px solid gray;
    background-color: #FFFFE0;
    padding: 0 2px 0 2px;
    text-decoration: none;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.paging .field-target-page
{
    width: 30px;
}

.paging .link-previous-page
{
    background: url("/StylesLibs/images/bg-pre-page-16.png") no-repeat 50% 50%;
    height: 18px;
    width: 18px;
    padding: 0 1px 0 1px;
    display: inline-block;
}

.paging .link-previous-page:hover
{
    background: url("/StylesLibs/images/bg-pre-page-16-over.png") no-repeat 50% 50%;
}

.paging .link-next-page
{
    background: url("/StylesLibs/images/bg-nx-page-16.png") no-repeat 50% 50%;
    height: 18px;
    width: 18px;
    padding: 0 1px 0 1px;
    display: inline-block;
}

.paging .link-next-page:hover
{
    background: url("/StylesLibs/images/bg-nx-page-16-over.png") no-repeat 50% 50%;
}

.paging .nav a1:hover
{
    border: 1px solid gray;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

/* ---- system log list -----*/
#div-systemlog-list
{
    width: 990px;
    margin-top: 10px;
    margin-left: 5px;
}

#div-systemlog-list .date-selection
{
    padding-left: 5px;
    line-height: 30px;
    height: 30px;
    vertical-align: middle;
}

#div-systemlog-list .log-grid
{
    border: 1px solid #dbdbdb;
}

#div-systemlog-list .padding
{
    width: 50px;
    height: 20px;
}

#div-systemlog-list .go-button
{
    width: 100px;
    height: 23px;
}

#div-systemlog-list .label
{
    display: inline-block;
}

#div-systemlog-list .header-TimeStamp
{
    width: 210px;
    text-align: center;
}

#div-systemlog-list .item-TimeStamp
{
    width: 210px;
    padding-left: 2px;
}

#div-systemlog-list .header-Message
{
    text-align: center;
}


/* ------ all general search wincow style --- */
/* -- common style for popup search window  --------------  */
div.hf-current-id
{
    padding: 0 !important;
    height: 1px !important;
    width: 1px !important;
    float: left;
}

.modal-win div
{
    padding: 0;
}

.modal-win
{
    background-color: white !important;
    font-size: 12px !important;
    padding-left: 2px;
}

.modal-win .button
{
    text-decoration: none;
    padding: 0px;
    width: 70px;
    height: 23px;
}

.modal-win .win-search
{
    width: 99%;
    position: relative;
    padding-top: 5px;
    padding-bottom: 5px;
}

.modal-win .win-search span.common
{
    display: inline;
    padding-left: 2px;
}

.modal-win .win-search .popup-search-field
{
    width: 330px;
}

.modal-win .win-search .label-keyword
{
    display: inline-block;
    width: 57px;
    text-align: left;
    padding-left: 5px;
}

.modal-win .win-search .search-option
{
    float: left;
    width: 100%;
}

.modal-win .win-search .button-section
{
    /*float: left;*/
    padding-left: 5px;
    display: inline-block;
    width: 150px;
}

.modal-win .popup-maxreturn-field
{
    /*width: 30px;*/
}

.modal-win .win-grid
{
    width: 99%;
    /*height:255px; */
    /*position:relative; value is very important when the div include the gridview control.  */
    /*position:relative; */
    /*overflow:auto; */
    border: 1px solid #C5D1D9;
    background-color: #F7F6F3;
}

.modal-win .win-grid .search-result-box
{
    /*position:relative; value is very important when the div with overflow setting.  */
    position: relative;
    height: 230px;
    overflow: auto;
}

.modal-win .win-grid table th
{
    border-bottom: 0px;
}

.modal-win .win-grid table tr
{
    line-height: 18px;
}

.modal-win .win-grid tr:hover
{
    background-color: #ffdfaf;
    cursor: pointer;
    cursor: hand;
}

.modal-win .search-result-box tr:hover
{
    background-color: #ffdfaf;
    cursor: auto;
}

.modal-win .selectedRow
{
    color: #333333;
    background: none repeat scroll 0 0 #C5DDF4;
}

.modal-win .win-paging
{
    width: 99%;
    height: auto;
}

.modal-win .paging
{
    padding: 4px 0 4px 0px !important;
}

.modal-win .win-buttons
{
    width: 99%;
    height: auto;
    line-height: 20px;
    position: relative;
    text-align: right;
    vertical-align: middle;
    padding-top: 5px;
}

.modal-win .win-buttons .message
{
    line-height: 18px !important;
    margin-top: 0px !important;
    margin-left: 10px !important;
}


/*-- common columns style in search result grid --*/
.modal-win .win-grid .header-select
{
    width: 50px;
    border-left: 0px;
    border-right: 0px;
    text-align: center;
}

.modal-win .win-grid .item-select
{
    width: 50px;
    text-align: center;
}

.modal-win .win-grid .item-select a
{
    color: Blue !important;
    padding-left: 2px;
    text-decoration: none;
}

.modal-win .win-grid .header-id
{
    display: none;
    width: 10px;
}

.modal-win .win-grid .item-id
{
    display: none;
    width: 10px;
}

/*-- other column style in search result grid (the width may vary) --*/
.modal-win .header-name
{
    text-align: center;
    border-right: 0px;
    border-left: 1px dotted;
}

.modal-win .item-name
{
    min-width: 430px;
}


/*-- other column style in search result grid (the width may vary) --*/
.client-matter-search-box .modal-win .win-grid .header-name
{
    text-align: center;
    border-left: 1px dotted gray;
    border-right: 0px;
}

/*.client-matter-search-box .modal-win .win-grid .item-name
{
    min-width: 520px;
}*/

.client-matter-search-box .modal-win .win-grid .header-mattername
{
    width: 50%;
    text-align: center;
}

.client-matter-search-box .modal-win .win-grid .item-mattername
{
    width: 50%;
    border-left: 1px dotted gray;
    border-right: 0px;
    text-indent: 2px;
}

.client-matter-search-box .modal-win .win-grid .header-clientname
{
    border-left: 1px dotted gray;
    border-right: 0px;
    text-align: center;
}

.client-matter-search-box .modal-win .win-grid .item-clientname
{
    /*min-width: 200px;*/
    text-indent: 2px;
}

/*---------------- Time sheet --------------------------*/
#outer-main-panel #timeSheet-calendarPanel
{
    padding-top: 10px;
    font-size: 12px;
    width: 100%;
    float: left;
}

#outer-main-panel
{
    margin-left: auto;
    margin-right: auto;
    width: 100%; /*990px; */
}

span.ajax__tab_inner a
{
    color: #04466A;
}

.page-daily-timesheet #div-form-title .title-image
{
    background: url("/StylesLibs/images/menu/menu_timesheet_w_32.png") no-repeat 10px 10px;
}

.page-weekly-timesheet #div-form-title .title-image
{
    background: url("/StylesLibs/images/menu/menu_weeklyTimesheet_32.png") no-repeat 10px 10px;
}

.page-daily-timesheet #div-form-title .report-button-wraper,
.page-weekly-timesheet #div-form-title .report-button-wraper,
.page-clientmatterdetails #div-form-title .report-button-wraper
{
    width: 35px;
    float: right;
    margin-top: 10px;
    margin-right: 3px;
}

/*.page-daily-timesheet h4 span.common,
.page-weekly-timesheet h4 span.common
{
    display:inline-block !important;
}*/

.page-clientmatterdetails .ui-dialog-content
{
    background-color: white;
}

.pointer-cursor
{
    cursor: auto;
}

input.warning-message
{
    background-color: Orange !important;
}


/* ----------- Calendar ----------------------*/

#calendarTimesheet .timesheet-calendar
{
    border-left: 1px solid #C6DAF2 !important;
    border-collapse: separate !important;
}

#calendarTimesheet table.timesheet-calendar td.calendar-other-month-day > a,
#calendarTimesheet table.timesheet-calendar td.calendar-weekend > a,
#calendarTimesheet table.timesheet-calendar td.calendar-day > a,
#calendarTimesheet table.timesheet-calendar td.calendar-selectedDay > a,
#calendarTimesheet table.timesheet-calendar td.calendar-today > a
{
    text-decoration: none;
    display: block;
    line-height: 20px;
    padding: 0 3px;
    text-align: left;
    font-weight: bold;
    font-size: 10px;
}

#calendarTimesheet table.timesheet-calendar td .quantity
{
    line-height: 20px;
    background-color: #FFF4D6;
    color: Black;
    font-weight: normal;
    padding: 0 3px;
    text-align: right;
    float: right;
    font-size: 10px;
}

#calendarTimesheet table.timesheet-calendar tr td .DayEvent
{
    text-align: right;
    line-height: 20px;
    background-color: White;
    display: block;
}

#calendarTimesheet .calendar-title
{
    background-position: top;
    padding: 0px 0px;
    color: #04466A;
    background: #9DCFF2 url(/StylesLibs/bg-images/CAL_TITLE.png) repeat-x top;
    border: 1px solid #3DA6DE;
    font-weight: bold;
    font-size: 0.9em;
    height: 30px;
    background-color: #BCD3F0;
}

#calendarTimesheet .calendar-dayHeader
{
    font-family: inherit;
    color: #416E84;
    height: 20px;
    background-color: #BCD3F0;
    border: 1px solid #A2C2EA;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
}

#calendarTimesheet .calendar-day
{
    border-right: 1px solid #C6DAF2;
    border-bottom: 1px solid #C6DAF2;
    height: 40px;
    text-align: center;
    padding-top: 0px;
    color: #416E84;
    font-weight: normal;
    background-image: url('/StylesLibs/images/cal_normal_day.png');
}

#calendarTimesheet .calendar-today
{
    color: #000000;
    /*border: 0px solid #F49804; */
    border-right: 1px solid #C6DAF2;
    border-bottom: 1px solid #C6DAF2;
    /* background-color: #FFFF66; */
    font-weight: bold;
    text-align: center;
    padding-top: 0px;
    background-image: url('/StylesLibs/images/cal_today_selection_v2.png');
    background-repeat: no-repeat;
}

#calendarTimesheet .calendar-weekend
{
    border: 1px solid #A7C6EB;
    background-color: #DEEAF8;
    background-image: url('/StylesLibs/images/cal_weenken_day.png');
    text-align: center;
    padding-top: 0px;
}

#calendarTimesheet .calendar-selectedDay
{
    background-color: #98fb98 !important;
    border: 1px solid gray;
    height: 40px;
    color: #04466A !important;
    text-align: center;
    padding-top: 0px;
    font-weight: bold;
    background-image: url('/StylesLibs/images/cal_mouse_over_v2.png');
}

#calendarTimesheet .calendar-next-previous
{
    text-align: center;
}

/* ---------next button --------------------------  */
#calendarTimesheet .calendar-next-previous a
{
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url("/StylesLibs/images/calendar-next.png") no-repeat 50% 50%;
}

#calendarTimesheet .calendar-next-previous a:hover
{
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url("/StylesLibs/images/calendar-next-over.png") no-repeat 50% 50%;
}

/* ---------previous button ---------------------  */
#calendarTimesheet .calendar-next-previous:first-child a
{
    height: 20px;
    width: 40px;
    display: inline-block;
    background: url("/StylesLibs/images/calendar-previous.png") no-repeat 50% 50%;
}

#calendarTimesheet .calendar-next-previous:first-child a:hover
{
    height: 20px;
    width: 40px;
    display: inline-block;
    background: url("/StylesLibs/images/calendar-previous-over.png") no-repeat 50% 50%;
}


/* ---------other month day ---------------------  */
#calendarTimesheet .calendar-other-month-day
{
    border-bottom: 1px solid #C6DAF2;
    border-right: 1px solid #C6DAF2;
    height: 40px;
    background-color: #E1E1E1;
    text-align: center;
    padding-top: 0px;
    color: #E8E8E8;
}

#calendarTimesheet .calendar-title td
{
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
}

#calendarTimesheet .calendar-day:HOVER,
#calendarTimesheet .calendar-weekend:HOVER,
#calendarTimesheet .calendar-other-month-day:HOVER,
#calendarTimesheet .calendar-today:HOVER
{
    cursor: pointer;
    background-color: #CFDEFF;
    background-image: url('/StylesLibs/images/cal_mouse_over_v3.png');
    color: #000000;
    /*border: 1px solid gray; */
}

#calendarTimesheet .calendar-today A,
#calendarTimesheet .calendar-day A
{
    color: #636363;
}

#calendarTimesheet .calendar-weekend A,
#calendarTimesheet .calendar-selectedDay A
{
    color: #416E84;
}

#calendarTimesheet .calendar-other-month-day A
{
    color: #FFFFE0;
}

/*---- All ------*/

.float-left
{
    float: left;
}

.float-right
{
    float: right;
}

input.button-disabled
{
    color: ButtonShadow !important;
    text-shadow: 0px 1px 1px #fff;
    cursor: auto !important;
}

input.textbox-disabled
{
    background-color: #fafafa !important;
}

input.error-textbox, textarea.error-textbox
{
    background-color: #FFFCF6 !important;
    border: 1px solid #CD0A0A !important;
}

span.label-disabled
{
    color: #cccccc;
}

.hide-label-error, .show-label-error
{
    display: block;
    color: #F778A1;
}

.hide-label-error
{
    visibility: hidden;
}

.show-label-error
{
    visibility: visible;
}

.no-wordwrap
{
    white-space: nowrap;
}

.fullSize
{
    width: 100%;
}

.hide-items
{
    display: none;
}

input[type="submit"]:disabled
{
    background-color: #E5E4E2;
    color: #828282;
    cursor: default;
}

input[type="text"]:disabled,
textarea:disabled,
select:disabled
{
    background-color: #fafafa; /*#E8E8E8;*/
}

div.RadPicker input[type="text"]:disabled,
span.RadInput input[type="text"]:disabled
{
    background-color: #D8D8D8;
    border: 1px solid #726F6F;
    color: #000;
}

div.RadDropDownList span.rddlDisabled
{
    background-color: #E6E6E6;
    color: inherit;
    background-image: none;
}

span.rbDisabled
{
    opacity: 1;
}

span.rbDisabled .rbText
{
    color: #3F3F3F;
}

/*-------------- Timesheet daily -----------------------*/

#outer-main-panel div.tab-daily-weekly-buttons
{
    width: 100%;
    display: block;
    padding-bottom: 2px;
    padding-top: 2px;
}

#outer-main-panel .weekly-insert-panel
{
    width: 100%;
    padding: 0px 10px;
}

#outer-main-panel .div-submitall-design
{
    padding: 5px !important;
    vertical-align: middle;
    display: block;
}

#outer-main-panel .calendar-insert-panel
{
    width: 100%;
    /*height: 430px; */
}

#outer-main-panel .calendar-main-panel
{
    width: 50%;
    height: 100%;
    float: left;
}

#outer-main-panel div.span-header
{
    padding-left: 10px;
}

#outer-main-panel .us-timesheet-tab1,
#outer-main-panel .us-timesheet-tab2
{
    border: 1px solid #828282;
    margin: -1px 0 0;
}

#outer-main-panel div.RadGrid_Office2010Blue
{
    border-left: none;
    border-right: none;
}

#timeSheet-MainPanel
{
    height: 100%;
    display: table;
}

#timesheet-RightSide-MainPanel
{
    float: left;
    width: 100%;
    padding-top: 10px;
}

.items-bold
{
    font-weight: bold;
}

div.error-padding
{
    padding-top: 5px;
}

tr.items-bold td
{
    font-weight: bold;
}
/*
input.input-controls, 
select.input-controls { padding: 2px; border: 1px solid #869CBA; color: #416E84; background-color: #FFFFFF;}
    */
div#div-search-client,
div#div-search-matter
{
    height: 30px;
}


select.working-member
{
    /*width: 210px;*/
}

input.quantity
{
    width: calc(100% - 6px);
    text-align: right;
}

input.time-task
{
    /*width: 230px;*/
}

span.span-timecode
{
    /*width: 101px;
    text-align: right;*/
}

span.span-taskcode
{
    /*width: 101px;
    text-align: right;*/
}

span.span-grouptype
{
    white-space: nowrap;
    /*min-width: 115px;*/
}

div.eachrow-height
{
    /*height: 28px;*/
}

textarea.textbox-description-size
{
    height: 116px;
    width: 99%;
}



div.timesheet-submitbuttons-location
{
    float: right;
    padding-top: 0px;
    display: block;
    text-align: right;
    width: 190px;
}

div.rows
{
    float: left;
}

#uc-client-matter .search-keyword-field
{
    /*width: 400px;*/
}

/*  padding: 2px; border: 1px solid #869CBA; color: #416E84; background-color: #FFFFFF; */
.search-keyword-label
{
    width: 50px;
}

div.weekly-insert-panel .time-task,
div.weekly-insert-panel #uc-client-matter .search-keyword-field
{
    /*width: 325px;*/
}

div.weekly-insert-panel .search-keyword-label,
div.weekly-insert-panel .span-taskcode,
div.weekly-insert-panel .workingmember-label
{
    width: 122px;
    text-align: left;
    display: inline-block;
}

#button-submit-log .padding
{
    padding-left: 10px;
}

.RadCalendar .rcRow td.rcWeekend
{
    background-color: #EBEBEB;
}

div.RadPicker
{ /*vertical-align: top;*/
    display: inline-block !important;
}

div#timesheet-RightSide-MainPanel span.radiobutton-currentUser
{
    white-space: nowrap;
}

div#timesheet-RightSide-MainPanel div.RadPicker
{
    vertical-align: top;
}

div#timesheet-RightSide-MainPanel .RadPicker .RadInput
{
    padding: 2px 0px;
    height: 20px;
    width: 75px;
}

div#timesheet-RightSide-MainPanel table.radiobutton-creatingmember
{
    float: left;
    width: 100%;
}

div#timesheet-RightSide-MainPanel table.radiobutton-creatingmember tr td.cell1
{
    width: 1px;
    white-space: nowrap;
}

div#timesheet-RightSide-MainPanel table.radiobutton-creatingmember tr td.cell2
{
    width: 100%;
    white-space: nowrap;
    padding: 0px 2px 0px 5px;
}

div#timesheet-RightSide-MainPanel div.first-row
{
    /*height: 32px;*/
}

div#timesheet-RightSide-MainPanel .datefield span input.riTextBox
{
    height: 26px !important;
    padding-bottom: 2px !important;
    padding-top: 2px !important;
    vertical-align: top !important;
}

div#timesheet-RightSide-MainPanel select.dropdownlist
{
    height: 22px;
    line-height: 20px;
    margin-top: 2px;
    width: 100%;
}

div#timesheet-RightSide-MainPanel .workingmember-label
{
    width: 80px;
    display: inline-block;
}

div#timesheet-RightSide-MainPanel .workingmember-label-lg
{
    width: 120px;
    display: inline-block;
}

div#groupType-type-search-container textarea.tbConfientialContent-Design
{
    width: 100%;
    height: 120px;
    color: #416E84;
}

div#groupType-type-search-container input.grouptype-textbox
{
    width: 200px;
}

div#groupType-type-search-container tr td.text-right
{
    text-align: right;
    width: 100px;
}

.checkbox label
{
    padding-left: 5px;
}



/*------------ Submitted/Unsubmitted Gridview --------------------*/

div.gridview-scroll
{
    vertical-align: top;
    max-height: 225px;
    width: 100%;
    overflow: auto;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

table tr td.gridview-items-count
{
    border: 1px solid #BFCEE3;
    vertical-align: middle;
    padding: 1px 1px 1px 1px;
    background-color: #EDEDED;
    background-image: url('/StylesLibs/bg-images/TABLE_CELL_v2_VAL.png');
    text-align: center;
    color: #3a6ea5;
    width: 100%;
    height: 18px;
}

table.gridview-row-labels
{
    font-size: 12px;
    vertical-align: middle !important;
}

table tr th.gridview-submit-col1-header
{
    width: 22px;
    text-align: center !important;
}

table tr th.gridview-submit-col2-header,
table tr th.gridview-submit-col3-header
{
    width: 242px;
    text-align: center !important;
}

table tr th.gridview-submit-col4-header
{
    width: 342px;
    text-align: center !important;
}

table tr th.gridview-submit-col5-header
{
    text-align: center !important;
}

table tr td.gridview-submit-col1
{
    text-align: center;
    width: 22px;
}

table tr td.gridview-submit-col2,
table tr td.gridview-submit-col3
{
    width: 242px;
    text-indent: 2px;
    vertical-align: top !important;
}

table tr td.gridview-submit-col4
{
    width: 342px;
    text-indent: 2px;
    vertical-align: top !important;
}

table tr td.gridview-submit-col5
{
    color: #3a6ea5;
    padding-right: 2px !important;
    text-align: right;
    vertical-align: top !important;
}

table tr th.gridview-unsubmit-col1-header,
table tr th.gridview-unsubmit-col2-header
{
    text-align: center !important;
    max-width: 52px;
}

table tr th.gridview-unsubmit-col3-header
{
    /*width: 92px;*/
    text-align: center !important;
}

table tr th.gridview-unsubmit-col4-header,
table tr th.gridview-unsubmit-col5-header
{
    /*width: 205px;*/
    text-align: center !important;
}

table tr th.gridview-unsubmit-col6-header
{
    /*width: 210px;*/
    text-align: center !important;
}

table tr th.gridview-unsubmit-time-header
{
    text-align: center !important;
    max-width: 50px;
    /*width:50PX;*/
}

table tr th.gridview-unsubmit-button-header
{
    text-align: center !important;
    max-width: 150px;
    /*width:50PX;*/
}

table tr td.gridview-unsubmit-col1,
table tr td.gridview-unsubmit-col2
{
    text-align: center;
    /*width: 52px;*/
}

table tr td.gridview-unsubmit-col3
{
    /*width: 92px;*/
    text-align: center;
}

table tr td.gridview-unsubmit-col4,
table tr td.gridview-unsubmit-col5
{
    /*width: 205px;*/
    text-indent: 2px;
    vertical-align: top !important;
}

table tr td.gridview-unsubmit-time-item
{
    /*width: 210px;*/
    text-indent: 2px;
    vertical-align: top !important;
    text-align: center;
}

table tr td.gridview-unsubmit-button-item
{
    /*color: #3a6ea5;*/
    padding-right: 2px !important;
    text-align: center;
    vertical-align: top !important;
    width: 110px;
}

/*--------- Weekly timesheet ----------------*/

div.weekly-mainpanel1
{
    /*width: 50%;
    height: 300px;
    float: left;*/
}

span.WeeklyCellStyleHeaderText
{
    color: #0066FF;
    /* font-weight: bold;*/
}

input.WeeklyCellStyleTotal
{
    background-color: inherit;
    border: 0 solid #D6E5E8;
    color: #555555;
    font-weight: bold;
    height: 18px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: bottom;
    width: 51px;
}

div.div-weekly-left-panel
{
    height: 215px;
    width: 486px;
    /* padding-top:4px;*/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

select.weekly-working-member
{
    width: 331px;
}

div.weekly-total
{
    width: 70px;
    float: right;
    background-color: #D6E5E8;
    color: #3a6ea5;
    border: 1px solid #bfcee3;
    text-align: right;
    line-height: 20px;
    padding: 0px 2px 0px 0px;
}

div.weekly-timeworked
{
    padding-top: 7px;
    background-position: center;
    color: #04466A;
    background: #c1d8e0 url(/StylesLibs/bg-images/grd_headBL.png) repeat-x top;
    border: 1px solid #224271;
    font-weight: bold;
    text-align: center;
    height: 25px;
    vertical-align: middle;
    text-align: center;
    white-space: nowrap;
    width: 470px;
}

input.weekly-work-day
{
    padding: 0px;
    margin: 0px;
    border: 0px none #C0C0C0;
    height: 18px;
    width: 51px;
    text-align: center;
    vertical-align: bottom;
    color: #555555;
    /*font-weight: bold; */
}

div.div-weekly-quantity
{
    /*height: 80px;*/
    width: 100%;
    padding-bottom: 10px;
    overflow: auto;
}

textarea.weekly-description
{
    width: 100%;
    height: 120px;
    margin-left: 1px;
    color: #416E84;
}

#outer-main-panel div.div-posted-unposted
{
    float: left;
    width: 100%;
    padding-top: 2px;
    height: 20px;
    margin-top: 5px;
}

#outer-main-panel div.submitall-msg
{
    text-align: center;
    height: 43px;
}

#outer-main-panel div.submitall-msg-button
{
    text-align: center;
}

#outer-main-panel div.outer-main-panel
{
    width: 990px;
    margin-left: auto;
    margin-right: auto;
}

#outer-main-panel div.next-previous-week
{
    padding: 6px 0px 0px 0px;
    font-weight: bold;
    color: #1660C0;
}

#outer-main-panel div.next-previous-week a.previous-week
{
    background: url("/StylesLibs/images/calendar-previous.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
    display: inline-block;
    height: 20px;
    width: 40px;
}

#outer-main-panel div.next-previous-week a.previous-week:hover
{
    background: url("/StylesLibs/images/calendar-previous-over.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
    display: inline-block;
    height: 20px;
    width: 40px;
}

#outer-main-panel div.next-previous-week a.next-week
{
    background: url("/StylesLibs/images/calendar-next.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
    display: inline-block;
    height: 20px;
    width: 40px;
}

#outer-main-panel div.next-previous-week a.next-week:hover
{
    background: url("/StylesLibs/images/calendar-next-over.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0);
    display: inline-block;
    height: 20px;
    width: 40px;
}

#outer-main-panel div.next-previous-week .from-to
{
    float: left;
    line-height: 20px;
    text-align: center;
    color: #04466A;
}

#outer-main-panel div.GapLeftAndRightDiv
{
    padding-left: 8px;
}

#outer-main-panel div.DivDisplayDateRange
{
    padding: 0px;
    border: 1px solid #3DA6DE;
    background: url("/StylesLibs/bg-images/CAL_TITLE.png") repeat-x scroll center top #BCD3F0;
    font-size: 0.9em;
    width: 100%;
    font-weight: bold;
    color: #04466A;
    display: block;
    margin-top: 10px;
}

#outer-main-panel div.posted-unposted-design
{
    float: right;
    padding: 0px 5px 0px 0px;
}

#outer-main-panel div.DivHeaderStatus
{
    width: 100%;
    color: #04466A;
    border: 0px solid #224271;
    background-color: #C5DDF4;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 5px;
    font-weight: bold;
    text-align: left;
    font-size: 12px;
    padding: 2px 0px;
    height: 30px;
    line-height: 30px;
}

#outer-main-panel a.selected-tab-buttondesign
{
    background: url('/StylesLibs/images/activeTabButton.bmp') repeat-x top;
    padding: 4px 5px 4px 5px;
    border-left: 1px solid #C6DAF2;
    border-right: 1px solid #C6DAF2;
}

#outer-main-panel a.unselected-tab-buttondesign
{
    background-color: #E8E8E8;
    padding: 1px 5px 3px 5px;
    border: 1px solid #C6DAF2;
    opacity: .8;
}

#outer-main-panel a.selected-tab-buttondesign,
#outer-main-panel a.unselected-tab-buttondesign
{
    color: #04466a;
    border-radius: 5px 5px 0px 0px;
    display: inline-block;
    text-decoration: none;
    line-height: 20px;
}

div.insert-update-design
{
    display: block;
    color: #F778A1;
}

div.insert-update-design span.clearfix-fading
{
    position: absolute;
}

table.radiobutton-creatingmember
{
    padding-right: 15px;
    float: left;
}

span.dash-width
{
    padding: 0px 5px;
}

div#weekly-description textarea.tbConfientialContent-Design
{
}

table#weekly-quantity tr td.Row-header,
table#weekly-quantity tr td.Row-Val
{
    /*font-weight: bold; */
    border: 1px solid #A0A0A0;
    text-align: center;
    border-spacing: 1px;
    vertical-align: middle;
}

table#weekly-quantity tr td.Row-header
{
    background-color: #E8E8E8;
    height: 45px;
}

table#weekly-quantity tr td.Row-Val
{
    height: 22px;
}

table#weekly-quantity tr td.last-child
{
    background-color: #E8E8E8;
}

table#weekly-quantity
{
    border-spacing: 1px;
}

div.paddingbtn-weekly
{
    padding-right: 25px;
    padding-top: 80px;
}

div#div-search-workingMember input.workingmember-label
{
    width: 121px;
    display: inline-block;
}

/*------------ ClientMatter details ---------------*/
table tr th.gridview-contactlist-col1-header
{
    width: 47px;
    text-align: center !important;
}

table tr th.gridview-contactlist-col2-header,
table tr th.gridview-contactlist-col3-header,
table tr th.gridview-contactlist-col4-header,
table tr th.gridview-contactlist-col5-header,
table tr th.gridview-contactlist-col6-header
{
    width: 130px;
    text-align: center !important;
}

table tr th.gridview-Othercontactlist-col1-header
{
    width: 188px;
    text-align: center !important;
}

table tr th.gridview-contactlist-col7-header
{
    width: auto;
    text-align: center !important;
}

table tr td.gridview-contactlist-col1
{
    padding-left: 2px;
    width: 45px;
}

table tr td.gridview-contactlist-col2,
table tr td.gridview-contactlist-col3,
table tr td.gridview-contactlist-col4,
table tr td.gridview-contactlist-col5,
table tr td.gridview-contactlist-col6
{
    padding-left: 2px;
    width: 130px;
    height: auto;
}

table tr td.gridview-contactlist-col7
{
    padding-left: 2px;
    width: auto;
    height: auto;
}

table tr td.gridview-Othercontactlist-col1
{
    padding-left: 2px;
    width: 196px;
}

div.div-clientmatterdetails
{
    width: 100%;
    display: block;
    padding: 0px 0px 20px 5px;
    min-height: 100px;
}

div.div-clientmatterdetails .filter
{
    padding-top: 5px;
}

div.div-clientmatterdetails .filter div
{
    display: inline-block;
}

div.div-clientmatterdetails .filter .dropdownlist
{
    height: 26px;
    width: 100px;
}


#cmdetails-main-panel div.div-left-panel
{
    width: 499px;
    max-height: 110px;
    float: left;
}

#cmdetails-main-panel .reportbutton-wrapper
{
    float: left;
    width: 488px;
    text-align: right;
}

#cmdetails-main-panel div.div-middle-panel
{
    width: 30px;
    float: left;
}

#cmdetails-main-panel div.div-right-panel
{
    width: 495px;
    max-height: 110px;
    float: left;
}

#cmdetails-main-panel .cmdetailstab0,
#cmdetails-main-panel .cmdetailstab1,
#cmdetails-main-panel .cmdetailstab2
{
    border-top: 1px double #828282;
    margin: -1px 0 0;
    padding: 5px;
}

#cmdetails-main-panel .cmdetailstab0 table.rgMasterTable caption,
#cmdetails-main-panel .cmdetailstab1 table.rgMasterTable caption,
#cmdetails-main-panel .cmdetailstab2 table.rgMasterTable caption
{
    text-align: center;
    padding: 1px 20px 5px 0px;
    font-weight: bold;
    color: gray;
}

#cmdetails-main-panel .cmdetailstab1 fieldset,
#cmdetails-main-panel .cmdetailstab2 fieldset
{
    display: block !important;
}


#cmdetails-main-panel div.div-clientmatterdetails-allgrid
{
    display: block;
    width: 100%;
    min-height: 80px;
    padding-top: 10px;
}

#cmdetails-main-panel .lnkbtns
{
    padding-left: 60px;
}

#cmdetails-main-panel .btn-impdate
{
    background: url("/StylesLibs/images/impdatelogo_32x32.png") no-repeat scroll center center #fff;
    border: 1px solid #828282;
    border-radius: 5px;
    display: block;
    height: 32px;
    padding: 2px;
    width: 32px;
    min-width: 30px;
    display: inline-block;
}

#cmdetails-main-panel .btn-impdate:hover
{
    background-color: #e1ffff;
    background-image: url("/StylesLibs/images/impdatelogo_32x32.png"), linear-gradient(to bottom, #e1ffff 0%,#e1ffff 7%,#fdffff 15%,#e1ffff 20%,#e1ffff 20%,#e6f8fd 30%,#c8eefb 54%,#bee4f8 75%,#b1d8f5 100%);
}

.noWrap
{
    white-space: nowrap;
}

.color-black
{
    color: Black;
}

table#tblclientmatterchart .lineheightgap
{
    line-height: 20px;
}

table#tblclientmatterchart tr td table.table-border td
{
    text-align: right;
}

table#tblclientmatterchart tr td table.table-border th
{
    text-align: center;
}

table#tblclientmatterchart tr td table.table-border td,
table#tblclientmatterchart tr td table.table-border th
{
    border-right: 1px solid #AD9E87;
    border-bottom: 1px solid #AD9E87;
    border-collapse: collapse;
    padding: 2px;
    /*width: 20%;*/
    white-space: nowrap;
}

@media screen and (max-width: 500px)
{
    table#tblclientmatterchart > img
    {
        width: 100% !important;
    }
}

table.table-border th.border-top,
table.table-border td.border-top
{
    border-top: 1px solid #AD9E87;
    background-color: #DFDFDF;
}

table.table-border th.border-left,
table.table-border td.border-left
{
    border-left: 1px solid #AD9E87;
    text-align: left;
    background-color: #DFDFDF;
}

input.textbox-datecreditwipdso
{
    padding: 2px;
    border: 1px solid #869CBA;
    color: #416e84;
    width: 85px;
    text-align: right;
    background: none repeat scroll 0 0 #fafafa;
}

table tr td.gridview-accountreceivable-col1-header,
table tr td.gridview-accountreceivable-col2-header,
table tr td.gridview-accountreceivable-col3-header,
table tr td.gridview-accountreceivable-col4-header,
table tr td.gridview-accountreceivable-col5-header,
table tr td.gridview-accountreceivable-col6-header,
table tr td.gridview-accountreceivable-col7-header,
table tr td.gridview-accountreceivable-col8-header,
table tr td.gridview-accountreceivable-col9-header,
table tr td.gridview-accountreceivable-col10-header
{
   
    border: 1px solid #AD9E87;
    /*width: 170px;*/
    padding-left: 5px !important;
    padding-right: 5px !important;
    white-space: nowrap;
    background: url("/StylesLibs/bg-images/table_cell_v1_key.png") repeat-x scroll center top #EEEEE0;
}

table tr td.gridview-accountreceivable-col
{
    padding-right: 5px !important;
    background-color: White !important;
    /*width: 70px;*/
    text-align: right !important;
}

div#notes-posteddates input.input-max-num
{
    width: 50px;
    text-align: right;
}

div#notes-posteddates table.table-matterclientnotes
{
    width: 100%;
    padding: 0px 2px 2px;
}

div#notes-posteddates table.table-matterclientnotes .tc2
{
    padding-left: 5px;
}

div#notes-posteddates div.gv-matterclientnotes
{
    height: 150px;
    /*width: 760px;*/
    overflow: auto;
    padding: 5px;
    box-shadow: 1px 1px 5px black inset;
    margin: auto auto 5px;
}

div#notes-posteddates fieldset.fieldset-filter
{
    padding: 5px;
}

div#notes-posteddates fieldset.fieldset-filter .items
{
    padding-left: 5px;
    width: 100%;
}

div#notes-posteddates div.div-sortBy
{
    width: 765px;
    text-align: right;
}

div.div-main-clientmatternotes,
div.div-main-posteddatecheques
{
    width: 100%;
}

div.div-main-clientmatternotes table tr td.tc1
{
    width: 80%;
    vertical-align: bottom;
}

div.div-main-posteddatecheques table tr th.gridview-postdatedcheques-col1-header,
div.div-main-posteddatecheques table th.gridview-postdatedcheques-col2-header,
div.div-main-posteddatecheques table tr th.gridview-postdatedcheques-col3-header
{
    width: 90px;
    text-align: center;
}

div.div-main-posteddatecheques td.gridview-postdatedcheques-col4-header
{
    width: auto;
    text-align: center;
}

div.div-main-posteddatecheques td.gridview-postdatedcheques-col1
{
    text-indent: 2px;
    width: 90px;
}

div.div-main-posteddatecheques td.gridview-postdatedcheques-col2,
div.div-main-posteddatecheques td.gridview-postdatedcheques-col3
{
    text-indent: 2px;
    width: 90px;
    text-align: right;
}

div.div-main-posteddatecheques td.gridview-postdatedcheques-col4
{
    text-indent: 5px;
}


.page-clientmatterdetails #div-form-title .title-image
{
    background: url("/StylesLibs/images/menu/menu_dashboard_32.png") no-repeat scroll 2% 50% transparent;
}

.clientmatter-chart-wrapper
{
    width: 100%;
}

img.cm-chart
{
    width: 100% !important;
}

#tblclientmatterchart td .tbl1, #tblclientmatterchart td .tbl2
{
    width: 100%;
}

legend .bold-blue-font
{
    color: #195490;
    font-weight: bold;
}

#tblclientmatterchart .col2
{
    padding-left: 5px;
    vertical-align: bottom;
}

div#divMain_ClientMatterDetails div.client-matter-details-padding
{
    padding-left: 20px;
}

div#divMain_ClientMatterDetails div.client-matter-details-padding table tr td.col1
{
    width: 130px;
    white-space: nowrap;
}

div#divMain_ClientMatterDetails div.client-matter-details-padding table tr td.col2
{
    width: 85px;
    white-space: nowrap;
    padding-right: 20px;
}

div#divMain_ClientMatterDetails
{
    height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
    background: none repeat scroll 0 0 #f2f2f2;
    padding: 5px;
    border: 1px solid #BDBDBD;
    /*box-shadow: 2px 2px 1px #000;*/
}

div#divMain_ClientMatterDetails span.boldAndBlue
{
    color: Blue;
    font-weight: bold;
}

.red
{
    color: Red !important;
}

.green
{
    color: green !important;
}

.gray
{
    color: #848484;
}

div#PopUp-AcuminRestriction div.div-acuminrestriction-password
{
    width: 100%;
    white-space: nowrap;
}

div.div-restrictionmessage
{
    white-space: normal;
}



/*--------------- Submitted/Unsubmitted grid --------------------*/

#submitted-grid table.timesheetgrid tr:hover
{
    background-color: #ffdfaf;
    cursor: auto;
}

#unsubmitted-grid table.unsubmitted-timesheetgrid tr:hover
{
    background-color: #ffdfaf;
    cursor: pointer;
}

#unsubmitted-grid div.delete-msg
{
    text-align: center;
    height: 23px;
}

#unsubmitted-grid .rgPagerCell .RadComboBox
{
    width: 60px !important;
}

/*----------------- Workflow-Payment -----------------------------*/
table.wfpaymentlist-grid .header
{
    text-align: center !important;
}

table.wfpaymentlist-grid .item
{
    padding: 2px;
}

table.wfpaymentlist-grid .header-lineno
{
    text-align: center !important;
    width: 25px;
}

table.wfpaymentlist-grid .item-lineno
{
    text-align: center !important;
    width: 25px;
}

table.wfpaymentlist-grid .header-Headerstatus
{
    text-align: center !important;
    width: 50px;
}

table.wfpaymentlist-grid .item-Headerstatus
{
    text-align: center !important;
    width: 50px;
}

table.wfpaymentlist-grid .header-status
{
    text-align: center !important;
    width: 40px;
}

table.wfpaymentlist-grid .item-status
{
    text-align: center !important;
    width: 40px;
    color: Red;
}

table.wfpaymentlist-grid .header-priority
{
    text-align: center !important;
    width: 50px;
}

table.wfpaymentlist-grid .item-priority
{
    text-align: center !important;
    width: 50px;
}

table.wfpaymentlist-grid .header-date
{
    text-align: center !important;
    width: 50px;
}

table.wfpaymentlist-grid .item-date
{
    text-align: center !important;
    width: 50px;
}

table.wfpaymentlist-grid .header-timeleft
{
    text-align: center !important;
    width: 120px;
}

table.wfpaymentlist-grid .item-timeleft
{
    text-align: center !important;
    width: 120px;
}

table.wfpaymentlist-grid .header-desc
{
    text-align: center !important;
    width: 400px;
}

table.wfpaymentlist-grid .item-desc
{
    text-align: left;
    text-indent: 2px;
    width: 400px;
}

table.wfpaymentlist-grid .header-progress
{
    text-align: center !important;
    width: 35px;
}

table.wfpaymentlist-grid .item-progress
{
    text-align: center !important;
    width: 35px;
}

table.wfpaymentlist-grid .header-link,
table.wfpaymentlist-grid .item-link
{
    text-align: center !important;
    width: auto;
    padding-left: 5px;
}

.page-of-wfpayment #div-form-title .title-image
{
    background: url("/StylesLibs/images/menu/menu_payment_32.png") no-repeat 2% 50%;
}

table.wfpaymentdetails-grid .item-lblName
{
    text-align: left;
    text-indent: 5px;
    width: 200px;
    vertical-align: top !important;
    font-weight: bold;
}

table.wfpaymentdetails-grid .item-status
{
    text-align: left;
    text-indent: 5px;
    background-color: White;
}

table.approvedby-grid th,
table.attachment-grid th
{
    border-style: dotted;
    text-align: center;
    text-indent: 5px;
}

table.approvedby-grid td,
table.attachment-grid td
{
    background-color: White;
    text-indent: 0px;
}

/*--------------- APPROVED BY------------------*/

table.approvedby-grid .header-personname
{
    width: 200px;
}

table.approvedby-grid .item-personname
{
    text-align: left;
    width: 180px;
    text-indent: 5px;
}

table.approvedby-grid .header-date
{
    width: 100px;
}

table.approvedby-grid .item-date
{
    text-align: center;
    width: 100px;
}

table.approvedby-grid .header-time
{
    width: 80px;
}

table.approvedby-grid .item-time
{
    text-align: center;
    width: 80px;
}

table.approvedby-grid .header-action
{
    width: 60px;
}

table.approvedby-grid .item-action
{
    text-align: center;
    width: 60px;
}

table.approvedby-grid .header-ApprovalComment
{
}

table.approvedby-grid .item-ApprovalComment
{
    text-align: left;
    padding-left: 5px;
}

/*------------ ATTACHMENT ----------------------------*/

table.attachment-grid .header-filetype
{
    width: 100px;
}

table.attachment-grid .item-filetype
{
    text-align: center;
    width: 100px;
}

table.attachment-grid .header-filename
{
    width: 200px;
}

table.attachment-grid .item-filename
{
    text-align: left;
    width: 200px;
}

table.attachment-grid .header-filesize
{
    width: 100px;
}

table.attachment-grid .item-filesize
{
    text-align: center;
    width: 100px;
}

table.attachment-grid .header-description
{
}

table.attachment-grid .item-description
{
    text-align: left;
}


/*----------------- Payment details ----------------------*/
table.wfpaymentdetails-grid tr td textarea.actionandcomment,
table.wfpaymentdetails-grid tr td textarea.payment-watermark
{
    width: 99%;
    height: 100px;
}

#page-of-wfpayment .wfpaymentdetails-buttons
{
    width: 100%;
    text-align: center;
    padding-top: 15px;
}

#page-of-wfpayment .wfpaymentdetails-buttons .button-gap
{
    padding-left: 5px;
    display: inline-block;
}

#PopUp-wfpaymentnotification table
{
    width: 100%;
    height: 200px;
}

#PopUp-wfpaymentnotification table td.col1
{
    height: 50px;
    vertical-align: middle;
}

#PopUp-wfpaymentnotification table td.col2
{
    vertical-align: middle;
}

#PopUp-wfpaymentnotification table td.text-center
{
    text-align: center;
}

#PopUp-wfpaymentnotification .acuminLogo
{
    height: 200px;
    width: 100px;
}

.text-rotate-new
{
    -webkit-transform: rotate(-30deg);
    -moz-transform: rotate(-30deg);
    -ms-transform: rotate(-30deg);
    -o-transform: rotate(-30deg);
    display: inline-block;
}

.date-exeeded
{
    color: #8B0000;
}

.payment-watermark
{
    color: #A9A9A9;
}

.notification-center
{
    top: 25% !important;
    left: 45% !important;
    position: fixed !important;
}


/*-------- customReportList page-----------*/

.page-custome-report #div-form-title .title-image
{
    background: url("/StylesLibs/images/menu/menu_ReportList_32.png") no-repeat 2% 50%;
}


/*-------- Task List ------------*/
.page-tasklist #div-form-title .title-image
{
    background: url("/StylesLibs/images/menu/menu_TaskList_32.png") no-repeat scroll 2% 50% transparent;
}

div#tasklist-search-criterias
{
    white-space: nowrap;
}

div#tasklist-search-criterias div input[type=text]
{
    /*
    background-color: #FFFFFF;
    border: 1px solid #869CBA;
    color: #416E84;
    padding: 2px;
    */
}


div#tasklist-search-criterias div.author input[type=text],
div#tasklist-search-criterias div.createdby input[type=text]
{
    width: 195px;
}

div#tasklist-search-criterias div.author span.push-cdpd
{
    line-height: 26px;
}

div#tasklist-search-criterias fieldset
{
    padding: 0 5px 5px 5px;
    border: 1px solid #DCD5E0;
}

div#tasklist-search-criterias span
{
    line-height: 20px;
}

div#tasklist-search-criterias table.tbl-tasklist
{
    width: 99%;
}

div#tasklist-search-criterias table.tbl-tasklist td
{
    vertical-align: top;
}

div#tasklist-search-criterias table.tbl-tasklist td.col1
{
    width: 250px;
    padding-left: 10px;
}

div#tasklist-search-criterias table.tbl-tasklist td.col2
{
    width: 250px;
    padding-left: 10px;
}

div#tasklist-search-criterias table.tbl-tasklist td.col3
{
    padding-left: 10px;
}

div#tasklist-search-criterias table.tbl-tasklist td div.date span.date-from
{
    width: 40px;
}

div#tasklist-search-criterias table.tbl-tasklist td div.date span.date-to
{
    padding-left: 5px;
    width: 20px;
}

div#tasklist-search-criterias table td div.createdby
{
    line-height: 44px;
}

div#tasklist-search-criterias table td div.activity-groups fieldset
{
    display: inline-block;
    width: 220px;
}

div#tasklist-search-criterias table td div.activity-groups fieldset input[type=text]
{
    width: 195px;
}

div#tasklist-search-criterias table td div.task-cm
{
    white-space: normal;
    display: inline-block;
}

div#tasklist-search-criterias #client-matter-search-container .search-keyword-field
{
    width: 250px;
}

div#tasklist-search-criterias div.btn-filter
{
    display: inline-block;
    vertical-align: top;
    margin: 10px 0px 0px 20px;
}

div#tasklist-search-criterias input.numRows
{
    width: 60px;
    text-align: right;
}

div#tasklist-displaylist
{
    padding: 10px 1px 1px 1px;
}

div#tasklist-displaylist div.gridview-scroll
{
    vertical-align: top;
    max-height: 425px;
    width: 100%;
    overflow: auto;
    position: relative;
}

div#tasklist-displaylist table th.view
{
    width: 40px;
}

div#tasklist-displaylist table th.h1
{
    width: 130px;
    text-align: center !important;
}

div#tasklist-displaylist table th.h2
{
    width: 75px;
    text-align: center !important;
}

div#tasklist-displaylist table th.h3
{
    width: 75px;
    text-align: center !important;
}

div#tasklist-displaylist table th.h4
{
    width: 160px;
    text-align: center !important;
}

div#tasklist-displaylist table th.h5
{
    width: 160px;
    text-align: center !important;
}

div#tasklist-displaylist table th.h6
{
    width: 160px;
    text-align: center !important;
}

div#tasklist-displaylist table th.h7
{
    width: auto;
    text-align: center !important;
}

div#tasklist-displaylist table td.view
{
    width: 40px;
}

div#tasklist-displaylist table td.col1
{
    width: 130px;
}

div#tasklist-displaylist table td.col2
{
    width: 75px;
    text-align: center;
}

div#tasklist-displaylist table td.col3
{
    width: 75px;
    text-align: center;
}

div#tasklist-displaylist table td.col4
{
    width: 160px;
}

div#tasklist-displaylist table td.col5
{
    width: 160px;
}

div#tasklist-displaylist table td.col6
{
    width: 160px;
}

div#tasklist-displaylist table td.col7
{
    text-align: right;
}

div#tasklist-displaylist div.icon-msg
{
    margin-top: 15px;
    padding-bottom: 20px;
}

div#tasklist-displaylist div.icon-msg table td
{
    padding-right: 15px;
}

/*-------- file can not open div style (viewpage.aspx) ----------------*/

tr.rgSelectedRow > td,
tr.rgSelectedRow td,
tr.rgSelectedRow
{
    border-color: #D0D7E5 !important;
    background-image: none !important;
    background-color: #FFF9E2;
}

tr.rgHoveredRow > td,
tr.rgHoveredRow td,
tr.rgHoveredRow
{
    background-image: none !important;
    background-color: #FFFFF4;
}

.file-notopen-container
{
    width: 960px !important;
    height: auto !important;
    background-color: #FFFFFE;
    border-color: #3F3F3F #858585 #858585;
    border-width: 1px;
    margin-left: auto;
    margin-right: auto;
    top: 10%;
}

.file-notopen-container .header
{
    background: url("/StylesLibs/bg-images/MENU_TOP.bmp") repeat-x scroll right top #FFFFFF;
    height: 80px;
    padding: 10px 10px 10px 10px;
}

.file-notopen-container .header h2
{
    height: 80px;
    line-height: 80px;
    color: #822e32;
    background: url("/StylesLibs/images/error-icon-48.png") no-repeat 0% 50%;
    text-indent: 60px;
}

.file-notopen-container .body
{
    font-size: 12px;
    background: url("/StylesLibs/bg-images/MENU_TOP.bmp") repeat-x scroll right top #FFFFFF;
    padding: 0px 10px 30px 20px;
    line-height: 18px;
}

.file-notopen-container .body ul
{
    list-style-type: square;
    margin-left: 20px;
}

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

/*--------- Requst not available ----------------*/
div#req-unavailable
{
    padding-right: 40px;
    padding-left: 70px;
    /*font-style: italic;*/
    line-height: 20px;
}

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

div.request-err
{
    line-height: 80px;
    color: #822e32;
    background: url("/StylesLibs/images/information_48.png") no-repeat 0% 50%;
    text-indent: 60px;
    margin-left: 10px;
}

div.request-show-info
{
    line-height: 80px;
    color: #822e32;
    background: url("/StylesLibs/images/information_48.png") no-repeat 0% 50%;
    text-indent: 60px;
    margin-left: 10px;
}

hr.request-err-hr
{
    margin-left: 70px;
    margin-top: -25px;
    border-top: 1px solid #979393;
}

div#empty-menubar
{
    background-image: url("/StylesLibs/images/menu/bg-light-blue.png");
    border: 0 solid #000000;
    width: 100%;
    height: 32px !important;
}

/* Memberlist control */
.ptbwidth
{
    width: 300px !important;
}

input.pbtnwidth
{
    padding: 0px 2px !important;
    min-width: 90px !important;
    width: auto !important;
}

div.popup-win input.textbox
{
    width: 450px;
}

div.popup-win input.button
{
    /*width: 70px;*/
    padding: 0px 10px;
    height: 26px;
    text-decoration: none;
}

div#activitytype-dialog .win-grid .datagrid th.header-col1
{
    width: 289px;
}

div#activitytype-dialog .win-grid .datagrid th.header-col2
{
}

div#activitytype-dialog .win-grid .datagrid td.item-col1
{
    width: 284px;
}

div#activitytype-dialog .win-grid .datagrid td.item-col2
{
}

/* Collection Journal Entry Info */

div.div_pdclist
{
    padding: 10px 1px 1px 1px;
}

div.div_pdclist div.foractivitytype div.gridview-scroll
{
    vertical-align: top;
    max-height: 225px;
    width: 100%;
    overflow: auto;
    position: relative;
}

div.div_pdclist div.foractivitytype table th.h1
{
    width: 150px;
}

div.div_pdclist div.foractivitytype table th.h2
{
    width: 100px;
}

div.div_pdclist div.foractivitytype table th.h3
{
    width: 120px;
}

div.div_pdclist div.foractivitytype table th.h4
{
    width: 195px;
}

div.div_pdclist div.foractivitytype table th.h5
{
}

div.div_pdclist div.foractivitytype table td.col1
{
    width: 150px;
    text-align: center;
}

div.div_pdclist div.foractivitytype table td.col2
{
    width: 100px;
    text-align: center;
}

div.div_pdclist div.foractivitytype table td.col3
{
    width: 120px;
    text-align: center;
}

div.div_pdclist div.foractivitytype table td.col4
{
    width: 190px;
    padding-left: 5px;
}

div.div_pdclist div.foractivitytype table td.col5
{
    text-align: center;
}

div.div_pdclist div.title
{
    font-weight: bold;
    text-indent: 5px;
    width: 100%;
    background-color: #E5E4E2;
}

div.div_pdclist div.title span
{
    line-height: 30px !important;
    text-decoration: underline;
}

div.div_pdclist div.foractivitytype table.totalandremaining
{
    width: 100%;
}

div.div_pdclist div.foractivitytype table.totalandremaining td
{
    white-space: normal;
    border: 1px dotted #D1D0CE;
    padding-left: 5px;
}

div.div_pdclist div.foractivitytype table.totalandremaining td.col1
{
    width: 94px;
}

div.div_pdclist div.foractivitytype table.totalandremaining td.th span
{
    line-height: 30px !important;
}

div.div_pdclist div.foractivitytype table.totalandremaining td.th
{
    width: 140px;
    font-weight: bold;
    text-align: right;
    white-space: nowrap;
    background-color: #E5E4E2;
    padding-left: 5px;
    padding-right: 5px;
}


div.div_pdclist div.forcm table td
{
    white-space: normal;
    width: 450px;
    border: 1px dotted #D1D0CE;
    padding-left: 5px;
}

div.div_pdclist div.forcm td.th span
{
    line-height: 30px !important;
}

div.div_pdclist div.forcm td.th
{
    width: 100px;
    font-weight: bold;
    white-space: nowrap;
    background-color: #E5E4E2;
    padding-left: 5px;
    padding-right: 5px;
}



div#linkeddocuments
{
    padding: 10px 1px 1px 1px;
}

div#linkeddocuments div.gridview-scroll
{
    vertical-align: top;
    max-height: 225px;
    width: 100%;
    overflow: auto;
    position: relative;
}

div#linkeddocuments table th.h1
{
    width: 200px;
}

div#linkeddocuments table th.h2
{
    width: 200px;
}

div#linkeddocuments table th.h3
{
    width: 120px;
}

div#linkeddocuments table th.h4
{
}

div#linkeddocuments table td.col1
{
    width: 195px;
    padding-left: 5px;
    white-space: normal;
}

div#linkeddocuments table td.col2
{
    width: 195px;
    padding-left: 5px;
}

div#linkeddocuments table td.col3
{
    width: 115px;
    padding-left: 5px;
}

div#linkeddocuments table td.col4
{
    padding-left: 5px;
}

div#linkeddocuments div.title
{
    font-weight: bold;
    text-indent: 5px;
    width: 100%;
    background-color: #E5E4E2;
}

div#linkeddocuments div.title span
{
    line-height: 30px;
    text-decoration: underline;
}



div#cje-cmatp table
{
    width: 100%;
}

div#cje-cmatp table td
{
    white-space: normal;
    width: 450px;
    border: 1px dotted #D1D0CE;
    padding-left: 5px;
}

div#cje-cmatp table td.hasinner
{
    vertical-align: top;
    padding-left: 0px;
}

div#cje-cmatp table td.th span
{
    line-height: 30px;
}

div#cje-cmatp table td.th
{
    width: 100px;
    font-weight: bold;
    white-space: nowrap;
    background-color: #E5E4E2;
    padding-left: 5px;
    padding-right: 5px;
}

div#cje-cmatp table td table.innertbl
{
    width: 100%;
}

div#cje-cmatp table td table.innertbl td.row1
{
    width: 120px;
    padding-left: 5px;
    height: 100%;
    border: 0px;
    border-bottom: 1px dotted #D1D0CE;
}

div#cje-cmatp table td table.innertbl td.row2
{
    width: 120px;
    padding-left: 5px;
    height: 100%;
    border: 0px;
    border-top: 1px dotted #D1D0CE;
}

div#cje-cmatp table td table.innertbl td.row1 span
{
    line-height: 30px;
}

div#cje-cmatp table td table.innertbl td.row2 span
{
    line-height: 30px;
}

div#cje-cmatp table td table.innertbl td.r1col2
{
    border: 0px;
    border-left: 1px dotted #D1D0CE;
    text-align: center;
}

div#collectionjournalentry-dialog div#createdby table
{
    width: 100%;
}

div#collectionjournalentry-dialog div#createdby table td
{
    white-space: normal;
    width: 220px;
    border: 1px dotted #D1D0CE;
    padding-left: 5px;
}

div#collectionjournalentry-dialog div#createdby table td.th span
{
    line-height: 30px;
}

div#collectionjournalentry-dialog div#createdby table td.th
{
    width: 210px;
    font-weight: bold;
    background-color: #E5E4E2;
    text-indent: 5px;
}

div#collectionjournalentry-dialog .emptyrow
{
    text-indent: 5px;
}

div#collectionjournalentry-dialog .moveright
{
    width: 50%;
    text-align: right;
    display: inline-block;
}

.italic
{
    font-style: italic;
}

.isParentRow
{
    background-color: #D3F5C8;
}

.isChildRow
{
    background-color: #EAFFFF;
}

.highlightSelectedRow
{
    background-color: #FFF380 !important;
}
/************************/
#ddi-warning-dialog .buttons
{
    text-align: center;
}

#ddi-warning-dialog .buttons input
{
    width: 80px;
}

table.tasklist-grid tr
{
    cursor: pointer;
}

.warning-dialog-center
{
    position: fixed !important;
    top: 35% !important;
    left: 41% !important;
}



/*   
div.TelerikModalOverlay
{
    z-index: 100 !important;
}*/

/*********** AGENDA APPOINTMENT ***/
/***/
#appointment
{
    padding: 5px 0px 0px 5px;
}

#appointment div.clientmatter .div_searchpnl .textbox,
#appointment div.subject .textbox
{
    width: 790px;
}

#appointment div.region-venue .div_searchpnl .textbox,
#appointment div.attendee .div_searchpnl .textbox
{
    width: 315px;
}

#appointment div.loc-appty .textbox
{
    width: 315px;
}

#appointment div.loc-appty .gaptolocation
{
    float: right;
    padding-right: 50px;
}

#appointment div.loc-appty .gaptolocation .label
{
    text-align: right;
}


#appointment .radio-button
{
    width: 160px;
    vertical-align: middle;
    text-align: left;
}

#appointment .radio-button .rbText,
#appointment .checkbox .rbText
{
    padding-top: 2px;
}

#appointment .statusAccept,
#appointment .statusTentative,
#appointment .statusDecline
{
    height: 90px;
}

#appointment .statusAccept
{
    background: #DEDEDE url('/StylesLibs/images/acceptApp.png') no-repeat 7px 30px;
}

#appointment .statusTentative
{
    background: #DEDEDE url('/StylesLibs/images/tentativeApp.png') no-repeat 7px 30px;
}

#appointment .statusDecline
{
    background: #DEDEDE url('/StylesLibs/images/declineApp.png') no-repeat 7px 30px;
}

#appointment .warningimg
{
    background: url('/StylesLibs/images/warning.png') no-repeat center center;
    border: 0px;
}

#appointment span.rbSkinnedButtonChecked
{
    background-color: #A9A9A9 !important;
}

#appointment span.rbSkinnedButtonChecked input[type="submit"]:disabled
{
    background-color: #A9A9A9 !important;
}

#appointment div.buttonrow
{
    padding: 2px 0px;
}

#appointment div.buttonrow div
{
    display: inline-block;
    vertical-align: top;
}


#appointment .tabborderfix
{
    margin-top: -1px;
}

#appointment .gapToRight
{
    margin-right: 20px;
}

#appointment div.row div.inline
{
    display: inline-block;
    white-space: nowrap;
}

#appointment div.RadDropDownList
{
    width: 100%;
}

@media screen and (max-width: 768px)
{
    #appointment div.apt-type
    {
        width: auto !important;
    }

    .divLogout {
        width:145px;
    }
}


#appointment div.RadPicker
{
    height: 28px;
}

/*#appointment div.row
{
    padding: 2px 0px;
}*/

#appointment .splitcol
{
    display: inline-block;
    vertical-align: top;
}

#appointment .label-wrapper .label
{
    width: 120px;
    display: inline-block;
    text-align: left;
    line-height: 28px;
}

#appointment div.row .alignright
{
    text-align: right;
}

#appointment div.row .fulltextbox,
#appointment .setfullwidthtb span.RadInput
{
    width: 790px !important;
}

#appointment .mediumtextbox span.RadInput
{
    width: 315px !important;
}

#appointment .gaptoregion
{
    float: right;
    padding-right: 20px;
}


#appointment .gaptopriority
{
    float: right;
    padding-right: 50px;
}

#appointment div.row .RadButton
{
    vertical-align: top;
}

#appointment div.row .dotBtn
{
    clear: both;
    padding: 0px 5px;
    width: 15px !important;
}

#appointment div.row .rbToggleButton
{
    vertical-align: middle;
}

#appointment div.schTime
{
    padding-left: 80px;
}


#scheduler
{
    min-height: 816px;
}

#scheduler .RadScheduler div.rsHeader
{
    z-index: 10;
}

#scheduler .RadScheduler div.rsHeader em
{
    padding-left: 10px;
}

#scheduler .RadScheduler .rsTodayCell .rsDateHeader
{
    background: none repeat scroll 0 0 #2DABC1;
    border-color: #2292A8;
    box-shadow: 0 0 6px #2292A8 inset;
    border-radius: 4px;
    padding: 1px 3px;
}


#scheduler .RadScheduler div.rsWrap
{
    z-index: 1;
}

#scheduler .RadScheduler div.rsContentScrollArea
{
    z-index: 0;
}

#scheduler .lnkBtnAllDay
{
    background-image: url("/StylesLibs/images/shadow.png");
    border: 1px solid #81c9d5;
    background-color: #a7e3ed;
    text-indent: 2px;
    transition: width 5s ease, height 5s ease;
}

#scheduler a.rsAptDelete
{
    left: -4000px;
}

#scheduler div.rsAptResize
{ /*visibility: hidden;*/
}

#scheduler .lock div.rsAptIn
{
    border-color: #81C9D5;
}

#scheduler .lock div.rsAptContent,
#scheduler .lock
{
    background: url("/StylesLibs/images/lockicon.png") no-repeat right 2px center;
}

#scheduler .lock .rsAptContent .rsAptResize,
#scheduler .lock .rsAptResize
{
    background-image: none;
}

#scheduler .app-declined .rsAptIn
{
    border-color: #f57f7f;
}

#scheduler .app-declined .rsAptContent
{
    background-image: url('/StylesLibs/images/rsCategoryRedIE6.png');
    background-size: 100% 100%;
}

#scheduler .app-declinedlock div.rsAptContent
{
    background: url("/StylesLibs/images/lockiconred.png") no-repeat right 2px center,url('/StylesLibs/images/rsCategoryRedIE6.png') no-repeat;
    background-size: auto auto,100% 100%;
}

#scheduler .app-declinedlock .rsAptResize
{
    background-image: none;
}

#scheduler .app-tentative .rsAptIn
{
    border-color: #eb9af5;
}

#scheduler .app-tentative .rsAptContent
{
    background-image: url('/StylesLibs/images/rsCategoryPurpleIE6.png');
    background-size: 100% 100%;
}

#scheduler .app-tentativelock div.rsAptContent
{
    background: url("/StylesLibs/images/lockiconpurple.png") no-repeat right 2px center,url('/StylesLibs/images/rsCategoryPurpleIE6.png') no-repeat;
    background-size: auto auto,100% 100%;
}

#scheduler .app-tentativelock .rsAptResize
{
    background-image: none;
}

#scheduler .rsMonthView td.rsTodayCell
{
    background-color: #FFFFCC;
    color: #000;
}

#scheduler .radSchedulerAppTimeTodo
{
    position: relative;
}

#scheduler .divbar
{
    position: absolute;
    width: 15px !important;
    height: 15px;
    border: 1px solid #fff;
    border-radius: 4px;
    top: 3px;
    right: 5px;
}

#scheduler .divbar .icon-bar
{
    display: block;
    height: 2px;
    width: 11px;
    line-height: 7px;
    border-radius: 1px;
    margin-left: 2px;
    margin-top: 2px;
}

#scheduler .bar-orange
{
    background-color: #C98400;
}

#scheduler .bar-border-orange
{
    border: 1px solid #C98400;
}

#scheduler .bar-blue
{
    background-color: #58ACFA;
}

#scheduler .bar-border-blue
{
    border: 1px solid #58ACFA;
}

#scheduler .lnkBtnAllDay:hover
{
    background-image: url("/StylesLibs/images/overday.png") !important;
}

#scheduler .lnkBtnAllDay a
{
    text-decoration: none;
    color: #767676;
    padding-top: 0px;
    padding-bottom: 0px;
    white-space: nowrap;
    display: block;
    width: 100%;
    text-overflow: ellipsis;
    /*overflow: hidden;*/
    z-index: 5000;
}

#scheduler span.fullday
{
    font-weight: bold;
}

#scheduler div.rsAptContent
{
    text-indent: 7px;
    padding: 7px 0px;
}

#scheduler .radTooltipz_index
{
    z-index: 10;
}

#scheduler .RadScheduler div.rsAptResizeStart
{
    top: 3px;
}

#scheduler .RadScheduler div.rsAptResizeEnd
{
    bottom: 0px;
}

#scheduler .RadScheduler div.rsAptResize
{
    height: 7px;
}

#scheduler .todoweeklypanel
{
    position: absolute;
    top: 2px;
    /*left: 1175px;*/
    right: -220px;
    width: 220px;
    background-color: #fff;
}

#scheduler .div-slideweeklypnl
{
    display: none;
}

@media screen and (max-width: 1024px)
{
    #scheduler .todoweeklypanel
    {
        display: none;
        top: 51px !important;
    }

    #scheduler .RadScheduler .rsHeader ul
    {
        padding-right: 30px;
    }

    .sidebarvisiblity
    {
        display: block !important;
        right: 0 !important;
        z-index: 200;
    }

    #scheduler .div-slideweeklypnl
    {
        display: block;
        right: 10px;
        position: absolute;
        top: 10px;
        z-index: 200;
    }

    #scheduler .div-slideweeklypnl .icon-bar
    {
        border-radius: 1px;
        display: block;
        height: 3px;
        margin-left: 2px;
        margin-top: 5px;
        width: 25px;
    }

    .scheduler-mobile .RadScheduler .rsTodayCell .rsDateHeader
    {
        -moz-border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        border-radius: 10px !important;
    }

    .divLogout {
        width:145px;
    }
}

#scheduler .rsMonthView div.rsDateBox
{
    height: 20px !important;
}

#scheduler .RadScheduler_Silk .rsContent
{
    z-index: 2 !important;
}

#scheduler .todoweeklypanel .RadGrid tr.rgGroupHeader td
{
    vertical-align: middle;
}

#scheduler .RadScheduler_Silk .rsHeader
{
    background-color: inherit;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF,endColorstr=#D6D5D4 );
}

#scheduler .lnkTimesheet,
#scheduler .lnkTimesheet-mobile
{
    background-image: url('/StylesLibs/images/rsCategoryBlueIE6.png');
    background-color: #BBD0EC;
    border: 1px solid #9BB0CC;
    height: 20px;
}

#scheduler .lnkTimesheet a,
#scheduler .lnkTimesheet-mobile a
{
    text-decoration: none;
    display: block;
    text-indent: 5px;
    color: #767676;
}

#scheduler .lnkTodo,
#scheduler .lnkTodo-mobile
{
    background-image: url('/StylesLibs/images/rsCategoryOrangeIE6.png');
    background-color: #EDD5B7;
    border: 1px solid #CDB597;
    height: 20px;
    z-index: 199;
}

#scheduler .lnkTodo a,
#scheduler .lnkTodo-mobile a
{
    display: block;
    text-decoration: none;
    text-indent: 5px;
    color: #767676;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}



#scheduler .lnkTimesheet-mobile,
#scheduler .lnkTodo-mobile
{
    height: auto;
    line-height: 25px;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
}

#scheduler .impdate-cal
{
    border: 1px solid #800080 !important;
    border-radius: 5px;
}

#scheduler .impdatesDaily
{
    border: 1px solid #800080 !important;
    border-radius: 5px;
    width: 100px;
}

#scheduler .impdates a.rsDateHeader
{
    border: 1px solid #800080 !important;
    border-radius: 5px;
    line-height: 1.2;
}

#scheduler .rsHeader .img-impdate
{
    background: transparent url('../../StylesLibs/images/flag_purple.png') no-repeat center center;
    background-size: cover;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 7px 0px 0px 5px;
    vertical-align: top;
}

#scheduler .rsHeader h2
{
    display: inline-block !important;
}

#scheduler .rsHeader .redletter
{
    padding-left: 5px;
    vertical-align: top;
    color: red;
    font-weight: bold;
}

#scheduler .rsHeader .dateselected
{
    padding-left: 5px;
    vertical-align: top;
    color: gray;
}


#scheduler .mobile-row
{
    display: none;
}

#scheduler .mobile-row .rsWrap
{
    padding: 3px 3px;
}


#scheduler .mobile-row .divbar
{
    top: 8px;
    right: 22px;
}

@media screen and (max-width:2024px)
{
    .scheduler-mobile .rsTbGroup
    {
    }

    .scheduler-mobile .div-slideweeklypnl
    {
        display: none !important;
    }

    .scheduler-mobile .bar-border-blue
    {
        display: none !important;
    }

    .scheduler-mobile .lnkBtnAllDay,
    .scheduler-mobile .lnkTimesheet,
    .scheduler-mobile .lnkTodo
    {
        height: 1em !important;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%; /* create circle div */
    }

    .scheduler-mobile .lnkBtnAllDay a,
    .scheduler-mobile .lnkTimesheet a,
    .scheduler-mobile .lnkTodo a
    {
        display: none !important;
    }

    .scheduler-mobile .mobile-row
    {
        display: block !important;
    }

    .scheduler-mobile .legend-color
    {
        height: 15px !important;
        width: 15px !important;
        display: block;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%; /* create circle div */
    }

    .scheduler-mobile .legend-hw
    {
        background-color: #BBD0EC;
        border: 1px solid #9BB0CC;
    }

    .scheduler-mobile .legend-todo
    {
        background-color: #EDD5B7;
        border: 1px solid #CDB597;
    }

    .scheduler-mobile .legend-apt
    {
        background-color: #a7e3ed;
        border: 1px solid #81c9d5;
    }
}


.appointmenttooltip table.rtShadow td.rtWrapperTopCenter
{
    height: 0px;
}

.appointmenttooltip .tblTooltip
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
}

.appointmenttooltip .tblTooltip td
{
    padding: 0px 2px;
    text-align: left;
}

.appointmenttooltip .tblTooltip th
{
    border-bottom: 2px solid #58ACFA;
    text-align: center;
    padding: 0px 2px;
}





/** Tasklist **/
.page-tasklistmgmt #div-form-title .title-image
{
    background: url("/StylesLibs/images/TaskList_32.png") no-repeat scroll 2% 50% rgba(0, 0, 0, 0);
}

.page-agenda #div-form-title .title-image
{
    background: url("/StylesLibs/images/menu/menu_Scheduler_32.png") no-repeat scroll 2% 50% rgba(0, 0, 0, 0);
}

#tList-practMgmt
{
    padding: 5px;
}

#tList-practMgmt .cm,
#tList-practMgmt .wMember
{
    position: relative;
}

#tList-practMgmt .cm .nomatter
{
    left: 50px;
    position: absolute;
    top: 48px;
}

#tList-practMgmt .wMember .noAuthor
{
    left: 110px;
    position: absolute;
    top: 3px;
}

#tList-practMgmt fieldset
{
    border-color: #848484;
}

#tList-practMgmt .col1
{
    display: block;
    vertical-align: top;
    width: 100%;
    white-space: nowrap;
}

#tList-practMgmt .col1 .to-from
{
    width: auto;
}

#tList-practMgmt .col1 .to-from .from,
#tList-practMgmt .col1 .to-from .to
{
    display: inline-block;
}

#tList-practMgmt .col1 .to-from .textbox
{
    width: 100% !important;
    padding-top: 2px;
}

#tList-practMgmt .col1 .to-from .textbox table
{
    width: 120px !important;
}

#tList-practMgmt .col1 .acPnPh
{
    margin-top: 28px;
}

#tList-practMgmt .col1 .tabelement
{
    border: 1px double #828282;
    margin: -1px 0 0;
    padding-left: 5px;
    width: 100%;
    height: 90px;
}

#tList-practMgmt .col1 .statusDate
{
    display: inline-block;
    vertical-align: top;
}

#tList-practMgmt .col1 .statusDate .status
{
    width: 120px;
    padding-bottom: 13px;
}

#tList-practMgmt .col1 .statusDate .aop
{
    padding-top: 5px;
}

#tList-practMgmt .col1 .statusDate .aopg .label,
#tList-practMgmt .col1 .statusDate .aop .label
{
    display: block;
    padding-bottom: 2px;
}

#tList-practMgmt .col1 .statusDate .aopg .textbox,
#tList-practMgmt .col1 .statusDate .aop .textbox
{
    width: 344px;
}

#tList-practMgmt .col1 .statusDate .aopng
{
    margin-top: 5px;
    padding-bottom: 21px;
}

#tList-practMgmt .col1 .autcreatedby
{
    display: inline-block;
    vertical-align: bottom;
}

#tList-practMgmt .col1 .autcreatedby .class .label,
#tList-practMgmt .col1 .autcreatedby .firm .label
{
    width: 50px;
}

#tList-practMgmt .col1 .autcreatedby .firm,
#tList-practMgmt .col1 .autcreatedby .wMember,
#tList-practMgmt .col1 .autcreatedby .createdBy
{
    padding-top: 5px;
}

#tList-practMgmt .col1 .autcreatedby .wMember .recipient,
#tList-practMgmt .cm .cbrelatedmat
{
    margin-top: 2px;
    padding-top: 2px;
}

#tList-practMgmt .col1 .autcreatedby .wMember .textbox,
#tList-practMgmt .col1 .autcreatedby .createdBy .textbox
{
    width: 274px;
}

#tList-practMgmt .col1 .autcreatedby .firm .textbox
{
    width: 220px;
}

#tList-practMgmt .col1 .autcreatedby .wMember .label,
#tList-practMgmt .col1 .autcreatedby .createdBy .label
{
    display: block;
    padding-bottom: 2px;
}

#tList-practMgmt .col1 .autcreatedby .class select.dropdownlist
{
    width: 226px;
    height: 26px;
    line-height: 20px;
}

#tList-practMgmt .tmtrolvl
{
    display: inline-block;
    vertical-align: bottom;
}

#tList-practMgmt .tmtrolvl .tm .label,
#tList-practMgmt .tmtrolvl .imptyp .label,
#tList-practMgmt .tmtrolvl .tro .label
{
    display: block;
    padding-bottom: 2px;
}

#tList-practMgmt .tmtrolvl .tm .textbox,
#tList-practMgmt .tmtrolvl .tro .textbox
{
    width: 225px;
}

#tList-practMgmt .tmtrolvl .imptyp .dropdownlist
{
    width: 231px;
    height: 26px;
}

#tList-practMgmt .tmtrolvl .tro,
#tList-practMgmt .tmtrolvl .lvl
{
    padding-top: 5px;
}

#tList-practMgmt .tmtrolvl .imptyp
{
    padding-top: 28px;
}

#tList-practMgmt .classclientmatter
{
    margin-top: 5px;
}

#tList-practMgmt .classclientmatter
{
    display: inline-block;
    vertical-align: bottom;
}

#tList-practMgmt .classclientmatter .label
{
    display: block;
    padding: 0px 0 2px 0;
}

#tList-practMgmt .classclientmatter .cm .label
{
    display: block;
    padding: 5px 0 2px 0;
}

#tList-practMgmt .classclientmatter .cm .textbox
{
    width: 343px;
}

#tList-practMgmt .acPnPh .tabelement
{
    border: 1px double #828282;
    margin: -1px;
    margin-left: 0px;
    padding: 5px;
    height: 77px;
}

#tList-practMgmt .acPnPh .tabelement .gandt,
#tList-practMgmt .acPnPh .tabelement .andtodo
{
    display: inline-block;
    vertical-align: top;
}

#tList-practMgmt .acPnPh .tabelement .andtodo
{
    padding-top: 0px;
}

#tList-practMgmt .acPnPh
{
    display: inline-block;
    vertical-align: bottom;
    margin-top: 5px;
}

#tList-practMgmt .acPnPh .div_searchpnl
{
    padding-top: 4px;
}

#tList-practMgmt .acPnPh .label
{
    width: 115px;
}

#tList-practMgmt .acPnPh .textbox
{
    width: 300px;
}



#tasklistMgm-displaylist .th1,
#tasklistMgm-displaylist .col1
{
    width: 30px;
}

#tasklistMgm-displaylist .th2,
#tasklistMgm-displaylist .col2
{
    width: 120px;
}

#tasklistMgm-displaylist .th3,
#tasklistMgm-displaylist .col3,
#tasklistMgm-displaylist .th4,
#tasklistMgm-displaylist .col4
{
    width: 65px;
}

#tasklistMgm-displaylist .th5
{
    width: 50px;
}

#tasklistMgm-displaylist .col5
{
    width: 50px;
    text-align: right;
}

#tasklistMgm-displaylist .th6,
#tasklistMgm-displaylist .col6,
#tasklistMgm-displaylist .th7,
#tasklistMgm-displaylist .col7,
#tasklistMgm-displaylist .th8,
#tasklistMgm-displaylist .col8,
#tasklistMgm-displaylist .th9,
#tasklistMgm-displaylist .col9
{
    width: 100px;
}

#tasklistMgm-displaylist .th10,
#tasklistMgm-displaylist .col10
{
    width: auto;
}

#tasklistMgm-displaylist .tabelement
{
    border-top: 1px double #828282;
    margin: -1px;
    padding-top: 15px;
    width: 100%;
}

#tasklistMgm-displaylist .searchclear
{
    display: block;
    float: right;
    padding-right: 3px;
}

#tasklistMgm-displaylist .searchclear .div-clear,
#tasklistMgm-displaylist .searchclear .div-submit
{
    display: inline-block;
}

#tasklistMgm-displaylist .impDates caption
{
    cursor: ns-resize;
}

#tasklistMgm-displaylist .impDates table.rgMasterTable caption
{
    text-align: right;
    padding: 1px 20px 5px 0px;
    font-weight: bold;
    color: gray;
}

#tasklistMgm-displaylist .sortby
{
    display: block;
    text-align: right;
    padding-right: 5px;
    position: relative;
    margin-bottom: -20px;
    z-index: 2;
}

#tasklistMgm-displaylist .sortby .rbtnduedate
{
    padding-left: 5px;
}


/* important date list */

.page-container #div-form-title .important-date-img
{
    background: url("/StylesLibs/images/menu/calendar_importantdate_32.png") no-repeat scroll 2% 50% rgba(0, 0, 0, 0);
}



/********************************/


.hide-item
{
    display: none !important;
}

/*.hoursworked input
{
    -webkit-appearance: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}*/

.hoursworked input.textbox-quantity
{
    padding: 0 !important;
}

.hoursworked .pop-numericpad
{
    position: absolute;
    display: block;
    z-index: 200;
    margin: 1px 0px 0px -120px;
    box-shadow: 5px 5px 5px #808080;
    background-color: #d5d9dc;
    border-radius: 8px;
}

.hoursworked .num-btn
{
    font: bold 9pt arial;
    text-decoration: none;
    text-align: center;
    width: 100%;
    height: 100%;
    background: #E5E4E2;
    border-radius: 4px;
    border-top: 1px solid #f5f5f5;
    box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9,0 1px 2px #333;
    text-shadow: 0px 1px 0px #f5f5f5;
}

.hoursworked .num-btn:active
{
    color: #888;
    background: #ebeced;
    box-shadow: inset 0 0 25px #ddd,0 0 3px #333;
    border-top: 1px solid #eee;
}

.hoursworked .clear-btn
{
    color: #fff;
    background-color: red;
}

.hoursworked .clear-btn:active
{
    color: #fff;
    background: red;
    box-shadow: inset 0 0 25px #ddd,0 0 3px #333;
    border-top: 1px solid #eee;
}

.hoursworked .numericpad
{
    border: 1px solid #808080;
    padding: 2px;
}

.hoursworked table.tblNumPad tr > td
{
    width: 40px;
    height: 40px;
    padding: 2px;
    vertical-align: top;
}

#time-task-search-container .hoursworked .quantity
{
    width: 80px;
}

.div-timer
{
    background: #828282;
    border: #999 1px solid;
    color: #FFF;
    box-shadow: inset 1px 1px 1px #000, 1px 1px 3px #FFF;
    padding: 2px;
}

.div-timer .duration
{
    display: inline-block;
}

.div-timer .createdby
{
    display: inline-block;
    float: right;
    padding: 5px 15px 0 0;
    font-weight: bold;
}

#div-search-time .hoursworked
{
    /*width: 115px;*/
    display: inline-block;
    padding-bottom: 5px;
}

#div-search-time .timecode
{
    display: inline-block;
}

.copyToEntry
{
    padding: 10px;
}

.copyToEntry .yesno
{
    text-align: center;
    display: block;
}

#firm-pop .firmimg,
#memberrole .memImg
{
    height: 32px;
}

#firm-pop .firmimg .label,
#memberrole .memImg .label
{
    vertical-align: top;
    padding-top: 10px;
    font-weight: bold;
    display: inline-block;
}

#matterdetailstooltip table
{
    width: 100%;
    margin-top: 5px;
}

#matterdetailstooltip .header
{
    font-weight: bold;
    width: 200px;
}

#matterdetailstooltip .header2
{
    font-weight: bold;
    width: 100px;
}

#matterdetailstooltip .title
{
    text-align: left;
    font-weight: bold;
}

#matterdetailstooltip.RadToolTip, .RadToolTip *
{
    box-sizing: border-box !important;
}

#matterdetailstooltip .blue
{
    color: #36b4cb;
}

#matterInqgrid table .imgrest
{
    vertical-align: bottom;
    padding: 0px 0px 1px 0px;
}

.blue
{
    color: blue;
}
/*#36b4cb;*/
#aopgroup-pop .aopImg
{
    height: 32px;
}

.RadDropDownList_Silk span.rddlInner
{
    background-color: #fff;
    background-image: none;
}

.RadDropDownList_Silk span.rddlHovered
{
    color: inherit;
}

.ajax__tab_default div.ajax__tab_header
{
    white-space: nowrap !important;
}

.RadDropDownList_Silk .rddlFocused
{
    color: #000 !important;
}



/* -- start here for new design for tasklist page --------------- */
div.row
{
    margin-left: 0px !important;
    margin-right: 0px !important;
}


.col-container
{
    overflow: hidden; /* clear the float */
    margin-top: 3px;
}

.col-nopadding
{
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.col-nopadding-left
{
    padding-left: 0px !important;
}

.col-nopadding-right
{
    padding-right: 0px !important;
}

.col-padding-left-5
{
    padding-left: 5px !important;
}

.col-padding-left-10
{
    padding-left: 10px !important;
}

.right-takeall
{
    padding-left: 10px;
    overflow: hidden;
}

.right-takeall .textbox
{
    width: 98%;
}


.tasklistMgm-filters
{
    padding: 5px;
}

.tasklistMgm-filters .left
{
    width: 130px;
    float: left;
}

.tasklistMgm-buttons .search-dropdown-left
{
    width: 200px;
    float: left;
}

.tasklistMgm-filters fieldset
{
    width: 100%;
    min-height: 100px;
}

.tasklistMgm-filters .statusDate-container
{
    display: inline-block;
    vertical-align: top;
}

.tasklistMgm-filters .statusDate-container .status
{
    float: left;
}


/*.tasklistMgm-filters .cm,*/
.tasklistMgm-filters .wMember
{
    position: relative;
}
/*.tasklistMgm-filters .cm .nomatter{left: 50px; position: absolute; top: 48px;}*/
.tasklistMgm-filters .wMember .noAuthor
{
    left: 110px;
    position: absolute;
    top: 3px;
}

.tasklistMgm-filters fieldset
{
    border-color: #848484;
}

.tasklistMgm-filters .to-from
{
    width: auto;
}

.tasklistMgm-filters .to-from .from,
.tasklistMgm-filters .to-from .to
{
    display: inline-block;
}

.tasklistMgm-filters .to-from .textbox
{
    width: 100% !important;
    padding-top: 2px;
}

.tasklistMgm-filters .to-from .textbox table
{
    width: 120px !important;
}

.tasklistMgm-filters .tabelement
{
    border: 1px double #828282;
    margin: -1px 0 0;
    padding-left: 5px;
    width: 100%;
}

.tasklistMgm-filters .region-venue
{
    padding-right: 5px;
}


.tasklistMgm-filters .statusDate-container fieldset.date,
.tasklistMgm-filters .workingmember-container fieldset.working-member
{
    display: inline-block;
    float: left;
}

.tasklistMgm-filters .statusDate-container fieldset.working-member
{
    width: 580px;
}

.tasklistMgm-filters .statusDate-container fieldset.date .dropdownlist
{
    width: 100%;
}

.tasklistMgm-filters table.member tr td
{
    padding: 5px 10px 0 0px;
}

.tasklistMgm-filters table.member tr td.col1
{
    width: 40%;
}

.tasklistMgm-filters table .radio-button
{
    /*width: 120px;*/
    display: inline-block;
    padding-left: 2px;
}

.tasklistMgm-filters .clientmatter-container
{
    margin-top: 5px;
    display: inline-block;
    vertical-align: bottom;
}

.tasklistMgm-filters .clientmatter-container .label
{
    display: block;
    padding: 0px 0 2px 0;
}

.tasklistMgm-filters .clientmatter-container .row
{
    padding: 5px 0 0 0;
}

.tasklistMgm-filters .clientmatter-container .label
{
    display: none;
    padding: 5px 0 2px 0;
}

/*.tasklistMgm-filters  .clientmatter-container  .textbox { width: 100%; }*/


.tasklistMgm-filters .acPnPh
{
    display: inline-block;
    vertical-align: bottom;
    margin-top: 5px; /*width:590px;*/
}

.tasklistMgm-filters .acPnPh .tabelement .gandt,
.tasklistMgm-filters .acPnPh .tabelement .andtodo
{
    padding: 5px;
}

.tasklistMgm-filters .acPnPh .div_searchpnl
{
    padding-top: 4px;
}

.tasklistMgm-filters .acPnPh .label
{
    width: 115px;
    display: inline-block;
    text-align: left;
}

.tasklistMgm-filters .acPnPh .textbox
{
    width: 300px;
}

.tasklistMgm-buttons,
.tasklistMgm-errors
{
    padding-top: 5px;
    padding-left: 5px;
}

.tasklistMgm-buttons .search-container
{
    display: inline-block;
}

.tasklistMgm-buttons .buttons-container
{
    float: right;
    display: inline-block;
    text-align: right;
}

.tasklistMgm-buttons .keyword-box
{
    /*width:325px;*/
}


.tasklistMgm-displaylist
{
    padding-top: 20px;
}

.tasklistMgm-displaylist .hd1,
.tasklistMgm-displaylist .col1
{
    width: 30px;
}

.tasklistMgm-displaylist .hd2,
.tasklistMgm-displaylist .col2
{
    width: 120px;
}

.tasklistMgm-displaylist .hd3,
.tasklistMgm-displaylist .col3,
.tasklistMgm-displaylist .hd4,
.tasklistMgm-displaylist .col4
{
    width: 65px;
}

.tasklistMgm-displaylist .hd5
{
    width: 50px;
}

.tasklistMgm-displaylist .col5
{
    width: 50px;
    text-align: right;
}

.tasklistMgm-displaylist .hd6,
.tasklistMgm-displaylist .col6,
.tasklistMgm-displaylist .hd7,
.tasklistMgm-displaylist .col7,
.tasklistMgm-displaylist .hd8,
.tasklistMgm-displaylist .col8,
.tasklistMgm-displaylist .hd9,
.tasklistMgm-displaylist .col9
{
    width: 100px;
}

.tasklistMgm-displaylist .hd10,
.tasklistMgm-displaylist .col10
{
    width: auto;
}

.tasklistMgm-displaylist .hd-all-date,
.tasklistMgm-displaylist .col-all-date
{
}

.tasklistMgm-displaylist .tabelement hr
{
    margin: 5px 0px;
}

.tasklistMgm-displaylist .tabelement
{
    border-top: 1px double #828282;
    margin: -1px;
    padding-top: 15px;
    width: 100%;
}

.tasklistMgm-displaylist .searchclear
{
    display: block;
    float: right;
    padding-right: 3px;
}

.tasklistMgm-displaylist .searchclear .div-clear,
.tasklistMgm-displaylist .searchclear .div-submit
{
    display: inline-block;
}

.tasklistMgm-displaylist .impDates caption
{
    cursor: ns-resize;
}

.tasklistMgm-displaylist .impDates table.rgMasterTable caption
{
    text-align: right;
    padding: 1px 20px 5px 0px;
    font-weight: bold;
    color: gray;
}

.tasklistMgm-displaylist .sortby
{
    display: block;
    text-align: right;
    padding-right: 5px;
    position: relative;
    margin-bottom: -20px;
    z-index: 2;
    float: right;
    width: 350px;
}

.tasklistMgm-displaylist .sortby .rbtnduedate
{
    padding-left: 5px;
}

.impdates-list-filters .date .dropdownlist
{
    width: 100%;
}

.impdates-list-filters .date .status-group
{
    margin-top: 5px;
}

.impdates-list-filters .to-from
{
    margin-left: -15px !important;
}

.impdate-container
{
    padding-top: 0px !important;
}

.impdate-tab-wrapper
{
    padding: 0 15px;
}




/* ===========   */
.dropdownlist-assistantcreating
{
    width: 98%;
}

#outer-main-panel div.GapLeftAndRightDiv
{
    padding: 0 8px;
}

div#timeSheet-MainPanel > .row
{
    padding: 5px 0;
}


.working-member-row .col-md-3,
.working-member-row .col-sm-3,
.working-member-row .col-xs-3,
.working-member-row .col-md-9,
.working-member-row .col-sm-9,
.working-member-row .col-xs-9
{
    padding-top: 3px;
    padding-bottom: 3px;
}

div.outer-main-panel .search-keyword-label
{
    width: 80px;
}


.page-container #div-form-title .timesheet-calendar-image
{
    background: url("/StylesLibs/images/menu/menu_HoursWorked_32.png") no-repeat scroll 1% 50% rgba(0, 0, 0, 0);
}

#div-search-workingMember .date-label
{
    padding-top: 5px;
}

.submitted-table-wrapper table th
{
    font-size: 12px;
    text-align: center;
}

.submitted-table-wrapper table td.rgGroupCol
{
    background-color: inherit;
}


/*================ Report style ====================*/

.report-container
{
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    //overflow: auto;
}

.report-container .report-body
{
    width: 100%;
}


.activity-report-wrapper #Master_MainContent_rvMain_fixedTable
{
    width: 100%;
}


.reportlist
{
    background: url("/StylesLibs/images/reportList_26.png") no-repeat scroll center center transparent;
    border: 2px solid #828282;
    border-radius: 5px;
    box-shadow: 3px 3px 0px #000;
    display: inline-block;
    height: 28px;
    width: 26px;
}

.reportlist:hover, .reportlist:focus
{
    -moz-box-shadow: 0 0 3px cornflowerblue;
    -webkit-box-shadow: 0 0 5px cornflowerblue;
    box-shadow: 0 0 5px cornflowerblue;
}


.page-container #div-form-title .activity-report-image
{
    background: url("/StylesLibs/images/menu/menu_ActivityReport_32.png") no-repeat 10px 10px;
}

.page-container #div-form-title .report-button-wraper
{
    width: 35px;
    float: right;
    margin-right: 10px;
    margin-top: 10px;
}

.subpage-report-common #div-form-title .title-image
{
    background: url("/StylesLibs/images/report_24.png") no-repeat 2% 50%;
}


/* === styles for crystal report === */
.report-params table
{
    padding: 5px 3px 5px 10px;
    width: 100%;
}

.report-params .RadPicker
{
    width: 120px !important;
}

.report-params .RadPicker table
{
    width: 120px !important;
}

.report-params .RadPicker td a
{
    z-index: 0 !important;
}

.report-params .common-button
{
    padding: 3px 0px 3px 15px;
    height: 30px;
    width: 100px;
    background: url("/StylesLibs/images/refresh.png") no-repeat 12% 50%;
}



.report-params .common-button:hover
{
    background-color: #74F7F7;
}

.report-params .pdf-button
{
    padding: 3px 0px 3px 15px;
    height: 30px;
    width: 100px;
    background: url("/StylesLibs/images/save_to_pdf_16.png") no-repeat 5% 50%;
}

.report-params .pdf-button:hover
{
    background-color: #74F7F7;
}

.report-params td.col-param
{
    width: 220px;
    vertical-align: top;
    display: inline-block;
}

.report-params td.col-param div
{
    padding-bottom: 2px;
}
/*
.report-params td.col-param .label { width:80px;}
*/
.report-params td.col-last
{
    text-align: right;
    width: 300px;
}

.report-body
{
    width: 100% !important;
    overflow: auto;
}

.report-body > div
{
    width: 100%;
}

.report-body .leftPanel
{
    display: none;
}

.report-body .dialogzone > table
{
    left: 0px !important;
}

.report-body td.hideableFrame
{
    background-image: none !important;
}


.report-params .label-wrapper .label
{
    width: 100px;
    display: inline-block;
    text-align: left;
}

.report-params .report-button-group
{
    float: right;
    padding-right: 10px;
}


@media (max-width: 500px)
{
    .report-params .col-xs-1,
    .report-params .col-xs-2,
    .report-params .col-xs-3,
    .report-params .col-xs-4,
    .report-params .col-xs-4,
    .report-params .col-xs-6,
    .report-params .col-xs-7,
    .report-params .col-xs-8,
    .report-params .col-xs-9,
    .report-params .col-xs-10,
    .report-params .col-xs-11,
    .report-params .col-xs-12
    {
        width: 100% !important;
        float: left;
    }

    .report-params .col-xs-12 .report-button-group
    {
        float: left;
        padding-left: 105px;
        padding-right: 0px;
        padding-top: 10px;
    }
}


.report-body table td input[name*='Report_toptoolbar_search_textField'],
.report-body table td input[name*='Report_toptoolbar_selectPg'],
.report-body table td input[name*='Report_toptoolbar_zoom']
{
    height: 25px !important;
}


.report-body table.toolbar_button_default img[id*='Report_toptoolbar_search_button'],
.report-body table.toolbar_button_default img[id*='Report_toptoolbar_prevPg'],
.report-body table.toolbar_button_default img[id*='Report_toptoolbar_nextPg']
{
    margin-top: 5px !important;
}

.report-body table.toolbar_button_hover img[id*='Report_toptoolbar_search_button'],
.report-body table.toolbar_button_hover img[id*='Report_toptoolbar_prevPg'],
.report-body table.toolbar_button_hover img[id*='Report_toptoolbar_nextPg']
{
    margin-top: 5px !important;
}

/* == tobilltab    =====  */


#tobilltab-list-page #div-form-title .title-image
{
    background: url("/StylesLibs/images/menu/menu_ApprInvoice_32.png") no-repeat 2% 50%;
}

#tobilltab-list-page .col-label
{
    width: 68px;
    text-align: left;
    display: inline-block;
}

#tobilltab-list-page .backlist-btn
{
    margin: 10px;
}


table.tobillentry-grid
{
    border: 1px solid #8ba0bc;
}

table.tobillentry-grid caption
{
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(172,200,220,1) 74%, rgba(172,200,220,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(74%, rgba(172,200,220,1)), color-stop(100%, rgba(172,200,220,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(172,200,220,1) 74%, rgba(172,200,220,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(172,200,220,1) 74%, rgba(172,200,220,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(172,200,220,1) 74%, rgba(172,200,220,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(172,200,220,1) 74%, rgba(172,200,220,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#acc8dc', GradientType=0 );
    line-height: 25px;
}

table.tobillentry-grid .a-btn
{
    width: 20px;
    height: 30px;
    margin-left: -25px;
    position: absolute;
}

table.tobillentry-grid > tbody tr td
{
    padding: 10px 0;
}

table.tobillentry-grid td.first
{
    padding-left:10px;
    width:40px;
    border-right:none;
}

table.tobillentry-grid td.main
{
    border-left: none;
}

table.tobillentry-grid td.toggle
{
    width: 60px !important;
}

table.tobillentry-grid td.sublist-short
{
    width: 1px !important;
}

table.tobillentry-grid td.sublist-expand
{
    padding-left: 30px;
}

table.tobillentry-grid .has-list:hover
{
    cursor: pointer;
}


/*-- my wip page --*/

#mywippage #div-form-title .title-image
{
    background: url("/StylesLibs/images/menu/books_32.png") no-repeat 2% 50%;
}




/*
    hide the menu toolbar for radEditor
*/
.texteditor-notoolbar-wrapper .reToolbarWrapper
{
    display: none;
}

.texteditor-notoolbar-wrapper .reToolZone
{
    display: none;
}

.ddi-navigation ul li
{
    width: 105px;
}

/* ddi-navigation */
div.ddi-nav-row
{
    background-color: #ebf3fd;
    width: 100% !important;
}

ul#ddi-navigation
{
    background-color: #ebf3fd;
    border-bottom: 0px solid #b7d0e3;
    border-top: 0px solid #4376a9;
    margin-bottom: 0px !important;
    padding: 15px 0px 0px 10px;
    clear: right;
    float: left;
    width: 100%;
}

ul#ddi-navigation li,
ul#ddi-navigation li a
{
    cursor: pointer;
    color: #3F82CC;
}

ul#ddi-navigation li
{
    float: left;
    margin-right: 7px;
}

ul#ddi-navigation li a
{
    display: block;
    line-height: 1em;
    padding: 6px 10px 0 10px;
    height: 29px;
    text-align: center;
    text-decoration: none;
}

ul#ddi-navigation li.disabled a
{
    color: #B7D0E3 !important;
    cursor: default;
}

ul#ddi-navigation li.disabled
{
    cursor: default;
}

ul#ddi-navigation li:hover,
ul#ddi-navigation li a:hover,
ul#ddi-navigation li.current,
ul#ddi-navigation li.current a
{
    background-color: transparent;
    background-image: url('../../StylesLibs/images/dexco-nav-bg.png');
    background-repeat: no-repeat;
}


ul#ddi-navigation li.disabled:hover,
ul#ddi-navigation li.disabled a:hover
{
    background: none !important;
}

ul#ddi-navigation li:hover
{
    background-position: right -279px;
}

ul#ddi-navigation li:hover a
{
    background-position: left -234px;
}

ul#ddi-navigation li.current,
ul#ddi-navigation li.current:hover
{
    background-position: right -189px;
    cursor: default;
}

ul#ddi-navigation li.current a,
ul#ddi-navigation li.current:hover a
{
    background-position: left -144px;
    color: #fff;
    font-weight: bold;
    cursor: default;
}


/* rate */
body.en ul#ddi-navigation li#rate_nav a
{
    width: 105px;
}

body.fr ul#ddi-navigation li#rate_nav a
{
    width: 115px;
}

/* time */
body.en ul#ddi-navigation li#time_nav a,
body.fr ul#ddi-navigation li#time_nav a
{
    height: 23px;
    padding-top: 12px;
    width: 60px;
}

/* summary */
body.en ul#ddi-navigation li#summary_nav a,
body.fr ul#ddi-navigation li#summary_nav a
{
    height: 23px;
    padding-top: 12px;
    width: 80px;
}

/*2 divs aligned side by side, how to make right div fill width 100%? */

.ddi-date-wrapper-left
{
    display: table-cell;
    min-width: 100px;
    padding-right: 2px;
}

.ddi-ddlmember-wrapper-right
{
    display: table-cell;
    width: 100%;
    vertical-align: top;
}

.ddi-ddlmember-wrapper-right .button-wrapper
{
    padding-left: 2px;
}

.ddi-ddlmember-wrapper-right .middle-wrapper
{
    padding: 0px !important;
}


.ddi-timecode-wrapper,
.ddi-taskcode-wrapper
{
    float: left;
    padding: 3px 0;
    width: 100%;
}

.ddi-desc-wrapper .textbox-wrapper
{
    padding: 0px !important;
}

@media (max-width: 990px)
{
    .ddi-timeentry-right-wrapper .col-sm-12
    {
        width: 100%;
        float: left;
    }
}

.ddi-timeentry-filters
{
    padding-top: 10px;
    padding-bottom: 10px;
}


.ddi-timeentry-filters .ddi-timecode-wrapper,
.ddi-timeentry-filters .ddi-taskcode-wrapper
{
    padding-left: 5px !important;
    float: none;
}

.ddi-timeentry-filters .label-wrapper .label,
.ddi-timeentry-filters .label-wrapper .search-keyword-label
{
    width: 125px;
    display: inline-block;
    text-align: left;
}

.ddi-timeentry-filters .ddi-timecode-wrapper .textbox-wrapper,
.ddi-timeentry-filters .ddi-taskcode-wrapper .textbox-wrapper
{
    padding-left: 0px;
}

.ddi-timeentry-filters .div-submit
{
    text-align: right;
    padding-top: 5px;
}


.preinvoice-filters fieldset.inv-date span.label
{
    width: 50px;
}

.preinvoice-filters fieldset.inv-date .date-wrapper
{
    width: 200px !important;
}


/* dialog blue theme*/
.theme-blue .dialog
{
    border: 5px solid #93B4DF !important;
    padding-right: 0.5em;
    padding-left: 0.5em;
    background-color: white;
}

.theme-blue .ui-widget-header
{
    background-color: #93B4DF !important;
    background-image: none !important;
    border: solid 1px #93B4DF !important;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: white;
}

.theme-blue .dialog-wrapper
{
    background-color: white;
    height: 99%;
    padding: 10px 10px 25px;
}

/*.theme-blue .ui-dialog .ui-dialog-content
{
    padding-right: 0.5em;
    padding-left: 0.5em;
}*/

.theme-blue .body
{
    padding-bottom: 5px;
}


.theme-blue .buttons
{
    text-align: right;
    padding-right: 5px;
}

.theme-blue .buttons input
{
    width: 50px;
    padding-right: 2px;
    line-height: 20px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #BDBDBD;
    background-color: #E3E3E3;
}

.theme-blue .buttons input:hover
{
    background-color: #74F7F7;
}

#mywippage table.datagrid tfoot tr
{
    background-color: #9ba0bc;
}

#mywippage .chart-wrapper
{
    margin-top:-10px;
}

.lock-icon
{
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url("/StylesLibs/images/lockicon.png") no-repeat right 2px center;
}

.lock-gray
{
    background-color: #fafafa;
    cursor: default;
}

.ddi-timeentry-filters .date-wrapper
{
    width: 130px !important;
    display: inline-block;
}


.ddi-timeentry-filters .js-member-search .search-keyword-label
{
    padding-left: 5px;
}


#div-timeentry-container .js-action:hover
{
    background-color: #87DDFE;
}

#div-timeentry-container .js-action[disabled=disabled]
{
    cursor: not-allowed;
    color: #c0c0c0;
    background-color: #ffffff;
}


#new-timeline-container .memberselection-wrapper .search-keyword-label
{
    width: 115px;
}

#new-timeline-container .txtdesc
{
    height: 100px;
}

#new-timeline-container .timecode-line
{
    padding: 2px 0;
    display: inline-block !important;
}

#new-timeline-container td.rate
{
    padding: 0 5px;
}

#new-timeline-container .table-times .td-first 
{
    width: 120px;
    display: inline-block;
}

#new-timeline-container .table-times .td-rate 
{
    width: 75px;
    display: inline-block;
    text-align: center;
}

#new-timeline-container .table-times .td-time input
{
    width: 40px;
    display: inline-block;
}

#new-timeline-container .table-times .td-value input
{
    width: 60px;
    display: inline-block;
}


#new-timeline-container .table-times .td-invfirst
{
    width: 120px;
    display: inline-block;
}

#new-timeline-container .table-times .td-invrate
{
    width: 75px;
    display: inline-block;
    text-align: center;
}

#new-timeline-container .table-times .td-invtime input
{
    width: 40px;
    display: inline-block;
}

#new-timeline-container .table-times .td-invvalue input
{
    width: 60px;
    display: inline-block;
}

.ui-icon-closethick
{
    background-image: none !important;
}

.EditIndicator-grid td.td-left
{
    border-right-width: 0px !important;
}

.EditIndicator-grid td.td-right
{
    border-left-width: 0 !important;
}

.EditIndicator-grid .header-icons
{
    width: 120px;
}

.EditIndicator-grid .item-icons
{
    text-align: center;
    width: 80px;
}


.EditIndicator-grid .tr-ddi-edited
{
    /*background-color:LightYellow;*/
}

.ddi-text-center
{
    text-align: center;
}

.ddi-sendto
{
    background: url('/StylesLibs/images/ddi_sendto.png') no-repeat;
    width:25px;
    height:25px;
    display:inline-block;
    border:none;
    outline:none;
    vertical-align:central;
}
.ddi-workflowlabel{
    vertical-align:middle;
}
.ddi-sendicon
{
    background: url('/StylesLibs/images/ddi-sendicon.png') no-repeat;
    width:58px;
    height:53px;
    display: inline-block
}
.ddi-workflowdisplay {
    font-size:xx-small;
    /*background-color:#4376A9;*/
}
.ddi-getfrom
{
    background: url('/StylesLibs/images/ddi_getfrom.png') no-repeat;
    width:25px;
    height:25px;
    display:inline-block;
    vertical-align:central;
}
.ddi-in-progress
{
    background: url('/StylesLibs/images/ddi-in-progress.png') no-repeat;
    width:25px;
    height:25px;
    display:inline-block;
}

.ddi-postponed
{
    background: url('/StylesLibs/images/ddi-postponed.png') no-repeat;
     width:25px;
    height:25px;
    display:inline-block;
}

.ddi-deferred
{
    background: url('/StylesLibs/images/ddi-deferred.png') no-repeat;
     width:25px;
    height:25px;
    display:inline-block;
}

.backInvoiceList
{
    line-height:50px;
    font-weight:bold;
    text-align:right;
    font-size:12pt;
}

@media screen and (max-width:500px)
{
   .backInvoiceList
   {
       display:none;
   }
}

.prevNextButtons {
    vertical-align: bottom;
    display: table-cell;
}

.btnLogout {
    background: url('/StylesLibs/images/logout_new_20.png') no-repeat;
    background-position: right;
    background-color: #69C1CE;
    border: none;
    color: white;
    height: 26px;
    width: 26px;
    text-align: right;
    margin-right: 5px;
    vertical-align: middle;
}

/*.btnLogout:hover {
    background-color: #4F9099;
}*/

.btnLogoutMVC {

    background: url('/StylesLibs/images/logout_new_20.png') no-repeat;
    background-position:center;
    background-color: #69C1CE;
    border: none;
    color: white;
    height: 50px;
    width: 30px;
    text-align: right;
    
}
.btnLogoutLi {
    background-position: center;
    background-color: #69C1CE;
    border: none;
    color: white;
    height: 50px;
    width: 30px;
    text-align: right;
}
/*.btnLogoutMVC:hover {
    background-color: #4F9099;
    text-decoration:none;
    color: white;
}*/

    .rsHeader {
        padding: 9px 10px 0px 10px !important;
        height: auto !important;
    }

/*This is calander section using in timesheet section for MVC part */
.month {
    padding: 5px 5px;
    width: 100%;
    /*background: #1ABC9C;*/
}

.month ul {
    margin: 0;
    padding: 0;
}

.month ul li {
    /*color: white;*/
    /*text-transform: uppercase;*/
    letter-spacing: 2px;
}

.month .prev {
    /*float: left;*/

}
.month .prev:hover {
    cursor:pointer;
}
.month .next:hover {
    cursor:pointer;
}

.month .next {
    /*float: right;*/
}

.weekdays {
    margin: 0;
    padding: 10px 0;
    background-color: #EBF3FD;
    font-weight:bold;
    border-top:1px solid #DDDDDD;
}

.weekdays li {
    display: inline-block;
    width: 13.0%;
    color: #666;
    text-align: center;
}

.days {
    padding: 10px 0;
    /*background: #eee;*/
    margin: 0;
}

.days li {
    list-style-type: none;
    display: inline-block;
    width: 13.0%;
    text-align: center;
    /*margin-bottom: 5px;*/
    font-size:12px;
    color: #777;
}
.days input{
    display: inline-block;
    width: 83.33%;
}

.days label{
    display: inline-block;
    width: 83.33%;
}
.monthcalander{
table-layout: fixed;
width:100%;
}
.monthcalander thead td{
     width: 14.2%;
     background-color:#EBF3FD;
     text-align:center;
     font-weight:bold;
}
.monthcalander .js-timesheet-hover:hover {
    background-color:#4376A9;
    color:white;

}

.monthcalander tbody td .badge{
    background-color:#DDDDDD;
    color:black;
}
.js-timesheet-td-header {
    vertical-align:top;
    text-align:left;
    
    
 }
.js-timesheet-td-quantity {
    cursor:pointer;
    text-align: right;
    float:right;
    /*font-weight: bold;*/
    
 }
.js-timesheet-weekly .input-group-addon{
 width: 10.67%;
 font-size:inherit !important;
}
.days li .active {
    padding-right: 5px;
    background: #1abc9c;
    border-radius: 20px;
    color: white !important
}
.timesheet-hours_today .badge{
    background:#4376A9 !important;
    color:white !important;
}
.timesheet-today
{
    background: url('/StylesLibs/images/today24.png') no-repeat;
    width:36px;
    height:36px;
    display:inline-block;
    filter: grayscale(100%);
}
.js-timesheet-weekly .badge{
    font-family:inherite;
    /*background-color:#B3271B;*/
    /*font-weight:normal !important;*/
}
.js-timesheet-weekly .timesheet-newcalendar{
    
     /*box-shadow: 2px 2px 2px #888888;*/
     margin:5px;
     
}
.js-timesheet-weekly .glyphicon{
    
    color: #4376A9;
}
.e-draft .glyphicon{
    
    color:#4376A9;
}


.e-draft{
    width:100%;

}
.timesheet-newitem  .glyphicon{
    
    color: #4376A9;
}
.timesheet-newitem  .fa{
    
    color: #4376A9;
}

.js-timesheet-weekly .badge{
    
   background-color: #4376A9;
}
/*.ui-widget-content{
    background-color:#EBF3FD;
}*/



.timsheet-hourworked-tablecontent .table th{
    background-color:#EBF3FD;
}


.timsheet-hourworked-tablecontent {
    padding:0px;
}


.timesheet-valign-middle{
    vertical-align:middle;
}
tr.group {
background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

/* Add this attribute to the element that needs a tooltip */
[data-tooltip] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

/* Hide the tooltip content by default */
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}

/* Position tooltip above the element */
[data-tooltip]:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 20px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.8);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: x-small;
  line-height: 1.2;
}

/* Triangle hack to make tooltip look like a speech bubble */
[data-tooltip]:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.8);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}

/* Show tooltip content on hover */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}



.panel-heading .fixed-panel{
    background-color:#777777;
}
.fixed-panel{
    position:fixed;
    width: 100%;
    z-index: 99999;
    top: 0;
    font-weight:bold;
}
.timevaluetextstyle{
    width:100%;
    font-size:smaller;

}
.timequantitystyle{
    width:100%;
    text-align:center;
}
.bluefontcolor{
    color:blue;

}
.datagridrowselect{
     /*display: inline-block;*/
    /*background: url("/StylesLibs/images/menu/checkbox.png") no-repeat ; 
    padding-left: 18px;
    background-size:18px;*/

}
.tdcenter
{
    text-align:center; 
    vertical-align:middle;
}
.tdcheckmark{
    max-width:1px; 
    border-right:dotted;
    border-left:dotted; 
    border-width:thin;
    cursor:pointer;
}
.balckanchor a{
    color:black !important;
    cursor:pointer;
}
.anchorselected{
     /*display: inline-block;*/
    background: url("/StylesLibs/images/menu/checkbox.png") no-repeat 0%;
    background-size:20px;
    display:inline-block;
    

}
.anchornotselected{
     /*display: inline-block;*/
    background-size:20px;
    display:inline-block;

}
.sortselected{
    background: url("/StylesLibs/images/checkboxselect.png") no-repeat 0%;
    background-size:20px;
    display:inline-block;
    padding-left:20px;
    cursor:pointer;
}
.sortunselected{
    background: url("/StylesLibs/images/checkboxunselect.png") no-repeat 0%;
    background-size:20px;
    display:inline-block;
    padding-left:20px;
    cursor:pointer;
}
.popover-title{
    background: #777777;
    color:white;
}
hr {
    border-top: 1px solid #ccc;
}
.text-box {
    display: block;
    
    height: 27px;

    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.text-box:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.js-date {
    min-width:92px;
}
.js-focusable:focus { 
     border-bottom:solid;
     border-bottom-color:#36b4cb;
     transition: 0.4s;
} 
input:focus, textarea:focus { 
     border-bottom: 2px solid #36b4cb;
     transition: 0.4s;
} 
.reasonforbilling{
    color:blue;
    font-style:italic;
}
.fixedsize-firstcol{
    width:10px;
    table-layout:fixed;
}
.js-wip-value .badge{
    
   font-size:xx-small;
}
.filter-toolbar .button-group{
    position:relative;
    display:inline;
}
.button-group > select{
      position:relative;
      display:inline;
      width:auto;
}
.billinginfobold {
    font-weight:bold;
    font-size:smaller;
    color:#4376A9;
}
.billinginfonormal {
    font-size:smaller;
    color: #4376A9;
}
.BillingInfoContainer{
    display:inline;
    position:relative;
    
}
#div-selectmember .textbox {
    width:initial;
    margin-left:-20px;
    border-radius:5px;
}
#div-selectmember .js-show-dialog{
    display:inline-block;
    margin-left:-20px;
}

input[type="text"][readonly] {
  
   background-color:#F5F5F5;
}
.button-wrapper  .btn{
   max-height:25px;
   margin-top:-2px;
   max-width:3px;
   margin-left:0px;
   
}
.button-wrapper .glyphicon{
   top:-3px;
   left:-8px;
   color:#4376A9;
}
.btn-send-invoice  .btn{
   max-height:25px;
   margin-top:-45px;
   max-width:3px;
   margin-left:8px;
   
}
.btn-time-entry{
    display: inline-block;
}
.btn-newtime-entry-action{
    display:inline-flex;
    margin-top:0px;
    margin-left:-15px;   
}

.btn-split
{
    background: url("/StylesLibs/images/cut.png") no-repeat center;
    background-color: none;
    background-position: center !important;
    z-index: 0;
}
.btn-showcombined
{
    background: url("/StylesLibs/images/view_detail_32.png") no-repeat center;
    background-color: none;
    background-position: center !important;
    z-index: 0;
}
.slidecontainer{
    width:100%;
}

.slider {
    -webkit-appearance: none;
    width: 100%;
    height: 15px;
    border-radius: 5px;   
    background: #d3d3d3;
    outline: none;
    opacity: 0.7;
    -webkit-transition: .2s;
    transition: opacity .2s;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 25px;
    height: 25px;
    border-radius: 50%; 
    background: #4CAF50;
    cursor: pointer;
}

.slider::-moz-range-thumb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background: #4CAF50;
    cursor: pointer;
}
.Combined-Time-Entry {
	background-color: #DDDDDD;
    
}


.SpellCheckStyle {
    border: solid;
    border-width: 1px; 
    /*height: 155px;*/
    overflow-x: auto;
    max-height:400px;
}

.js-SpellCheckbtnStyle{
   width: 100px;
}


.SpelltxtStyle {   
    width: 150px;           
}

.txtTimeEntriesStyle  {
    display: none;      
}
.non-border-table { border-collapse: collapse; }
.trtopborderthin {

    border-top: solid thin; 
    border-color:gray;
}
.trtopborderthick {

    border-top: thick solid; 
    border-color:gray;

}

.trbottomborderthick {
    border-bottom: thick solid;
    border-color: gray;
}

.stickyNavBar {
  position: fixed;
  top: 95%;
  width: 100%; 
}

/*---------------------------------------------------------------------------------------------------------------*/
/*Task List*/
#div-form-title .title-image-mvc-tasklist
{
  background: url("/StylesLibs/images/menu/menu_TaskList_32.png") no-repeat .1% 100%;  
  padding-top:5px;
}

#div-form-title .title-mvc-tasklist
{
  padding-left:45px;
}

.input-date-TL {
    background-image: url('/StylesLibs/images/date.png');
    background-position: 4px 4px; 
    background-repeat: no-repeat;
    padding: 12px 20px 6px 35px;
    vertical-align:middle;
    border:1px solid #bfbfbf;
    border-radius:4px; 
    /*width:120px;*/
    float:none;
    margin:0 auto;
}
/*---------------------------------------------------------------------------------------------------------------*/
 .ui-autocomplete-category {
     z-index:1;
     border-bottom: solid;
     border-color: #DDDDDD;
      background-color:white;
    padding: .2em .4em;
    /*margin: .8em 0 .2em;*/
  }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-autocomplete, .ui-autocomplete:hover,
.ui-menu-item, .ui-menu-item:hover,
.ui-menu-item a, .ui-menu-item a:hover,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active,
.ui-menu .ui-menu-item a {
    background: white none no-repeat !important;
    padding: 0;
    margin: 0;
    display: block;
    /*border: 0;*/
    /*border-collapse: collapse;*/
}


.details-control .normal {
    background: url('../../StylesLibs/images/down.png') no-repeat center center;
    cursor: pointer;
 
}
.details-control .shown {
    background: url('../../StylesLibs/images/up.png') no-repeat center center;
    
}
[data-toggle="toggle"] {
	display: none;
}
.groupedrow{
    cursor: pointer;
    background-color:white !important;
    
}
.timesheet-posted{
    font-weight:bold;
    color:blue;
    white-space:nowrap;
}
.timesheet-notposted {
    font-weight:normal;
    color:black;
    white-space:nowrap;
}

.panelBarheight {
    height: 50px;
}
.invoice-instruction{
    display:inline;
}
.client-isntruction{
    margin-top:12px;
}
.matter-isntruction{
    margin-top:12px;
}
.special-isntruction{
    margin-top:12px;
}
.js-link-instruction{
   cursor:pointer;
} 

.tasklist_Content{
     height: 100px;     
}


.TaskList-body .input-client , .Dashboard-body .input-client, .ImportantDate-body .input-client
{
    background-image: url('/StylesLibs/images/client.png');
    background-position: 4px 4px; 
    background-repeat: no-repeat;
    height:34px;
    padding: 1px 20px 0px 35px;
    vertical-align:middle;
    
}

.TaskList-body .input-member, .ImportantDate-body .input-member{
    background-image: url('/StylesLibs/images/member.png');
    background-position: 4px 4px; 
    background-repeat: no-repeat;
    padding: 1px 20px 0px 35px;
    vertical-align:middle;
    
}

.TaskList-body .input-matter, .Dashboard-body .input-matter, .ImportantDate-body .input-matter
{
    background-image: url('/StylesLibs/images/matter.png');
    background-position: 4px 4px; 
    background-repeat: no-repeat;
    height:34px;
    padding: 1px 20px 0px 35px;
    vertical-align:middle;
    
}

.TaskList-body .input-grouptype{
    background-image: url('/StylesLibs/images/grouptype.png');
    background-position: 4px 4px; 
    background-repeat: no-repeat;
    padding: 1px 20px 0px 35px;
    vertical-align:middle;
    
}
.TaskList-body .input-persongroup, .ImportantDate-body .input-type {
    background-image: url('/StylesLibs/images/type.png');
    background-position: 4px 4px; 
    background-repeat: no-repeat;
    padding: 1px 20px 0px 35px;
    vertical-align:middle;
    
}

.tasklist-mvc-cell-align{
    margin-top:12px;
    display:inline-block;
}

#appointmentTask
{
    padding: 5px 0px 0px 5px;
}

#appointmentTask .statusAcceptt,
#appointmentTask .statusTentativee,
#appointmentTask .statusDeclinee
{
    height: 112px;
    width: 80px;
}

#appointmentTask .statusAcceptt
{
    background: #DEDEDE url('/StylesLibs/images/acceptApp.png') no-repeat 10px 50px;
}

#appointmentTask .statusTentativee
{
    background: #DEDEDE url('/StylesLibs/images/tentativeApp.png') no-repeat 17px 50px;
}

#appointmentTask .statusDeclinee
{
    background: #DEDEDE url('/StylesLibs/images/declineApp.png') no-repeat 10px 50px;
}

#appointmentTask .borderless td, .borderless th {
    border: none;
}
.foundrow{
    background-color:#ccf2ff;
}
.replacedrow{
    background-color:#ccffcc;
}

.foundword{
    color:blue;

}
.replacedword{
    color:green;
}
.wrongword{
       color:red;
}
.wrongspell{
    color:red;
}
.foundtheword{
    /*animation: blinker 1.5s normal infinite;*/
    color:white;
    background-color:navy;
}
@keyframes blinker {
  50% {opacity: 0;}
}

.wrongrow{
       background-color:#ffe6e6;
}

.infoDetail{
    border: 1px solid black;
    background: #daebe8;  
    border-radius: 25px;  
}

.backgrTableCell{
    background: #f5f5ef;
}

div.dashboarExposure{
    width: 95%;
}

.appointmentpaddingless
{
    padding: 0px 0px 0px 5px;
}


/*---------------------------------------------------------------------------------------------------------------*/
/*Dashboar*/
#div-dashboard-title 
{
    width:100%; 
    height:50px; 
    background:url("/StylesLibs/images/page-title-bg.png") ; 
}

#div-dashboard-title .title-image-dashboard
{
  background: url("/StylesLibs/images/menu/menu_Dashboard_32.png") no-repeat .1% 100%;  
  padding-top:5px;
}

#div-dashboard-title .title-dashboard
{
  padding-left:45px;
}

#div-dashboard-title .dashboard-report-title
{
  padding-left:45px;
}

#div-dashboard-title .dashboard-report-image
{
  background: url("/StylesLibs/images/ReportList_26.png") no-repeat .1% 100%;  
  padding-top:5px;
}

.chart {
  width: 100%; 
  min-height: 300px;
}

.editable-div {
    background-color: white;
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    overflow: auto;
    display: inline-block;
    height: 175px;
    content: " ";
    white-space: pre-wrap;
}
#div-form-title .title-image-mvc-importantdate
{
  background: url("/StylesLibs/images/menu/calendar_importantdate_32.png") no-repeat .1% 100%;  
  padding-top:5px;
}

#div-form-title .title-mvc-importantdate
{
  padding-left:45px;
}

.importantdatebody {
    background-color: lightblue;
}
/*-----------------------------------------------------------------------------------------------*/
/*WIP*/
#div-form-title .title-image-mvc-wip
{
  background: url("/StylesLibs/images/menu/books_32.png") no-repeat .1% 100%;  
  padding-top:5px;
}
#div-form-title .title-mvc-wip
{
  padding-left:45px;
}
/*---------------------------------------------------------------------------------------------------------------*/
/*firmView*/
#div-form-title .title-image-mvc-firmview
{
  background: url("/StylesLibs/images/menu/menu_firm_32.png") no-repeat .1% 100%;  
  padding-top:5px;
}
#div-form-title .title-mvc-firmview
{
  padding-left:45px;
}
.subtitle {
    border-bottom: solid thin;
    border-color:grey;
}
.table-td-center > td{
     text-align:center;
}
/*On/Off switch css*/
/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 20px;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 4px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #3F82CC;
}

input:focus + .slider {
  box-shadow: 0 0 1px #3F82CC;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.InputWithIcon input{
    
    padding-left:15px !important;
    
}
.InputWithIcon{
    position:relative;
    display:inline-block;
}
.InputWithIcon i{
    position:absolute;
    left:0;
    top:5px;
    padding:5px 2px;
    color:#aaa;
    transition:1.5s;
}
.InputWithIcon :focus +i{
    color:dodgerblue;

}

    .InputWithIcon span {
        position:absolute;
        left: 0;
        top: 5px;
        padding: 5px 2px;
        color: #aaa;
        transition: 1.5s;
    }

    .InputWithIcon :focus + span {
        color: dodgerblue;
    }

/* The radiocontainer */
.radiocontainer {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default radio button */
.radiocontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

input[type=radio] ~ .checkmark {
    border-radius: 50%;
}
input[type=checkbox] ~ .checkmark {
    border-radius: 5%;
}
    /* Create a custom radio button */
.checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 18px;
        width: 18px;
        background-color: #eee;
}

/* On mouse-over, add a grey background color */
.radiocontainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radiocontainer input:checked ~ .checkmark {
    background-color: #3F82CC;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.radiocontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.radiocontainer .checkmark:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    
    background: white;
}
.radiocontainer input[type=radio] ~ .checkmark:after {
    border-radius: 50%;
}
.radiocontainer input[type=checkbox] ~ .checkmark:after {
    border-radius: 5%;
}
    /*chehbox container*/
    .checkboxcontainer {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}



table.total-info2 th {
    /*font-weight: bold;*/
    vertical-align: middle !important;
    max-width: 140px;
    /*background-color: #e6e6e6;*/
    
}
table.total-info2 td.sum{
   
   text-decoration:overline;

}
.spacedlabel label {
    margin-left: 5px;
}

/*.table-area {
    position: relative;
    z-index: 0;
    height: 350px;
    overflow-y: auto;
}*/

.responsive-table {
    width: 100%;
}

.responsive-table thead, .responsive-table tbody, .responsive-table tr, .responsive-table td, .responsive-table th {
        display: block;
        
    }

.responsive-table tr:after {
    content: ' ';
    display: block;
    /*visibility: hidden;*/
    clear: both;
}

.responsive-table thead th {
        height: 30px;
        text-transform:uppercase;
        /*text-align: left;*/
    }

.responsive-table tbody {
    height:320px;
    overflow-y: auto;
}

.responsive-table thead {
    /* fallback */
}

.fixed-2cols tbody td, .fixed-2cols thead th {
        width: 50%;
        float: left;
    }
.fixed-3cols tbody td, .fixed-3cols thead th {
        width: 33.33%;
        float: left;
    }

.fixed-4cols tbody td, .fixed-4cols thead th {
        width: 25%;
        float: left;
    }
.fixed-5cols tbody td, .fixed-5cols thead th {
        width:20%;
        float: left;
    }
.fixed-6cols tbody td,  .fixed-6cols thead th {
        width: 16.66%;
        float: left;
    }
 .fixed-7cols tbody td,.fixed-7cols thead th {
        width: 14.28%;
        float: left;
    }
.timesheet-mvc-row-header1 {
    background-color:transparent !important;
    font-weight: bold !important;
}
.timesheet-mvc-row-header2 {
    background-color: #F9F9F9 !important;
    font-weight: bold !important;
}

.timesheet-mvc-row-header-time {
        font-weight: bold !important;
    }
.timesheet-mvc-row-detail-chargeable {
    margin-left: 20px;
}
.checkbox-indent{
    display:block;
    padding-left:2.5em;
    
}