/*@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    
    font-family: "Open Sans", Calibri, Tahoma, Verdana, Arial, sans-serif !important;
}*/

/*.RadForm.rfdTextbox input[type="text"].rfdDecorated, .RadForm.rfdTextbox input[type="password"].rfdDecorated, .RadForm.rfdTextarea textarea, .RadForm.rfdTextarea textarea[disabled].rfdDecorated:hover, .RadForm.rfdTextbox input[disabled][type="text"].rfdDecorated:hover, .RadForm.rfdTextbox input[disabled][type="password"].rfdDecorated:hover, .RadForm.rfdLabel label, .RadForm .rfdDecorated, .RadForm .rfdCheckboxChecked, .RadForm .rfdInputDisabled.rfdCheckboxChecked:hover, .RadForm .rfdCheckboxUnchecked, .RadForm .rfdInputDisabled.rfdCheckboxUnchecked:hover, .RadForm.rfdLabel .rfdAspLabel, .RadForm .rfdRadioUnchecked, .RadForm .rfdInputDisabled.rfdRadioUnchecked:hover, .RadForm .rfdRadioUnchecked:hover, .RadForm .rfdRadioChecked, .RadForm .rfdInputDisabled.rfdRadioChecked:hover, .RadForm .rfdRadioChecked:hover, .RadForm .riTextBox, .RadForm .rfdValidationSummaryControl, .RadForm .rfdLoginControl, .RadForm legend {
    font-family: "Open Sans", Calibri, Tahoma, Verdana, Arial, sans-serif !important;
}*/

Body, th, td {
    font-family: "Open Sans", Calibri, Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    color: #767676 !important;
}

/*.RadTabStrip_Metro .rtsLink {
    padding: 0 15px;
    color: #767676;
    font: 14px/22px "Open Sans",Arial,sans-serif;
    text-transform: lowercase;
}
.RadComboBox_Metro .rcbInput {
    font-family: "Open Sans", Calibri, Tahoma, Verdana, Arial, sans-serif !important;
}*/

/*.RadForm_Metro.rfdLabel label, .RadForm_Metro.rfdLabel .rfdAspLabel, .RadForm_Metro.rfdRadio .rfdRadioUnchecked, .RadForm_Metro.rfdRadio .rfdRadioChecked, .RadForm_Metro.rfdCheckbox .rfdCheckboxUnchecked, .RadForm_Metro.rfdCheckbox .rfdCheckboxChecked {
    font-family: "Open Sans", Calibri, Tahoma, Verdana, Arial, sans-serif !important;
}*/

.RadComboBox_Metro {
    color: #000;
    font-size: 12px;
    font-family: "Open Sans",Arial,Helvetica,sans-serif;
}


.unity-item {
    font-size: x-small !important;
}

::-webkit-scrollbar {
    width: 12px !important;
    height: 12px !important;
}

::-webkit-scrollbar-button {
    width: 0px !important;
    height: 0px !important;
}

::-webkit-scrollbar-thumb {
    background: #cfcfcf !important;
    border: 0px none #ffffff !important;
    border-radius: 0px !important;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #b7b7b7 !important;
    }

    ::-webkit-scrollbar-thumb:active {
        background: #000000 !important;
    }

::-webkit-scrollbar-track {
    background: #ffffff !important;
    border: 0px none #ffffff !important;
    border-radius: 0px !important;
}

    ::-webkit-scrollbar-track:hover {
        background: #b7b7b7 !important;
    }

    ::-webkit-scrollbar-track:active {
        background: #b7b7b7 !important;
    }

::-webkit-scrollbar-corner {
    background: transparent !important;
}

.icon-background {
    height: 24px !important;
    width: 24px !important;
    vertical-align: middle !important;
    border-radius: 50% !important;
    text-align: center !important;
}

.icon-image {
    position: relative;
    height: 18px !important;
    width: 18px !important;
    bottom: -2px!important;
    vertical-align: middle !important;
    text-align: center !important;
}

span.icon-image {
    background-size: 18px 18px !important;
}

.icon-text {
    position: relative;
    font-size: 22px !important;
    color: #FFFFFF !important;
    bottom: -4px !important;
    text-decoration: none !important;
}

.smallFont {
    font-size: 11px !important;
}

.superSmallFont {
    font-size: 9px !important;
}

.rgHeader > a {
    font-size: 15px !important;
}

/*a:link {
    font-size: 18px !important;
}

a:visited {
    font-size: 18px !important;
}

a:hover {
    font-size: 18px !important;
}

a:active {
    font-size: 18px !important;
}*/

.icon-text-two {
    position: relative;
    font-size: 16px !important;
    color: #FFFFFF !important;
    bottom: -3px !important;
    text-decoration: none !important;
}

.icon-text-three {
    position: relative;
    font-size: 12px !important;
    color: #FFFFFF !important;
    bottom: -3px !important;
    text-decoration: none !important;
}


a.icon-text {
    position: relative;
    font-size: 22px !important;
    color: #FFFFFF !important;
    bottom: -4px !important;
    text-decoration: none !important;
}

a.icon-text-two {
    position: relative;
    font-size: 16px !important;
    color: #FFFFFF !important;
    bottom: -2px !important;
    text-decoration: none !important;
}

a.icon-text-three {
    position: relative;
    font-size: 12px !important;
    color: #FFFFFF !important;
    bottom: -3px !important;
    text-decoration: none !important;
}

.rtbIcon {
    position: relative;
    height: 22px !important;
    width: 22px !important;
    vertical-align: middle !important;
    text-align: center !important;
}

.treeview-bookmark-content {
    font-size: 14px !important;
}

.content-page-short-menu-text {
    font-size: 18px !important;
    text-decoration: none !important;
}

    .content-page-short-menu-text:hover {
        font-size: 18px !important;
        /*font-style:italic !important;*/
        font-weight: bold !important;
        color: #000000 !important;
        text-decoration: none !important;
    }

.content-page-short-menu-text-selected {
    font-size: 18px !important;
    /*font-style:italic !important;*/
    font-weight: bold !important;
    color: #000000 !important;
    text-decoration: none !important;
}

.column-prefs-icon {
    height: 24px !important;
    width: 24px !important;
    cursor: pointer !important;
}

.calendar-appt {
    height: 110px !important;
    display: block !important;
}

/*.calendar-appt-desc {
}

.calendar-appt-time-span {
}

.calendar-appt-desc-string {
}

.calendar-appt-total-hours {
}*/

#outerNotificationContainer {
    padding: 6px 0px 0px 0px;
    height: 150px;
    overflow: hidden;
    display: block !important;
}

#leftNotificationContainer {
    display: inline-block;
    position: absolute;
    left: 0;
    right: 28px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 150px;
    padding-right: 4px;
}

#rightNotificationContainer {
    display: inline-block;
    position: absolute;
    left: auto;
    right: 0px;
    width: 22px;
    overflow: hidden;
    vertical-align: top;
    height: 150px;
}

.alert-notification-container {
    cursor: pointer;
    overflow: hidden !important;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    margin: 0px 0px 4px 0px;
    padding: 0px;
    height: 23px;
    width: 100%;
    clear: both;
}

.alert-notification {
    overflow: hidden;
    text-align: left !important;
    padding-left: 6px;
    padding-top: 2px;
}




.ew-css {
    border: 1px solid #CECECE;
    position: relative;
    background-color: #ffffff;
    padding: 15px;
    -webkit-border-radius: 0px 0px 2px 2px;
    -moz-border-radius: 0px 0px 2px 2px;
    border-radius: 0px 0px 2px 2px;
    margin: 0px 0px 20px 0px;
    box-shadow: 2px 2px 2px #cecece;
    overflow: auto;
}

.ew-title-link {
    text-decoration: none;
    padding: 6px 10px 10px 10px;
    color: white !important;
    font-size: 15px;
    /*text-transform: uppercase;*/
}

.ew-title {
    height: 28px;
    -webkit-border-radius: 2px 2px 0px 0px;
    -moz-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px;
    box-shadow: 0px 2px 0px #cecece !important;
}

input[type=text]:disabled {
    background: #FFFFFF !important;
    color: #000000 !important;
    font-weight: bold !important;
}

.code-description-container {
    /*border: solid 1px red;*/
    vertical-align: middle !important;
    padding: 0px 0px 6px 0px;
    min-height: 20px !important;
}

.code-description-container-label {
    padding: 3px 0px 0px 0px !important;
}

.code-description-label {
    display: inline-block;
    color: #767676;
    
    min-width: 150px;
    vertical-align: middle !important;
    padding: 2px 6px 0px 0px;
    text-align: right;
}

.code-description-label-xxxl {
    display: inline-block;
    min-width: 350px;
    vertical-align: middle !important;
    padding: 0px 6px 0px 0px;
    text-align: right;
    /*border: 1px solid blue;*/
}

.code-description-code {
    display: inline-block;
    min-width: 82px;
    vertical-align: middle !important;
    margin: 0px 0px 0px 0px;
    text-align: left;
}

.code-description-description {
    display: inline-block;
    min-width: 400px;
    vertical-align: middle !important;
    margin: 0px 0px 0px 0px;
    text-align: left;
}

.code-description-description-text {
    display: inline-block;
    min-width: 400px;
    vertical-align: middle !important;
    margin: 0px 0px 0px 0px;
    padding-top: 5px;
    text-align: left;
}

a.JobTemplateLabel:link {
    cursor: default !important;
    text-decoration: none !important;
    color: #333333 !important;
}

a.JobTemplateLabel:visited {
    cursor: default !important;
    text-decoration: none !important;
    color: #333333 !important;
}

a.JobTemplateLabel:hover {
    cursor: default !important;
    text-decoration: none !important;
    color: #333333 !important;
}

a.JobTemplateLabel:active {
    cursor: default !important;
    text-decoration: none !important;
    color: #333333 !important;
}

.JobTemplateLabel {
    cursor: default !important;
    text-decoration: none !important;
    color: #333333 !important;
}

.more-info {
    /*height: 35px !important;*/
    width: 100% !important;
    margin: 0px 0px 0px 0px !important;
    padding: 10px 0px 10px 5px !important;
}

/*      TIMESHEET          */
.timesheet-day-main-container {
    min-height: 28px !important;
}

.timesheet-day-hours-textbox {
    float: left;
    text-align: right;
    vertical-align: top;
    margin-top: 0px;
    width: 35px !important;
}

.timesheet-day-hours-textbox-container {
    display: inline-block;
    float: left;
}

.timesheet-day-comments-textbox {
    float: left;
    min-width: 145px !important;
    min-height: 32px !important;
    resize: both !important;
}

.timesheet-day-comments-textbox-container {
    padding: 2px 0px 0px 0px !important;
}

.timesheet-day-buttons-container {
    float: left;
    vertical-align: middle;
    padding: 2px 0px 0px 0px;
    display: inline-block;
}

.timesheet-day-grid-button {
    display: inline-block;
    padding: 0px 0px 0px 4px;
    float: left;
}

.timesheet-day-radgrid-column-none {
    min-width: 40px !important;
    max-width: 40px !important;
}

.timesheet-day-radgrid-column-none-today {
    min-width: 76px !important;
    max-width: 76px !important;
}

.timesheet-day-radgrid-column-icon {
    min-width: 75px !important;
    max-width: 75px !important;
}

.timesheet-day-radgrid-column-icon-today {
    min-width: 100px !important;
    max-width: 100px !important;
}

.timesheet-day-radgrid-column-textbox {
    min-width: 120px !important;
    max-width: 120px !important;
}

.timesheet-day-radgrid-column-textbox-today {
    min-width: 120px !important;
    max-width: 120px !important;
}

/*.timesheet-day-edit-item-template-container {
}*/

.timesheet-day-edit-item-template-container-no-comment {
    min-height: 40px;
}

.timesheet-day-hours-textbox-container #radNumericTextBox_NewItemSunday,
.timesheet-day-hours-textbox-container #radNumericTextBox_NewItemMonday,
.timesheet-day-hours-textbox-container #radNumericTextBox_NewItemTuesday,
.timesheet-day-hours-textbox-container #radNumericTextBox_NewItemWednesday,
.timesheet-day-hours-textbox-container #radNumericTextBox_NewItemThursday,
.timesheet-day-hours-textbox-container #radNumericTextBox_NewItemFriday,
.timesheet-day-hours-textbox-container #radNumericTextBox_NewItemSaturday {
    margin-top: 0px;
    width: 70px;
    height: 22px !important;
}


#ctl00_ContentPlaceHolderMain_RadGridTimesheetNew_ctl00 th.timesheet-day-radgrid-column-icon-today.rgHeader {
    font-weight: 600;
    background-color: silver;
    color: #666;
}
/*table {
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    border-color: #666;
    border-radius: 6px;
}
table tr td {
    border-style: solid;
    border-color: #ccc;
}

table td {
    padding: 3px 10px;
    height: 34px;
    line-height: 1.6em;
    vertical-align: middle;
}*/

input {
    color: #000000 !important;
}


/*      RADMENU NAVIGATION          */
.nav-new-app-alert {
    height: 16px;
    width: 16px;
}

.nav-bookmarks {
    height: 16px;
    width: 16px;
}

.nav-quick-launch {
    height: 16px;
    width: 16px;
}

.nav-next-workspace {
    height: 16px;
    width: 16px;
}

.nav-previouse-workspace {
    height: 16px;
    width: 16px;
}

.nav-home {
    height: 16px;
    width: 16px;
}

.radgrid-icon-column {
    vertical-align: middle !important;
    width: 20px !important;
    max-width: 20px !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

.radgrid-usercode-column {
    min-width: 10px !important;
    width: 65px !important;
    max-width: 90px !important;
    overflow: hidden;
    /*white-space: nowrap;*/
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -ms-word-break: normal !important;
    word-break: normal !important;
    -ms-word-wrap: normal !important;
    word-wrap: normal !important;
    text-align: left !important;
}

.radgrid-employee-name-column {
    /*min-width: 130px !important;*/
    max-width: 210px;
    overflow: hidden;
    /*white-space: nowrap;*/
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -ms-word-break: normal !important;
    word-break: normal !important;
    -ms-word-wrap: normal !important;
    word-wrap: normal !important;
    text-align: left !important;
}

.radgrid-description-column {
    vertical-align: middle !important;
    min-width: 155px !important;
    max-width: 235px;
    overflow: hidden;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -ms-word-break: normal !important;
    word-break: normal !important;
    -ms-word-wrap: normal !important;
    word-wrap: normal !important;
    text-align: left !important;
}

.radgrid-large-description-column {
    vertical-align: middle !important;
    /*min-width: 205px !important;*/
    max-width: 285px;
    overflow: hidden;
    /*white-space: nowrap;*/
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -ms-word-break: normal !important;
    word-break: normal !important;
    -ms-word-wrap: normal !important;
    word-wrap: normal !important;
    text-align: left !important;
}

.radgrid-textarea-column {
    min-width: 150px;
}

.radgrid-textarea {
    min-height: 50px;
    min-width: 150px;
    resize: both !important;
}

.RadGrid_Metro textarea {
    resize: both !important;
}

.radgrid-amount-column {
    width: 85px !important;
    vertical-align: middle !important;
    text-align: right !important;
}

.radgrid-amount-input {
    width: 85px !important;
    vertical-align: middle !important;
    text-align: right !important;
}

.radgrid-shortdate-column {
    vertical-align: middle !important;
    text-align: right !important;
}

.radgrid-datetime-column {
    vertical-align: middle !important;
    text-align: right !important;
}

.radgrid-code-column {
    vertical-align: middle !important;
    text-align: left !important;
}

.radgrid-numeric-column {
    vertical-align: middle !important;
    text-align: right !important;
}

.RadTreeView .rtLI {
    font-size: 14px !important;
}

.RadTreeView .rtUL .rtUL {
    font-size: 14px !important;
}

.RadComboBox_Metro .rcbInputCell,
.RadComboBox_Metro .rcbArrowCell {
    border: 1px solid #e5e5e5 !important;
}

.RadGrid_Metro .rgRow > td, .RadGrid_Metro .rgAltRow > td, .RadGrid_Metro .rgEditRow > td, .RadGrid_Metro .rgFooter > td, .RadGrid_Metro .rgHeader > td {
    border-left-style: none !important;
    /* border: 1px solid #e0e0e0 !important;
    height: 40px !important;
    vertical-align: middle !important;*/
   
}

.RadGrid_Metro .rgHeader, .RadGrid_Metro th.rgResizeCol {
    border-left-style: none !important;
    /*height: 45px !important;
    */
}

div.RadGrid_Metro .rgSelectedRow, .rgSelectedRowtd {
    background-color: #e0e0e0 !important;
}

div.RadToolTip_Metro table.rtWrapper td.rtWrapperContent {
    background-color: #e0e0e0 !important;
}

.radtooltip-style {
    min-width: 85px !important;
}

div.RadScheduler_Metro .rsAptContent {
    padding-left: 10px;
    padding-right: 10px;
}

td.dxgv {
    font-size: 12px !important;
    font-family: Calibri,Tahoma, Verdana, Arial !important;
}

.dxgvHeader td {
    font-size: 13px !important;
    font-family: Calibri,Tahoma, Verdana, Arial !important;
}
/*
div.RadGrid .rgRow, .rgRowtd, .rgAltRow, .rgAltRowtd
{
}
.RadMenu_Metro, .RadMenu_Metro a.rmLink
{
    font-size :15px !important;
}

*/
.grid-lookup-combobox-dropdown-container {
    width: 304px;
    display: inline-block;
}

.grid-lookup-combobox-dropdown-container-wide {
    width: 450px;
    display: inline-block;
}

.grid-lookup-combobox-dropdown-code {
    width: 90px;
    display: inline-block;
    overflow: hidden;
}

.grid-lookup-combobox-dropdown-name {
    width: 210px;
    display: inline-block;
    overflow: hidden;
}

/*--- form-layout ---*/
.form-layout > ul li:first-child {
    width: 135px; /* default size */
}

.form-layout.label-3xl > ul li:first-child {
    width: 235px;
}

.form-layout.label-2xl > ul li:first-child {
    width: 210px;
}

.form-layout.label-xl > ul li:first-child {
    width: 185px;
}

.form-layout.label-l > ul li:first-child {
    width: 160px;
}

.form-layout.label-m > ul li:first-child {
    width: 110px;
}

.form-layout.label-s > ul li:first-child {
    width: 85px;
}

.form-layout.label-xs > ul li:first-child {
    width: 60px;
}

.team_task_employee_icon {
    margin-top: 12px;
    display: inline-block;
    height: 50px;
    vertical-align: middle;
}
/*
    estimate layout
*/
.est-TextBoxText1-col {
    width: 80px !important;
}

.est-radgrid-code-column {
    width: 100px !important;
}

.est-radgrid-description-column {
    width: 190px !important;
}

.est-Quantity-col {
    width: 90px !important;
    text-align: left;
}

.est-Rate-col {
    width: 90px !important;
    text-align: left;
}

.est-Markup-col {
    width: 80px !important;
    text-align: left;
}

.est-Amount-col {
    width: 70px !important;
    text-align: left;
}

.est-CPU-col {
    width: 10px !important;
    text-align: center;
}

/*
    Project Schedule Grid Styles
*/
.ps-radgrid-code-column {
    width: 90px !important;
}

.ps-radgrid-description-column {
    width: 180px !important;
}

.ps-radgrid-code-small-column {
    width: 75px !important;
}

.ps-radgrid-code-medium-column {
    width: 90px !important;
}

.ps-RadComboBoxText15-col {
    width: 120px !important;
}

.ps-RadComboBoxText10-col {
    width: 90px !important;
}

.ps-RadComboBoxText30-col {
    width: 210px !important;
}

.ps-TextBoxText3-col {
    width: 35px !important;
}

.ps-TextBoxText5-col {
    width: 60px;
}

.ps-TextBoxShortDate-col {
    width: 68px !important;
    text-align: right;
}

    .ps-TextBoxShortDate-col > input {
        text-align: right;
    }

    .ps-TextBoxShortDate-col > span {
        padding-left: 3px;
        padding-right: 3px;
    }

.ps-linkBtnWithHdrText-col {
    width: 65px !important;
}

.ps-checkbox-col {
    width: 35px !important;
}

.ps-radgrid-iconX2-column {
    width: 40px;
}

    .ps-radgrid-iconX2-column ul li {
        display: inline;
        margin: 0;
        padding: 0;
    }

    .ps-radgrid-iconX2-column ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
        width: 40px;
    }

.ps-DispersedHours-col {
    width: 65px !important;
    text-align: right;
}

.ps-PostedHours-col {
    width: 45px !important;
    text-align: right;
}

.ps-EmployeesLink-col {
    width: 70px !important;
}

.ps-radgrid-textarea {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/*.pred-label-wrap {
}*/

.ps-drag-drop-column {
    width: 25px !important;
    min-width: 25px !important;
}

.workspace-checkbox {
    font-size: 13px !important;
}

.workspace-checkbox-container {
    display: inline-block;
    margin: 0px 5px 0px 0px;
    vertical-align: top;
}

.workspace-delete-link-container {
    display: inline-block;
    padding: 2px 0px 0px 0px;
    vertical-align: top;
}

.alert-view-comment-textbox-container {
    padding: 16px 0px 0px 4px;
    width: 99%;
    text-align: center;
}

.alert-view-comment-buttons-container {
    margin: 12px 0px 0px 0px;
}

.alert-view-assignment-comment {
    height: 107px !important;
}

.RadDataPager {
    margin-top: 7px !important;
    border: 0px !important;
}

/*.rdpPagePrev {
}*/

div.reContentArea {
    color: #000000 !important;
}

.pmd-floatie {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-bottom: 0px;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    cursor: pointer;
    font-size: 18px;
}

/*.pmd-left-nav {
}*/

.pmd-show-menu {
    margin-top: 8px;
}

.pmd-show-icon {
    bottom: -4px;
}

.content-left-full {
    position: absolute;
    left: 0;
    width: 200px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding-top: 5px;
}

.content-main-full {
    position: fixed;
    top: 0;
    left: 200px;
    right: 0px;
    bottom: 20px;
    overflow: hidden;
    padding-top: 5px;
    padding-left: 5px;
}

.content-left-short {
    left: 0;
    width: 50px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    /*padding-top: 5px;*/
}

.content-main-short {
    position: fixed;
    top: 0;
    left: 50px;
    right: 0px;
    bottom: 0;
    overflow: hidden;
    padding-top: 5px;
    padding-left: 5px;
}

.short-menu-control-container {
    padding-left: 8px;
    padding-top: 16px;
}

.short-menu-item {
    height: 34px;
}

.short-link-button {
    font-size: 36px;
}

.short-link-button-selected {
    font-size: 48px;
    font-weight: bold;
}
.dash-pager-container {
    margin: -30px 0px 0px 11px;
}

.rfdSkinnedButton input {
    color: #333;
    background-color: #ebebeb;
    background-position: 50% 50%;
    border-color: #aeaeae;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    padding: 4px 14px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    background-repeat: repeat-x;
    background-position: 0 center;
    font: inherit;
    line-height: 1.72em;
    text-align: center;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    outline: 0;
    -webkit-appearance: none;
}
.rfdSkinnedButton input:hover {   
    color: #333;
    border-color: #aeaeae;
    background-color: #ebebeb;
}

.employee-picture {
    border-radius: 50%!important;
    margin: 4px 0!important;
}
.RadToolBar_Metro, #ScheduleToolBar {
    border-style: solid !important;
    border-width: 1px !important;
    border-color: #ccc !important;
    font-family: "Open Sans", Calibri, Tahoma, Verdana, Arial, sans-serif !important;
    padding: .57142857em .37142857em !important;
    border-radius: 4px !important;
    background: #e5e5e5 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) !important;
    margin-top: 5px !important;
    margin-bottom: 15px !important;
    max-width: 1596px;
}
.rtbInner {
    background: #e5e5e5!important;
}
.RadToolBar_Metro .rtbOuter {
    padding: 0 !important;
}

.rtbBtn a {
    border-radius: 4px !important;
    border-color: #ccc !important;
    color: #333 !important;
    background-color: #fff !important;
    background-position: 50% 50% !important;
    font-family: "Open Sans", Calibri, Tahoma, Verdana, Arial, sans-serif !important;
    cursor: pointer !important;
    font-size: 13px !important;
    line-height: 1.72em !important;
    margin: 0 .2em !important;
    padding: 4px 8px !important;
}

.rtbBtn a:hover {
    background-color: #ebebeb !important;
    border-color: #aeaeae!important;
}
.RadToolBar .rtbIcon {
    border: 0;
    padding: 0!important; 
}


/**********************************************************************
    
    Do not remove or add any style below here without asking Jason Lewis!!!!

    *************************************************************/

.telerik-aqua-body {
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
    padding: .57142857em .37142857em !important;
    background: #fff !important;
    max-width: 1600px !important;
    float: left !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0px !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05) !important;
    height: 100% !important;
    width: 100% !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    padding-top: 20px;
    padding-bottom: 15px;
    min-height: 800px;
}
.telerik-aqua-body .RadToolBar {
    max-width: 1489px;
}
.telerik-aqua-body .calendar-toolbar .RadToolBar {
    max-width: 99.4% !important;
}

@media only screen and (min-width: 1720px) and (max-width: 2000px) {
    .telerik-aqua-body, .RadToolBar, #ScheduleToolBar, #main_toolbar .k-toolbar {
                max-width: 98% !important;

    }
}

@media only screen and (min-width: 1600px) and (max-width: 1710px) {
    .telerik-aqua-body, .RadToolBar, #ScheduleToolBar {
        max-width: 98% !important;
    }

    .calendar-toolbar {
        max-width: 99.4% !important;
    }

    .telerik-aqua-body .RadToolBar {
        max-width: 98% !important;
    }
}

@media  only screen and (min-width: 1198px) and (max-width: 1599px) {
    .telerik-aqua-body, .RadToolBar, #ScheduleToolBar {
        max-width: 98% !important;
    }
    .calendar-toolbar, .telerik-aqua-body .RadToolBar {
        max-width: 99.4% !important;
    }
}

@media only screen and (min-width: 1085px) and (max-width: 1199px) {
    .telerik-aqua-body, .RadToolBar, #ScheduleToolBar {
        max-width: 98% !important;
    }
}
@media only screen and (min-width: 720px) and (max-width: 1084px){
    .telerik-aqua-body, .RadToolBar, #ScheduleToolBar {
        max-width: 99% !important;
    }
}



.telerik-aqua-body div::-webkit-scrollbar {
    width: 0px; /* remove scrollbar space */
    background: transparent; /* optional: just make scrollbar invisible */
}
/* optional: show position indicator in red */
.telerik-aqua-body div::-webkit-scrollbar-thumb {
    background: #FF0000;
}

.RadForm_Metro.rfdFieldset table.rfdRoundedWrapper_fieldset fieldset, .RadForm_Metro.rfdFieldset fieldset {
    background: #f6f6f6!important;
    border-radius: 6px!important;
    border: 1px #ccc solid !important;
}


.telerik-aqua-body {
    height: auto !important;
    overflow: auto;
    margin-bottom: 20px;
}

.no-float-menu {
    margin-left: auto;
    margin-right: auto; 
    left: 0; 
    right: 0; 
    text-align: center;
}

.telerik-aqua-body table {
    margin: auto;
}
.RadToolBar_Horizontal .rtbItem {
    color: #1a1a1a;
    font-family: "Open Sans", Calibri, Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    padding: 2px 0px 0px 3px;
}
.RadToolBar_Horizontal .RadComboBox_Metro .rcbInputCell, .RadComboBox_Metro .rcbArrowCell {
    height: 26px;
}
.RadToolBar_Horizontal .RadComboBox_Metro .rcbInput {
    font-family: "Open Sans", Calibri, Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    height: 24px !important;
}

.RadToolBar {
    padding: 8px 10px !important;
}

.RadButton_Metro .rbToggleCheckbox, .RadButton_Metro .rbToggleCheckboxChecked, .RadButton_Metro .rbToggleCheckboxFilled, .RadButton_Metro .rbToggleRadio, .RadButton_Metro .rbToggleRadioChecked {
    top: 4px !important;
}
.RadButton_Metro.RadButton.rbToggleButton {
    font-size: 13px;
}
.RadToolBar_Metro .rtbMiddle {
    padding: 0 !important;
}


.calendar-activity-2 .code-description-container, .code-description-container-2, .RadForm.rfdFieldset fieldset {
    padding: 6px 4px !important;
    margin:4px 2px!important;
}
-
.code-description-container-2 h4 {
    margin: 6px 0 !important;
    padding-bottom: 4px!important;
}

.code-description-container-2 fieldset  {
    margin-top: 6px!important;
}
.code-description-container-2 fieldset input {
    margin-top: 4px!important;
}

.code-description-container-2 fieldset label {
    font-size: 13px!important;
    padding:2px!important;
}

/*Document upload container*/
.upload-container .code-description-container {
    padding: 6px 4px !important;
}

#ar-container input[type="radio"] {
    margin: 3px 3px 0px 5px;
}

#maintenance-timesheet h4 {
    padding: 6px 0 2px 0 !important;
}

#maintenance-timesheet {
    padding-left: 6px;
    padding-right: 6px;
}

#maintenance-timesheet .code-description-container {
    padding: 8px 4px !important;
}

.style-fixes input {
    margin: 0 2px;
}

.style-fixes .table-spacing th, .style-fixes .table-spacing td {
    padding: 6px 0px 6px 8px;
}
.ew-css table th, .ew-css table td {
    padding: 6px 0px 6px 8px;
}
.style-fixes .div-spacing div {
    padding: 6px 0px 6px 8px;
}

.style-fixes .table-spacing {
    margin: 6px 0;
}
.RadForm_Metro.rfdHeading h4, .RadForm_Metro.rfdHeading h5, .RadForm_Metro.rfdHeading h6 {
    font-weight: 600 !important;
    text-transform: capitalize !important;
}
.reContentCell, .reToolCell {
    padding: 0 !important;
}
.RadEditor {
    margin-bottom: 6px;
}

*:focus {
    outline: none;
}

#TableAgencyOptions .RadForm.rfdRadio.rfdLabel label {
    font-size: 14px !important;
    line-height: 20px !important;
    padding-left: 4px !important;
}

#alert-styles .checkbox-container label {
    margin: 0px 3px 0px 5px !important;
    line-height: 20px;
    font-size: 14px;
}
#alert-styles .checkbox-container {
    margin: 8px 0 ;
}
.style-fixes .form-layout ul {
    margin: 6px 0;
}

/*table styles*/


.rgMasterTable .RadComboBox_Metro .rcbInput {
    height: 24px!important;
}
.rgMasterTable thead tr.rgFilterRow input[type="text"] {
    font-family: "Open Sans", Calibri, Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    height: 17px !important;
}
.rgMasterTable thead tr.rgFilterRow .riSingle .riTextBox {
    font-family: "Open Sans", Calibri, Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    height: 22px !important;
}
.rgMasterTable input[type="text"] {
    font-family: "Open Sans", Calibri, Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    height: 24px !important;
}

#TableFilterTasks .ew-css table th, .ew-css table td {
    padding: 1px 0px 1px 0px!important;
}

#TableFilterTasks .RadForm.rfdRadio.rfdLabel label, .RadForm.rfdCheckbox.rfdLabel label {
    line-height: 20px !important;
    font-size: 14px !important;
}

.dynamic-report .RadComboBox {
    width: 190px !important;
}

.timesheet-fixes .RadForm.rfdRadio.rfdLabel label {
    font-family: "Open Sans", Calibri, Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    height: 24px !important;
}

.timesheet-fixes label {
    line-height: 20px !important;
    font-size: 13px !important;
}

.timesheet-fixes input {
    margin-top: 4px !important;
    margin-left: 4px !important;
}
 .timesheet-fixes th, td {
    font-size: 14px!important;
}

#MainJobTemplate textarea {
    font-family: "Open Sans", Calibri, Tahoma, Verdana, Arial, sans-serif !important;
    font-size: 14px !important;
    resize: none !important;
    height: 150px !important;
    padding-left: 5px!important;
    width: 696px !important;
}
#MainJobTemplate table{
    padding: 4px 0!important;
}

#MainJobTemplate table .RadComboBox_Metro .rcbReadOnly .rcbInput {
    margin: 0 !important;
}
#MainJobTemplate td .JobTemplateLabel {
    line-height: 16px !important;
    padding: 4px 6px;
}

.table-fixes tr td {
    padding: 4px 0!important;
}

.code-description-container {
    
}

.RadEditor .reContentArea {
    font-size: 14px !important;
    height: 232px !important;
    font-weight: 600 !important;
    font-family: 'Open Sans', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    color: #767676 !important;
    overflow: auto !important;
}

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

.row-padding .code-description-container {
    margin: 4px 0;
}

.RadTreeList .rtlHBorders .rtlR > td, .RadTreeList .rtlHBorders .rtlA > td, .RadTreeList .rtlHBorders .rtlREdit > td, .RadTreeList .rtlHBorders .rtlRFooter > td {
    padding: 6px 7px 6px 7px!important;
}

.RadGrid_Metro .rgRow > td, .RadGrid .rgAltRow > td {
    padding: 8px 4px !important;
}

.RadTreeList_Metro .rtlTable {
    font: normal 14px "Open Sans", Calibri, Tahoma, Verdana, Arial, sans-serif !important;
    line-height: 16px;
}
.RadTreeList .rtlHBorders .rtlR > td, .RadTreeList .rtlHBorders .rtlA > td, .RadTreeList .rtlHBorders .rtlREdit > td, .RadTreeList .rtlHBorders .rtlRFooter > td {
    padding: 6px 7px 6px 7px !important;
}

#ctl00_ContentPlaceHolderMain_colpnlJobInformation0 td, #ctl00_ContentPlaceHolderMain_colpnlScheduleInformation4 td, #ctl00_ContentPlaceHolderMain_colpnlAccountingInformation6_ContentRow td, #ctl00_ContentPlaceHolderMain_colpnlJobComponentInformation3_ContentRow td {
    vertical-align: middle !important;
}
.RadComboBox .rcbInput {
    padding: 2px 2px !important;
}

.calendar-list-styles {
    list-style: none;
    margin: 6px 2px;
    padding: 0;
}
.calendar-list-styles li {
    font: normal 14px "Open Sans", Calibri, Tahoma, Verdana, Arial, sans-serif !important;
    line-height: 16px;
}

.calendar-list-styles li label {
    line-height: 18px;
}

.calendar-list-styles li input[type="checkbox" i] {
    margin: 1px 6px;
}

.RadForm.rfdLabel label {
    font: normal 14px "Open Sans", Calibri, Tahoma, Verdana, Arial, sans-serif !important;
}

#calendar-container-old .RadListBox_Metro {
    font: normal 14px "Open Sans", Calibri, Tahoma, Verdana, Arial, sans-serif !important;
}
#calendar-container-old .RadComboBox_Metro .rcbInput, #calendar-container-old .RadForm a.rfdSkinnedButton {
    font: normal 14px "Open Sans", Calibri, Tahoma, Verdana, Arial, sans-serif !important;
}

#calendar-container-old .rfdDecorated {
    font: normal 14px "Open Sans", Calibri, Tahoma, Verdana, Arial, sans-serif !important;
}


#ctl00_ContentPlaceHolderMain_RadGridPODetails_ctl00 .RadInput_Metro .riTextBox {
    height: 30px !important;
}

.estimate-container-print .code-description-code {
    margin: 6px 0 !important;
}

.estimate-container-print .code-description-label-xxxl {
    margin: 6px 0 !important;
}

.estimate-container-print h4 {
    border-bottom-color: transparent!important;
    font-size: 16px!important;
    margin-bottom: 8px!important;
}

#ctl00_ContentPlaceHolderMain_RadGridPODetails_ctl00_ctl02_ctl02_TB_GridBoundColumnFunctionCode {
    margin-left: 5px !important;
}
#ctl00_ContentPlaceHolderMain_RadToolbarAlertInbox_i13_ChkIncludeCompletedAssignments {
    height: 14px !important;
}
/*.RadForm.rfdRadio.rfdLabel label {
    float: left;
}*/
.RadButton_Metro.rbSkinnedButton {
    height: 30px !important;
    border-radius: 6px;
}

.RadButton_Metro input {
    line-height: 27px !important;
}

.RadForm_Metro.rfdButton a.rfdSkinnedButton {
    border-radius: 6px !important;
    padding: 4px 1px !important;
}

.RadButton_Metro.RadButton input.rbDecorated {
    height: auto !important;
    line-height: 24px !important;
}

.RadForm_Metro.rfdFieldset table.rfdRoundedWrapper_fieldset legend, .RadForm_Metro.rfdFieldset fieldset legend {
    padding-left: 2px;
    padding-right: 2px;
    font-size: 14px !important;
}

.RadForm_Metro.rfdButton a.rfdSkinnedButton {
    border-radius: 6px !important;
    padding: 0px 1px !important;
}
.RadForm_Metro.rfdButton a.rfdSkinnedButton, .RadForm_Metro.rfdButton input[type="button"].rfdDecorated, .RadForm_Metro.rfdButton input[type="reset"].rfdDecorated, .RadForm_Metro.rfdButton input[type="submit"].rfdDecorated, .RadForm_Metro.rfdButton .rfdSkinnedButton button {
    background: #f9f9f9;
    border: 1px solid #e6e6e6;
    color: #333;
    height: 30px!important;
}