@import url('/css/Fonts.css');
/*CSS for Font Management*/

body
{
    background-color: #eee;
    /*background-image: url(Images/backgrad1.png);*/
    background-repeat: repeat-x; /*font-family:'AurulentSansRegular', Sans-Serif;*/
    font-size: 12pt;
    margin: 0px;
    height: 100%;
}

.PagerStyle
{
    border-top: 1px solid #6699FF;
    color: Black;
    overflow: visible;
}

.HeaderStyle
{
    background-color: #CCCCFF;
    color: gray;
    font-weight: bold;
    text-align: center;
    border: 1px solid #6699FF;
}

.RowStyle
{
    background-color: White;
    color: Black;
    font-size: 10px;
    height: 25px;
    text-align: left;
    overflow: hidden;
}

.AlternatingRowStyle
{
    background-color: #CAE2C2;
    color: Black;
    font-size: 10px;
    height: 25px;
    text-align: left;
}

.AlternatingRowStyleEstimates
{
    background-color: #edf5ff;
    color: Black;
    font-size: 10px;
    height: 25px;
    text-align: left;
}

.FooterStyle
{
    font-size: larger;
    background-color: #CCCCFF;
    color: #006600;
    font-weight: bold;
    text-align: right;
    border: 1px solid #6699FF;
}

input.btn
{
    color: #050;
    font-size: Smaller;
    background-color: #fed;
    border: solid 0px;
    height: 25px;
    width: 65px;
}
input.btn:hover{
    cursor:pointer;
}

input.btnMenu
{
    color: #050;
    font-size: small; /*background-color:white; 	  border-color:#99cfdc;*/
    border: solid 0px;
    height: 30px;
    width: 163px;
}

input.btnhov
{
    border: solid 1px;
    border-color: #DD9877 #930 #930 #DD9877;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
}

div.btnMenu
{
    color: #050;
    font-size: small; /*background-color:white; 	  border-color:#99cfdc;*/
    border: solid 1px transparent;
    height: 30px;
    /*width: 163px;*/
    width:100%;
    position: relative;
    padding: 5px 0;
    margin-bottom:8px;
}

div.btnMenu:hover
{
    border-style: solid;
    border-width: 1px;
    /*border-color: #FFFFFF #808080 #808080 #FFFFFF;*/
    position: relative;
    _overflow-y: hidden; /*filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');*/
    border:solid 1px #999;
    background:white;
}

input.btnCmd
{
    color: #050;
    font-size: small;
    border: solid 1px #edf5ff;
}

input.btnCmdHov
{
    border-color: #99CCFF #003399 #003399 #99CCFF;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#72B0D6');
}

a.btnCommand
{
    border: 1px solid #99CFDC;
}
input.btnCommand
{
    border: 1px solid #99CFDC;
}
a.btnCommandHov
{
    border-color: #DCEBF5;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#99CFDC',EndColorStr='#ffffffff');
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}
input.btnCommandHov
{
    border-color: #DCEBF5;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#99CFDC',EndColorStr='#ffffffff');
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

input.btn.btn-default {
     background-color: #fefefe;
    border: solid 1px #eee;
}

input.btn.btn-warning{
    background-color: #f8d983;
    border: solid 1px #ffb970;
}

input.btn.btn-primary {
    color:white;
    background-color: #4b86fb;
    border: solid 1px #4376dc;
}

@media screen
{
    .TopBarLogo
    {
        text-align: left;
        width: 100%;
        color: #000;
        border: solid 0px;
        background: # /*background-image: url('/Images/TopBarBack.png');
        background-repeat: repeat-x;*/;
        background-color: #CDD5DA;
        border-bottom: solid 1px #999;
    }

    .LinkBar
    {
        padding: 0px;
        margin: 0px;
        width: 100%;
        border: solid 0px;
    }

    .CopyMessa
    {
        width: 100%;
        text-align: center;
        font-size: smaller;
        color: Gray;
    }
}

@media print
{
    .TopBarLogo
    {
        display: none;
    }

    .LinkBar
    {
        display: none;
    }

    .CopyMessa
    {
        display: none;
    }
}

.style1
{
    padding: 0px;
    margin: 0px;
    width: 100%;
    border: solid 0px;
    font-family: 'AurulentSansRegular' , Sans-Serif;
}

.style9
{
    height: 16px;
}

.style10
{
    width: 180px;
}

.style11
{
    width: 180px;
    background-color: #99CCFF;
}

.style12
{
    width: 100%;
    font-family: 'AurulentSansRegular' , Sans-Serif;
    font-size: small;
    height: 100%;
}

.style14
{
    width: 797px;
    height: 548px;
}

.style16
{
    text-align: right;
    font-family: 'AurulentSansRegular' , Sans-Serif;
    font-size: small;
    color: #8DA6C0;
}

.style17
{
    width: 248px;
    font-weight: bold;
}

.style18
{
    height: 527px;
    width: 214px;
    border-style: solid;
    background-color: #FFFFFF;
}

.styletemp
{
    height: 527px;
    width: 214px;
}

.style19
{
    width: 285px;
}

.style21
{
    width: 209px;
}

.style22
{
    text-align: right;
    font-family: 'AurulentSansRegular' , Sans-Serif;
    font-size: small;
    color: #8DA6C0;
    width: 126px;
}

.style23
{
    text-align: right;
    font-family: 'AurulentSansRegular' , Sans-Serif;
    font-size: small;
    color: #8DA6C0;
}

.style24
{
    vertical-align: middle;
    background-color: #fed;
    border-style: outset;
    border-width: thin;
}

.style25
{
    width: 213px;
}

.style26
{
    width: 343px;
}

.style27
{
    width: 100%;
}

.style28
{
    width: 145px;
}

.style29
{
    width: 145px;
    text-align: right;
}

.style30
{
    width: 400px;
    height: 50px;
    font-weight: bold;
}

.style32
{
    height: 50px;
    background-image: url(Images/wogradback1.gif);
    background-repeat: repeat-x;
}

.style33
{
    border: 1px solid #999999;
    padding: 0px;
    margin: 0px;
    background-color: white;
    vertical-align: top;
    width: 100%;
    text-align: left;
}

.MenuBar
{
    /*border: 1px solid #AAC6FF;       background-color: white;
    background: transparent url(Images/menubarbackg.png) no-repeat top left;*/
    vertical-align: top;
    text-align: right;
    width: 100%;
    position: relative;
    z-index: 1;
}

.MenuBar_Content
{
    _overflow-y: hidden;
    overflow: hidden;
    position: relative;
    /*background: transparent url(Images/menubarbackg.png) no-repeat bottom left;
    bottom: -20px;*/
}

.style34
{
    background-image: url(Images/12234562.gif);
    background-repeat: no-repeat;
    width: 576px;
    height: 60px;
    vertical-align: middle;
}

.style35
{
    width: 10px;
}

.style36
{
    font-weight: bold;
    color: black;
    font-size: larger;
    font-family: 'AurulentSansRegular' , Sans-Serif;
}

.style37
{
    color: #8DA6C0;
    font-size: smaller;
}

.style38
{
    border-style: hidden;
    border-color: #C0C0C0;
    border-width: 1px;
}

.style39
{
    background-image: url(Images/wogradback1.gif);
    background-repeat: repeat-x;
    height: 50px;
    vertical-align: middle;
    padding: 0;
}

.pnlLoginWindow
{
    width: 400px;
    height: 800px;
    border: 0px solid white;
    text-align: center;
}

.HeaderStyleDV
{
    background-color: #507CD1;
    color: gray;
    font-weight: bold;
}

.PagerStyleDV
{
    background-color: #2461BF;
    color: White;
}

.RowStyleDV
{
    background-color: #EFF3FB;
    text-align: Left;
    height: 25px;
    text-indent: 10px;
}

.FooterStyleDV
{
    background-color: #507CD1;
    font-weight: bold;
    color: White;
}

.AlternatingRowStyleDV
{
    background-color: White;
    text-align: Left;
    height: 25px;
    text-indent: 10px;
}

.CommandRowStyleDV
{
    background-color: #EFF3FB;
    font-weight: bold;
    text-align: left;
}

.EditRowStyleDV
{
    background-color: #2461BF;
    text-align: left;
}

.FieldHeaderStyleDV
{
    background-color: #DEE8F5;
    color: Gray;
    text-align: left;
    width: 20%;
    text-indent: 10px;
}

.VendorsGridRow
{
    background-color: White;
    color: #0066FF;
    font-size: 10px;
    font-family: 'AurulentSansRegular' , Sans-Serif;
    border: solid 0px;
}

.ContentTable
{
    border: solid 0px;
    padding: 0px;
    margin: 0px;
    width: 98%;
    border-spacing: 0px;
}

.highlight
{
    text-decoration: none;
    color: black;
    background: yellow;
}

.CustomValidator
{
    position: relative;
    margin-left: 80px;
}

.CustomValidator div
{
    border: solid 1px Black;
    background-color: #FFFF99;
    position: relative;
}

.CustomValidator td
{
    border: solid 1px Black;
    background-color: #FFFF99;
}

.CustomValidator .ajax__validatorcallout_popup_table
{
    display: none;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.CustomValidator .ajax__validatorcallout_popup_table_row
{
    vertical-align: top;
    height: 100%;
    background-color: transparent;
    padding: 0px;
}

.CustomValidator .ajax__validatorcallout_callout_cell
{
    width: 20px;
    height: 100%;
    text-align: right;
    vertical-align: top;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.CustomValidator .ajax__validatorcallout_callout_table
{
    height: 100%;
    border: none;
    background-color: transparent;
    padding: 0px;
}

.CustomValidator .ajax__validatorcallout_callout_table_row
{
    background-color: transparent;
    padding: 0px;
}

.CustomValidator .ajax__validatorcallout_callout_arrow_cell
{
    padding: 8px 0px 0px 0px;
    text-align: right;
    vertical-align: top;
    font-size: 1px;
    border: none;
    background-color: transparent;
}

.CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
{
    font-size: 1px;
    position: relative;
    left: 1px;
    border-bottom: none;
    border-right: none;
    border-left: none;
    width: 15px;
    background-color: transparent;
    padding: 0px;
}

.CustomValidator .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
{
    height: 1px;
    overflow: hidden;
    border-top: none;
    border-bottom: none;
    border-right: none;
    padding: 0px;
    margin-left: auto;
}

.CustomValidator .ajax__validatorcallout_error_message_cell
{
    font-family: Verdana;
    font-size: 10px;
    padding: 5px;
    border-right: none;
    border-left: none;
    width: 100%;
}

.CustomValidator .ajax__validatorcallout_icon_cell
{
    width: 20px;
    padding: 5px;
    border-right: none;
}

.CustomValidator .ajax__validatorcallout_close_button_cell
{
    vertical-align: top;
    padding: 0px;
    text-align: right;
    border-left: none;
}

.CustomValidator .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
    border: none;
    text-align: center;
    width: 10px;
    padding: 2px;
    cursor: pointer;
}

.modalBackground
{
    background-color: #414141;
    filter: alpha(opacity=70);
    opacity: 0.7;
    text-align: center;
}

.ModalPopupPanel
{
    /*border:solid 2px black;*/ /*background-color: Transparent; /* #faf9f4;*/
    font-family: 'AurulentSansRegular' , Sans-Serif;
    font-weight: normal;
    font-size: 12px;
    color: Black;
    padding: 0px;
    vertical-align: middle;
    width: 570px; /*position:absolute;*/
    margin: auto auto auto auto;
}

.PopUpBoxTitle
{
    font-family: 'AurulentSansRegular' , Sans-Serif;
    font-size: 18px;
    color: #FF6600;
    font-weight: bold;
    text-align: left;
}

/* round corners */

/*---------------------- End----------------------- */

.RowStylePODV
{
    background-color: #F7FBF7;
    text-align: Left;
    height: 25px;
}

.AlternatingRowStylePODV
{
    background-color: White;
    text-align: Left;
    height: 25px;
}

.CommandRowStylePODV
{
    background-color: White;
    font-weight: bold;
    text-align: left;
}

.FieldHeaderStylePODV
{
    background-color: #EFFCF1;
    color: Gray;
    text-align: left;
    width: 20%;
}

.DaySelector
{
    font-size: larger;
    font-weight: bold;
    border: 1px solid #99CCFF;
    background-color: #C0C0C0;
    text-align: center;
    width: 100%;
    font-size: 1.07em;
}

.DayDisplay
{
    font-size: small;
    font-weight: normal;
    border: 1px solid #99CCFF;
    background-color: White;
    text-align: center;
    width: 100%;
}

.cal_Theme1 .ajax__calendar_container
{
    background-color: #e2e2e2;
    border: solid 1px #cccccc;
    z-index: 1000;
}
.cal_Theme1 .ajax__calendar_header
{
    background-color: #ffffff;
    margin-bottom: 4px;
}
.cal_Theme1 .ajax__calendar_title, .cal_Theme1 .ajax__calendar_next, .cal_Theme1 .ajax__calendar_prev
{
    color: #004080;
    padding-top: 3px;
}
.cal_Theme1 .ajax__calendar_body
{
    background-color: #e9e9e9;
    border: solid 1px #cccccc;
}
.cal_Theme1 .ajax__calendar_dayname
{
    text-align: center;
    font-weight: bold;
    margin-bottom: 4px;
    margin-top: 2px;
}
.cal_Theme1 .ajax__calendar_day
{
    text-align: center;
}
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_year, .cal_Theme1 .ajax__calendar_active
{
    color: #004080;
    font-weight: bold;
    background-color: #ffffff;
}
.cal_Theme1 .ajax__calendar_today
{
    font-weight: bold;
}
.cal_Theme1 .ajax__calendar_other, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, .cal_Theme1 .ajax__calendar_hover .ajax__calendar_title
{
    color: #bbbbbb;
}

.panellink
{
    display: block;
    background:transparent;
}

.TemplateSchePanel, #pnlLink1.active
{
    background-color: #E6FFE6;
}

.InstallSchePanel, #pnlLink2.active
{
    background-color: #FDF2E3;
}

.ServiceSchePanel, #pnlLink3.active
{
    background-color: #E8F1F9;
}

.ProductionSchePanel, #pnlLink4.active
{
    background-color: #F5EBF1;
}

.InstallItemStyleDL
{
    border: thin solid #E79543;
    background-color: #FAD9AB;
    height: 140px;
    vertical-align: Top;
}
.InstallFooterStyleDl
{
    border: thin solid #E79543;
    vertical-align: middle;
    background-color: White;
    text-align: Center;
    font-weight: bold;
}

.TemplateItemStyleDL
{
    border: thin solid #99FF99;
    background-color: #CCFFCC;
    height: 140px;
    vertical-align: Top;
}

.ServiceItemStyleDL
{
    border: thin solid #A4C8EC;
    background-color: #C6DDF0;
    height: 140px;
    vertical-align: Top;
}

.ProductionItemStyleDL
{
    border: thin solid #CD9EBF;
    background-color: #E9D6E3;
    height: 140px;
    vertical-align: Top;
}

.miniRowStyle
{
    background-color: White;
    color: Black;
    font-size: 9px;
    text-align: left;
    overflow: hidden;
}

.miniHeaderStyle
{
    background-color: #F8F3E4;
    color: gray;
    font-weight: bold;
    text-align: center;
    border: 1px solid #993300;
}

.miniFooterStyle
{
    background-color: #F8F3E4;
    color: Black;
    font-weight: bold;
    text-align: center;
    border: 1px solid #993300;
}

.HiddenItem
{
    display: none;
}

td.TitleTd
{
    border: 1px solid #999999;
    background-color: #aaa;
    color: #666666;
    font-weight: bold;
    text-align: center;
}

.PnlSearch
{
    vertical-align: middle;
    width: 450px;
    background: transparent url(/Images/searchboxbg.png) no-repeat left center;
    overflow: auto;
}

.accordionHeader
{
    background-position: left center;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    border-color: #2F4F4F;
    color: #2F4F4F;
    background-color: #FFFFFF;
    font-weight: bold;
    padding: 5px 5px 5px 20px;
    margin-top: 5px;
    cursor: pointer;
    background: url('Images/accordion_plus.png' ) no-repeat left center;
}

.accordionHeaderSelected
{
    background-position: left center;
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2290AD;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionContent
{
    background-color: white;
    border: 1px dotted #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/*AutoComplete flyout */
.autoCompleteList
{
    margin: 0px;
    z-index: 100005 !important;
    text-align: left;
    visibility: hidden;
    cursor: default;
    list-style: none outside none;
    padding: 0px;
    border: 1px solid buttonshadow;
    background-color: window;
    color: windowtext;
}

.autocomplete_completionListElement
{
    visibility: hidden;
    margin: 0px !important;
    background-color: white;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: 'pointer';
    overflow: auto;
    height: 200px;
    text-align: left;
    list-style-type: none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    background-color: #ffff99;
    color: black;
    padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem
{
    background-color: window;
    color: gray;
    padding: 1px;
}

.ui-autocomplete 
{
    font-size: 0.9em !important;
}

.InfoDetailsView
{
    border-style: dashed none none none;
    border-width: 1px;
    border-color: #999999;
    text-align: center;
}

.SearchBoxTable
{
    border-style: solid;
    border-width: 1px;
    border-color: #666666 #666666 #C0C0C0 #C0C0C0;
    width: 100%;
    padding: 2px 2px 0px 1px;
    border-spacing: 0px;
    margin: 0px;
    background-color: White;
    vertical-align: middle;
}

.SearchBoxWaterMark
{
    color: gray;
}

.ResultsLabel
{
    font-size: smaller;
    color: Gray;
}

.StepHeader
{
    color: #4a7354;
    font-weight: bold;
    font-size: larger;
    padding: 8px 2px 7px 45px;
    margin-top: 2px;
    cursor: pointer;
    text-align: left;
    background-position: left center;
}

td#Step1
{
    background: url(   'Images/step1round.png' ) no-repeat left center;
}
td#Step2
{
    background: url(   'Images/step2round.png' ) no-repeat left center;
}
td#Step3
{
    background: url(   'Images/step3round.png' ) no-repeat left center;
}

#SqrCalculator
{
    color: Gray;
    text-align: left;
    border: 1px solid #CCCCCC;
    width: 90%; /*position: absolute; 	bottom:0;*/
    margin: 10px auto auto auto;
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

/* Detele Button */
.delete-button
{
    display: block;
    width: 24px;
    height: 24px;
    overflow: hidden;
    padding: 0;
    background: transparent url('Images/001_49.png') no-repeat left top;
    text-indent: -99999px;
}

.delete-button:hover
{
    background: transparent url('Images/001_49.png') no-repeat left -25px;
}

.WatermarkClass1
{
    color: #C0C0C0;
}
.warning
{
    border:solid 1px red;
}

/**** Icons ****/
.icon
{
    display:block;
    /*padding-left:20px;*/
    width:16px;
    text-indent:-9999px;
    overflow:hidden;
    margin-right:4px;
    /*width:16px;
    height:16px;;*/
}

.app-status-confirmed
{
    background:transparent url(Images/bell.png) no-repeat left top;
}

.app-status-completed
{
    background:transparent url(Images/accept.png) no-repeat left top;
}

.app-status-pending
{
    background:transparent url(Images/clock.png) no-repeat left top;
}

.app-material-delivered
{
    background:transparent url(Images/material3.png) no-repeat left top;
}

.app-material-ordered 
{
    background:transparent url(Images/material2.png) no-repeat left top;
}
.app-invoice-created {
    width:16px;
    background:transparent url(Images/money_dollar_sprite.png) no-repeat left top;
}
.app-invoice-paid {
    width:16px;
    background:transparent url(Images/money_dollar_sprite.png) no-repeat left top;
    background-position: -16px top;
}

input[type=text], select, textarea
{
    border:solid 1px #ccc;
    padding: 3px;
    height: auto !important;
}


.box {
  position: relative;
  width: 400px;
  height: 300px;
  background-color: #fff;
  box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
  border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;
}


.pagination {
    list-style:none;
}
.pagination > li{
    float:left;
    margin-left:10px
}

#GridCustomers tbody tr:nth-child(2n){
    background-color:#F4F0E1 !important;
}

/* custom bootstrap */

*, *:before, *:after {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.row {
    margin-left:0;
    margin-right:0;
}
  .row:after, .row:before, .row * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

 .m-t-10{
      margin-top:10px;
  }
  .m-t-15{
      margin-top:15px;
  }
 .m-t-20{
      margin-top:20px;
  }
  .n-m-b {
      margin-bottom:0;
  }
  .n-p-l{
      padding-left:0;
  }
  .table thead tr td {
      background: #eee
  }
  .table-hover tbody tr:hover > td  {
      cursor: pointer;
      background-color:aliceblue
  }
  .text-warning {
      color: orange;
  }