/* /--Inserted in the upgrade to 8.0.0.0--\ */

@import url("/RichWidgets/upgradeTo8000.css?1181");

/* \--Inserted in the upgrade to 8.0.0.0--/ */
/*-------------------------------------------------------*/
/* HOW-TO CUSTOMIZE THE CSS                              */
/*                                                       */
/* 1 - Find & Replace all var(--main-color)  (default color)       */
/* 2 - Find & Change img/Header_Background.jpg           */
/* 3 - Find & Replace all var(--gradient-color)  (gradient color)      */
/* 4 - Find & Replace all var(--dashboard-color)  (Dashboard color)     */
/* 5 - Find & Replace all var(--mainmenu-color)  (MainMenu color)          */
/* 6 - Find & Replace all var(--submenu-color)  (Submenu color)          */
/*-------------------------------------------------------*/

:root {
    --main-color:rgba(1,1,1,0.8);
    --gradient-color:rgba(250,250,250,0.6);
    --dashboard-color:rgba(255,255,255,0.6);
    --dashboardgradient-color:rgba(250,250,250,1);
    --dashboardtext-color:black;
    --mainmenu-color:rgba(87,86,86,1);
    --mainmenuActive-color:rgba(232,63,63,1);
    --mainmenutext-color:rgba(215,215,215,1);
    --submenu-color:rgba(87,86,86,1);
    --submenuActive-color:rgba(232,63,63,1);
    --submenutext-color:rgba(215,215,215,1);
    --submenuactivetext-color:rgba(215,215,215,1);
    
    --snrBack-color: #e6e6e6;
    --snrText-color: black;
    
    --button-color:rgba(74,74,74,0.8);
    --buttontext-color:rgba(250,250,250,1);
    
    --transactionbuttontext-color:rgba(1,1,1,1);
    --transactionbutton-color:rgba(240,240,0,0.8);
        
    --tableheader-color:rgba(87,86,86,1);
    
    --linktext-color: rgba(200,0,0,0.7);

    --border-color:rgba(87,86,86,1);
    --border-width:1px;
    
    --corner-radius:18px;
    
    --bodyLeft-padding:15px;
    --body-margin:0px;
}

 @media print {
        md-content {
            overflow: visible !important;
        }
   }
   
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--buttontext-color);
    opacity: 0.5; /* Firefox */
}


option { 
    /* Whatever color  you want */
    background-color: var(--mainmenu-color);
    color:var(--mainmenutext-color);
}

.Login_Footer {
    background: -webkit-linear-gradient(90deg, #9A0915 0%, rgba(220, 13, 31, 1) 100%);
    background: -moz-linear-gradient(90deg, #9A0915 0%, rgba(220, 13, 31, 1) 100%);
    background: -ms-linear-gradient(90deg, #9A0915 0%, rgba(220, 13, 31, 1) 100%);
    background: -o-linear-gradient(90deg, #9A0915 0%, rgba(220, 13, 31, 1) 100%);
    background: linear-gradient(0deg, #9A0915 0%, rgba(220, 13, 31, 1) 100%);
}
/*--------Menu WebBlock Start------------------*/

.LoginButton {
    background-color: rgba(220, 13, 31, 1);
    border-color: rgba(220, 13, 31, 1);
    color: white;
}

.Menu_ContainerNew {
    
}


.Menu_TopMenusNew {
    _border-left: 1px solid #cccccc;  /* IE6 */
    
} 

.Menu_TopMenuNew { 
    display: -moz-inline-box; /*FF2*/
    display: inline-block;
    *float: left;    
    background: var(--mainmenu-color);
    /*
    background-image: -webkit-gradient(linear, left top, left bottom, var(--submenu-color), to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(to top, var(--submenu-color), rgba(255,255,255,0),rgba(255,255,255,0) );
    background-image: -moz-linear-gradient(to top, var(--submenu-color), rgba(255,255,255,0),rgba(255,255,255,0) );
    background-image: -ms-linear-gradient(to top, var(--submenu-color), rgba(255,255,255,0),rgba(255,255,255,0) );
    background-image: -o-linear-gradient(to top, var(--submenu-color), rgba(255,255,255,0),rgba(255,255,255,0) );
    background-image: linear-gradient(to top, var(--submenu-color), rgba(255,255,255,0),rgba(255,255,255,0));
    */
    white-space: nowrap; 
    font-size: 14px;
    padding: 3px 8px 3px 8px;
    border-right: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
    border-top: 1px solid var(--border-color);
    border-top-left-radius: var(--corner-radius);
    border-top-right-radius: var(--corner-radius);
} 


.Menu_TopMenuNew A:link ,
.Menu_TopMenuNew A:visited,
.Menu_TopMenuNew A {
    color: var(--mainmenutext-color); 
    text-decoration: none; 
}

div.Menu_TopMenuNewActive {    
    background: var(--mainmenuActive-color);
    _background: var(--mainmenuActive-color);  /* IE6 */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/RichWidgets/img/Bar_Gradient.png', sizingMethod='scale');  /* IE6 */

}

select {
    background-color: var(--mainmenu-color);
    color:var(--mainmenutext-color);
}

div.ServiceParameterContainer input, 
div.ServiceParameterContainer select, 
div.ServiceParameterContainer option {
    background-color:var(--snrBack-color);
    color:var(--snrText-color);
}

div.Menu_TopMenuNewActive a, 
div.Menu_TopMenuNewActive a:link,
div.Menu_TopMenuNewActive a:visited {
    
}

div.Menu_SubMenuItem, div.Menu_SubMenuItem.OSInline {
    background: var(--mainmenu-color);
} 
div.Menu_SubMenuItem.OSInline.OSInlineActive.OSInlineActiveActive, div.Menu_SubMenuItem.OSInline.OSInlineActive, div.Menu_SubMenuItemActive {
    background: var(--mainmenuActive-color);
} 
.Menu_SubMenuItem, 
.Menu_SubMenuItem:link,
.Menu_SubMenuItem:visited {
     display: -moz-inline-box; /*FF2*/
    display: inline-block;
    *float: left;    
    
    /*
    background-image: -webkit-gradient(linear, left top, left bottom, var(--submenu-color), to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(to top, var(--submenu-color), rgba(255,255,255,0),rgba(255,255,255,0) );
    background-image: -moz-linear-gradient(to top, var(--submenu-color), rgba(255,255,255,0),rgba(255,255,255,0) );
    background-image: -ms-linear-gradient(to top, var(--submenu-color), rgba(255,255,255,0),rgba(255,255,255,0) );
    background-image: -o-linear-gradient(to top, var(--submenu-color), rgba(255,255,255,0),rgba(255,255,255,0) );
    background-image: linear-gradient(to top, var(--submenu-color), rgba(255,255,255,0),rgba(255,255,255,0));
    */
    white-space: nowrap; 
    font-size: 14px;
    padding: 3px 8px 3px 8px;
    border-right: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
    border-top: 1px solid var(--border-color);
    border-top-left-radius: var(--corner-radius);
    border-top-right-radius: var(--corner-radius);
}

.Menu_SubMenuItem A:link ,
.Menu_SubMenuItem A:visited,
.Menu_SubMenuItem A {
    color: var(--mainmenutext-color); 
    text-decoration: none; 
}

.Menu_SubMenuItem:hover {

}

.Menu_SubMenuSection {
   padding-top: var(--bodyLeft-padding);
    border: var(--border-width) var(--border-color) solid;
        
}


/*--------Menu WebBlock End--------------------*/
   
  
   
/*-------------------------------------------------------*/
/* These are the styles used by the web blocks of the    */
/* producer eSpace "RichWidgets".                        */
/* To customize the widgets css copy css from that oml,  */
/* paste here and modify the styles                      */
/*-------------------------------------------------------*/
/*@import url("/RichWidgets/web.css"); -- Removed in the upgrade to 5.1.0.7*/
/* Inserted in the upgrade to 5.0.0.0: */

.Bold {
    display: inline;
    font-weight: bold;
}

.Italic {
    display: inline;
    font-style: italic;

}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar, div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar{
    background-color: var(--main-color);
}

.Underline {
    display: inline;    
    text-decoration: underline;
}

.Paragraph {
}

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

.EditRecord {
}

.ShowRecord {
}

.TableRecords {
}

table.Empty {
}

/* Inserted in the upgrade to 5.0.0.0 */



div.Popup.ui-dialog .ui-dialog-titlebar {
    background-color: var(--main-color);
}

div.calendar tbody td.selected,
div.calendar tbody .rowhilite td.selected {
    background-color: var(--main-color);
}

div.calendar tbody th.selected /* copied from 'div.calendar tbody td.selected' in the upgrade to 5.0.0.0 */ ,
div.calendar tbody .rowhilite th.selected /* copied from 'div.calendar tbody .rowhilite td.selected' in the upgrade to 5.0.0.0 */ {
    background-color: var(--main-color);
}    

/*----------------------------------------------------------------WORKING-*/
 

/*-----------------------------------------------------------------*/
/*----------------- HTML Elements Start ---------------------------*/
/*-----------------------------------------------------------------*/


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

body {
    height: 100%;
    background-color: #EAEAEA;
}


body,
select,
textarea,
input,
td {
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;

}

th /* copied from 'td' in the upgrade to 5.0.0.0 */ {
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

body,
p {
    margin: 0px;
}

.Paragraph /* copied from 'p' in the upgrade to 5.0.0.0 */ {
    margin: 0px;
}

input {
    padding: 1px 0px 1px 0px;

}

input[type="text"][readonly]{
    background-color: var(--mainmenu-color);
}

input[type=radio],
input[type=checkbox] {
    margin: 0px;
    vertical-align: bottom;
    background-color: var(--mainmenu-color);
    color:var(--mainmenutext-color);
}

input[type=file] {
    height: 21px;
    vertical-align: bottom;
}

textarea {
    margin-top: 2px;
    *margin-top: 0px;
}

table {
    border-collapse: separate;
    empty-cells: show;
    border: 10px;
}

a:visited {
    color: grey;
}

a:link {
    color: black;
}

a:visited {
    color: grey;
}


a:hover {
    color: red;
}
a[disabled="disabled"] {
    color: ButtonShadow;
}


/* /--Inserted in the upgrade to 5.1.0.1--\ */

img {
    border-width: 0;
}

/* \--Inserted in the upgrade to 5.1.0.1--/ */

img {
    vertical-align: text-bottom;
}


/*-----------------------------------------------------------------*/
/*----------------- HTML Elements End -----------------------------*/
/*-----------------------------------------------------------------*/


.StandardBorder{
    border: var(--border-width) var(--border-color) solid;
    padding-left: var(--bodyLeft-padding);
    padding-right: var(--bodyLeft-padding);
    padding-bottom: var(--bodyLeft-padding);
    margin-left: var(--body-margin);
    margin-right: var(--body-margin);
    min-height: 80%;
}


/*-----------------------------------------------------------------*/
/*----------------- Service Studio Default Styles Start -----------*/
/*-----------------------------------------------------------------*/

/*-------------------------------------------------------*/
/* You can modify the styles in this area but you should */
/* not remove or rename them because they are used by    */
/* Service Studio widgets.                               */
/*-------------------------------------------------------*/

.Button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 3px 15px;
  margin-right: 3px;
  cursor: pointer;
  border: none; /*1px solid #bbb;*/
  overflow: visible;
  text-decoration: none;
  white-space: nowrap;
  color: var(--buttontext-color);
    
  background-color: var(--button-color);;
  /*
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, #bbb, rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top, #bbb, rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top, #bbb, rgba(255,255,255,0));
  background-image: -o-linear-gradient(top, #bbb, rgba(255,255,255,0));
  background-image: linear-gradient(top, #bbb, rgba(255,255,255,0));
  
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  background-clip: padding-box; */ /* Fix bleeding */
  /*-moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .5);
  */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ClickImage{
    height: 30px;
    width: auto;
}

.Button_Search{
     padding: 1px 2px;
     font-size: 9px;
}

.Logo{
    height: 25px;
    width: auto;
}

.Button[disabled="disabled"] {
     border-color: #eaeaea;
  background: #fafafa;
  cursor: default;
  position: static;
  color: #999;
  /* Usually, !important should be avoided but here it's really needed :) */
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.EditRecord_Caption {
    color: #111;
    font-size: 11px;
    padding: 5px;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
    text-align: right;
    width: 20%;
}

.EditRecord_Value {
    border-left: 3px solid white;
    color: #111;
    width: 80%;
}

.EditRecord_Caption_NoWidth {
    color: var(--main-color);
    font-size: 11px;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
    text-align: right;
    padding-right: 5px;
}

.EditRecord_Value_NoWidth {
    border-left: 3px solid white;
    color: var(--main-color);
}
.EditRecord_Buttons {
    text-align: left;
    padding-top: 8px;
    border-bottom: 2px solid var(--main-color);
    padding-bottom: 3px;
}

.ShowRecord_Caption {
    color: var(--main-color);
    font-size: 11px;
    padding: 5px;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
    text-align: right;
}

.ShowRecord_Value {
    border-left: 3px solid white;
    padding: 5px;
    color: var(--main-color);
    font-weight: normal;
    vertical-align: top;    
}

.TableRecords_Header {
    color:white;
    font-weight: normal;
    background: var(--tableheader-color) url(/RichWidgets/img/Bar_Gradient.png?1181) repeat-x top;
    _background:var(--tableheader-color);  /* IE6 */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/RichWidgets/img/Bar_Gradient.png', sizingMethod='scale');  /* IE6 */
    white-space: nowrap;
    line-height: 18px;
    padding: 2px 6px 2px 6px;
    border-right: 1px solid white;
    font-size: 14px;
}
/*
table th:first-child{
  border-radius:6px 0 0 6px;
}

table th:last-child{
  border-radius:0 6px 6px 0;
}
*/
.TableRecords_Header_Purple {    
    color:black;
    background: var(--dashboard-color);
    _background:var(--dashboard-color);  /* IE6 */ 
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/RichWidgets/img/Bar_Gradient.png', sizingMethod='scale');  /* IE6 */    

    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--dashboardgradient-color)), to(rgba(255,255,255,0)));
    background-image: -webkit-linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,0),var(--dashboardgradient-color));
    background-image: -moz-linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,0),var(--dashboardgradient-color));
    background-image: -ms-linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,0),var(--dashboardgradient-color));
    background-image: -o-linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,0),var(--dashboardgradient-color));
    background-image: linear-gradient(to top, rgba(255,255,255,0), rgba(255,255,255,0),var(--dashboardgradient-color));    

}

.cellFont
{
    font-size: 14px;
    font-weight: bold;    
}

.SortColumns_Sortable {
    font-weight: normal;
    cursor:pointer;
}    
.SortColumns_Sortable:hover {
    text-decoration:underline;
}    
.SortColumns_Sorted {
    font-weight: bold;
    cursor:pointer;
    color:white;
}
.SortColumns_Sorted:hover {
    text-decoration:underline;
}
.TableRecords_Header a,
.TableRecords_Header a:link,
.TableRecords_Header a:visited {
    color: white;
    background-color: var(--mainmenu-color);
}

input[type="text"],input[type="password"], textarea {
    color: var(--mainmenutext-color);
    background-color : var(--mainmenu-color); 

}

.TableRecords_OddLine,
.TableRecords_EvenLine {
    line-height: 18px;
    margin: 1px 1px 1px 1px;
    padding: 1px 6px 1px 6px;
    border-top: 0px solid #cccccc;
    border-right: 0px solid #efefef;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #efefef;
    #white-space: nowrap;
    white-space: normal;
    vertical-align: top;
}
/*
.TableRecords>tbody>tr:nth-child(even) {background-color: #f0f0f0;}
.Tablerecords>tbody>tr:nth-child(odd) {background-color: #ffffff;}
*/
.TableRecords>tbody>tr:hover {
    background-color: #D0D0D0;
}

.TableRecords_SelectedLine {
     background-color: #E0E0E0;
}

.TableRecords_OddLine a:visited,
.TableRecords_EvenLine a:visited {
}

/* /--Inserted in the upgrade to 5.1.0.0--\ */

.ListRecords {
}


img.RecordPicture {
    display: block;
    float: left;
    width: 120px;
}

div.RecordPicture_Wrapper {
    float: left;
}

div.RecordPicture_Wrapper img.RecordPicture {
    float: none;
}

.TableRecords img.RecordPicture {
    width: auto;
    height: 40px;
    float: none;
}

input.Prompt, textarea.Prompt {
    color: #BBBBBB;
}

/* \--Inserted in the upgrade to 5.1.0.0--/ */

/* /--Inserted in the upgrade to 5.1.0.2--\ */

select.Mandatory {
}

textarea.Mandatory {
}

/* \--Inserted in the upgrade to 5.1.0.2--/ */

input.Mandatory {
}

input.Not_Valid {
    border: 2px solid #BF1601;
}

input[type="submit" i]
{
    border-radius: 3px;
}


select.Not_Valid {
 border: 2px solid #BF1601;
}

textarea.Not_Valid {
    border: 2px solid #BF1601;
}

input.Is_Default {    
}

a.Is_Default {
}

td.MandatoryValue {
}

th.MandatoryValue /* copied from 'td.MandatoryValue' in the upgrade to 5.0.0.0 */ {
}

td.MandatoryCaption {
}

th.MandatoryCaption /* copied from 'td.MandatoryCaption' in the upgrade to 5.0.0.0 */ {
}

.span {
    white-space: normal;
}

span.ValidationMessage {
    color: white;
    font-size: 11px;
    position: absolute;
    padding: 6px;
    font-weight: bold;
    background: #BF1601;
    max-width: 300px;
    z-index: 100;
}

span.ValidationIcon {
}

span.InputMandatorySymbol {
    position: absolute;
    color: #BF1601;
    padding: 3px;
    content: '*';
    font-size: 12px;
}

.Invisible {
    display: none;
}
.DeveloperComment {
    display: none;
    border-style: solid;
    border-color: Gray;
    border-width: 1px 2px 2px 1px;
    background-color: #FFFF99;
    font-size: 9pt;
    color: #666666;
    margin: 2px;
    padding: 4px;
    position: absolute;
    right: -140px;
    width:220px;
    visibility: hidden;
    top:-1500px;
    text-align: left;
}

/*-----------------------------------------------------------------*/
/*----------------- Service Studio Default Styles End -------------*/
/*-----------------------------------------------------------------*/





/*-----------------------------------------------------------------*/
/*----------------- eSpace Specific Styles Start ------------------*/
/*-----------------------------------------------------------------*/

/*-------------------------------------------------------*/
/* You can add, modify or remove the styles in this area */
/* at your will. Use them anywhere in the eSpace, in the */
/* widgets' Style property.                              */ 
/*-------------------------------------------------------*/

/*--------General Start------------------------*/

.Heading1 {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 4px;
}

.Heading2 {
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 3px;    
}

.Heading3 {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 2px;    
}

.Text_Note {
    color: #888888;
    font-size: 11px;
}

.Text_Error {
    color: #c7331f;
}

.Text_NoWrap {
    white-space: nowrap;
}

.Text_Preformatted {
    white-space: -moz-pre-wrap;
    white-space: pre;
    word-wrap: break-word;
}

.Text_Justified { 
    text-align: justify;
} 



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



/*--------StyleGuide General Start-------------*/

.Document {
    background-color: White;    
    border-style: solid;
    border-color: #cccccc;
    border-width: 0px 1px 1px 1px;
    height: 92%;
    width: 96%;
}
.DocumentPopup {
    background-color: White;    
    width: 100%;
    height: 100%;
    margin-top: 0px;
}
* html .Document {
    height: 90%;
}

.Footer {
    color: #EAEAEA;
    font-size: 11px;    
    width: 96%;
    padding-top: 5px;
    margin: 0 auto;
}
.BodyPopup {
    padding: 0px 16px 14px 16px;
    vertical-align:top;    
}

.Body {
    padding: 0px 11px 0px 11px;
    vertical-align:top;    
    height: 90%;
}

.Body .Button {
    margin-top: 10px;
    /*background: #a0a0a0 url(/RichWidgets/img/Bar_Gradient.png) repeat-x scroll center top*/
    color: var(--buttontext-color);  
    background-color: var(--button-color);
}

.Body td .Button {
    margin-top: 0px;
}

.Body th .Button /* copied from '.Body td .Button' in the upgrade to 5.0.0.0 */ {
    margin-top: 0px;
}

.Header {
    /* background:url(/SM_Layout/img/Header_Background.jpg) right top no-repeat; */
}



.Title {
    margin-top: 13px;
    margin-bottom: 16px;
}

.Title_Links {
    font-size: 11px;
    font-weight: bold;
    white-space: nowrap;
}

.Title .Heading1 {
    padding-bottom: 0px;
    font-size: 20px;
}


.Title_Links td {
    font-size: 11px;
}

.Title_Links th /* copied from '.Title_Links td' in the upgrade to 5.0.0.0 */ {
    font-size: 11px;
}

/*--------StyleGuide General End---------------*/



/*--------Header WebBlock Start----------------*/


.Header_Greetings {
     background:url(/SM_Layout/img/Header_Greetings.png?1619) left bottom no-repeat;
     _background-image:none;  /* IE6 */
     _background-color:white;  /* IE6 */
      _border:1px solid #CCCCCC;  /* IE6 */
     float:right;
     font-size:11px;
     padding:4px 18px 6px 8px;
}

.Header_Title {
    padding-bottom:5px;
    padding-top:5px;
    padding-left:0px;
    vertical-align:middle;
}

.Header_Title_NoMenu {
  border-bottom:5px solid var(--main-color);
  padding-bottom:5px;
  padding-left:5px;
  padding-top:5px;
  vertical-align:middle;
  width:100%;
}

.Header_Title_Image {
    vertical-align: middle;
    float: left;
}
.Header_Title_Company {
    color:#CCCCCC;
    font-size:14px;
    font-weight:bolder;
    margin-left:5px;
    vertical-align:middle;
}
.Header_Title_Application {
    color:var(--main-color);
    font-size:18px;
    font-weight:bolder;
    margin-left:0px;
    vertical-align:middle;
}

.Header_Title a,
.Header_Title a:link,
.Header_Title a:visited,
.Header_Title a:hover {
    text-decoration: none;
    color: var(--main-color);
}

/*--------Header WebBlock End------------------*/





/*--------ShowRecord Pattern Start-------------*/

.ShowRecord_Wrapper {
    margin-bottom: 8px;
}

.ShowRecord_LastModified {
    padding-top: 2px;
    color: #888888;
    font-size: 9px;    
    font-style: italic;
}

/*--------ShowRecord Pattern End---------------*/



/*--------EditRecord Pattern Start-------------*/

.EditRecord_Wrapper {
    margin-bottom: 8px;
    padding: 8px;
}

.EditRecordWithTitles_Wrapper {
    float: left;
    margin-bottom: 8px;
}

.EditRecord_SectionTitle {
    color: #888888;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    margin-bottom: 5px;
    border-bottom: 1px solid #888888;
    text-align: left;
}

/*--------EditRecord Pattern End---------------*/



/*--------TableRecords Pattern Start-----------*/

.TableRecords_Wrapper {
}
.TableRecords_Wrapper .Button {
    font-size: 10px;
    margin-top: 0px;
    color: var(--buttontext-color);  
    background-color: var(--button-color);
}

.TableRecordsWithFilters_Wrapper {
}

.Filters_Wrapper {
 background: #dddddd url(/SM_Layout/img/Filter_Gradient.gif?1619) repeat-x top;
 padding: 4px;
}

.TableRecords_Frame {
    border-top: 1px solid white;
    width: 100%;
    border-radius: 8px;
}

div.TableRecords_Frame>table>tbody>tr:hover {
    background-color: #D0D0D0;
}


.TableRecords_Actions,
.TableRecords_Footer {
    font-size: 11px;
    vertical-align: middle;
    float: left;
    font-weight: bold;
    padding: 1px;
}

div.TableRecords_Actions div.BulkSelect_Wrapper, 
div.TableRecords_Footer div.BulkSelect_Wrapper {
    float: left;
    padding: 0px;
}

.TableRecords_TopNavigation {
    padding: 0px;
    border-top: 1px solid white;
    border-right: 0px none white;
    border-bottom: 0px solid white;
    border-left: 0px none white;
    _height: 1%;  /* IE6 */
    display: block;
    *display: inline-block;
}

.TableRecords_TopNavigation:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.TableRecords_BottomNavigation {
    padding-top: 2px;
    border-top: 1px solid var(--main-color);
    border-right: 0px none white;
    border-bottom: 0px solid white;
    border-left: 0px none white;
    _height: 1%;  /* IE6 */
    display: block;
    *display: inline-block;    
}

.TableRecords_BottomNavigation:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.Filters {    
    white-space: nowrap;
}
.Filters td {    
    padding: 2px 0px 2px 4px;
    vertical-align: middle;
}

.Filters th /* copied from '.Filters td' in the upgrade to 5.0.0.0 */ {    
    padding: 2px 0px 2px 4px;
    vertical-align: middle;
}

.Filters td img {
    vertical-align: middle;
}

.Filters th img /* copied from '.Filters td img' in the upgrade to 5.0.0.0 */ {
    vertical-align: middle;
}

.Filters td .Button {
    font-size: 12px;
    color: var(--buttontext-color);
    background: var(--main-color) url(/RichWidgets/img/Bar_Gradient.png?1181) repeat-x scroll center top         
}

.Filters th .Button /* copied from '.Filters td .Button' in the upgrade to 5.0.0.0 */ {
    font-size: 12px;
    color: var(--buttontext-color);
    background: var(--main-color) url(/RichWidgets/img/Bar_Gradient.png?1181) repeat-x scroll center top
}


/*--------TableRecords Pattern End-------------*/



/*--------Login Pattern Start------------------*/

.Login_Wrapper {
    margin-top: 16px;
    margin-bottom: 8px;
    margin-left: 31px;
    clear: both;
}

.Login_RememberValue {
    text-align: left;
}

.LoginInput, .LoginButton{
    height: 40px;
}

/*--------Login Pattern End--------------------*/

/*-----------------------------------------------------------------*/
/*----------------- eSpace Specific Styles End --------------------*/
/*-----------------------------------------------------------------*/



/*--------ServiceMaster Styles-----------------*/
.Button_Transaction_Yellow,
.Button_Transaction {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 3px 15px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  text-decoration: none;
  white-space: nowrap;  
  color: var(--transactionbuttontext-color);
  background-color: var(--transactionbutton-color);
  background-image: -webkit-gradient(linear, left top, left bottom, from( #bbb), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, #bbb, rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top,  #bbb, rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top,  #bbb, rgba(255,255,255,0));
  background-image: -o-linear-gradient(top,  #bbb, rgba(255,255,255,0));
  background-image: linear-gradient(top,  #bbb, rgba(255,255,255,0));
  
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .2);
  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.Button_Transaction[disabled="disabled"]{
   
   color: dimgrey;
   background-color: lightgrey;
}

.Button_Transaction_Green {
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 3px 15px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  text-decoration: none;
  white-space: nowrap;  
  color: #000;
  background-color: #00ce00;
  background-image: -webkit-gradient(linear, left top, left bottom, from( #bbb), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, #bbb, rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top,  #bbb, rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top,  #bbb, rgba(255,255,255,0));
  background-image: -o-linear-gradient(top,  #bbb, rgba(255,255,255,0));
  background-image: linear-gradient(top,  #bbb, rgba(255,255,255,0));
  
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .1);
  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.Button_Transaction_Red {
  background: #ce0000;
  color: #DDD;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 3px 15px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  text-decoration: none;
  white-space: nowrap;    
  background-image: -webkit-gradient(linear, left top, left bottom, from( #bbb), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(top, #bbb, rgba(255,255,255,0));
  background-image: -moz-linear-gradient(top,  #bbb, rgba(255,255,255,0));
  background-image: -ms-linear-gradient(top,  #bbb, rgba(255,255,255,0));
  background-image: -o-linear-gradient(top,  #bbb, rgba(255,255,255,0));
  background-image: linear-gradient(top,  #bbb, rgba(255,255,255,0));
  
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(0,0,0, .1);
  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.Button_Navigate {
    background: #00669b 
}

.Link_Action_Large {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

.Link_Action_Small {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    white-space: nowrap;
}


.Menu_Container2 {
}


.Menu_TopMenus2 { 
    margin-left: 10px;
    *height:16px;
    _border-left: 1px solid #cccccc;  /* IE6 */
} 

.Menu_TopMenu2 { 
    display: -moz-inline-box; /*FF2*/
    display: inline-block;
    *float: left;
    background-color: var(--main-color);
    white-space: nowrap; 
    font-size: 12px;
    margin-left: -1px;
    padding: 2px 8px 2px 8px;
    border-right: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    vertical-align: bottom;
} 


.Menu_TopMenu2 A:link ,
.Menu_TopMenu2 A:visited,
.Menu_TopMenu2 A {
    color: #555555; 
    text-decoration: none; 
}

div.Menu_TopMenu2Active a, 
div.Menu_TopMenu2Active a:link,
div.Menu_TopMenu2Active a:visited {
    color: White;
}

.Menu_SubMenuSection2 {
    background: var(--main-color) url(/RichWidgets/img/Bar_Gradient.png?1181) repeat-x top;
    _background: var(--main-color);  /* IE6 */
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/RichWidgets/img/Bar_Gradient.png', sizingMethod='scale');  /* IE6 */
    color: White;
    height: 2px;
    padding: 3px 0px 2px 15px;
    vertical-align: middle;
}

.Heading4 {
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 2px;    
}

.Heading2Grey {
    color: #888888;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 3px;    
}

.Heading3Grey {
    color: #888888;
    font-size: 14px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 2px;    
}

.InParagraphHighlight_Object {
    font-weight: bold;
}

.TableRecords_Header_Simple {
    color:#333333;
    font-weight: bold;
    white-space: nowrap;
    line-height: 18px;
    padding: 4px 6px 4px 6px;
    border-right: 1px solid white;
    border-bottom: 2px solid #cccccc;
    font-size: 12px;
}

.TableRecords_Header_Simple_Larger {
    color:#333333;
    font-weight: bold;
    white-space: nowrap;
    line-height: 18px;
    padding: 4px 6px 4px 6px;
    border-right: 1px solid white;
    border-bottom: 2px solid #cccccc;
    font-size: 13px;
}

.Table_Simple_HighlightRow_td {
    border-bottom: 1px solid #cccccc;
}

.Table_Simple_HighlightRow>tbody>tr:hover {
    background-color: #D0D0D0;
}

div.JobButtonContainer {
    text-align: center;
}

div.JobCommentaryContainer {
    font-size: 14px;
    color: #999999;
    background-color: #ffffff;
}

div.ActionCommentaryContainer {
    font-size: 14px;
    color: #999999;
    background-color: #ffffff;
}

div.JobInstructionsHeadingContainer {
    color: #ffffff;
    background-color: var(--main-color);
    background: var(--main-color) url(/RichWidgets/img/Bar_Gradient.png?1181) repeat-x top;
    padding: 4px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

div.JobInstructionsContainer {
    font-size: 16px;
    color: rgb(0, 241, 241);
    background-color: var(--main-color);
    padding: 4px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

/* unvisited link */
div.JobInstructionsContainer a:link {
  color: rgb(0, 241, 241);
}

/* visited link */
div.JobInstructionsContainer a:visited {
  color: rgb(0, 241, 241);
}

.BOSSTableCaption {
    color: var(--main-color);
    font-size: 11px;
    padding: 5px;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
    text-align: right;
    width: 20%;
}

.BOSSTableValue {
    border-left: 3px solid white;
    color: var(--main-color);
    width: 80%;
}

.InlineContainer {
    display: inline;
}

.ReprObjectState {
    color: var(--main-color);
    font-weight: bold;
    font-size: 12px;
}

a[icon ^="popup"] {
   padding-right: 20px;
   background: transparent url(/SM_Layout/img/link_popup.png?1619) no-repeat center right;
}

.BOSSContainerHighlightHover:hover {
    background-color: #D0D0D0;
}

.BOSSContainerHighlightHoverBorderBottom {
    border-style: solid;
    border-color: Gray;
    border-width: 0 0 1px 0;
}

.BOSSContainerHighlightHoverBorderBottom:hover {
    background-color: #D0D0D0;
}

.BOSSOrderItemNumber {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
}

.hidden {
    display: none;
}


/*****************************************************************************
http://www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html
******************************************************************************/

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}


a.button {
  display: inline-block;
  *display: inline-block;  
  padding: 3px 15px 3px 3px;
  margin: 0;
  cursor: pointer;
  border: 1px solid #bbb;
  overflow: visible;
  text-decoration: none;
  white-space: nowrap;
  color: var(--buttontext-color);
  
  background-color: var(--button-color);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bbb), to(rgba(255,255,255,0)));
  background-image: -webkit-linear-gradient(to bottom, #bbb, rgba(255,255,255,0));
  background-image: -moz-linear-gradient(to bottom, #bbb, rgba(255,255,255,0));
  background-image: -ms-linear-gradient(to bottom, #bbb, rgba(255,255,255,0));
  background-image: -o-linear-gradient(to bottom, #bbb, rgba(255,255,255,0));
  background-image: linear-gradient(to bottom, #bbb, rgba(255,255,255,0));
  
  -webkit-transition: background-color .2s ease-out;
  -moz-transition: background-color .2s ease-out;
  -ms-transition: background-color .2s ease-out;
  -o-transition: background-color .2s ease-out;
  transition: background-color .2s ease-out;
  background-clip: padding-box; /* Fix bleeding */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;
  text-shadow: 0 1px 0 rgba(255,255,255, .5);
  
  transition-duration: 0.4s;
  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

a.button:hover {
padding-left: 20px;padding-right: 20px;
}

a.button span {
    
    /*background: transparent url('/SM_Layout/img/bg_button_span.gif') no-repeat;*/
    display: block;
    line-height: 12px;
    padding: 5px 0 5px 18px;    
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
} 


div.Feedback_AjaxWait {
    background: var(--mainmenuActive-color) var(--mainmenutext-color);
    border-radius: 0;
    display: block;
    font-size: 0;
    height: 4px;
    padding: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

div.Feedback_AjaxWait:before {
    -webkit-animation: ajax-wait 1700ms linear infinite;
            animation: ajax-wait 1700ms linear infinite;
    background-color: var(--mainmenuActive-color);
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 50%;
    will-change: transform;
}

@-webkit-keyframes ajax-wait {
    0% {
        -webkit-transform: translateX(-105vw) translateZ(0) scaleX(1);
    }
    25% {
        -webkit-transform: translateX(-55vw) translateZ(0) scaleX(1.5);
    }
    50% {
        -webkit-transform: translateX(0) translateZ(0) scaleX(1.5);
    }
    75% {
        -webkit-transform: translateX(55vw) translateZ(0) scaleX(.5);
    }
    100% {
        -webkit-transform: translateX(105vw) translateZ(0) scaleX(.2);
    }
}

@keyframes ajax-wait {
    0% {
        transform: translateX(-105vw) translateZ(0) scaleX(1);
    }
    25% {
        transform: translateX(-55vw) translateZ(0) scaleX(1.5);
    }
    50% {
        transform: translateX(0) translateZ(0) scaleX(1.5);
    }
    75% {
        transform: translateX(55vw) translateZ(0) scaleX(.5);
    }
    100% {
        transform: translateX(105vw) translateZ(0) scaleX(.2);
    }
}

div.Feedback_AjaxWait img {
    display: none;
}