﻿
body {
    font-family: Trebuchet MS;
    font-size: 8.5pt;
    MARGIN: 0px 0px 0px 0px;
}

input {
    font-family: Trebuchet MS;
    font-size: 8.5pt;
}

a {
    color: #043145;
}

img {
    border: none;
}

a: visited {
    color: #043145;
}

.Image {
    border: solid 3px #3F3F3F;
}

vlink {
    color: Blue;
}

Table {
    /*font-family: Trebuchet MS;*/
    font-size: 8.5pt;
    width: 100%;
}

button {
    font-family: Trebuchet MS;
    font-size: 8.5pt;
    color: White;
    background-color: #009C7E;
}

input: submit {
    font-family: Trebuchet MS;
    font-size: 8.5pt;
    color: White;
    background-color: #009C7E;
}

input {
    font-family: Trebuchet MS;
    font-size: 8.5pt;
}

.button {
    font-family: Trebuchet MS;
    font-size: 8.5pt;
    color: White;
    background-color: #009C7E;
}

.MainBodyTable {
    font-family: Trebuchet MS;
    font-size: 8.5pt !important;
    background-color: White;
    border-collapse: collapse;
    padding: 0;
    text-align: center;
    min-width: 960px;
}

.NavTable {
    font-family: Trebuchet MS;
    font-size: 8.5pt;
    font-weight: bold;
    border-top: solid 2px silver;
    border-right: solid 2px silver;
    border-bottom: solid 2px silver;
    vertical-align: top;
    background-color: #d8d8d8;
}

.NavRow {
    background-color: #d8d8d8;
    border-bottom: solid 2px silver;
}

.NavLink {
    text-decoration: none;
    color: Black;
}

.RowSpacer {
    height: 25px;
    text-align: center;
}

.RowSpacerSmall {
    height: 10px;
    text-align: center;
}

.RowWithSeparator {
    border-bottom: solid 2px silver;
}

.RowTitle {
    font-weight: bold;
    font-size: 9pt;
    text-align: left;
    border-bottom: solid 1px silver;
}

.RowTitlePrint {
    font-weight: bold;
    font-size: 9pt;
    text-align: left;
    border-bottom: solid 1px silver;
}

.RowTitleNoBorder {
    font-weight: bold;
    font-size: 8pt;
    text-align: left;
}

.RowTitleSmall {
    font-weight: bold;
    font-size: 7pt;
}

.NavColumn {
    width: 25%;
    float: left;
    vertical-align: top;
}

.NavHeader {
    font-weight: bold;
    font-size: 9pt;
    border-bottom: 1px solid silver;
}

.ContentColumn {
    width: 75%;
    float: right;
}

.HeaderLeft {
    font-family: Tahoma;
    font-size: 14pt;
    color: White;
    background-image: url('images/Header_Filler.jpg');
}

.UserInfo {
    text-align: right;
}

.TableWithBorder {
    border: solid 2px #e6e6e6;
    border-width: 2px;
    border-radius: 4px;
    text-align: center;
}

.TableNoBorder {
    text-align: center;
    border: none;
    /*border-color: ThreeDFace;*/
}

    .TableNoBorder td {
        /*white-space: nowrap;*/
        padding: 3px;
    }

.TableWithBorder_LargeText {
    border: solid 3px #e6e6e6;
    border-width: 3px;
    border-radius: 4px;
    text-align: center;
    font-size: 9pt;
}

.TextNormal {
    FONT-WEIGHT: normal;
    FONT-SIZE: 8.5pt;
}

.TextNormalBlue {
    FONT-WEIGHT: normal;
    color: #1C358B;
    FONT-SIZE: 8.5pt;
}

.TextLargeBlue {
    FONT-WEIGHT: normal;
    color: #1C358B;
    FONT-SIZE: 10pt;
}



.TextNormalRed {
    FONT-SIZE: 8.5pt;
    COLOR: #CC1616 !important;
    font-weight: normal;
}

.TextNormalGreen {
    FONT-WEIGHT: normal;
    FONT-SIZE: 8.5pt;
    COLOR: #009C7E;
    font-weight: bold;
}

.TextNormalBold {
    FONT-WEIGHT: bold;
}

.TextBoldRed {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8.5pt;
    COLOR: #CC1616;
}

.TextBoldRedLarge {
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #CC1616;
}

.TextMicroRed {
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    COLOR: #CC1616;
}

.TextBoldWhite {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8.5pt;
    COLOR: White;
}

.TextBoldBlue {
    FONT-WEIGHT: bold;
    color: #333;
    FONT-SIZE: 8.5pt;
}

.TextBoldGreen {
    FONT-WEIGHT: bold;
    color: #476605;
    FONT-SIZE: 8.5pt;
}

.TextSmall {
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
}

.TextSmallRed {
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    color: Maroon;
}

.TextSmallGray {
    FONT-WEIGHT: normal;
    FONT-SIZE: 11px;
    color: #808080;
    vertical-align: middle;
}

.TextSmallWhite {
    FONT-WEIGHT: normal;
    FONT-SIZE: 7pt;
    color: White;
}

.TextSmallBold {
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
}

.TextLargestBold {
    font-size: 14pt;
    font-weight: bold;
    vertical-align: middle;
}

.TextLarge {
    font-size: 10pt;
}

.TextLargeBold {
    font-size: 10pt;
    font-weight: bold;
}

.TextLargeBoldWhite {
    color: White;
    font-size: 10pt;
    font-weight: bold;
}

INPUT, SELECT, TEXTAREA {
    FONT-SIZE: 8.5pt;
    font-family: Trebuchet MS;
}

.InputException {
    border: 0px;
}

.FormSmallRightAlign {
    FONT-SIZE: 7pt;
    TEXT-ALIGN: right;
}

.PageHeaderCell {
    FONT-WEIGHT: normal;
    FONT-SIZE: 16pt;
    /*FILTER: DropShadow (Color=#000000, OffX=5, OffY=5, Positive=true);*/
    BACKGROUND-IMAGE: url(images/header_filler.jpg);
    COLOR: white;
}

.PageHeader {
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    border-bottom: solid 2px silver;
}

.PageTitleCell {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8.5pt;
    text-transform: uppercase;
    text-align: LEFT;
    BACKGROUND-IMAGE: url(images/blue_bar_with_border.gif);
    COLOR: white;
}

.TableRowOdd {
    /*Right now it will be the same as the body*/
    font-size: 8.5pt;
    padding: 3px;
}

    .TableRowOdd td {
        /*Right now it will be the same as the body*/
        border-color: silver;
    }

.TableRowEven {
    BACKGROUND-COLOR: #f7f7f7;
    font-size: 8.5pt;
    padding: 3px;
}

    .TableRowEven td {
        /*Right now it will be the same as the body*/
        border-color: silver;
    }

.InvoiceDetails {
    font-size: 8.5pt;
    padding: 3px;
    border: solid 1px silver;
}



    .InvoiceDetails td {
        border-bottom: solid 1px silver;
        border-right: solid 1px silver;
        border-left-color: silver;
        border-right-color: silver;
        padding: 3px;
    }


.TableRowRed {
    BACKGROUND-COLOR: #ffdec1;
    font-size: 8.5pt;
    padding: 3px;
}

.CommentRowOdd {
    /*Right now it will be the same as the body*/
    font-size: 8.5pt;
    border-bottom: solid 1px silver;
    padding: 5px;
}

.CommentRowEven {
    font-size: 8.5pt;
    border-bottom: solid 1px silver;
    padding: 5px;
    background-color: #ECEEF5;
}

.Buttons {
    FONT-SIZE: 8.5pt;
    HEIGHT: 20px;
}

.TableHeaderMedium {
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    padding: 3px;
    BACKGROUND-IMAGE: url(images/table_header_gray_large.jpg);
    TEXT-ALIGN: left;
    border-bottom: solid 2px #043145;
}

.TableHeader {
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    padding: 3px;
    background-color: #989c9f;
    color: White;
    text-align: left;
}

.TableHeaderGray {
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    padding: 3px;
    background-color: #989c9f;
    color: White;
    text-align: left;
    border-bottom: solid 1px silver;
}

.TableHeaderBlue {
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    padding: 3px;
    background-color: #989c9f;
    color: White;
    text-align: left;
}

.TableHeaderRed {
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    padding: 3px;
    background-color: #FF5C00;
    color: White;
    text-align: left;
}

.TableHeaderYellow {
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    padding: 3px;
    background-color: #edc669;
    color: White;
    text-align: left;
}

.TableHeaderGreen {
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    padding: 3px;
    background-color: #C8CC6D;
    color: White;
    text-align: left;
}

.TableHeaderBlack {
    FONT-WEIGHT: bold;
    FONT-SIZE: 9pt;
    padding: 3px;
    background-color: Black;
    color: White;
    text-align: left;
}

.GridHeader {
    border-bottom: solid 1px silver;
    font-weight: bold;
}

    .GridHeader th {
        /*Right now it will be the same as the body*/
        border-color: silver;
    }


.TableHeader_Silver {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt;
    padding: 3px;
    background-color: Silver;
    color: Black;
    text-align: left;
    BACKGROUND-IMAGE: url(images/tableheader_background.gif);
}

    .TableHeader_Silver th {
        border-color: silver;
    }

.TableGroupHeader {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8.5pt;
    background-color: Silver;
    color: White;
}


.TableHeaderSmall {
    FONT-WEIGHT: bold;
    FONT-SIZE: 7pt;
    BACKGROUND-IMAGE: url(images/table_header_gray_large.jpg);
    TEXT-ALIGN: center;
}

.TableHeader TD {
    FONT-WEIGHT: bold;
    FONT-SIZE: 8.5pt;
    BACKGROUND-IMAGE: url(images/tableheader_background.gif);
    /*BACKGROUND-IMAGE:  url(images/table_header_gray_large.jpg);*/
    TEXT-ALIGN: center;
}

.TableFooter {
    BORDER-TOP: black 1px solid;
    BACKGROUND-COLOR: #5a5a5a;
    TEXT-ALIGN: center;
    VERTICAL-ALIGN: middle;
}

.FooterRow {
    height: 4px;
    font-size: 12px;
    font-weight: bold;
    border: 1px solid silver;
}

    .FooterRow td {
        border-color: silver;
    }

.MainColor {
    COLOR: #000184;
}

.RightAlign {
    text-align: right;
}

.toolbar {
    font-size: 9pt;
    font-weight: bold;
    font-family: Trebuchet MS;
    /*padding: 1px 3px 1px 3px;*/
    /*background-color: White;*/
    color: black;
    text-align: left;
}

.static_hover {
    font-size: 9pt;
    color: Maroon;
}

.toolbar_hover {
    font-size: 9pt;
    font-weight: bold;
    font-family: Trebuchet MS;
    padding: 1px 3px 1px 3px;
    background-color: White;
    color: #1C358B;
    text-align: left;
}

.DynamicItem {
    margin-left: 0px;
    margin-top: 3px;
    font-size: 9pt;
    font-weight: bold;
    font-family: Trebuchet MS;
    padding: 1px 3px 1px 3px;
    text-align: left;
    border: solid 1px black;
}

.DynamicItem_Hover {
    margin-left: 0px;
    margin-top: 3px;
    font-size: 9pt;
    font-weight: bold;
    font-family: Trebuchet MS;
    padding: 1px 3px 1px 3px;
    text-align: left;
    color: #1C358B;
}

.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(Images/FilledStar.png);
}

.emptyRatingStar {
    background-image: url(Images/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(Images/SavedStar.png);
}

.SectionDivider {
    BACKGROUND-COLOR: #d8d8d8;
    font-size: 5px;
}

.SectionHeader {
    text-transform: uppercase;
    color: Silver;
}

fieldset {
    padding: 1;
    width: 80%;
}

.fieldsetheader {
    color: #043145;
    font-size: 9pt;
}

.PrintHeader {
    border-bottom: solid 5px #043145;
}
/* Component Art Menu Styles */

.MenuGroup {
    /*background-color:#3F3F3F;*/
    background-color: #384A9E;
    border: solid 1px black;
    border-top-color: gray;
    border-left-color: gray;
}

.MenuItem {
    /*background-color:#3F3F3F;*/
    background-color: #384A9E;
    color: white;
    font-family: Trebuchet MS;
    font-size: 12px;
    font-weight: bold;
    border: solid 1px #384A9E;
    /*border:solid 1px #3F3F3F; */
    cursor: pointer;
}

.MenuItemHover {
    background-color: #3F3F3F;
    color: white;
    font-family: Trebuchet MS;
    font-size: 12px;
    font-weight: bold;
    border: 1px;
    border: solid 1px orange;
    border-right-color: orange;
    border-bottom-color: orange;
    cursor: pointer;
}

.MenuItemActive {
    background-color: #3F3F3F;
    color: white;
    font-family: Trebuchet MS;
    font-size: 12px;
    font-weight: bold;
    border: solid 1px orange;
    border-left-color: orange;
    border-top-color: orange;
    cursor: pointer;
}

.MenuItemExpanded {
    background-color: #635233;
    color: white;
    font-family: Trebuchet MS;
    font-size: 12px;
    font-weight: bold;
    border: solid 1px orange;
    border-right-color: orange;
    border-bottom-color: orange;
    cursor: pointer;
}

.MenuBreak {
    width: 100%;
    height: 2px;
}

.StoryTitle {
    font-weight: bold;
    text-decoration: underline;
}

.ScrollingNews {
    font-weight: bold;
    font-size: 8pt;
    vertical-align: text-bottom;
}

.BoldLink {
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
}

.BoldLinkSmall {
    font-size: 8pt;
    font-weight: bold;
    text-decoration: none;
}

.divFixedHeight {
    height: 130px;
    overflow: scroll;
}

.divFixedHeightTall {
    height: 200px;
    overflow: scroll;
}

.divFixedHeightTaller {
    height: 300px;
    overflow: scroll;
}

.AppHeader {
    text-align: left;
    font-weight: bold;
    font-size: 18pt;
    font-family: Trebuchet MS;
    color: Gray;
}

.AppHeaderSmall {
    text-align: left;
    font-weight: bold;
    font-size: 12pt;
    font-family: Trebuchet MS;
    color: Gray;
}

.calendarCell {
    font-size: 8pt;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
    width: 30px;
    border-right: solid 1px silver;
    border-bottom: solid 1px silver;
    color: Gray;
}

.calendarHeaderCell {
    background-color: #DDE3E8;
    height: 15px;
    font-size: 9pt;
    font-weight: bold;
    border-right: solid 1px silver;
    border-bottom: solid 1px silver;
    color: Black;
}

.calendarTodayCell {
    font-size: 8pt;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
    width: 0%;
    border-right: solid 1px silver;
    border-bottom: solid 1px silver;
    background-color: #F2EBC7;
    color: Black;
}

.calendarTodayEventCell {
    font-size: 8pt;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
    width: 20%;
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    background-color: #FBF5C4;
    color: Black;
}

.calendarNoEventCell {
    font-size: 8pt;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
    width: 0%;
    border-right: solid 1px #D4D8DD;
    border-bottom: solid 1px #D4D8DD;
    background-color: #f7f7f7;
    color: Gray;
}

.calendarEventCell {
    font-size: 8pt;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
    width: 20%;
    border-right: solid 2px black;
    border-bottom: solid 2px black;
    border-left: solid 1px black;
    border-top: solid 1px black;
    color: Gray;
}

.SectionHeaderCell {
    FONT-WEIGHT: Bold;
    FONT-SIZE: 14px;
    /*FILTER: DropShadow (Color=#000000, OffX=5, OffY=5, Positive=true);*/
    BACKGROUND-color: #6E757F;
    COLOR: White;
    padding: 3px;
    height: 25px;
}

.SectionHeaderCellSmall {
    FONT-WEIGHT: Bold;
    FONT-SIZE: 12px;
    /*FILTER: DropShadow (Color=#000000, OffX=5, OffY=5, Positive=true);*/
    BACKGROUND-color: Black;
    COLOR: White;
    padding: 3px;
}

/* Invoice Styles */

.InvoiceHeader {
    font-size: 14pt;
    font-weight: bold;
}

.modalBackground {
    background-color: Silver;
    filter: alpha(opacity=50);
    opacity: 0.5;
}



#blanket {
    background-color: #111;
    opacity: 0.75;
    filter: alpha(opacity=75);
    position: absolute;
    z-index: 9001;
    top: 0px;
    left: 0px;
    width: 150%;
}

#popUpDiv {
    position: absolute;
    background-color: #eeeeee;
    width: 300px;
    height: 300px;
    z-index: 9002;
}

#popUpDivDuplicate {
    position: absolute;
    background-color: #eeeeee;
    width: 300px;
    height: 300px;
    z-index: 9002;
}

#mainlogin * {
    font: normal 11px "Trebuchet MS",san-serif;
    /*position: relative;*/
    background-color: #FFF;
}

#ctl00_cphBody_Login1 input,
#ctl00_cphBody_Login1 label {
    /*font-weight: bold;
    font-size: 16px;*/
    /*position: absolute;
left: 0px;*/
}

    #ctl00_cphBody_Login1 input.fld {
        border: 1px solid #e6e6e6;
        width: 240px;
        height: 34px;
        border-radius: 4px;
        padding: 0px 10px;
        background-color: #FFF;
        color: #686868;
    }

        #ctl00_cphBody_Login1 input.fld:focus {
            border: 1px solid #686868;
        }

#ctl00_cphBody_Login1_LoginButton {
    /*background: url(images/btn_login.png) left top no-repeat;
    border: none;
    width: 120px;
    height: 30px;
    float: left;
    color: #FFF;
    text-shadow: 0px -1px 0px #646c77;
    font-family: Trebuchet MS;
    cursor: pointer;*/
}

#ctl00_cphBody_Login1 label.fld {
    color: #686868;
}

.anchor {
    font: bold 11px "Trebuchet MS",san-serif;
    text-decoration: none;
}

    .anchor:hover {
        text-decoration: underline;
    }

.ddl {
    width: 150px;
}

/*#mainlogin b
{
display: block;
margin-top: -10px;
}*/

#container {
    background: url(images/pattern.jpg) left top;
    margin-top: 120px;
}

td.empty {
    background: url(pattern.jpg) left top;
}

html {
    min-height: 100%;
}

.CompanyName {
    font: bold 24px "Trebuchet MS",san-serif;
    color: #686868;
}

.TabActive {
    background: url("images/bg_tab_active.jpg") repeat-x scroll left top transparent;
    border: 1px solid #81888D !important;
    border-radius: 4px 4px 0 0;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: bold;
    height: 26px;
    margin-right: 1px;
    padding: 1px 6px;
}

.TabInactive {
    background: url("images/bg_tab_normal.jpg") repeat scroll left top transparent;
    border: 1px solid #ADB5BD !important;
    border-radius: 4px 4px 0 0;
    color: black;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: bold;
    height: 26px;
    margin-right: 1px;
    padding: 1px 6px;
}


    .TabInactive:hover {
        background: url("images/bg_tab_active.jpg") repeat scroll left top transparent;
        border: 1px solid #81888D !important;
        color: #FFFFFF;
    }

.TabImportant {
    background: url("images/bg_tab_important.jpg") repeat-x scroll left top transparent;
    border: 1px solid #944444;
    border-radius: 4px 4px 0 0;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: bold;
    height: 26px;
    margin-right: 1px;
    padding: 1px 6px;
}

    .TabImportant:hover {
        background: url("images/bg_tab_important_hover.jpg") repeat scroll left top transparent;
        border: 1px solid #6c3232;
        color: #FFFFFF;
    }

/*#region Automated Tasks*/

.automatedtasks-userlist-cells {
    font-weight: bold;
    border-bottom: 1px solid black;
    padding-bottom: 25px;
    padding-top: 25px;
}

.automatedtasks-userlist-textboxes {
    width: 30px;
}



/*#endregion*/


/*#region Custom Form Styles*/

.custom-form-top-cell {
    /*min-width: 800px;
    max-width: 800px;*/
}

/*#region Form Fields Classes*/

/*#region Title and Subtitle*/

.custom-form-title-cell {
    /*background-color: black;*/
    background-color: #FAFBFC;
    border-bottom: 1px solid #CCD2D9;
    border-top: 1px solid #CCD2D9;
    box-shadow: 0 2px 0 #EBECEF, 0 -4px 2px rgba(0, 0, 0, 0.02) inset;
    font-size: 13px;
}

.custom-form-title-text {
    font-weight: bolder;
    color: #90939B;
    margin-left: 10px;
}

.custom-form-sub-title-cell {
    border-bottom: 2px solid #CCD2D9;
}

.custom-form-sub-title-text {
    /*font-weight: bolder;*/
    font-size: 13px;
    margin-left: 10px;
}

/*#endregion*/

/*#region TextBox and Text Area*/
.custom-form-text-box-title-cell {
    max-width: 200px;
    padding-left: 10px;
    /*min-width: 200px;*/
}

.custom-form-text-box-title {
    /*font-weight: bolder;*/
    font-size: 13px;
}

.custom-form-text-box-cell {
}

.custom-form-text-box {
    border: 1px solid #C2C8CE;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) inset;
    color: #192131;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 6px 10px;
    width: 240px;
    font-family: 'Museo Sans','Trebuchet MS','Helvetica',sans-serif;
}

    .custom-form-text-box::after {
        content: '(Review This Field)';
        font-size: 12px;
    }

    .custom-form-text-box:focus,
    .custom-form-text-area:focus,
    .custom-form-qc-question-text-area:focus {
        border: 1px solid #6097C3;
        box-shadow: 0 0 6px rgba(51, 118, 164, 0.25), 0 0 4px rgba(0, 0, 0, 0.1) inset !important;
    }

.custom-form-text-area-title-cell {
    /*text-align: right;*/
    vertical-align: top;
    max-width: 200px;
    padding-left: 10px;
    /*min-width: 200px;*/
}

.custom-form-text-area-title {
    /*font-weight: bolder;*/
    font-size: 13px;
}

.custom-form-text-area-cell {
}

.custom-form-text-area {
    width: 100%;
    height: 80px;
    border: 1px solid #C2C8CE;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) inset;
    color: #192131;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 6px 10px;
    width: 500px;
}



/*#endregion*/

/*#region Radio Buttons*/
.custom-form-radio-buttons-title-cell {
    max-width: 200px;
    min-width: 200px;
    vertical-align: top;
    margin-bottom: 10px;
    padding-left: 10px;
}

.custom-form-radio-buttons-title {
    /*font-weight: bolder;*/
    font-size: 13px;
}

.custom-form-radio-buttons-cell {
    padding-bottom: 15px;
}

.custom-form-radio-buttons label {
    margin-left: 4px;
    font-size: 13px;
    vertical-align: text-bottom;
}

.custom-form-radio-buttons {
    padding-bottom: 10px;
}

/*#endregion*/

/*#region Check Box List*/

.custom-form-check-box-list-title-cell {
    vertical-align: top;
    max-width: 200px;
    min-width: 200px;
    padding-left: 10px;
}

.custom-form-check-box-list-title {
    /*font-weight: bolder;*/
    font-size: 13px;
}

.custom-form-check-box-list-cell {
    max-width: 800px;
    padding-bottom: 15px;
}

.custom-form-check-box-list label {
    margin-left: 5px;
    font-size: 13px;
    vertical-align: text-bottom;
}

/*#endregion*/

/*#region Check Boxes*/

.custom-form-review-comment-title-cell {
    vertical-align: top;
    max-width: 200px;
    min-width: 200px;
    padding-left: 10px;
}

.custom-form-review-comment-title {
    /*font-weight: bolder;*/
    font-size: 13px;
}


.custom-form-review-checkbox-cell {
    max-width: 800px;
}


.custom-form-review-checkbox label {
    margin-left: 5px;
    font-size: 13px;
    vertical-align: text-bottom;
}

.custom-form-review-comment-text-area-cell {
}

.custom-form-review-comment-text-area {
    height: 80px;
}

.custom-form-review-comment-text-area-attention {
    border: 1px solid #DD1B49 !important;
    height: 80px;
}
/*#endregion*/

/*#region Drop Down*/

.custom-form-drop-down-title-cell {
    vertical-align: top;
    max-width: 200px;
    min-width: 200px;
    padding-left: 10px;
}

.custom-form-drop-down-title {
    /*font-weight: bolder;*/
    font-size: 13px;
}

.custom-form-drop-down-cell {
}

.custom-form-drop-down {
    /*width: 100%;*/
    background-color: #FAFBFC;
    border: 1px solid #C2C8CE;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 -4px 2px rgba(0, 0, 0, 0.04) inset;
    color: #192131;
    font-size: 13px;
    margin-bottom: 20px;
    padding: 6px 10px;
    width: 260px;
}

/*#endregion*/

/*#region QC Question*/

.custom-form-qc-question-title-cell {
    max-width: 800px;
    padding-left: 10px;
}

.custom-form-qc-question-title {
    font-size: 13px;
}

.custom-form-qc-question-radio-buttons-cell {
}

.custom-form-qc-question-radio-buttons {
    width: 200px;
    font-size: 13px;
}

    .custom-form-qc-question-radio-buttons label {
        margin-left: 2px;
        font-size: 13px;
        vertical-align: text-bottom;
    }


.custom-form-qc-question-text-area-cell {
}

.custom-form-qc-question-text-area {
    /*width: 99%;*/
    height: 80px;
    border: 1px solid #C2C8CE;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1) inset;
    color: #192131;
    font-size: 14px;
    margin-bottom: 20px;
    padding: 6px 10px;
    width: 500px;
}


/*#endregion*/

/*#endregion*/

/*#region Field Edition Options*/

.custom-form-sort-order-cell {
    vertical-align: top;
    text-align: right;
    min-width: 45px;
}

.custom-form-sort-order-up {
}

.custom-form-sort-order-down {
}

.custom-form-field-edit-delete-cell {
    vertical-align: top;
    text-align: left;
    min-width: 42px;
    width: 114px;
}

.custom-form-field-edit {
}

.custom-form-field-delete {
}


.custom-form-section-title-cell {
    max-width: 800px;
    padding-bottom: 10px;
    border-bottom: 2px solid #CCD2D9;
    padding-left: 10px;
}

.custom-form-section-title {
    font-size: 13px;
    /*font-weight: bolder;*/
    /*color: #90939B;
    margin-left: 10px;*/
}

.custom-form-section {
    display: block;
    max-height: 200px;
    overflow: auto;
    /*border-top: 1px solid rgba(0, 0, 0, 0.06);*/
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    padding: 10px 10px 10px 25px;
    font-size: 13px;
    margin-top: 3px;
}



/*#endregion*/

/*#region Separator Row*/

.custom-form-row-separator {
    height: 20px;
    border-top: 1px solid rgba(0,0,0,0.06);
}

/*#endregion*/

/*#region Report Styles*/

.clsReportTools {
    text-align: right;
}

.clsBtnExport {
    display: block;
    float: right;
}

.clsFvtRpt {
    display: block;
    float: right;
}


.ReportHeaderContainer {
    border-bottom: 1px solid #E0E0E0;
}

.ReportHeader, .ReportTitle {
    display: block;
    font-size: 20px !important;
    background-color: #fcfcfc;
    /*background-color:white;/*New*/
    /*color: black;*/
    color: GrayText; /*New*/
    padding: 5px 0px;
}

.ReportSubHeader, .ReportSubTitle {
    display: block;
    font-size: 14px;
    color: GrayText;
}



.TableRowOdd {
    /*Right now it will be the same as the body*/
    padding: 3px;
}

    .TableRowOdd td {
        /*Right now it will be the same as the body*/
        padding: 3px;
        font-family: Trebuchet MS;
    }

.TableRowEven {
    background-color: #fcfcfc;
    padding: 3px;
}

    .TableRowEven td {
        /*Right now it will be the same as the body*/
        padding: 3px;
        font-family: Trebuchet MS;
    }

.q-filter {
    padding: 5px;
    border: 1px solid #CCC;
    border-radius: 2px;
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .1);
}

.pnlFilter td select {
    width: 200px;
}

.pnlFilter td {
    width: 25%;
    padding-bottom: 6px;
}

.loginbox {
    width: 630px;
}


/*#endregion*/

/*#endregion*/


.fullPageCalendarEventCell {
    font-size: 8pt;
    font-weight: bold;
    vertical-align: top;
    text-align: left;
    width: 14.285%;
    border-right: solid 1px #D4D8DD;
    border-bottom: solid 1px #D4D8DD;
    padding: 3px;
    color: Black;
}

.view-link-info
{
    color: #2C7EB7;
    font-size: 8.5pt;
    text-decoration: none;
    padding: 6px 0px 6px 0px;
    display: inline-block;
}

    .view-link-info:hover
    {
        text-decoration: underline;
    }

.view-link-info-red {

    color: red !important;
}

/*#endregion*/


