/* TABLE OF CONTENT 
Have begun structuring up the css as well..

To find what you looking for search for ** SectionOfInterest

** TAGS
** TEXT 
** CLASSES
** TRANSPARENCY
** COLOR
** CONTEXT
** UTILITY
** SHORTCUT CLASSES
** RESET
** JQUERYUI
** PLUGINS
** OBJECTS
** UI
** PAGES
*** INTEGRATIONS
** OTHER
*/

/** TAGS **/
BLOCKQUOTE  { margin-top: 0; margin-bottom: 0; }
BUTTON, html>body BUTTON, .cssDefaultButton5 { white-space: nowrap; height: 25px; cursor: pointer; vertical-align: middle; }
H1 { font-size: 13pt; }
H5 { font-size: 12px; }
HR  { color: #C3C3C3; background: #C3C3C3; border: 0; height: 1px; }
IMG { border: 0; }
INPUT  { height: 19px; padding-left: 2px; padding-right: 2px; }
LI  { margin: -.2em 0 .7em -1em }
P  { margin: 0; }
SELECT { color: #000000; }
TEXTAREA  { color: #000000; padding: 3px; }
UL, OL { margin-top: .6em; margin-bottom: 0; }	
A:link, A:visited, A:hover, A:active { color: #000000; }
A { text-decoration: none; }
A:hover { text-decoration: underline; }

/** TEXT **/
A, BODY, BUTTON, DIV, FORM, INPUT, LI, TD, TR,  P, PRE, SELECT, TABLE, TEXTAREA
{ font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif, Lucida Grande; font-size: 11px; line-height: 1.2; }
PRE { font-size: 11px; }

/* jQueryui */
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button
{ font-family: Tahoma, Verdana, Arial, Helvetica, Sans-serif, Lucida Grande;  }

/** CLASSES **/
.cssIndex { margin: 0 0 .1em 0; background-image : url("/aladdin4/images/bullets/index.gif"); background-repeat : no-repeat; background-position : -1px 3px; }
.cssText { border: 1px solid; }
.cssTextarea { border: 1px solid; border-color: #808080; }
.cssTextwhite { color: white; }
.cssBold { font-weight: bold; }
.cssBoldwhite { font-weight: bold; color: white; }
.cssH1 { font-weight: bold; font-size: 11pt; }
.cssH1white { font-weight: bold; font-size: 11pt; color: white; }

.cssCombo, .cssCombo0, .cssCombo1, .cssCombo1Bold, .cssCombo2, .cssCombo2b, .cssCombo2h, .cssCombo2Bold, .cssCombo3, .cssCombo3Bold, .cssCombo3b, .cssCombo3bBold, .cssCombo4, .cssCombo4Bold, .cssCombo5, .cssCombo5Bold, .cssCombo2select 
{ border: 1px solid; border-color: #b2b2b2; height: 22px; }

.cssCombo { width: 150px; }
.cssCombo0 { width: 50px; }
.cssComboMini { width: 87px; }
.cssCombo1 { width: 100px; }
.cssCombo1Bold { width: 100px; font-weight: bold; }
.cssCombo2 { width: 150px; }
.cssCombo2b { width: 200px !important; }
.cssCombo2h { height: 100px; width:160px; }
.cssCombo2Bold { width: 150px; font-weight: bold; }
.cssCombo3 { width: 250px; }
.cssCombo3Bold { width: 250px; font-weight: bold; }
.cssCombo3b { width: 300px; }
.cssCombo3bBold { width: 300px; font-weight: bold; }
.cssCombo4 { width: 350px; }
.cssCombo4Bold { width: 350px; font-weight: bold; height: 100px; }
.cssCombo5 { width: 450px; }
.cssCombo5Bold { width: 450px; font-weight: bold; }
.cssCombo2select { width: 150px; height: 162px; }

.cssButton { height: 24px; padding-left: 4px; padding-right: 4px; padding-bottom: 3px; }
.cssDefaultButton5 { min-width: 85px; }
.widebutton { width: 120px !important; }
.cssButtonPlus { height: 20px; position: relative; left: 2; width: 22px; }	
.cssDefaultButtonSmall { width: 85px; height: 25px; }
/* not having effect .cssDefaultButtonSmall { vertical-align: top; } */

.cssPick { border: 1px outset; background-color: #D3D3D3; height: 18px; width: 18px; }
.cssCheck { border-style: none; height: 13px; margin-top: 2px; margin-right: 2px; }
.cssSelect1, .cssSelect1Bold, .cssSelect3, .cssSelect3Bold { border: 1px solid #808080; }
.cssSelect1Bold { width: 100px; font-weight: bold; }
.cssSelect3 { width: 270px; }
.cssSelect3Bold { width: 250px; font-weight: bold; }
.cssSelect4 { width: 350px; }

.cssButImage { position: relative; left: 0; top: -2px; }
.cssButText { padding: 0 5px 5px 2px; padding-bottom: 5px\9; /* IE 8 and below */; text-align: center; vertical-align: bottom; white-space: nowrap; }

.msgError { color: red; font-size: 16px; } 
.msgSuccess { color: green; font-size: 16px; } 

/** TRANSPARENCY **/
.transparent {
	zoom: 1;
	filter: alpha(opacity=20);
	opacity: 0.2;
}

//**COLOR**/
.redborderX {
    border-width: 2px !important;
    border-color: #dc2525 !important;
}

.redborder {
    border:1px solid #EC2626 !important;
}

.blueborder {
    border:1px solid #2a65a0 !important;
}
/** CONTEXT **/
.email { width: 250px; }

/** UTILITY **/
.normalText { font-weight: normal; }
table.stripped { border-collapse: collapse; border: 0; margin: 0; padding: 0 }
table.stripped td { margin: 0; padding: 0 }



/*  Second version - improved by using display: table, assuming old fix for firefox not needed in new firefox versions 
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before, .clearfix:after { content: " " !important; /* 1 */ display: table !important; /* 2 */ }
.clearfix:after { clear: both !important; }
.clearfix { *zoom: 1 !important; } /* For IE 6/7 (trigger hasLayout) */

 /* Third version. For modern browsers 
 ** assuming we dont longer need to support ie6/7 */
.clearfix2:after { content: ""; display: table; clear: both; }

/** SHORTCUT CLASSES **/
.bold, tr.bold td { font-weight: bold !important; }
.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }
.capitalize { text-transform: capitalize; }
.italic { font-style: italic; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.left, table.left td { text-align: left !important; }
.center, table.center td  { text-align: center !important; }
.right, table.right td { text-align: right !important; }
.noline { text-decoration: none; }
.nowrap { white-space: nowrap; }
.bgWhite { background-color: white; }
.lfloat { float: left; }
.rfloat { float: right; }
.hide { display: none; }
.show { display: inherit; }
.block { display: block; }
.inline-block { display: inline-block; }
.verticalcenter {
    display: inline-block;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}
.not-allowed {
    cursor: not-allowed !important;
}

SPAN.verticalcenter:not(.checkbox_wrapper) {
    display: inline-block;
    position: relative;
    top: 60%;
    transform: translateY(-60%);
}
.ui-selectmenu-text {
    text-shadow: none;
}
INPUT.verticalcenter {
    display: inline-block;
    position: relative;
    top: 40%;
    transform: translateY(-40%);
}

/** RESET **/
.resetText { font-weight: normal; color: black; font-size: 12px; }

/**DHTMLX GRID **/
div.gridbox table.row20px tr td {
    padding-left: 2px !important;
    padding-right: 1px !important;
}

/*BUTTON CLASS*/
.button {
    overflow: visible;
    border: 1px solid #d4d4d4;
    margin: 0;
    margin-right: 8px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0 #fff;
    font:11px/normal sans-serif;
    color: #333;
    white-space: nowrap;
    cursor: pointer;
    outline: none;
    padding: 1px 4px;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec));
    background-image: -moz-linear-gradient(#f4f4f4, #ececec);
    background-image: -ms-linear-gradient(#f4f4f4, #ececec);
    background-image: -o-linear-gradient(#f4f4f4, #ececec);
    background-image: linear-gradient(#f4f4f4, #ececec);
    -moz-background-clip: padding; /* for Firefox 3.6 */
    background-clip: padding-box;
    border-radius: 0.2em;
    /* IE hacks */
    zoom: 1;
    *display: inline;
}

/*.button:not(.picklistbutton):not(.button-white) {*/
.button:not(.button-white) {
    background-color: #ececec !important;
}

.button:hover:not(.addbutton):not(.deletebutton), .button:focus:not(.addbutton):not(.deletebutton) {
    border-color: #3072b3;
    border-bottom-color: #2a65a0;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #fff !important;
    background-color: #3c8dde !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
    background-image: -moz-linear-gradient(#599bdc, #3072b3);
    background-image: -o-linear-gradient( #599bdc, #3072b3);
    background-image: linear-gradient(#599bdc, #3072b3);
}
.button:hover i, .button:focus i {
    color: #fff !important;
}

.addbutton:hover, .deletebutton:hover {
    border-color: #3072b3;
    border-bottom-color: #2a65a0;
}

.button.active:not(.addbutton):not(.deletebutton) {
    border-color: #2a65a0;
    border-bottom-color: #3884cd;
    background-color: #3072b3;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3072b3), to(#599bdc));
    background-image: -moz-linear-gradient(#3072b3, #599bdc);
    background-image: -ms-linear-gradient(#3072b3, #599bdc);
    background-image: -o-linear-gradient(#3072b3, #599bdc);
    background-image: linear-gradient(#3072b3, #599bdc);
}

/* overrides extra padding on button elements in Firefox */
.button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.navbutton {
    height:25px !important;
    text-shadow: none !important;
    color: #595959;
    margin-left: 0px !important;
    margin-top: 0px !important;
    padding-left:4px !important;
    padding-right: 4px !important;
    min-width: 25px;
    position: relative;
    top: -1px;
}
/*
.navbutton i {
    float: inherit;
}
*/

.linkbutton {
    width: 22px;
    height: 22px;
    padding-left: 2px !important;
    font-size: 15px;
    color: #666666 !important;
    margin-left: 2px;
    margin-top: -1px;
}
.pointer {
    cursor: pointer;
}

/** JQUERYUI **/
/*.ui-button {
    background-image: linear-gradient(#f4f4f4, #ececec) !important;
}
*/

.enabledDate {
    background-color:#8ec215 !important;
    color :#ffffff !important;
    border: 1px solid #557901 !important;
}
.ui-button-text-only .ui-button-text {
    padding: 0.2em 1em;
}
.navbutton .ui-button-text-only, .navbutton .ui-button-text {
    padding: 0em 0em !important;
}

.ui-widget 
{ font-size: 1.0em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button 
{ font-size: 1.0em; } 

/** PLUGINS **/
/*xdsoft datetimepicker - jQuery plugin*/

.xdsoft_datetimepicker {
	border-color: #b2b2b2 !important;
}

.xdsoft_datetimepicker .xdsoft_label {
	font-size: 11px !important;
	text-align: left !important;
    color: #676767 !important;
    white-space: nowrap !important;
    padding: 1px 5px !important;
    margin-top: 2px !important;
    margin-left: 8px !important;
}
.xdsoft_datetimepicker .xdsoft_label i {
    margin-left: 3px;
    right: 0.5em;
    left: auto;
    margin-top: -8px;
    position: absolute;
    top: 50%;
}
.xdsoft_datetimepicker .xdsoft_calendar th {
    color: #676767 !important;
    font-size: 11px !important;
}
.xdsoft_select {
    text-align: left !important;
}
.xdsoft_datetimepicker .xdsoft_year {
    width: 58px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_monthselect {
  right: 0px !important;
  width: 99px !important;
  top: 22px !important;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select.xdsoft_yearselect {
  right:  -1px !important;
  width: 58px !important;
  top: 22px !important;
}

.xdsoft_time {
    font-size: 11px !important;
}

.xdsoft_datetimepicker-trigger {
  border: none;
  width: 21px !important;
  height: 22px !important;
  margin-left: 1px !important;
  margin-right: 6px !important;
  background-image: url(/aladdin4/images/symbols/bc_down.gif) !important;
  background-repeat: no-repeat !important;
  background-position: 2px 3px;
}

.xdsoft_date_input {
    width: 65px;
}

/*blockUI message*/
.blockUI.blockMsg.blockPage H1 {
    font-size: 14px;
}

.detailimage {
    max-width: 305px;
    max-height: 289px;
    height: auto;
    width: auto;
    display: inline;
    margin-left: 0px;
    margin-right: 0px;
}

.tablewrapper {
    padding: 8px;
    border: 1px solid #ccc;
    margin-right: 10px;
    margin-bottom: 10px;
}

.tablewrapper.grid {
    padding-top:0px;
    padding-bottom:10px;
    margin-top:8px;
}
.scrollwrapper {
    overflow-y: scroll;
}
#dialog_datetimerange_wrapper {
    border-top: none;
}

#dialog_notification_wrapper {
    margin-top: 20px;
}

.smalltable {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}

.smalltable.light TH {
    font-weight: normal;
}

.smalltable.grid {
    border-top: 1px solid #c8c8c8 !important;
    border-bottom: 1px solid #c8c8c8 !important;
}

.smalltable.grid TH {
    font-weight: normal;
    height: 22px;   
}
.smalltable.grid th:first-child {
    border-left: 1px solid #c8c8c8;
    width: 180px;
}

.smalltable.grid td:first-child {
    width: 180px;
    overflow: hidden;
}

.smalltable td:not(.button) {
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  color: #666;
  text-align: left;
  vertical-align: middle;
  padding: 0;
  border-collapse: collapse;

  height: 25px;
  padding-left: 3px;
  padding-right: 3px;
  white-space: nowrap;
  overflow: hidden;
}

.smalltable td:not(.button):not(.addon) {
  cursor: pointer;
}										 
.smalltable .narrow {
  width: 35px;
}

.smalltable .percent {
    width: 50px;
}

.smalltable .date {
    width: 75px;
}

.smalltable td.selectedrow:not(.button) {
  background-color: #FFEEBD;
  font-weight: 500;
  color: #333;
}

.smalltable .deletebutton {
    width: 70px;
}

.layouttable td {
    height: 22px;
    padding-left: 3px;
    padding-right: 3px;
}

.layouttable td.info {
    height: 14px;
    padding-top: 0px;
}

.infofont {
    background-image: url(/aladdin4/images/controls/ic_info_outline_black_24dp_1x.png);
    width: 24px;
    height:24px;
    margin: 3px;
}
.warningfont {
    background-image: url(/aladdin4/images/controls/ic_report_problem_black_24dp_1x.png);
    margin: 3px;
}
/* Selectmenu - jQuery plugin (native since 1.11.1?) */
.ui-selectmenu, .ui-selectmenu-menu li a 
{ font-size: 11px; }
.ui-selectmenu-button 
{ margin-right: 10px; }
.ui-state-default 
{ background-image: none; color: #000000; background-color: #FFFFFF; white-space: nowrap; }
.ui-selectmenu-item-focus a, .ui-selectmenu-item-selected a, .ui-state-hover a 
{ background-image: none; background-color: #FFEEC2; color: #222222; }
.ui-state-hover a {
    text-decoration: none !important;
}
#select_action-menu {
    max-height: 414px !important;
}

.ui-widget-content  .ui-state-focus {
background: none;
background-color: #FFEEC2; 
color: #222222; 
/*background-color: rgb(255, 238, 194);*/
}
/*increase z-index on jQuery objects*/
/*
.ui-front {
    z-index: 10003;
}
*/
.ui-checkbox 
{ position: relative; margin-right: 4px; }

.dialogcontent input[type="radio"] {
    width: 18px;
    height: 18px;
    padding: 0px;
    margin: 0px;
    vertical-align: bottom;
    position: relative;
    top: -1px;
}
.ui-datepicker-trigger {
	border: none;
	width: 20px !important;
	height: 20px !important;
	margin-left: 0px !important;
    margin-right: 6px !important;
    background: none !important;
}

.ui-datepicker-today .ui-state-highlight, .ui-datepicker-current {
    background-color: #FFEEC2 !important;
    color: #222222 !important;
    opacity: 1.0 !important;
    filter: Alpha(Opacity=70) !important;
}

.ui-datepicker-close {
    font-weight: normal !important;
}

.ui-datepicker-current-day .ui-state-active {
    background-color: #7bb1e0 !important;
    color: #FFFFFF !important;
}

.ui-datepicker-week-col {
    text-align: center !important;
}

/* combobox - jQuery plugin (not used?)*/
.combo .combo-text 
{ font-size: 11px; }
.combobox-item 
{ font-size: 11px; cursor: pointer; }
.combobox-item-selected 
{ background-color: #FFEEC2; }

.UI_combobox, .UI_combobox_over {
    background-image: url(/aladdin4/images/controls/arrow_down_888888.png);
    background-repeat: no-repeat;
    background-position: 94%;
    background-position-x: 95%;
    background-position-y: 8px;
    border: 1px solid #d3d3d3;  
}

.UI_combobox_over {
    background-image: url(/aladdin4/images/controls/arrow_down_454545.png);
    border: 1px solid #888888;
}

.UI_combobox_loading {
    background-image: url(/aladdin4/images/animations/roller_transparent.gif);
    background-repeat: no-repeat;
    background-position: 94%;
    background-position-x: 95%;
    background-position-y: 2px;
    background-size: 20px 20px;
    border: 1px solid #888888;
}
/*get rid of IE clear button in input fields */
.UI_combobox::-ms-clear {
    display: none;
}
.UI_combobox_over::-ms-clear {
    display: none;
}

/**UI**/  
.UI_table_embedded
{ width: 100%; border-collapse: collapse;}
.UI_table_embedded TH { 
  min-height: 20px; 
  font-weight: normal; 
  background-color: #E9E9D9;
  text-align: center;
  vertical-align: middle;
  padding: 3px;
  color: #000000;
  border-right: 1px solid #C8C8C8;
  cursor: pointer;
  overflow: hidden;
}
.sorting_disabled {
    cursor: inherit !important;
}
.defaultcursor 
{cursor: default !important;}
.UI_table_embedded TR 
{ height: 29px; }
.UI_table_embedded TD 
{ padding: 2px;padding-left: 4px;border-right: 1px solid #C8C8C8;}
.UI_embed_wrapper 
{ height: 190px; width: 650px; overflow: scroll; }
.UI_border
{ border: 1px solid #666666; }
.UI_row_darkgrey 
{ background-color: #E4E4E4; color: #000000; }
.UI_row_lightgrey 
{ background-color: #F2F2F2; color: #000000; }
.UI_row_white 
{ background-color: White; color: #000000; }  
.UI_row_selected 
{ /*background-color: Highlight (#b5d5ff, windows: #3399ff); color: HighlightText; */
  background-color: #7bb1e0; color: #ffffff; }

#UI_div_dialog 
{ z-index: auto;padding-bottom: 10px;}

/*
Need to set dropdowns and autocompletes z-index since jQuery UI changes the dialog's z-index when clicking the dialog if menu is open (bug?) ' 
*/
.ui-selectmenu-open
{z-index: 10004;}

.ui-autocomplete 
{z-index: 10003;}

#UI_div_dialog .cssDialogCaption 
{ margin-bottom:8px; border:1px solid transparent; font-weight:bold; color:#242424; }
#UI_div_dialog .cssTextLabel 
{ display:block;margin-top:8px;margin-bottom:2px;padding-left:3px;width:80%;white-space:nowrap;margin-right:10px; }
#UI_div_dialog INPUT 
{ display:inline-block;height:22px;}
#UI_div_dialog input.text 
{ line-height: 19px; padding-left: 4px; margin-right: 4px;}
#UI_div_dialog .ui-checkbox 
{ display:inline-block; margin-top: 5px;margin-left: 5px;}
#UI_div_dialog .cssCheckboxLabel
{ display:inline-block; position:relative;top:-5px; left:0px; margin-bottom:0px;padding-right:10px;}
#UI_div_dialog a 
{ display:block; margin-bottom:5px; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{ background-color: #FFFFFF; background-image: none; color: #000000; white-space: nowrap; }    
.ui-dialog FIELDSET 
{ border: none; }    
#UI_div_dialog .cssIn 
{ width:95%; }
#UI_div_dialog .cssIn0 
{ width:60px; }
#UI_div_dialog .cssIn0b 
{ width:35px; }
#UI_div_dialog .cssIn1 
{ width:75px; }
#UI_div_dialog .cssIn1b 
{ width:112px; }
#UI_div_dialog .cssIn2 
{ width:150px; }
#UI_div_dialog .cssNumber 
{ text-align:right; }
#UI_div_dialog .cssIn3 
{ width:225px; }
#UI_div_dialog .cssIn4 
{ width:300px; }

.ASC {
    background-image: url(/aladdin4/images/controls/sort_ascending.gif);
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: 98%;
}
.DESC {
    background-image: url(/aladdin4/images/controls/sort_descending.gif);
    background-repeat: no-repeat;
    background-position: right;
    background-position-x: 98%;
}
.addressbox_checked {
    background-image:url(/aladdin4/images/symbols/address.gif);
    background-repeat:no-repeat;
    background-position: 0px 2px;
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 22px;
    height: 22px !important;
    border: 0px !important;
    cursor: pointer;
}

.addressbox {
    display: inline-block;
    width: 22px;
    height: 20px;
    border: 1px solid lightgrey;
    cursor: pointer;
}

.address_space {
    display: inline-block;
    height: 18px;
}

.addressradio {
    margin-top: 3px !important;
}

/** OBJECTS **/
.divProgress { visibility: hidden; z-index: 6; position: absolute; left: 190px; top: 100px; width: 20; height: 20; border: solid 1px black }
.spanProgressText { visibility: hidden; background-color: #D4D0C8; padding: 5px; }

/** UI **/
.tab {
    display: inline-block !important;
    /*border: 1px solid #b2b2b2;*/
    border-bottom: none;
    padding: 5px;
    cursor: pointer;
    font-weight: normal;
    /*min-width: 65px;*/
    text-align: center;
    position: relative;
    height: 13px;
    vertical-align: bottom !important;
}
.tab-container .tab {
    border: 1px solid #b2b2b2;
    border-bottom: none;
    min-width: 65px;
}					 
.tabnarrow {
    min-width: 20px !important;
}
.tab-selected {
    background-color: #FFFFFF !important;
    font-weight: bold !important;
    border: 1px solid #999999;
    border-bottom: none;
    height: 15px;
}
.tab-container {
    text-align: left;
}
.tab-content {
    padding-top: 4px;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
}
.tab .fa {
    margin-left: 4px;
    position: absolute;
    top: 6px;
    color: #717171;
}
.tab-selected .fa {
    margin-left: 3px;
    position: absolute;
    top: 6px;
    color: #000000;
}

.fa-listicon {
    font-size: 19px !important;
    margin-right: 2px;
}
.fa-menuicon {
    font-size: 16px !important;
    margin-right: 2px;
}
.fa-menuitem {
    padding-left: 1px !important;
}

.ui-menu .ui-menu-item {
    min-height: 15px !important;
}
/** PAGES **/

/*** INTEGRATIONS ***/
.integrationImg { width: 500px; height: 50px; } /* 285 */
.integrationImg.agressoInvoice { background-image: url("/aladdin4/integration/agresso/images/agresso-logo.png"); }
.integrationImg.invoiceOnline { background-image: url("/aladdin4/integration/akonline/images/gothia-logo.png"); }

/**COLORS **/
.green {
    background-color: #B7F3BE;
    border: 1px solid green;
    color: #111111;
}
.lightgreen {
    background-color: #d8f9db;
    border: 1px solid #E4E4E4;
}
.yellow {
    background-color: #FCFCA2;
    border: 1px solid #cdcd24;
    color: #111111;
}
.orange {
    background-color: #FFD450;
    border: 1px solid #e2bc49;
    color: #111111;
}
.red {
    background-color: #FB8072;
    border: 1px solid red;
    color: #F3F3F3;
}

.redtext {
    color: #FB8072;
}
.blue {
    background-color: #3C8DDE;
    border: 1px solid #265E96;
    color: #F3F3F3;
}
.lightblue {
    background-color: #def3fd;
    border: 1px solid #E4E4E4;
}
.black {
    background-color: #3C3C3C;
    border: 1px solid #252525;
    color: #F3F3F3;
}
.lightgrey {
    background-color: #f8f8f8;
    border: 1px solid #808080;
    color: #111111;
}
.colorbox {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    padding-left: 2px;
    padding-right: 2px;
    padding-bottom: 1px;
    /* margin-top: 2px; */
    display: inline-block;
    min-width: 64px;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
}

/** OTHER **/
@media screen and (-webkit-min-device-pixel-ratio:0) {  
    .cssButImage { top: 0; top: -2px\9; }
    .cssButText { padding-bottom: 2px; padding-bottom: 5px\9; /* IE 8 and below */ }
} 


input:focus,
select:focus,
textarea:focus,
span:focus {
  -moz-outline: 2px solid #6BA7F1;
  -webkit-outline: 2px solid #6BA7F1;
  outline: 1px solid #6BA7F1;
  outline: 5px auto -webkit-focus-ring-color;
  /*outline-offset: -2px;*/
  -moz-outline-radius: 3px;
}

/*blockdialog css*/
.dialog {
    width: inherit;
    text-align: left;
    border-width: 2px;
}

.dialogcontent {
    padding: 5px;
}
.blocklabel, .blocklabel1 {
    display: block;
    margin-top: 4px;
    margin-bottom: 2px;
    margin-right: 5px;
}
.rightpanel .blocklabel {
    margin-bottom: 2px;
}
.number {
    width: 90px;
}
.ui-dialog-titlebar {
    border-color: #3072b3;
    border-bottom-color: #2a65a0;
    text-decoration: none;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    color: #fff !important;
    background-color: #3c8dde !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#599bdc), to(#3072b3));
    background-image: -moz-linear-gradient(#599bdc, #3072b3);
    background-image: -o-linear-gradient( #599bdc, #3072b3);
    background-image: linear-gradient(#599bdc, #3072b3);
}
.titlebar {
    height: 19px;
    padding: 3px;
} 
.titlebar .title {
    margin-top: 3px;
}
.alert .blocklabel, .alert .header {
    margin-top: 9px;
}
.dialog .buttonrow {
    bottom: 14px;
    padding: 8px;
}

div.dialogcontent {
    color: #222 !important;
    margin-top: 12px;
    margin-right: 12px;
    margin-left: 12px;
    overflow: hidden; /* this is what keeps the <div> from wrapping */
    line-height: 1.3;
    text-align: left;
}

p.dialogcontent {
    color: #222 !important;
    margin-top: 12px;
    margin-right: 12px;
    overflow: hidden; /* this is what keeps the  <p> from wrapping */
}
.ui-dialog .ui-dialog-buttonpane {
    border-width: 0px;
}
.dialog-icon-wrapper {
    font-size: 36px;
    color: #808080;
    display: inline-block;
    margin: 3px;
    margin-right: 10px;
}
.dialog-but-left{
    position: absolute;
    left: 17px;
}

/*simplyfied dialog css*/
.dialogcontent .message {
    font-weight: bold;
    min-height: 60px;
    margin-top: 16px;
    margin-left: 8px;
    color:#242424;
}
.dialogcontent .header {
    margin-top: 5px;
    margin-left: 11px;/*8px*/
}
.dialogcontent select:not(.miniselect) {
    min-width: 100px;
    min-height: 22px;
    margin-left: 0px;
    height: 25px;
}
.dialogcontent .miniselect {
    font-size:11px;
    font-weight: normal;
}							
.dialogcontent labelselect {
    min-width: 104px !important;
}
.dialogcontent input {
    margin-left: 0px;
    height: 23px;
    margin-right: 6px;
    margin-bottom: 3px; 
}
.dialogcontent .blockspan {
    display: block;
    background: #f1f1f1;
    border: 1px solid #ddd;
    height: 17px;
    padding: 3px;
    padding-bottom: 1px;
    margin-top: 4px;
    padding-top: 4px;
}
        
.dialogcontent select:not(.miniselect) option {
    font-weight: bold;
}
        
.dialogcontent .number {
    text-align: right !important;
}
.dialogcontent .percent {
    width: 50px;
    position: relative;
    left: -1px;
    line-height: 20px;
    margin-right: 2px;
}
.dialogcontent .widepercent {
    width: 148px;
    line-height: 20px;
}
.dialogcontent .widedisabled {
    width: 125px;
    line-height: 20px;
}

.dialogcontent .spaninfo {
    height: 20px;
    background-color:#EBEBE4;
    width:85px;
    display:inline-block;
    margin-top: 0px;
    vertical-align: middle;
    line-height: 20px;
    padding-left: 4px;
    padding-right: 4px;
    border: 1px solid #C8C8C8;
    position: relative;
    top: -1px;
    overflow: hidden;
    white-space: nowrap;
            
}
.dialogcontent .spaninfo { top: -5px\9; }
     
.dialogcontent .toggle {
    text-align: center;
    height: 20px;
    background-color:#EBEBE4;
    width:22px;
    display:none;
    margin-top: 0px;
    vertical-align: middle;
    line-height: 20px;
    margin-left: 1px;
    padding-right: 2px;
    padding-left: 2px;
    border: 1px solid #C8C8C8;
    position: relative;
    top: -5px;
    left: 6px;
}
        
.dialogcontent .rightpanel {
    padding-right: 8px;
}
             
input[type="text"]:disabled, input[type="number"]:disabled, textarea:disabled {
    background-color:#EBEBE4 !important;
    color:#000000 !important;
    opacity: .90 !important;
    filter: Alpha(Opacity=90) !important;
}

.dialogcontent .infotext {
    background: #EBEBE4 !important;
    width: 95%;
    overflow: hidden;
    white-space: normal;
    height: 100%;
    line-height: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
}
    
.IEreadonly {
    background-color:#C6C6C6 !important;
    color:#000000 !important;
}
 
.dialogcontent .checkboxlabel {
    padding-left: 2px;
    text-indent: -15px;
    line-height: 21px;
}
.dialogcontent input[type="checkbox"] {
    width: 18px;
    height: 18px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
    margin-right: 5px;
}
.checkbox_control {
    width: 15px !important;
    height: 15px !important;
    margin-top: 9px !important;
    left: 2px !important;
}
        
.dialogcontent iframe {
    border: 1px solid #C8C8C8;
    margin-top: 8px;
    margin-left: 8px;
    width: 470px;
    height: 200px;
}
        
.dialogcontent #addresslist {
    border: 1px solid #C8C8C8;
    margin-top: 8px;
    margin-left: 8px;
    width: 470px;
    height: 280px;
    overflow: hidden;
    padding: 0px;
}
            
.dialogcontent .title {
    margin-bottom: 8px;
}
       
.dialogcontent .blockline {
    display: inline-block;
}
        
.hrefbutton {
	background-color:#ededed;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
	border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topright:3px;
	border-top-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-radius-bottomright:3px;
	border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	border-bottom-left-radius:3px;
	text-indent:0;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-size:11px;
	font-style:normal;
	height:25px;
	line-height:23px;
	min-width:75px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
    margin-left: 6px;
    margin-bottom: 12px;
    padding-top: 2px;
}
        
.hrefbutton:hover {
	background-color:#dfdfdf;
    text-decoration: none;
}
.hrefbutton:active {
	position:relative;
	top:1px;
} 

.dialogcontent select {
    margin-right: 6px;    
}
            
.dialogcontent .input45 {
    height: 25px;
    width: 45px;      
}
            
.dialogcontent .input0 {
    height: 25px;
    width: 62px;      
}
            
.dialogcontent .input0b {
    height: 25px;
    width: 82px;      
}

.dialogcontent .input1 {
    height: 25px;
    width: 118px;          
}

.dialogcontent .input1b {
    height: 25px;
    width: 164px;          
}
 
.dialogcontent .input1c {
    height: 25px;
    width: 96px;         
}
 
.dialogcontent .input1d {
    height: 25px;
    width: 82px;         
}
           
.dialogcontent .input2 {
    height: 25px;
    width: 280px;     
}
           
.dialogcontent .input2- {
    height: 25px;
    width: 303px;     
}
        
.dialogcontent .input2b {
    height: 25px;
    width: 210px;         
}
.inputmini {
    width: 32px;
    height: 22px;
}
            
.dialogcontent .red {
    background-color: #FF0000;
    text-shadow: inherit;
    color: #FFFFFF;
}

.dialogcontent .invoiced {
    background-image: url(/aladdin4/images/controls/corner_red.gif) !important;
    background-repeat: no-repeat !important;
    background-position: 0px 0px !important;
    background-size: 15px 15px !important;
}

.greenfont {
    color:#7daf43 !important;
}
.redfont {
    color:#ec0f0f !important;
}
.greyfont {
    color: #d3d3d3 !important;
}
.yellowfont {
    color: #f4cc04 !important;
}
   
.greenitem {
    color: #009716 !important;
} 
.reditem {
    color: #e40000 !important;
}
.greydarkitem {
    color: #797979 !important;
}
.yellowitem {
    color: #f9ca00 !important;
}