body{ 	
  font-family:Helvetica, Georgia, Verdana, Cambria, sans-serif; ;
  font-size: 11px;
  
  margin:0 auto;
}

table{
  border-color:#EFEFEF;
  cell-spacing:1px !important;
  
  
}

.rotate180{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

.sts-odd-row{
  background: #f8f8ff;
}

.sts-highlight-row{
  background: #d9e8fb;
}

.sts-label{
  font-weight: 500;
  font-size: 11px;  
  color: #222222; 
}

.sts-column-name{
  /*font-weight: 500;*/
  font-size: 11px; 
  color: black;
}
.sts-column-name:link{
  
  color: black;
}

.sts-label>a{
  color: #222222 !important;  
}

.sts-field{
  font-weight: 400;
  font-size: 12px;
}

.sts-field-printout{  
  font-size: 12px;
}

.sts-field-table{  
  font-weight: 400;
}
.tx-editor-overlay{
  z-index:102;
}
.tx-editor-wrapper .tx-editor .tx-icon {
    right: 12px;
}

.sts-search-symbol{  
  font-weight: 500;
  font-size: 10px;
}

input.sts-field{
  border-width: 1.5px    !important;
  border-style: solid  !important;
  border-color: grey   !important;
  background-color: white;
}

select.sts-field{
  border-width: 1.5px   !important;
  border-style: solid   !important;
  border-color: #808080 !important;
  background-color: white !important;
  box-shadow: none;
}


textarea.sts-field {
  font-family:Helvetica, Georgia, Verdana, Cambria, sans-serif; ;
  font-weight: 400;
  font-size: 12px;
  border: 1.5px solid grey;
  background-color: white !important;
}





.fullpage {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  margin: 0;
  padding: 0;
  background:white;
  opacity: 1;
}


.gwt-DialogBox, .aspc-MessageBox  {
    border: outset #47607c;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
  
    font-size: 12px;
    text-align: left;

    padding-bottom: 5px;
    background-color: #f4f4f4;

    z-index:100;
}

.aspc-MessageBox .OK {

}

.aspc-MessageBox .Caption {
  
    font-family: Tahoma,Arial,Verdana,sans-serif;
    font-style: normal;
    font-weight:900;
    text-align: left;
    text-indent : 5px;
    font-size: 11px;
    text-shadow: rgba(0, 0, 0, .8) 0 1px 1px;
    color: white;


    background: #92a1ab;
    background: -webkit-gradient(linear, left top, left bottom, from(#92a1ab), to(#adb7c0));
    background: -webkit-linear-gradient(top, #92a1ab, #adb7c0);
    background: -moz-linear-gradient(top, #92a1ab, #adb7c0);
    background: -ms-linear-gradient(top, #92a1ab, #adb7c0);
    background: -o-linear-gradient(top, #92a1ab, #adb7c0);

    width:100%;

    margin-left: -1px;
    padding-right: 5px;
    spacing-left: 5px;
    spacing-right: 5px;
    cursor: move;
}

.aspc-MessageBox .gwt-HTML  {
    font-family: Tahoma,Arial,Verdana,sans-serif;
    font-size: 12px;
}

.gwt-PopupPanelGlass, .aspc-GlassPanel {
  background: #fafafa;
  opacity: 0.8;
  filter: alpha(opacity=80);
  cursor: not-allowed; 
  z-index:90;
}
.aspc-GlassPanel .gwt-Label  {
  font-weight: bold;
  font-family: Helvetica, Georgia, Verdana, Cambria, sans-serif; ;
  /*font-family: Tahoma,Arial,Verdana,sans-serif;*/
  font-size: 14px;
}

.icon-filter {
  background-image: url("/icons/funnel.png") !important;
  
}
label.welcome-label{
  margin-left: 5px;
}

#welcome-name 
{
  font-weight:bold;
  margin-left: 2px;
  cursor: pointer;
}


.menu-item-access-mode{
  color: red;
  font-weight: bolder;
  
  position: absolute;
  
  right: 8px;
  margin-top: 7px;
}

.notification-mouse_over{
  cursor:pointer;
}

.sts-notification {
  background-color:#FCF9A6;
  /*background-image:url(/images/Sticky-Note-with-shadow-effect.png);*/
  background-repeat:no-repeat;
  background-position:top-left;
  /*width:220px;*/
  height:53px;
  font-family:Helvetica, Georgia, Verdana, Cambria, sans-serif; ;
  font-size:12px;
  font-weight:400;
  color:#000;
  border-top:5px dotted #fff;
  text-shadow:#fff 0 1px 1px;
  overflow:hidden;
  /*padding-top:50px;*/
  /*padding-bottom:15px;*/
  padding-right:5px;
  padding-left:5px;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  box-shadow:rgba(0,0,0,.5) 0 3px 6px;
  -webkit-box-shadow:rgba(0,0,0,.5) 0 3px 6px;
  -moz-box-shadow:rgba(0,0,0,.5) 0 3px 6px;
}

.aspc-window .x-window-mc {
  border-color: #DFE8F6;
  border: none;
}

.x-btn-txt {
  
  font-family: Arial,Tahoma,Verdana,sans-serif,Tahoma,Arial,Verdana,sans-serif;
  font-style: normal;
  font-weight:900;
  color: #ffffff;
  font-size: 11px;
  cursor: pointer;
  
  border: 1px solid #333333;
  
  background: #1f81cc;
  background: -webkit-gradient(linear, left top, left bottom, 
    from(#1f81cc), to(#0142b3));
  background: -webkit-linear-gradient(top, #1f81cc, 
    #0142b3);
  background: -moz-linear-gradient(top, #1f81cc, 
    #0142b3);
  background: -ms-linear-gradient(top, #1f81cc,
    #0142b3);
  background: -o-linear-gradient(top, #1f81cc, 
    #0142b3);
  padding: 4px 8px;
  
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  /*letter-spacing: 1px;
  word-spacing: 2px;*/
  white-space:nowrap;
  
  /*-moz-background-clip: padding; 
  -webkit-background-clip: padding-box; 
  background-clip: padding-box;*/
  
  
}

.x-btn-txt-wide{
  width: 280px;
  height: 35px;
  font-size: 18px;
  font-weight: bold;
}

.x-btn-txt:active {
    /*border-color: #333333;*/
    /*background: #333333;*/
    color: #787878;
    -webkit-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.8);
    -moz-box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.8);
    box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.8);
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.8);

}


.x-btn-txt:hover {
  
  background: #97c03d;
  background: -webkit-gradient(linear, left top, left bottom, 
    from(#97c03d), 
    to(#87b02d));
  background: -webkit-linear-gradient(top, 
    #97c03d, 
    #87b02d);
  background: -moz-linear-gradient(top, 
    #97c03d, 
    #87b02d);
  background: -ms-linear-gradient(top,
    #97c03d,
    #87b02d);
  background: -o-linear-gradient(top, 
    #97c03d, 
    #87b02d);
}

.x-btn-image{
  border: 0px;
  vertical-align:middle;
  cursor:pointer;
}

#BUTTON_BAR_OUTER
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 31px;
  padding-left: 10px;
  padding-top: 3px;
  z-index:50;
  
  background: #e3e9ed;
  background: -webkit-gradient(linear, left top, left bottom, 
    from(#e3e9ed), to(#ced9e7));
  background: -webkit-linear-gradient(top, #e3e9ed, 
    #ced9e7);
  background: -moz-linear-gradient(top, #e3e9ed, 
    #ced9e7);
  background: -ms-linear-gradient(top, #e3e9ed,
    #ced9e7);
  background: -o-linear-gradient(top, #e3e9ed, 
    #ced9e7);
}

#BUTTON_BAR_SPACER
{
  height: 36px;
}

#SDI_DATA_DIV
{
  overflow: auto;
  top: 40px;
  left: 5px;
  position: relative;
}

#BUTTON_BAR_SPACER.BUTTON_SPACER
{
  height: 0px;
}

#SDI_DATA_DIV.SUMMARY_DIV
{
  top: 15px;
}

#HIDDEN_DIV_CONTAINER
{
  height: 0px;
  position: absolute;
}

#CT1
{
  max-height: 400px;
  overflow-x: auto;
  min-width: 300px;
}


.sts-fieldset {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border: 1px solid #47607c;
  
  background: #F5F5F5;
  
  
}

.sts-legend {
    font-family: Tahoma,Arial,Verdana,sans-serif;
    font-style: normal;
    font-weight:900;
    color: white;
    font-size: 11px;
    text-shadow: rgba(0, 0, 0, .8) 1px 1px 1px;
    /*background: #46474d;*/

  background: #adb7c0;
    background: -webkit-gradient(linear, left top, left bottom, 
    from(#adb7c0), to(#92a1ab));
  background: -webkit-linear-gradient(top, #adb7c0,
    #92a1ab);
    background: -moz-linear-gradient(top, #adb7c0, #92a1ab);
    background: -ms-linear-gradient(top, #adb7c0, #92a1ab);
    background: -o-linear-gradient(top, #adb7c0, #92a1ab);

    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    /*border-color: #D0D0D0;*/
  border-color: #6E7C85;
    /*margin-left: 5px;*/
  border-top: 1px solid #6E7C85;
  border-bottom: 1px solid #909DA7;
    padding: 0px 10px 1px 10px;
    
}

.sts-legend {
  width: auto !important;
  margin-bottom: 0px !important;
}

.sts-fieldset {
  margin: 0px 2px !important;
  padding: 3px 8px !important;
}



.gwt-SuggestBox
{
    /*border                      :    1px solid #666;*/
    border: 2px inset;
    margin-left:2px;
    text-align                  :    left;
    width                       :    400px;
}
.gwt-SuggestBoxPopup
{
    text-align                   :    left;
    cursor                       :    pointer;
    /*cursor                       :    hand;*/
    /*border                       :    1px solid #666;*/
    /*border-top                   :    0;*/
    background-color             :    #fff;

}
.gwt-SuggestBoxPopup .item
{
    border                       :    1px dotted #aaa;
    width                        :    398px;
}
.gwt-SuggestBoxPopup .item-selected
{
    background-color             :    #ffc;
}


ul.tabs {
    
  float:left;
  margin: 10px 0 0 10px;
  padding:0;
  position:relative;
  top: 0;
  left:0;
  width:100%;
}
ul.tabs li {
vertical-align: bottom;
    display:block;
    float:left;
    padding:0 2px 0 0;
}


ul.tabs li a {
    /*max-width:100px;*/

    /*height:21px;*/
    white-space:nowrap;
    display:block;
    float:left; 
    padding:5px 5px 5px 5px;
    font-size:12px;
    z-index:1;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;

    border-style: outset;
    border-width: 1px 2px 0px 1px;
    border-color: #d3cfd0;

    background: #d7d7d7;

    background: -webkit-linear-gradient(top, #d7d7d7, #a7a7a7);
    background: -moz-linear-gradient(top, #d7d7d7, #a7a7a7);
    background: -ms-linear-gradient(top, #d7d7d7, #a7a7a7);
    background: -o-linear-gradient(top, #d7d7d7, #a7a7a7);
 
    text-decoration:none;
    font-weight:bold;
    color:#303030;
    text-align:center;
}

ul.tabs li a:hover
{
    background: #efefef;

    background: -webkit-linear-gradient(top, #efefef, #d9d9d9);
    background: -moz-linear-gradient(top, #efefef, #d9d9d9);
    background: -ms-linear-gradient(top, #efefef, #d9d9d9);
    background: -o-linear-gradient(top, #efefef, #d9d9f9);
}

ul.tabs li a.selected {
   
    background: #f9f9f9;

    background: -webkit-linear-gradient(top, #f9f9f9, #cccccc);
    background: -moz-linear-gradient(top, #f9f9f9, #cccccc);
    background: -ms-linear-gradient(top, #f9f9f9, #cccccc);
    background: -o-linear-gradient(top, #f9f9f9, #cccccc);

}


.tab-content {
  float:left;
  background: white;
  border:1px solid #47607c;    
  position:relative;
  border-radius: 4px;
  -moz-border-radius: 4px;
  margin:-1px 5px 0px 5px;
  padding: 5px;
  
  
}

.ui-tabs-paging-next { 
    float: right !important;
}
.ui-tabs-paging-prev,
.ui-tabs-paging-next {

    background: transparent !important;
    border: 0 !important;
    margin-bottom: 1px !important;
}


.ui-tabs-paging-prev a,
.ui-tabs-paging-next a {
    display: block; 
    position: relative; 
    top: 1px; 

    z-index: 2; 
    padding: 0;
    /* color: #444; */ 
    text-decoration: none;
margin-top: 5px;
font-size: 14px !important;
background:transparent !important; 
border:0 !important;
padding: 0 !important;
	cursor: pointer;
}
.ui-tabs-paging-next a:hover,
.ui-tabs-paging-next a:focus,
.ui-tabs-paging-next a:active,
.ui-tabs-paging-prev a:hover,
.ui-tabs-paging-prev a:focus,
.ui-tabs-paging-prev a:active { 
	background: transparent; 
}
.ui-tabs-paging-disabled {
	visibility: hidden;
width:0px;
}
/* Component containers
----------------------------------*/
/*
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }

.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }

.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
*/

/* Interaction states
----------------------------------

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }
*/

/* Interaction Cues
----------------------------------*/
/*.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }*/

/* Icons
----------------------------------*/

/* states and images 
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }

.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); }
*/


/*
 * jQuery UI Slider 1.8.16
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider { position: relative; text-align: left; border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/*
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

*/
.ui-slider a { color: #1c94c4; text-decoration: none; border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; }
.ui-datepicker-current{
}

/* Date picker */

.ui-datepicker { width: 170px; padding: 2px 2px 0; display: none; z-index:100 !important;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:2px 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 18px; height: 18px; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 23px; line-height: 18px; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:10; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: 9px; border-collapse: collapse; margin:0 0 4px; }
.ui-datepicker th { padding: 7px 3px; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: 2px; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: 7px 0 0 0; padding:0 2px; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 5px 2px 4px; cursor: pointer; padding: 2px 6px 3px 6px; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker-trigger {padding-left: 5px; vertical-align: middle;}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto 4px; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0px; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

body>.ui-widget, div>.ui-widget { font-family: Trebuchet MS, Arial, Tahoma, Verdana, sans-serif; font-size: 11px; }
/*.ui-widget :active { outline: none; }*/
.ui-icon { display: block; text-indent: 99999px; overflow: hidden; background-repeat: no-repeat; }
body>.ui-widget-content, div>.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(/css/datepicker/images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
body>div>.ui-widget-header, div>div>.ui-widget-header { 

border: 1px solid #47607c;
    background: #adb7c0;
    background: -webkit-gradient(linear, left top, left bottom, 
    from(#adb7c0), to(#92a1ab));
    background: -webkit-linear-gradient(top, #adb7c0,
    #92a1ab);
    background: -moz-linear-gradient(top, #adb7c0, #92a1ab);
    background: -ms-linear-gradient(top, #adb7c0, #92a1ab);
    background: -o-linear-gradient(top, #adb7c0, #92a1ab);
color: #ffffff;
font-weight: bold;
}
.ui-widget-header a { color: #ffffff; }

.ui-state-disabled { cursor: default !important; }
td>.ui-state-default, body>div>.ui-widget-content .ui-state-default, body>div>.ui-widget-header .ui-state-default, div>div>.ui-widget-content .ui-state-default, div>div>.ui-widget-header .ui-state-default, .ui-timepicker-div .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(/css/datepicker/images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
td>.ui-state-hover, div>.ui-state-hover, .ui-timepicker-div .ui-state-hover { border: 1px solid #fbcb09; background: #fdf5ce url(/css/datepicker/images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
tr>.ui-state-disabled, div>a.ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(/css/datepicker/images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
td>.ui-state-active { border: 1px solid #fbd850; background: #ffffff url(/css/datepicker/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00 !important; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

.ui-icon { width: 16px; height: 16px; background-image: url(/css/datepicker/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/css/datepicker/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/css/datepicker/images/ui-icons_ffffff_256x240.png); }
.ui-state-hover .ui-icon {background-image: url(/css/datepicker/images/ui-icons_ef8c08_256x240.png); }

a>.ui-icon-circle-triangle-e { background-position: -48px -192px; }
a>.ui-icon-circle-triangle-s { background-position: -64px -192px; }
a>.ui-icon-circle-triangle-w { background-position: -80px -192px; }
a>.ui-icon-circle-triangle-n { background-position: -96px -192px; }

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }

.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.gwt-DatePicker {
  border: 1px solid #A2BBDD;
  cursor: default;
}
.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
  outline: none
}
.datePickerDays {
  width: 100%;
  background: white;
}
.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 75%;
  text-align: center;
  padding: 4px;
  outline: none;
}
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #C3D9FF;
  padding: 0px 4px 2px;
  cursor: default;
}
.datePickerDay {
  padding: 4px;
  cursor: hand;
  cursor: pointer;
}
.datePickerDayIsToday {
  border: 1px solid black;
  padding: 3px;
}
.datePickerDayIsWeekend {
  background: #EEEEEE;
}
.datePickerDayIsFiller {
  color: #888888;
}
.datePickerDayIsValue {
  background: #aaccee;
}
.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}
.datePickerDayIsHighlighted {
  background: #F0E68C;
}
.datePickerDayIsValueAndHighlighted {
  background: #bbddd9;
}
.datePickerMonthSelector {
  background: #C3D9FF;
  width: 100%;
}
td.datePickerMonth {
  text-align: center;
  vertical-align: center;
  white-space: nowrap;
  font-size: 70%;
  font-weight: bold;
  color: blue;
}
.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 120%;
  line-height: 1em;
  color: blue;
  cursor: hand;
  cursor: pointer;
  padding: 0px 4px;
}

.x-btn-txt-disable {
  
  font-family: Arial,Tahoma,Verdana,sans-serif,Tahoma,Arial,Verdana,sans-serif;
  font-style: normal;
  font-weight:900;
  color: #ffffff;
  font-size: 11px;
  cursor: pointer;
  
  border: 1px solid #333333;
  
  background: #C2C2C2;
  background: -webkit-gradient(linear, left top, left bottom, 
    from(#C2C2C2), to(#C2C2C2));
  background: -webkit-linear-gradient(top, #C2C2C2, 
    #C2C2C2);
  background: -moz-linear-gradient(top, #C2C2C2, 
    #C2C2C2);
  background: -ms-linear-gradient(top, #C2C2C2,
    #C2C2C2);
  background: -o-linear-gradient(top, #C2C2C2, 
    #C2C2C2);
  padding: 4px 8px;
  
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  
  text-decoration: none;
  vertical-align: middle;
  text-align: center;
  /*letter-spacing: 1px;
  word-spacing: 2px;*/
  white-space:nowrap;
  
  /*-moz-background-clip: padding; 
  -webkit-background-clip: padding-box; 
  background-clip: padding-box;*/
  
}

.x-btn-txt-disable:hover {
  
  background: #C2C2C2;
  background: -webkit-gradient(linear, left top, left bottom, 
    from(#C2C2C2), 
    to(#C2C2C2));
  background: -webkit-linear-gradient(top, 
    #C2C2C2, 
    #C2C2C2);
  background: -moz-linear-gradient(top, 
    #C2C2C2, 
    #C2C2C2);
  background: -ms-linear-gradient(top,
    #C2C2C2,
    #C2C2C2);
  background: -o-linear-gradient(top, 
    #C2C2C2, 
    #C2C2C2);
}

/* progress bar */
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  transition: width 0.6s ease;
}

.progress-bar-success {
  background-color: #5CB85C;
}

.progress-bar-info {
  background-color: #5BC0DE;
}

.progress-bar-warning {
  background-color: #F0AD4E;
}

.progress-bar-danger {
  background-color: #D9534F;
}

.jPicker .Icon
{
  vertical-align: top;
}
.gwt-DialogBox .Caption {
  background: #F1F1F1;
  padding: 4px 8px 4px 4px;
  cursor: move;
  /*font-family: Arial Unicode MS, Arial, sans-serif;*/
  font-weight: bold;
  /*border-bottom: 1px solid #bbbbbb;
  border-top: 1px solid #D2D2D2;*/
}
.gwt-DialogBox .dialogContent {
}
.gwt-DialogBox .dialogMiddleCenter {
  padding: 3px;
  border-width:1px;
  border-color:#47607c;
  border-style:solid;
  background: white;
  border-radius: 4px;
}
/*
.gwt-DialogBox .dialogBottomCenter {
  background: url(images/hborder.png) repeat-x 0px -2945px;
  -background: url(images/hborder_ie6.png) repeat-x 0px -2144px;
}
.gwt-DialogBox .dialogMiddleLeft {
  background: url(images/vborder.png) repeat-y -31px 0px;
}
.gwt-DialogBox .dialogMiddleRight {
  background: url(images/vborder.png) repeat-y -32px 0px;
  -background: url(images/vborder_ie6.png) repeat-y -32px 0px;
}*/
.gwt-DialogBox .dialogTopLeftInner {
  width: 10px;
  height: 8px;
  zoom: 1;
}
.gwt-DialogBox .dialogTopRightInner {
  width: 12px;
  zoom: 1;
}
.gwt-DialogBox .dialogBottomLeftInner {
  width: 10px;
  height: 12px;
  zoom: 1;
}
.gwt-DialogBox .dialogBottomRightInner {
  width: 12px;
  height: 12px;
  zoom: 1;
}
/*
.gwt-DialogBox .dialogTopLeft {
  background: url(images/circles.png) no-repeat -20px 0px;
  -background: url(images/circles_ie6.png) no-repeat -20px 0px;
}
.gwt-DialogBox .dialogTopRight {
  background: url(images/circles.png) no-repeat -28px 0px;
  -background: url(images/circles_ie6.png) no-repeat -28px 0px;
}
.gwt-DialogBox .dialogBottomLeft {
  background: url(images/circles.png) no-repeat 0px -36px;
  -background: url(images/circles_ie6.png) no-repeat 0px -36px;
}
.gwt-DialogBox .dialogBottomRight {
  background: url(images/circles.png) no-repeat -8px -36px;
  -background: url(images/circles_ie6.png) no-repeat -8px -36px;
}
*/
/*html>body .gwt-DialogBox {
}
* html .gwt-DialogBox .dialogTopLeftInner {
  width: 10px;
  overflow: hidden;
}
* html .gwt-DialogBox .dialogTopRightInner {
  width: 12px;
  overflow: hidden;
}
* html .gwt-DialogBox .dialogBottomLeftInner {
  width: 10px;
  height: 12px;
  overflow: hidden;
}
* html .gwt-DialogBox .dialogBottomRightInner {
  width: 12px;
  height: 12px;
  overflow: hidden;
}
*/
input:required:invalid, 
input:focus:invalid, 
textarea:required:invalid, 
textarea:focus:invalid {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAT1JREFUeNpi/P//PwMpgImBRMACY/x7/uDX39sXt/67cMoDyOVgMjBjYFbV/8kkqcCBrIER5KS/967s+rmkXxzI5wJiRSBm/v8P7NTfHHFFl5mVdIzhGv4+u///x+xmuAlcdXPB9KeqeLgYd3bDU2ZpRRmwH4DOeAI07QXIRKipYPD35184/nn17CO4p/+cOfjl76+/X4GYAYThGn7/g+Mfh/ZZwjUA/aABpJVhpv6+dQUjZP78Z0YEK7OezS2gwltg64GmfTu6i+HL+mUMP34wgvGvL78ZOEysf8M1sGgZvQIqfA1SDAL8iUUMPIFRQLf+AmMQ4DQ0vYYSrL9vXDz2sq9LFsiX4dLRA0t8OX0SHKzi5bXf2HUMBVA0gN356N7p7xdOS3w5fAgcfNxWtn+BJi9gVVBOQfYPQIABABvRq3BwGT3OAAAAAElFTkSuQmCC");
    background-position: right top;
    background-repeat: no-repeat;
    box-shadow: none;
}




.st-table-bootstrap
{
   font-family:Helvetica, Georgia, Verdana, Cambria, sans-serif; ;
   font-size: 11px;
   color: #222222;
}


.has-warning
{
  color: #b94a48;  
}

.st-tree-link
{
  cursor: hand;
}

.st-tree-disabled-link
{
  color: lightgrey;
}



.st-tree-icon
{
   width: 18px;
}


.st-tree-label-selected
{
   background: #a6caf0;
}

.open-tree-input
{
   background: lightgray url(/docs/web/cms/icon-nav-toggle.png) right no-repeat;
}



#drop_zone, #DROP_ZONE {
  min-width: 700px;
  border: 2px dashed #bbb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 25px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #bbb;
}

#DROP_ZONE.in {
  border: 2px solid #8cafed;
}


#TASKNOTE .item {
  border-bottom: 1px solid #BEC8CC;
  padding: 10px 0px 4px 0px;
}

#TASKNOTE .meta {
  position: relative;
  font-size: 11px;
  color: #4e6ca3 !important;
  min-height: 40px;
}

#TASKNOTE .meta a, #TASKNOTE .meta span {
  padding-left: 10px;
}

#TASKNOTE .meta a:visited, #TASKNOTE .meta a:link {
  color: #4e6ca3 !important;
}

#TASKNOTE .message {
  margin: 0px;
  clear: both;
  line-height: 140%;
  word-wrap: break-word;
}

#drop_zone.drag-active, .drag-active {
  border: 2px solid #8cafed;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.drag-active {
  padding: 0;
}

.drag-inactive {
  border: none;
  padding: 2px;
}






/*Chips*/

.st-tag-chips-container 
{
     display: inline-block;
     width: 570px;
     /*padding: 0 4px;*/
}


.st-tag-chips-form-input-textarea 
{
/*padding: 5px 10px 6px;*/
margin-top: 0;
margin-bottom: 0;
/*font-size: 13px;*/
width: 570px;
resize: vertical;
background: white;  

-moz-box-shadow: inset 0 0 1px rgba(0,0,0,.05);
-ms-box-shadow: inset 0 0 1px rgba(0,0,0,.05);
-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.05);
box-shadow: inset 0 0 1px rgba(0,0,0,.05);

border: 1px solid gray;
color: #333;
}



.st-add-tag:focus 
{
border: 0!important;
outline: none;
-moz-box-shadow: none;
-ms-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}


.st-add-tag 
{
width: 400px;
margin: 4px 2px;
border: 0!important;
padding: 5px 2px;
outline: none;
resize: none;
vertical-align: top;
-moz-box-shadow: none;
-ms-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
display: inline-block;
}


.st-chip 
{
color: #333;
padding: 1px 1px 1px 1px;
cursor: pointer;
height: 19px;
line-height: 19px;
border: 1px solid gray;
border-radius: 3px;
margin: 4px;
overflow: hidden;
resize: none;
-moz-user-select: none;
-ms-user-select: none;
-webkit-user-select: none;
-moz-box-shadow: 0 1px 0 white;
-ms-box-shadow: 0 1px 0 white;
-webkit-box-shadow: 0 1px 0 white;
box-shadow: 0 1px 0 white;
display: inline-block;
}


.st-chip .st-delete-chip 
{
margin: 3px 0 0 3px;
cursor: pointer;
display: inline-block;
background: no-repeat url(//s.ytimg.com/yts/imgbin/www-videomanager-vflGcxv_J.webp) 0 -1122px;
background-size: auto;
width: 15px;
height: 15px;
}


.st-chip span 
{
vertical-align: top;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: inline-block;
}


.st-chip 
{
color: #333;
cursor: pointer;
line-height: 19px;
resize: none;
}

/*End Chips*/

@media (min-width: 768px) {
  .st-form {
    margin-left: 0;
    margin-right: 0;
    background-color: #fff;
    border-width: 1px;
    border-color: #ddd;
    border-radius: 4px 4px 0 0;
    box-shadow: none;
  }
  .st-form + .highlight {
    margin-top: -16px;
    margin-left: 0;
    margin-right: 0;
    border-width: 1px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
}

input[type="checkbox"] {
  vertical-align: bottom;
  position: relative;
  bottom: 1px;
  overflow: hidden;
}

.checkbox-inline input[type="checkbox"] {
  position: relative;
}

.table {
  width: inherit;
  margin-bottom: 0px;
  background-color: transparent;
}

.table .table {
  background-color: transparent;
}

.table thead>tr>th, 
.table tbody>tr>th, 
.table tfoot>tr>th, 
.table thead>tr>td, 
.table tbody>tr>td, 
.table tfoot>tr>td {
  vertical-align: middle;
  border-top: none;
}

.table-no-border>thead>tr>th, 
.table-no-border>tbody>tr>th, 
.table-no-border>tfoot>tr>th, 
.table-no-border>thead>tr>td, 
.table-no-border>tbody>tr>td, 
.table-no-border>tfoot>tr>td {
  border-top: none; 
}


input.disabled, .disabled, input[type=text]:disabled {
  background: #FFFAFA;
  color:#777;
}

/* overwrite BS default cell padding */
.table tbody > tr > th,
.table tfoot > tr > th,
.table tbody > tr > td,
.table tfoot > tr > td {
  padding: 1px;
}

.table thead > tr > th,
.table thead > tr > td {
  padding: 3px 1px;
}

.table-padding-0>thead>tr>th, 
.table-padding-0>tbody>tr>th, 
.table-padding-0>tfoot>tr>th, 
.table-padding-0>thead>tr>td, 
.table-padding-0>tbody>tr>td, 
.table-padding-0>tfoot>tr>td {
  padding: 0px;
}

.table-padding-1>thead>tr>th, 
.table-padding-1>tbody>tr>th, 
.table-padding-1>tfoot>tr>th, 
.table-padding-1>thead>tr>td, 
.table-padding-1>tbody>tr>td, 
.table-padding-1>tfoot>tr>td {
  padding: 1px;
}

.table-padding-2>thead>tr>th, 
.table-padding-2>tbody>tr>th, 
.table-padding-2>tfoot>tr>th, 
.table-padding-2>thead>tr>td, 
.table-padding-2>tbody>tr>td, 
.table-padding-2>tfoot>tr>td {
  padding: 2px;
}

.table-padding-3>thead>tr>th, 
.table-padding-3>tbody>tr>th, 
.table-padding-3>tfoot>tr>th, 
.table-padding-3>thead>tr>td, 
.table-padding-3>tbody>tr>td, 
.table-padding-3>tfoot>tr>td {
  padding: 3px;
}

.table-padding-4>thead>tr>th, 
.table-padding-4>tbody>tr>th, 
.table-padding-4>tfoot>tr>th, 
.table-padding-4>thead>tr>td, 
.table-padding-4>tbody>tr>td, 
.table-padding-4>tfoot>tr>td {
  padding: 4px;
}

.table-padding-5>thead>tr>th, 
.table-padding-5>tbody>tr>th, 
.table-padding-5>tfoot>tr>th, 
.table-padding-5>thead>tr>td, 
.table-padding-5>tbody>tr>td, 
.table-padding-5>tfoot>tr>td {
  padding: 5px;
}

.table-padding-6>thead>tr>th, 
.table-padding-6>tbody>tr>th, 
.table-padding-6>tfoot>tr>th, 
.table-padding-6>thead>tr>td, 
.table-padding-6>tbody>tr>td, 
.table-padding-6>tfoot>tr>td {
  padding: 6px;
}

.table-padding-7>thead>tr>th, 
.table-padding-7>tbody>tr>th, 
.table-padding-7>tfoot>tr>th, 
.table-padding-7>thead>tr>td, 
.table-padding-7>tbody>tr>td, 
.table-padding-7>tfoot>tr>td {
  padding: 7px;
}

.table-padding-8>thead>tr>th, 
.table-padding-8>tbody>tr>th, 
.table-padding-8>tfoot>tr>th, 
.table-padding-8>thead>tr>td, 
.table-padding-8>tbody>tr>td, 
.table-padding-8>tfoot>tr>td {
  padding: 8px;
}

.table-padding-9>thead>tr>th, 
.table-padding-9>tbody>tr>th, 
.table-padding-9>tfoot>tr>th, 
.table-padding-9>thead>tr>td, 
.table-padding-9>tbody>tr>td, 
.table-padding-9>tfoot>tr>td {
  padding: 9px;
}

.table-border-collapse {
  border-collapse: collapse;
}

.table-border-grey, .table-border-grey tbody>tr>td {
  border-color: #EFEFEF;
}

.table-border-1, .table-border-1 tbody>tr>td {
  border-width: 1px;
  border-style: solid;
}

.nowrap {
  white-space: nowrap;
}

@media print {
  a[href]:after {
    content: none !important;
  }
}

label {
  margin-bottom: auto;
}

.code-block {
  display: block;
  padding: 10px;
  background-color: #FCF6DB;
  border: 1px solid #E5E0C6;
  white-space: pre;
  font-family: monospace;
  overflow: auto;
  width: 600px;
  max-height: 400px;
}