@charset "utf-8";

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}

.Container {
    min-height: 100%;
    position: relative;
}

.Header {
    padding: 0px;
}

.ContentBody {
    padding-bottom: 70px; /* Height of the footer */
}

.HeaderContainer {
}

.LogoSection {
    float: left;
    padding: 13px 0 0 5px;
}

.Version {
    float: left;
    padding: 13px 0 0 5px;
    vertical-align: middle;
    text-align: center;
}

.HeaderRightPart {
    vertical-align: top;
    float: right;
}

.SignOutLable {
    background-color: #bf311a;
    color: #FFF;
    padding: 6px 18px 6px 18px;
    border-radius: 0 0 5px 5px;
    border: none;
}

.PaddingLRDiv {
    padding: 0 10px 0 10px;
}

.MenuContainer {
    padding: 5px 0 0 0;
}

.clear {
    clear: both;
    margin: 0;
    padding: 0;
}

.ContentMainWrapper {
}

.PddingRLBT {
    padding: 10px;
}

.FooterSection {
    width: 100%;
    border: solid;
    border-width: 1px 0 0 0;
    border-color: #103346;
    text-align: center;
    padding: 5px
}

.NavLink {
    background-image: url(../images/navlink.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0 10px 0 0;
    margin: 0 5px 0 0;
    color: #000;
}

    .NavLink:hover {
        text-decoration: underline;
        color: #bf311a;
    }

.TitleTxt {
    color: #bc270f;
    font-size: 18px;
    float: left;
}

.TitlendSearch {
    padding: 15px;
    border: solid;
    border-width: 0 0 1px 0;
    border-color: #dcdcdc;
}

.HelpTopNav {
    float: left;
}

.HelpTxt {
    padding: 5px 15px;
    background-color: #676767;
    color: #FFF;
    float: left;
}

.RequestFromButtons {
    float: left;
}

.UserNameFld {
    float: left;
    font-weight: bold;
    padding: 0 10px 0 0;
    font-size: 14px;
    color: Purple;
}

.HelpNavList {
    float: left;
    padding: 5px 0 0 5px;
}

.FielsetContact {
    border: solid;
    border-width: 1px;
    border-color: #CCC;
    width: 300px;
    padding: 10px;
}

    .FielsetContact legend {
        margin: 0 0 0 0px;
        padding: 0 3px 0 3px;
        font-weight: bold;
        color: #bf311a;
    }

.FielsetList {
    float: left;
    margin: 0 10px 0 0;
}

.HelpNavList a {
    color: #000;
    padding: 0 5px 0 5px;
}

    .HelpNavList a:hover {
        color: #bf311a;
    }

    .HelpNavList a.active {
        color: #bf311a;
    }

.SearchContainer {
    float: right;
}

.SearchByTxt {
    float: left;
    margin: 0 0 0 0px;
    padding: 2px 0 0 0;
}

.SearchByListItem {
    float: left;
    margin: 0 0 0 5px;
}

.SearchByListItemn {
    float: left;
    margin: 0 0 0 5px;
}

.SearchByText {
    float: left;
    margin: 0 0 0 5px;
}

.SearchByTextInput {
    outline: none;
    width: 150px;
}

.SearchButton {
    outline: none;
}

.SearchBtn {
    float: left;
    margin: 0 0 0 5px;
}

.SearchSelectList {
    width: 120px;
    outline: none;
    padding: 1px;
}

.TableContainer {
    padding: 10px 0 0 0;
}

.TableDisplay {
    padding: 0 0 10px 0;
    margin: 0;
}

.TableNavigation {
    background-color: #dadada;
    padding: 8px;
}

.EnterPageNum {
    width: 30px;
}

.EnterPageNumber {
    float: left;
}

.TableNavBtns {
    padding: 2px 0 0 0;
    float: right;
}

.ComLeftBtn {
    width: 16px;
    height: 16px;
    background-image: url(../images/comleft.png);
    border: none;
}

.ComRightBtn {
    width: 16px;
    height: 16px;
    background-image: url(../images/comright.png);
    border: none;
}

.LeftBtnNavTable {
    width: 16px;
    height: 16px;
    background-image: url(../images/arrowleft.png);
    border: none;
}

.RightBtnNavTable {
    width: 16px;
    height: 16px;
    background-image: url(../images/arrowright.png);
    border: none;
}

.ArrowRightNav {
    float: left;
    margin: 0 5px 0 3px;
}

.ComLeft {
    float: left;
    margin: 0 5px 0 0;
}

.ComRight {
    float: left;
    margin: 0 5px 0 0;
}

.ArrowLeftNav {
    float: left;
    margin: 0 5px 0 0;
}

.NavNumbers {
    float: left;
}

    .NavNumbers a {
        color: #FFF;
        display: block;
        background-color: #878787;
        float: left;
        padding: 0 5px 0 5px;
        margin: 0 2px 0 0;
        text-align: center;
    }

        .NavNumbers a:hover {
            background-color: #0066b8;
        }

        .NavNumbers a.active {
            color: #FFF;
            display: block;
            background-color: #bf2f19;
            float: left;
            padding: 0 5px 0 5px;
        }





/*         
       .ModalPopupBG
{
    background-color: #666699;
    filter: alpha(opacity=50);
    opacity: 0.7;
} */

.pouproces {
    width: 150px;
    height: 120px;
    background-color: #003b6a;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.75);
    box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.75);
}

.proimgcon {
    padding: 25px 0 15px 0;
}
/* ----------------------Generic Styling, for Desktops/Laptops */

/*table {
	width: 100%;
	border-collapse: collapse;
}*/

/* Zebra striping */




.TableView th {
    background: #464646;
    color: white;
    font-weight: bold;
    text-align: left;
}

.TableView td, .TableView th {
    padding: 6px;
    border: 1px solid #FFF;
}

.TableView td {
    vertical-align: top;
}

.ajax__calendar_container table tr td {
    padding: 0px;
}

.ajax__calendar_container {
    background-color: #cccccc;
}


/* ----------------------Generic Styling, for Desktops/Laptops */

.LoginContainer {
    padding: 15px;
}

.LoginScreenCl {
    background-color: #e1e1e1;
    position: relative;
}

.LoginFormMain {
    width: 500px;
    height: 230px;
    border-radius: 5px;
    background-color: #FFF;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -115px;
    margin-left: -250px;
    -webkit-box-shadow: 0px 0px 27px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 27px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 27px rgba(50, 50, 50, 0.75);
}

.LoginScreenLogo {
    float: left;
    padding: 50px 40px 0 40px;
}

.LoginSep {
    float: left;
    width: 2px;
    height: 170px;
    background-image: url(../images/loginsep.jpg);
    background-repeat: no-repeat;
}

.LoginUserContainer {
    float: left;
    padding-top: 10px
}

.LoginTxt {
    color: #bf311a;
    font-size: 19px;
    font-weight: bold;
}

.UsernameSty {
    width: 170px;
    background-image: url(../images/username.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding: 5px 5px 5px 23px;
    border: solid;
    border-width: 1px;
    border-color: #CCC;
    outline: none;
    border-radius: 3px;
}

.PasswordSty {
    width: 170px;
    background-image: url(../images/password.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding: 5px 5px 5px 23px;
    border: solid;
    border-width: 1px;
    border-color: #CCC;
    outline: none;
    border-radius: 3px;
}

.LoginButton {
    float: left;
}

.ForPasswordTxt {
    float: right;
    padding: 5px 0 0 0;
    color: #333;
}

    .ForPasswordTxt a {
        color: #818181;
    }

        .ForPasswordTxt a:hover {
            text-decoration: underline;
        }

.UserNameContainer {
    padding: 8px 0 8px 0;
}

.PasswordContainer {
    padding: 0px 0 8px 0;
}

.LogButton {
    background-color: #007fc4;
    padding: 3px 15px;
    border: none;
    color: #FFF;
    font-size: 15px;
    margin: 0;
    border-radius: 3px;
}

    .LogButton:hover {
        background-color: #bf311a;
    }

.RequFormName {
    float: left;
    background-image: url(../images/requesticon.png);
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    margin: 0 15px 0 0;
}

    .RequFormName a {
        color: #000;
    }

        .RequFormName a:hover {
            color: #000;
            text-decoration: underline;
        }

.HelpFormName {
    float: left;
    background-image: url(../images/help.png);
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    margin: 0 15px 0 0;
}

    .HelpFormName a {
        color: #000;
    }

        .HelpFormName a:hover {
            color: #000;
            text-decoration: underline;
        }

.HomeFormName {
    float: left;
    background-image: url(../images/homeicon.png);
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
}

    .HomeFormName a {
        color: #000;
    }

        .HomeFormName a:hover {
            color: #000;
            text-decoration: underline;
        }

.SignOutPart {
    text-align: right;
}

.ReqHelpPart {
    padding: 15px 0 0 0;
}

.RequestContainer {
    padding: 0;
    margin: 0;
}

.ReqForm {
    width: 320px;
    margin: 0 auto;
}

    .ReqForm:hover {
        -webkit-box-shadow: 0px 0px 14px rgba(50, 50, 50, 0.3);
        -moz-box-shadow: 0px 0px 14px rgba(50, 50, 50, 0.3);
        box-shadow: 0px 0px 14px rgba(50, 50, 50, 0.3);
        border-radius: 5px;
    }

.ReqTitle {
    background-color: #cccccc;
    border-radius: 5px 5px 0 0;
    padding: 0 0 0 10px;
    line-height: 34px;
    font-size: 17px;
}

.ReqFormContent {
    background-color: #f7f7f7;
    border: solid;
    border-width: 0 1px 1px 1px;
    border-color: #cccccc;
    padding: 10px;
    border-radius: 0px 0px 5px 5px;
}

.ReqFormFldInPut {
    padding: 0 0 4px 0;
}

.ReqFormListFld {
    width: 100%;
    border: solid;
    border-width: 1px;
    border-color: #abadb3;
}

.ReqForFldText {
    padding: 0 0 2px 0;
}

.ReqFormInputFld {
    width: 60.5%;
    border: solid;
    border-width: 1px;
    border-color: #abadb3;
}

.ReqFormTextArea {
    width: 98%;
    height: 75px;
    border: solid;
    border-width: 1px;
    border-color: #abadb3;
}

.ReqFormSubmitBtn {
    text-align: center;
}

.ReqFormSendBtn {
    background-color: #bf311a;
    padding: 3px 15px;
    border: none;
    color: #FFF;
    font-weight: bold;
    border-radius: 5px;
    text-transform: uppercase;
}

table.EquipmentDetails tr td a {
    color: #00589e;
}

    table.EquipmentDetails tr td a:hover {
        color: #bf311a;
        text-decoration: underline;
    }

table.AgreementDetails tr td a {
    color: #00589e;
}

    table.AgreementDetails tr td a:hover {
        color: #bf311a;
        text-decoration: underline;
    }

table.WorkOrderDetails tr td a {
    color: #00589e;
}

    table.WorkOrderDetails tr td a:hover {
        color: #bf311a;
        text-decoration: underline;
    }

table.InvoiceDetails tr td a {
    color: #00589e;
}

    table.InvoiceDetails tr td a:hover {
        color: #bf311a;
        text-decoration: underline;
    }

.InfoContainer {
    padding: 5px;
}

.CustomerInfo {
    float: left;
    width: 33%;
}

.BillingInfo {
    float: left;
    width: 33%;
    margin: 0 3px 0 3px;
}

.ContactsInfo {
    float: left;
    width: 33%;
}

.CustomerName {
    font-size: 18px;
    font-weight: bold;
}

.ContactName {
    float: left;
    /*width: 120px;*/
    font-weight: bold;
    padding: 0 3px 0 0;
}

.GeneralInfo {
    padding: 0 0px 3px 0;
}

    .GeneralInfo b {
        padding: 0 10px 0 0;
    }

.PhoneNoDetails {
    float: left;
}

    .PhoneNoDetails a {
        color: #0066b8;
    }

        .PhoneNoDetails a:hover {
            color: #b81b02;
            text-decoration: underline;
        }

.CustomerConPho {
    margin: 5px 0 0 0;
}

.AddNoteWrpr {
    text-align: right;
}

.WorkOrderBtn {
    -moz-box-shadow: inset 0px 1px 0px 0px #9acc85;
    -webkit-box-shadow: inset 0px 1px 0px 0px #9acc85;
    box-shadow: inset 0px 1px 0px 0px #9acc85;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
    background: -moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b', GradientType=0);
    background-color: #74ad5a;
    border: 1px solid #3b6e22;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    padding: 6px 12px;
    text-decoration: none;
}

    .WorkOrderBtn:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
        background: -moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background: -webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background: -o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background: -ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background: linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a', GradientType=0);
        background-color: #68a54b;
    }

    .WorkOrderBtn:active {
        position: relative;
        top: 1px;
    }

.AddWorkOrdNt {
    padding: 3px;
    font-size: 14px;
    font-weight: bold;
}

.WrkOrderFrmWrp {
    padding: 15px 0 0 0;
}

.FormFldList {
}

.WrkFldTxt {
    min-width: 150px;
    float: left;
    font-weight: bold;
    text-align: right;
}

.FldWrkInput {
    float: left;
}

.FormFldList {
    padding: 0px 0 5px 0;
}

.FrmFldSub {
    width: 350px;
}

.WorkTextFld {
    width: 500px;
    height: 200px;
}

.WrkFldButtons {
    -moz-box-shadow: inset 0px 1px 0px 0px #cf866c;
    -webkit-box-shadow: inset 0px 1px 0px 0px #cf866c;
    box-shadow: inset 0px 1px 0px 0px #cf866c;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
    background: -moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: -ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
    background: linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315', GradientType=0);
    background-color: #d0451b;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #942911;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    padding: 6px 24px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #854629;
}

    .WrkFldButtons:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
        background: -moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
        background: -webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
        background: -o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
        background: -ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
        background: linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b', GradientType=0);
        background-color: #bc3315;
    }

    .WrkFldButtons:active {
        position: relative;
        top: 1px;
    }

.SerchItemListSlectype {
    float: left;
}

.SerchItemList {
    float: left;
}

.AgreImagesWidth {
    width: 50px;
}

.SelectTypeWrp {
    float: left;
    margin: 0 0 0 10px;
}

.SlectStatusWrp {
    float: left;
    margin: 0 0 0 10px;
}

.PoSearchwrp {
    float: left;
    margin: 0 0 0 10px;
}

.LoacationWrp {
    float: left;
    margin: 0 0 0 10px;
}

table.WorkOrderInfoTable {
    width: 100%;
}

.QuotesImageTd {
    width: 40px;
}

table.QuotesAttachmentInfotab {
    width: 100%;
}

table.QuotesNotesInfotab {
    width: 100%;
}

table.EquipmentNotesInfo {
    width: 100%;
}

table.EquipmentsAttachmentsInfo {
    width: 100%;
}

table.TableView tr td a {
    display: block;
}

table.Grid tr td a {
    display: block !important;
}

.ReportsSearchContainer {
    margin: 0 auto;
    width: 812px;
}

.ReportEpe {
    float: left;
}

.ReportsEqTxt {
    float: left;
}

.ReportEpeInbox {
    float: left;
}

.FromDateReport {
    float: left;
}

.ReportSelectDates {
    width: 75px;
}

.FromDateSelector {
    float: left;
}

.ReportsEqTxt {
    padding: 2px 2px 0 0;
}

.ReportEpe {
    padding: 0px 5px 0 0;
}

.FromDateReport {
    padding: 0px 5px 0 0;
}

.ReCalenderImg {
    vertical-align: middle;
}

.ReportsSearchList {
    background-color: #e4f6ff;
    padding: 5px;
    border: 1px solid #DFDDDD;
}

.GetReportBtn {
    -moz-box-shadow: inset 0px 1px 0px 0px #9acc85;
    -webkit-box-shadow: inset 0px 1px 0px 0px #9acc85;
    box-shadow: inset 0px 1px 0px 0px #9acc85;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
    background: -moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: -ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background: linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b', GradientType=0);
    background-color: #74ad5a;
    border: 1px solid #3b6e22;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 6px;
    text-decoration: none;
}

    .GetReportBtn:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
        background: -moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background: -webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background: -o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background: -ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
        background: linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a', GradientType=0);
        background-color: #68a54b;
    }

    .GetReportBtn:active {
        position: relative;
        top: 1px;
    }

/*#mnuMain ul.dynamic {
z-index: 99999999;
} 
#mnuMain 
{
float: none !important;

   }*/


.ajax__calendar .ajax__calendar_container {
    z-index: 9999999;
}

.WelComPrl {
    text-align: center;
    padding: 15px 0 0 0;
    font-size: 20px;
    color: #01388B;
    font-weight: bold;
}
/*--------------------------------------------------------------------------------media query start 769*/
@media only screen and (max-width: 940px) {


    .TableView .ChildGrid.red-grid tr {
        border-bottom: 1px solid #e46f68
    }

    .TableView .ChildGrid.green-grid tr {
        border-bottom: 1px solid #3e9f69
    }

    .TableView .ChildGrid.pink-grid tr {
        border-bottom: 1px solid #ad80ab
    }

    .TableView, .TableView thead, .TableView tbody, .TableView th {
        display: block;
    }

        .TableView td {
            display: block !important;
        }

        .TableView tr {
            display: block;
            border: 1px solid #ccc;
        }

            .TableView tr .ChildGrid tr{ border:0px;}

            table.Grid, table.Grid thead, table.Grid tbody, table.Grid th, table.Grid td, table.Grid tr {
                display: block;
            }

    table.TableView th {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    table.TableView.drop-down tr { border:0px;
    }
        table .TableView tr {
        border: solid;
        border-width: 1px 1px 0 1px;
        border-color: #ccc;
    }

    table.Grid tr td a {
        text-align: left !important;
    }

    table.TableView.drop-down tr:last-child { border:0px;
    }

    table.TableView tr:last-child {
        /*border: solid;
        border-width: 1px 1px 1px 1px;
        border-color: #ccc;*/
    }

    table.TableView td {
        border: none;
        /*border-bottom: 1px solid #FFF;*/
        position: relative;
        padding-left: 38%;
        text-align: left;
        
        min-height: 26px;
    }

    table.WorkOrdersInfo tr.GridPager td {
        display: inline-block !important
    }

    table.TableView td:before {
        position: absolute;
        top: 3px;
        left: 5px;
        width: 35%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .Grid th {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .Grid tr {
        border: solid;
        border-width: 1px 1px 0 1px;
        border-color: #ccc;
    }

        .Grid tr:last-child {
            border: solid;
            border-width: 1px 1px 1px 1px;
            border-color: #ccc;
        }

    .Grid td {
        border: none;
        border-bottom: 1px solid #FFF;
        position: relative;
        padding-left: 35% !important;
        text-align: left;
        min-height: 15px;
    }

        .Grid td:before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 30%;
            padding-right: 10px;
            white-space: nowrap;
        }

    table.InvoiceNoDetails td:nth-of-type(1):before {
        content: "Invoice#";
    }

    table.InvoiceNoDetails td:nth-of-type(2):before {
        content: "Type";
        background-color: #cccccc;
        color: #000;
        font-weight: bold;
        text-align: right;
    }

    table.InvoiceNoDetails td:nth-of-type(3):before {
        content: "Date";
        background-color: #cccccc;
        color: #000;
        font-weight: bold;
        text-align: right;
    }

    table.InvoiceNoDetails td:nth-of-type(4):before {
        content: "Location";
        background-color: #cccccc;
        color: #000;
        font-weight: bold;
        text-align: right;
    }

    table.InvoiceNoDetails td:nth-of-type(5):before {
        content: "Description";
        background-color: #cccccc;
        color: #000;
        font-weight: bold;
        text-align: right;
    }

    table.InvoiceNoDetails td:nth-of-type(6):before {
        content: "PO#";
        background-color: #cccccc;
        color: #000;
        font-weight: bold;
        text-align: right;
    }

    table.InvoiceNoDetails td:nth-of-type(7):before {
        content: "Amount";
        background-color: #cccccc;
        color: #000;
        font-weight: bold;
        text-align: right;
    }





    table.CustomerDetailsInfo td:before {
        background-color: #cccccc;
        color: #000;
        font-weight: bold;
        text-align: right;
    }

    .TableView.drop-down td input {
        padding: 0px;
    }

    table.cu-details th {
        color: #21536e;
    }

    table.req-ser td:nth-of-type(1):before {
        content: "Priority ";
    }

    table.req-ser tr:nth-child(2) td:nth-of-type(1):before {
        content: "Request Date";
    }

    table.req-ser tr:nth-child(3) td:nth-of-type(1):before {
        content: "Problem";
    }

    table.req-ser tr:nth-child(4) td:nth-of-type(1):before {
        content: "Comments";
    }

    table.req-ser tr:nth-child(5) td:nth-of-type(1):before {
        content: "PO#";
    }

    table.req-ser tr:nth-child(6) td:nth-of-type(1):before {
        content: "Requestor Name	";
    }

    table.req-ser tr:nth-child(7) td:nth-of-type(1):before {
        content: " Email Address	";
    }

    table.req-ser tr:nth-child(8) td:nth-of-type(1):before {
        content: " Phone Number		";
    }

    table.req-ser tr:nth-child(9) td:nth-of-type(1):before {
        content: " ";
    }


    table.req-ser tr:nth-child(10) td:nth-of-type(1):before {
        content: " ";
    }




    table.invo td:nth-of-type(1):before {
        content: "Invoice#";
    }

    table.invo td:nth-of-type(2):before {
        content: "PO#";
    }
    table.invo td:nth-of-type(3):before {
        content: "Select Type";
    }


    table.invo tr:nth-child(2) td:nth-of-type(1):before {
        content: "";
    }


    table.equip td:nth-of-type(1):before {
        content: "Select Failed ";
    }
    table.equip td:nth-of-type(2):before {
        content: " Equipment ID";
    }
    table.equip td:nth-of-type(3):before {
        content: " Refrigerant Type";
    }
    table.equip td:nth-of-type(4):before {
        content: "Replacement Month ";
    }
    table.equip td:nth-of-type(5):before {
        content: " Work Order#";
    }


    table.equip tr:nth-child(2) td:nth-of-type(1):before {
        content: "Condition";
    }
    table.equip tr:nth-child(2) td:nth-of-type(2):before {
        content: "Equip";
    }
    table.equip tr:nth-child(2) td:nth-of-type(3):before {
        content: "Equip";
    }
    table.equip tr:nth-child(2) td:nth-of-type(4):before {
        content: "Replacement Year";
    }


    table.equip tr:nth-child(3) td:nth-of-type(1):before {
        content: "";
    }


    table.Wo-order td:nth-of-type(1):before {
        content: "Select Type";
    }

    table.Wo-order td:nth-of-type(2):before {
        content: "PO#	";
    }

    table.Wo-order td:nth-of-type(3):before {
        content: "From Date";
    }


    table.Wo-order tr:nth-child(2) td:nth-of-type(1):before {
        content: "Select Status";
    }

    table.Wo-order tr:nth-child(2) td:nth-of-type(2):before {
        content: "Location";
    }

    table.Wo-order tr:nth-child(2) td:nth-of-type(3):before {
        content: "To Date	";
    }
    table.Wo-order tr:nth-child(3) td:nth-of-type(1):before {
        content: "";
    }


    table.cu-details td:nth-of-type(1):before {
        content: "Name";
    }

    table.cu-details td:nth-of-type(2):before {
        content: "Address";
    }

    table.cu-details td:nth-of-type(3):before {
        content: "City";
    }

    table.cu-details td:nth-of-type(4):before {
        content: "Zip";
    }

    table.cu-details td:nth-of-type(5):before {
        content: "Phone Number	";
    }


    table.cu-details tr:nth-child(2) td:nth-of-type(1):before {
        content: "Location";
    }

    table.cu-details tr:nth-child(2) td:nth-of-type(2):before {
        content: "Address2";
    }

    table.cu-details tr:nth-child(2) td:nth-of-type(3):before {
        content: "State";
    }

    table.cu-details tr:nth-child(2) td:nth-of-type(4):before {
        content: "Contact";
    }

    table.cu-details tr:nth-child(2) td:nth-of-type(5):before {
        content: "Primary Sales Rep	";
    }

    table.cu-details tr:nth-child(3) td:nth-of-type(1):before {
        content: " 	";
    }


    table.CustomerDetailsInfo td:nth-of-type(1):before {
        content: "Name";
    }

    table.CustomerDetailsInfo td:nth-of-type(2):before {
        content: "Location";
    }

    table.CustomerDetailsInfo td:nth-of-type(3):before {
        content: "Address";
    }


    table.CustomerDetailsInfo td:nth-of-type(4):before {
        content: "Address2";
    }


    table.CustomerDetailsInfo td:nth-of-type(5):before {
        content: "City";
    }

    table.CustomerDetailsInfo td:nth-of-type(6):before {
        content: "State";
    }

    table.CustomerDetailsInfo td:nth-of-type(7):before {
        content: "Zip Code";
    }

    table.CustomerDetailsInfo td:nth-of-type(8):before {
        content: "Primary Contact";
    }

    table.CustomerDetailsInfo td:nth-of-type(9):before {
        content: "Phone Number";
    }

    table.CustomerDetailsInfo td:nth-of-type(10):before {
        content: "Primary Sales Rep";
    }

    /* table.WorkOrdersInfo td:before {
        background-color: #cccccc;
        color: #000;
        font-weight: bold;
        text-align: right;
    }*/

    table.WO-items td:nth-of-type(1):before {
        content: "Description";
    }

    table.WO-items td:nth-of-type(2):before {
        content: "Ex.Tax Total";
    }


    table.WO-credits td:nth-of-type(1):before {
        content: "Credit#";
    }

    table.WO-credits td:nth-of-type(2):before {
        content: "Receipt#";
    }

    table.WO-credits td:nth-of-type(3):before {
        content: "Amount";
    }


    table.WO-notes td:nth-of-type(1):before {
        content: "Date";
    }

    table.WO-notes td:nth-of-type(2):before {
        content: "	Name";
    }

    table.WO-notes td:nth-of-type(3):before {
        content: "	Text";
    }

    table.WO-attach td:nth-of-type(1):before {
        content: "Description";
    }


    table.WorkOrdersInfo tr.GridPager td:nth-of-type(1):before {
        content: "";
    }

    table.WorkOrdersInfo tr.GridPager td:nth-of-type(2):before {
        content: "";
    }

    table.WorkOrdersInfo td:nth-of-type(1):before {
        content: "Invoices";
    }

    table.WorkOrdersInfo td:nth-of-type(2):before {
        content: "WO#";
    }

    table.WorkOrdersInfo td:nth-of-type(3):before {
        content: "Location";
    }

    table.WorkOrdersInfo td:nth-of-type(4):before {
        content: "PO#";
    }

    table.WorkOrdersInfo td:nth-of-type(5):before {
        content: "Date Entered";
    }

    table.WorkOrdersInfo td:nth-of-type(6):before {
        content: "Date Completed";
    }

    table.WorkOrdersInfo td:nth-of-type(7):before {
        content: "PM?";
    }

    table.WorkOrdersInfo td:nth-of-type(8):before {
        content: "Agreement No";
    }

    table.WorkOrdersInfo td:nth-of-type(9):before {
        content: "Status";
    }

    table.WorkOrdersInfo td:nth-of-type(10):before {
        content: "Problem";
    }

    table.WorkOrdersInfo td:nth-of-type(11):before {
        content: "Primary Technician";
    }

    table.WorkOrdersInfo td:nth-of-type(12):before {
        content: "Customer Comments";
    }

    table.WorkOrdersInfo td:nth-of-type(13):before {
        content: "Call Type";
    }

    table.WorkOrdersInfo td:nth-of-type(14):before {
        content: "Quoted Amount";
    }

    table.WorkOrdersInfo td:nth-of-type(15):before {
        content: "Total Sale";
    }

    table.WorkOrdersInfo td:nth-of-type(16):before {
        content: "Customer Contact";
    }

    table.EquipmentInfo td:before {
        background-color: #cccccc;
        color: #000;
        font-weight: bold;
        text-align: right;
    }

    table.EquipmentInfo td:nth-of-type(1):before {
        content: "Work Order";
    }

    table.EquipmentInfo td:nth-of-type(2):before {
        content: "Type";
    }

    table.EquipmentInfo td:nth-of-type(3):before {
        content: "Alternative Equipment";
    }

    table.EquipmentInfo td:nth-of-type(4):before {
        content: "Equipment ID";
    }

    table.EquipmentInfo td:nth-of-type(5):before {
        content: "Equip#";
    }


    table.EquipmentInfo td:nth-of-type(6):before {
        content: "Manufacturer";
    }

    table.EquipmentInfo td:nth-of-type(7):before {
        content: "Model";
    }

    table.EquipmentInfo td:nth-of-type(8):before {
        content: "Serial No.";
    }

    table.EquipmentInfo td:nth-of-type(9):before {
        content: "Location";
    }

    table.EquipmentInfo td:nth-of-type(10):before {
        content: "Area Serviced";
    }

    table.EquipmentInfo td:nth-of-type(11):before {
        content: "Installation Date";
    }

    table.EquipmentInfo td:nth-of-type(12):before {
        content: "Warranty Start/End Dates";
    }

    table.EquipmentInfo td:nth-of-type(13):before {
        content: "Failed";
    }

    table.EquipmentInfo td:nth-of-type(14):before {
        content: "Rating KWS";
    }

    table.EquipmentInfo td:nth-of-type(15):before {
        content: "Refrigerant Type";
    }

    table.EquipmentInfo td:nth-of-type(16):before {
        content: "Refrigerant Quantity";
    }

    table.EquipmentInfo td:nth-of-type(17):before {
        content: "Condition";
    }

    table.EquipmentInfo td:nth-of-type(18):before {
        content: "Replacement Cost";
    }

    table.EquipmentInfo td:nth-of-type(19):before {
        content: "Replacement Date";
    }

    table.EquipMentInfoWorkOrder td:before {
        background-color: #f36c2d;
        color: #FFF;
        font-weight: bold;
        text-align: right;
    }

    table.EquipMentInfoWorkOrder td:nth-of-type(1):before {
        content: "WO#";
    }

    table.EquipMentInfoWorkOrder td:nth-of-type(2):before {
        content: "PO#";
    }

    table.EquipMentInfoWorkOrder td:nth-of-type(3):before {
        content: "Date Entered";
    }

    table.EquipMentInfoWorkOrder td:nth-of-type(4):before {
        content: "Date Completed";
    }

    table.EquipMentInfoWorkOrder td:nth-of-type(5):before {
        content: "PM?";
    }

    table.EquipMentInfoWorkOrder td:nth-of-type(6):before {
        content: "Agreement No";
    }

    table.EquipMentInfoWorkOrder td:nth-of-type(7):before {
        content: "Status";
    }

    table.EquipMentInfoWorkOrder td:nth-of-type(8):before {
        content: "Problem";
    }

    table.EquipMentInfoWorkOrder td:nth-of-type(9):before {
        content: "Primary Technician";
    }

    table.EquipMentInfoWorkOrder td:nth-of-type(10):before {
        content: "Customer Comments";
    }

    table.EquipMentInfoWorkOrder td:nth-of-type(11):before {
        content: "Call Type";
    }

    table.EquipMentInfoWorkOrder td:nth-of-type(12):before {
        content: "Quoted Amount";
    }

    table.EquipMentInfoWorkOrder td:nth-of-type(13):before {
        content: "Total Sale";
    }

    table.EquipMentInfoWorkOrder td:nth-of-type(14):before {
        content: "Customer Contact";
    }



    table.AgreementsInfo td:before {
        background-color: #cccccc;
        color: #000;
        font-weight: bold;
        text-align: right;
    }

    table.AgreementsInfo td:nth-of-type(1):before {
        content: "Work Order, Shedule";
    }

    table.AgreementsInfo td:nth-of-type(2):before {
        content: "Agr.#";
    }

    table.AgreementsInfo td:nth-of-type(3):before {
        content: "Status";
    }

    table.AgreementsInfo td:nth-of-type(4):before {
        content: "Coverage Period";
    }

    table.AgreementsInfo td:nth-of-type(5):before {
        content: "Technician Name";
    }

    table.AgreementsInfo td:nth-of-type(6):before {
        content: "Type";
    }

    table.AgreementsInfo td:nth-of-type(7):before {
        content: "Total";
    }

    table.AgreementsInfo td:nth-of-type(8):before {
        content: "Inoviced Amount";
    }

    .AgreImagesWidth {
        width: auto !important;
    }

    table.AgrementSheduleInfo td:before {
        background-color: #007236;
        color: #FFF;
        font-weight: bold;
        text-align: right;
    }

    table.AgrementSheduleInfo td:nth-of-type(1):before {
        content: "Equipment Qualified Name";
    }

    table.AgrementSheduleInfo td:nth-of-type(2):before {
        content: "PM Task Description";
    }

    table.AgrementSheduleInfo td:nth-of-type(3):before {
        content: "Schedule";
    }

    table.AgrementSheduleInfo td:nth-of-type(4):before {
        content: "Technician Name";
    }

    table.AgrementSheduleInfo td:nth-of-type(5):before {
        content: "Skill Description";
    }

    table.AgrementSheduleInfo td:nth-of-type(6):before {
        content: "Call Type Description";
    }

    table.AgrementSheduleInfo td:nth-of-type(7):before {
        content: "Problem Description";
    }

    table.AgrementsWorkOrderInfo td:before {
        background-color: #f36c2d;
        color: #FFF;
        font-weight: bold;
        text-align: right;
    }

    table.AgrementsWorkOrderInfo td:nth-of-type(1):before {
        content: "WO#";
    }

    table.AgrementsWorkOrderInfo td:nth-of-type(2):before {
        content: "Location";
    }

    table.AgrementsWorkOrderInfo td:nth-of-type(3):before {
        content: "PO#";
    }

    table.AgrementsWorkOrderInfo td:nth-of-type(4):before {
        content: "Date Entered";
    }

    table.AgrementsWorkOrderInfo td:nth-of-type(5):before {
        content: "Date Completed";
    }

    table.AgrementsWorkOrderInfo td:nth-of-type(6):before {
        content: "PM?";
    }

    table.AgrementsWorkOrderInfo td:nth-of-type(7):before {
        content: "Agreement No";
    }

    table.AgrementsWorkOrderInfo td:nth-of-type(8):before {
        content: "Status";
    }

    table.AgrementsWorkOrderInfo td:nth-of-type(9):before {
        content: "Problem";
    }

    table.AgrementsWorkOrderInfo td:nth-of-type(10):before {
        content: "Primary Technician";
    }

    table.AgrementsWorkOrderInfo td:nth-of-type(11):before {
        content: "Customer Comments";
    }

    table.AgrementsWorkOrderInfo td:nth-of-type(12):before {
        content: "Call Type";
    }

    table.AgrementsWorkOrderInfo td:nth-of-type(13):before {
        content: "Quoted Amount";
    }

    table.AgrementsWorkOrderInfo td:nth-of-type(14):before {
        content: "Total Sale";
    }

    table.AgrementsWorkOrderInfo td:nth-of-type(15):before {
        content: "Customer Contact";
    }



    table.InvoicesInfo td:before {
        background-color: #cccccc;
        color: #000;
        font-weight: bold;
        text-align: right;
    }

    table.InvoicesInfo td:nth-of-type(1):before {
        content: "Invoice#";
    }

    table.InvoicesInfo td:nth-of-type(2):before {
        content: "Type";
    }

    table.InvoicesInfo td:nth-of-type(3):before {
        content: "Date";
    }

    table.InvoicesInfo td:nth-of-type(4):before {
        content: "Location";
    }

    table.InvoicesInfo td:nth-of-type(5):before {
        content: "Description";
    }

    table.InvoicesInfo td:nth-of-type(6):before {
        content: "PO#";
    }

    table.InvoicesInfo td:nth-of-type(7):before {
        content: "Amount";
    }

    table.InvoicesInfo td:nth-of-type(8):before {
        content: "Balance";
    }

    table.WorkOrderInfoTable td:before {
        background-color: #cccccc;
        color: #000;
        font-weight: bold;
        text-align: right;
    }

    table.WorkOrderInfoTable td:nth-of-type(1):before {
        content: "Description";
    }

    table.WorkOrderInfoTable td:nth-of-type(2):before {
        content: "Description";
    }

    table.WorkOrderInfoTable {
        width: 100%;
    }

    .EquipmentWorkOrdercls td:before {
        display: none;
    }

    .EquipmentWorkOrdercls td {
        padding-left: 0 !important;
    }

    table.EquipMentInfoWorkOrder tr td:before {
        display: block !important;
    }

    table.ChildGrid tr td {
        padding-left: 38% !important;
    }

    .AgrementsWorkOrderCls td:before {
        display: none;
    }

    .AgrementsSheduleCls td:before {
        display: none;
    }

    .AgrementsWorkOrderCls td {
        padding-left: 0 !important;
    }

    .AgrementsSheduleCls td {
        padding-left: 0 !important;
    }

    table.AgrementsWorkOrderInfo tr td:before {
        display: block !important;
    }

    table.AgrementSheduleInfo tr td:before {
        display: block !important;
    }

    /*table.AgrementsWorkOrderInfo tr td {
        padding-left: 35% !important;
    }

    table.AgrementSheduleInfo tr td {
        padding-left: 35% !important;
    }*/

    table.QuotesInfo td:before {
        background-color: #cccccc;
        color: #000;
        font-weight: bold;
        text-align: right;
    }

    table.QuotesInfo td:nth-of-type(1):before {
        content: "Notes, Attachments";
    }

    table.QuotesInfo td:nth-of-type(2):before {
        content: "Quote#";
    }

    table.QuotesInfo td:nth-of-type(3):before {
        content: "Customer Name";
    }

    table.QuotesInfo td:nth-of-type(4):before {
        content: "Address";
    }

    table.QuotesInfo td:nth-of-type(5):before {
        content: "Date";
    }
    table.QuotesInfo td:nth-of-type(6):before {
        content: "Status";
    }
    

    table.QuotesInfo td:nth-of-type(7):before {
        content: "Description of Work";
    }

    table.QuotesInfo td:nth-of-type(8):before {
        content: "Value";
    }

    table.QuotesInfo td:nth-of-type(9):before {
        content: "Urgency";
    }

    .QuotesImageTd {
        width: auto;
    }

    table.QuotesNotesInfotab td:before {
        background-color: #f36c2d;
        color: #FFF;
        font-weight: bold;
        text-align: right;
    }

    table.QuotesNotesInfotab td:nth-of-type(1):before {
        content: "Date";
    }

    table.QuotesNotesInfotab td:nth-of-type(2):before {
        content: "Name";
    }

    table.QuotesNotesInfotab td:nth-of-type(3):before {
        content: "Text";
    }

    table.QuotesAttachmentInfotab td:before {
        background-color: #008000;
        color: #FFF;
        font-weight: bold;
        text-align: right;
    }

    table.QuotesAttachmentInfotab td:nth-of-type(1):before {
        content: "Description" !important;
    }

    table.QuotesAttachmentInfotab td:nth-of-type(2):before {
        content: "View" !important;
    }

    table.EquipmentNotesInfo {
        width: 100%;
    }

    table.InvoiceItems td:before {
        background-color: #cccccc;
        color: #000;
        font-weight: bold;
        text-align: right;
    }

    table.InvoiceItems td:nth-of-type(1):before {
        content: "Description";
    }

    table.InvoiceItems td:nth-of-type(2):before {
        content: "Ex.Tax Total";
    }


    table.InvoiceItemsCredit td:before {
        background-color: #cccccc;
        color: #000;
        font-weight: bold;
        text-align: right;
    }

    table.InvoiceItemsCredit td:nth-of-type(1):before {
        content: "Credit#";
    }

    table.InvoiceItemsCredit td:nth-of-type(2):before {
        content: "Receipt#";
    }

    table.InvoiceItemsCredit td:nth-of-type(3):before {
        content: "Amount";
    }


    table.InvoiceItemsNotes td:before {
        background-color: #cccccc;
        color: #000;
        font-weight: bold;
        text-align: right;
    }

    table.InvoiceItemsNotes td:nth-of-type(1):before {
        content: "Date";
    }

    table.InvoiceItemsNotes td:nth-of-type(2):before {
        content: "Name";
    }

    table.InvoiceItemsNotes td:nth-of-type(3):before {
        content: "Text";
    }

    table.InvoiceItemsAttachments td:before {
        background-color: #cccccc;
        color: #000;
        font-weight: bold;
        text-align: right;
    }

    table.InvoiceItemsAttachments td:nth-of-type(1):before {
        content: "Description";
    }

    /*table.WorkOrderNotes td:before {
        background-color: #cccccc;
        color: #000;
        font-weight: bold;
        text-align: right;
    }*/

    table.WorkOrderNotes td:nth-of-type(1):before {
        content: "Date";
    }

    table.WorkOrderNotes td:nth-of-type(2):before {
        content: "Name";
    }

    table.WorkOrderNotes td:nth-of-type(3):before {
        content: "Text";
    }

    table.EquipmentNotesInfo td:before {
        background-color: #007236;
        color: #FFF;
        font-weight: bold;
        text-align: right;
    }

    table.EquipmentNotesInfo td:nth-of-type(1):before {
        content: "Date";
    }

    table.EquipmentNotesInfo td:nth-of-type(2):before {
        content: "Name";
    }

    table.EquipmentNotesInfo td:nth-of-type(3):before {
        content: "Text";
    }

    .EquipmentNotesTrCls td:before {
        display: none;
    }

    .EquipmentNotesTrCls td {
        padding-left: 0 !important;
    }

    .EquipmentNotesInfo tr td:before {
        display: block !important;
    }

    .EquipmentNotesInfo tr td {
        padding-left: 38% !important;
    }

    .EquipmentAttachmentsTrCls td:before {
        display: none;
    }

    .EquipmentAttachmentsTrCls td {
        padding-left: 0 !important;
    }

    .EquipmentsAttachmentsInfo tr td:before {
        display: block !important;
    }

    .EquipmentsAttachmentsInfo tr td {
        padding-left: 38% !important;
    }

    table.EquipmentsAttachmentsInfo td:nth-of-type(1):before {
        content: "Description";
    }

    table.EquipmentsAttachmentsInfo td:nth-of-type(2):before {
        content: "View";
    }

    table.EquipmentsAttachmentsInfo {
        width: 100%;
    }

        table.EquipmentsAttachmentsInfo td:before {
            background-color: #cca3cb;
            color: #FFF;
            font-weight: bold;
            text-align: right;
        }

    table.QuotesAttachmentInfotab {
        width: 100%;
    }

    table.QuotesNotesInfotab {
        width: 100%;
    }

    .QuotesNotesInfo td:before {
        display: none;
    }

    .QuotesAttachementsInfo td:before {
        display: none;
    }

    .QuotesNotesInfo td {
        padding-left: 0 !important;
    }

    .QuotesAttachementsInfo td {
        padding-left: 0 !important;
    }

    table.QuotesNotesInfotab tr td:before {
        display: block !important;
    }

    table.QuotesAttachmentInfotab tr td:before {
        display: block !important;
    }

    /*table.QuotesNotesInfotab tr td {
        padding-left: 35% !important;
    }

    table.QuotesAttachmentInfotab tr td {
        padding-left: 35% !important;
    }*/

    table.TableView tr td a {
        color: #bc270f;
        text-decoration: underline;
        text-align: left !important;
    }

        table.TableView tr td a:hover {
            color: #bc270f;
            text-align: left !important;
            text-decoration: underline;
        }


    .WorkOrdersInvTrCls td:before {
        display: none;
    }

    .WorkOrdersInvTrCls td {
        padding-left: 0 !important;
    }

    table.WorkOrderInvoicesInfo tr td:before {
        display: block !important;
    }

    table.WorkOrderInvoicesInfo tr td {
        padding-left: 38% !important;
    }

    table.InvoiceNoDetails td:nth-of-type(8):before {
        content: "Balance";
        background-color: #cccccc;
        color: #000;
        font-weight: bold;
        text-align: right;
    }

    /*table.WorkOrderInvoicesInfo td:before {
        background-color: #e46f68;
        color: #FFF;
        font-weight: bold;
        text-align: right;
    }*/

    table.info-attach td:nth-of-type(1):before {
        content: "Description";
    }


    table.info-notes td:nth-of-type(1):before {
        content: " Date";
    }
    table.info-notes td:nth-of-type(2):before {
        content: "Name";
    }
    table.info-notes td:nth-of-type(3):before {
        content: "Text";
    }


    table .WorkOrderInvoicesInfo td:nth-of-type(1):before {
        content: "Invoice#";
    }

    table.WorkOrderInvoicesInfo td:nth-of-type(2):before {
        content: "Type";
    }

    table.WorkOrderInvoicesInfo td:nth-of-type(3):before {
        content: "Date";
    }

    table.WorkOrderInvoicesInfo td:nth-of-type(4):before {
        content: "Location";
    }

    table.WorkOrderInvoicesInfo td:nth-of-type(5):before {
        content: "Description";
    }

    table.WorkOrderInvoicesInfo td:nth-of-type(6):before {
        content: "PO#";
    }

    table.WorkOrderInvoicesInfo td:nth-of-type(7):before {
        content: "Amount";
    }

    table.WorkOrderInvoicesInfo td:nth-of-type(8):before {
        content: "Balance";
    }

    .FielsetContact {
        width: 95%;
    }

    .FielsetList {
        float: none;
        margin: 0 0px 0 0;
    }

    .CustomerInfo {
        width: 100%;
        margin: 0 0px 15px 0;
    }

    .BillingInfo {
        width: 100%;
        margin: 0 0px 0 0px;
        margin: 0 0px 15px 0;
    }

    .ContactsInfo {
        width: 100%;
    }

    .WrkFldTxt {
        width: 100%;
        float: none;
        text-align: left;
    }

    .FldWrkInput {
        float: none;
        width: 100%;
    }

    .FrmFldSub {
        width: 95%;
    }

    .WorkTextFld {
        width: 95%;
        height: 200px;
    }

    .SearchByTxt {
        float: left;
        margin: 0 0 0 0px;
        padding: 2px 0 0 0;
        width: 102px;
        text-align: right;
    }

    .SelectTypeWrp {
        float: left;
        margin: 0 0 5px 10px;
    }

    .SlectStatusWrp {
        float: left;
        margin: 0 0 5px 10px;
    }

    .PoSearchwrp {
        float: left;
        margin: 0 0 5px 10px;
    }

    .LoacationWrp {
        float: left;
        margin: 0 0 5px 10px;
    }

    .SearchContainer {
        padding: 10px 0 0 0;
    }

    .EquipMentInfoWorkOrder tr td a {
        display: block !important;
        text-align: left !important;
        color: #bc270f;
        text-decoration: underline;
    }
}

@media only screen and (max-width: 550px) {
    .LoginFormMain {
        width: 100%;
        height: 300px;
        border-radius: 5px;
        background-color: #FFF;
        position: inherit;
        margin-top: 30% !important;
        margin-left: 0px;
        -webkit-box-shadow: 0px 0px 27px rgba(50, 50, 50, 0.75);
        -moz-box-shadow: 0px 0px 27px rgba(50, 50, 50, 0.75);
        box-shadow: 0px 0px 27px rgba(50, 50, 50, 0.75);
    }

    .LoginScreenLogo {
        float: none;
        padding: 30px 0px 0 0px;
        text-align: center;
    }

    .LoginSep {
        display: none;
    }

    .LoginUserContainer {
        float: none;
        padding: 35px 0 0 15px;
        width: 200px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 768px) {
    .ReportsSearchContainer {
        float: left;
        width: 100%;
    }

    .ReportEpe, .FromDateReport {
        width: 100%;
        padding: 0px 0px 5px 0;
    }

    .ReportsEqTxt {
        width: 190px;
        text-align: right;
    }

    .FromDateReport {
        padding: 0px 5px 5px 0;
    }

    .SubmitReportBtn {
        float: left;
    }
}

@media only screen and (max-width: 650px) {
}

/*--------------------------------------------------------------------------------media query start 481*/
@media only screen and (max-width: 481px) {



 


    .ContentBody {
        padding-bottom: 130px;
    }


    .TableView table.ChildGrid td {
        padding-left: 5px !important
    }

    .TableView .ChildGridF td {
        padding: 5px !important;
    }

    table.TableView td:before {
        position: inherit;
        display: block;
        width: 95%;
        text-align: left !important;
        left: 0;
        top: 0;
        margin-bottom: 3px;
        padding-left: 5px;
    }

    table.TableView td {
        position: relative;
        padding: 0px;
        text-align: left;
        min-height: 35px;
        padding: 5px;
    }

    .MbPadding {
        padding: 0px;
    }

    .ReqForm {
        width: 100%;
    }

    .SerchItemListSlectype {
        width: 100%;
        padding: 5px 0 0 0;
    }
}
/*--------------------------------------------------------------------------------media query end here*/
@media only screen and (max-width: 433px) {
    .SignOutLable {
        border-radius: 5px;
    }

    .SearchByListItem select {
        width: 100px;
    }
}

/*-------------------------------------------------------------------------------- 320 media query end here*/
@media only screen and (max-width: 380px) {
    .SelectTypeWrp {
        margin: 0 0 0 0px;
    }

    .SearchByTxt {
        width: 100%;
        text-align: left;
    }

    .SelectTypeWrp {
        width: 100%;
    }

    .SlectStatusWrp {
        width: 100%;
        margin: 0 0 5px 0px;
    }

    .PoSearchwrp {
        width: 100%;
        margin: 0 0 5px 0px;
    }

    .LoacationWrp {
        width: 100%;
        margin: 0 0 5px 0px;
    }

    .SearchByListItem {
        width: 100%;
        margin: 0 0 0 0px;
    }

        .SearchByListItem select {
            width: 100%;
        }

        .SearchByListItem input {
            width: 98% !important;
        }

    .SearchBtn {
        margin: 10px 0 0 0px;
    }





    table.Grid td {
        position: relative !important;
        padding: 0px !important;
        text-align: left;
        min-height: 35px !important;
        padding: 5px !important;
    }

    .Grid td:before {
        position: inherit;
        display: block;
        width: 95%;
        text-align: left !important;
        left: 0;
        top: 0;
        margin-bottom: 3px;
        padding-left: 5px;
    }

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

    table.AgrementSheduleInfo tr td {
        padding-left: 0% !important;
    }

    table.AgrementsWorkOrderInfo tr td {
        padding-left: 0% !important;
    }

    .AgrementsWorkOrderCls td:before {
        display: none;
    }

    .AgrementsWorkOrderCls td .AgrementsWorkOrderInfo td:before {
        display: block;
    }

    .AgrementsSheduleCls td:before {
        display: none;
    }

    .AgrementsSheduleCls td .AgrementSheduleInfo td:before {
        display: block;
    }

    .EquipmentWorkOrdercls td:before {
        display: none;
    }

    .EquipmentWorkOrdercls td .EquipMentInfoWorkOrder td:before {
        display: block;
    }

    .QuotesAttachementsInfo td:before {
        display: none;
    }

    .QuotesAttachementsInfo td .QuotesAttachmentInfotab td:before {
        display: block;
    }

    .QuotesNotesInfo td:before {
        display: none;
    }

    .QuotesNotesInfo td .QuotesNotesInfotab td:before {
        display: block;
    }

    table.EquipMentInfoWorkOrder tr td {
        padding-left: 0% !important;
    }

    table.QuotesAttachmentInfotab tr td {
        padding-left: 0% !important;
    }

    table.QuotesNotesInfotab tr td {
        padding-left: 0% !important;
    }
}