/*body { font-family: Arial; font-size: 14px; margin: 0px; background-color: #F8F8F8; }*/

.page-header { width: 100%; background-color: #FFF; }
/*.page-header .default { height: 80px }
.page-header .impersonate { height: 100px }
.page-header .msg-bar { height: 100px }*/
.page-header .option { text-align: center; background-color: #fff; min-height: 30px; padding: 13px 15px 7px 15px }

.page-header .menu { background-color: #0074AF; color: #fff; font-size: 15px }
.page-header .menu a { width: 20%; text-align: center; color: #fff; text-decoration: none }
.page-header .menu .menu-option-default { display: table-cell; background-color: #0074AF; width: 160px; text-align: center; padding: 10px 0 10px 0 }
.page-header .menu .menu-option-active { display: table-cell; background-color: #f8f8f8; width: 160px; text-align: center; padding: 10px 0 10px 0 }
.page-header .menu .menu-option-active a { width: 20%; text-align: center; color: #0074AF; text-decoration: none }
.page-header .sub-menu { background-color: #fff; display: none; position: absolute; z-index: 100; font-size: 15px; border: 1px solid #ccc }
.page-header .sub-menu .sub { background-color: #fff; padding: 10px }
.page-header .sub-menu .sub:hover { background-color: #f8f8f8; padding: 10px }
.page-header .sub-menu .divider { border-bottom: 1px solid #eee }
.page-header .active { text-align: center; background-color: #edfce1; min-height: 30px; padding: 13px 15px 7px 15px }
.page-header .active a { width: 20%; text-align: center; color: #252525; text-decoration: none }


.mmc-header-search { width: 270px; height: 28px; background-color: #FFF; border: 1px solid #58585B; margin: 0 0 0 auto; }
.mmc-header-search-textbox { width: 90%; font-size: 14px; vertical-align: middle; color: #505050; padding: 2px 6px 2px 6px; border: 1px solid #fff; outline: none; -webkit-appearance: none; }
.mmc-header-search-textbox-focus { width: 90%; font-size: 14px; vertical-align: middle; color: #505050; padding: 2px 6px 2px 6px; border: 1px solid #FFF; outline: none; -webkit-appearance: none; }

.mmc-header-search .selector { background-color: #58585B; color: #fff; font-size: 11px; text-align: center; padding: 7px 0 5px 0; width: 75px; height: 16px; }
.mmc-header-search .btn-right { padding: 0px; margin: 0px; border: none; width: 38px; text-align: center; background-color: #c43525; }

.ui-search-suggest { display: none; padding: 10px; z-index: 201; background-color: #fff; border: 1px solid #ccc; min-height: 100px; min-width: 300px; max-width: 700px; text-align: left; }

.ui-mandatory { color: red; }


.ui-spacer-2px { height: 2px }
.ui-spacer-3px { height: 3px }
.ui-spacer-5px { height: 5px }
.ui-spacer-10px { height: 10px }
.ui-spacer-15px { height: 15px }
.ui-spacer-20px { height: 20px }
.ui-spacer-25px { height: 25px }
.ui-spacer-50px { height: 50px }
.ui-spacer-100px { height: 100px }
.ui-spacer-115px { height: 115px }

.ui-margin-right-10px { margin-right: 10px; }


.table { margin: 0px; padding: 0px; border-collapse: collapse; }
.table td { margin: 0px; padding: 0px; border-spacing: 0px; }


/*.mmc-textbox { font-family: Arial; width: 100%; font-size: 15px; vertical-align: middle; color: #686868; padding: 9px 9px 8px 9px; border: 2px solid #E8E8E8; background-color: #FFF; outline: none; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.mmc-textbox-error { font-family: Arial; width: 100%; font-size: 15px; vertical-align: middle; color: #686868; padding: 9px 9px 8px 9px; border: 2px solid #FF6666; background-color: #FFF; outline: none; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.mmc-textbox-focus { font-family: Arial; width: 100%; font-size: 15px; vertical-align: middle; color: #686868; padding: 9px 9px 8px 9px; border: 2px solid #1c7170; background-color: #FFF; outline: none; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.mmc-textbox-override { font-family: Arial; font-size: 15px; vertical-align: middle; color: #686868; padding: 9px 9px 8px 9px; border: 2px solid #E8E8E8; background-color: #FFF; outline: none; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.mmc-textbox-override-error { font-family: Arial; font-size: 15px; vertical-align: middle; color: #686868; padding: 9px 9px 8px 9px; border: 2px solid #FF6666; background-color: #FFF; outline: none; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.mmc-textbox-override-focus { font-family: Arial; font-size: 15px; vertical-align: middle; color: #686868; padding: 9px 9px 8px 9px; border: 2px solid #1c7170; background-color: #FFF; outline: none; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }



.mmc-textbox-disabled { font-family: Arial; width: 100%; font-size: 15px; vertical-align: middle; color: #686868; padding: 9px 9px 8px 9px; border: 2px solid #E8E8E8; background-color: #F0F0F0; outline: none; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.mmc-textbox-disabled-error { font-family: Arial; width: 100%; font-size: 15px; vertical-align: middle; color: #686868; padding: 9px 9px 8px 9px; border: 2px solid #FF6666; background-color: #F0F0F0; outline: none; -webkit-appearance: none; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
*/

.ui-link-white, .ui-link-white:hover { font-size: inherit; color: #fff; text-decoration: none; cursor: pointer }
.ui-link-disabled, .ui-link-disabled:hover { font-size: inherit; color: #aaa; text-decoration: none; cursor: default; }
.ui-link-green, .ui-link-green:hover { font-size: inherit; color: #58A165; text-decoration: none; cursor: pointer }
.ui-link-light-green, .ui-link-light-green:hover { font-size: inherit; color: #3cf84a; text-decoration: none; cursor: pointer }
.ui-link-red, .ui-link-red:hover { font-size: inherit; color: Red; text-decoration: none; cursor: pointer }
.ui-link-orange, .ui-link-orange:hover { font-size: inherit; color: #FF9966; text-decoration: none; cursor: pointer }
.ui-link-yellow, .ui-link-yellow:hover { font-size: inherit; color: #FFCC00; text-decoration: none; cursor: pointer }
.ui-link-light-grey, .ui-link-light-grey:hover { font-size: inherit; color: #686868; text-decoration: none; cursor: pointer }
.ui-link-dark-grey, .ui-link-dark-grey:hover { font-size: inherit; color: #585858; text-decoration: none; cursor: pointer }
.ui-link-charcoal, .ui-link-charcoal:hover { font-size: inherit; color: #505050; text-decoration: none; cursor: pointer }
.ui-link-dark-charcoal, .ui-link-dark-charcoal:hover { font-size: inherit; color: #282828; text-decoration: none; cursor: pointer }
.ui-link-blue, .ui-link-blue:hover { font-size: inherit; color: #008cc9; text-decoration: none; cursor: pointer }

.mmc-required-item { font-size: 18px; font-weight: 700; color: #c43525; }

.mmc-link-blue, .mmc-link-blue:hover { font-size: inherit; color: #0074af; text-decoration: none; cursor: pointer }
.mmc-link-grape, .mmc-link-grape:hover { font-size: inherit; color: #ad3a89; text-decoration: none; cursor: pointer }
.mmc-link-white, .mmc-link-white:hover { font-size: inherit; color: #fff; text-decoration: none; cursor: pointer }
.mmc-link-grey, .mmc-link-grey:hover { font-size: inherit; color: #585858; text-decoration: none; cursor: pointer }
.mmc-link-red, .mmc-link-red:hover { font-size: inherit; color: Red; text-decoration: none; cursor: pointer }
.mmc-link-pear, .mmc-link-pear:hover { font-size: inherit; color: #008351; text-decoration: none; cursor: pointer }


.ui-org-options { min-width: 180px; background-color: #fff; border: 1px solid #E8E8E8; font-size: 16px; min-height: 40px; display: none; z-index: 100; position: fixed; }
.ui-org-options .option { padding: 15px 25px 15px 15px; background-color: #FFF; border-bottom: 1px solid #E8E8E8; font-size: 15px; }
.ui-org-options .option:hover { padding: 15px 25px 15px 15px; background-color: #F8F8F8; border-bottom: 1px solid #E8E8E8; font-size: 15px; }
.ui-org-options .icon { padding-right: 15px; width: 19px; height: 19px; margin-bottom: -3px }
.ui-org-options .footer { background-color: #F0F0F0; border-top: 1px solid #CCC; padding: 10px; }

.ui-options-pointer { position: absolute; width: 17px; height: 9px; padding: 0px; border: none; display: block; z-index: 100; }
.ui-options-pointer-side { position: absolute; width: 9px; height: 17px; padding: 0px; border: none; display: none; z-index: 100; }

.ui-image-fix-1px { margin-bottom: -1px }
.ui-image-fix-2px { margin-bottom: -2px }
.ui-image-fix-3px { margin-bottom: -3px }
.ui-image-fix-4px { margin-bottom: -4px }
.ui-image-fix-5px { margin-bottom: -5px }

.ui-flyout-options { min-width: 180px; background-color: #fff; border: 1px solid #E8E8E8; font-size: 16px; min-height: 40px; display: none; z-index: 201; position: fixed; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.ui-flyout-options .header { border-bottom: 1px solid #CCC; padding: 10px; }
.ui-flyout-options .option { padding: 15px 25px 15px 15px; background-color: #FFF; font-size: 16px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.ui-flyout-options .option:hover { padding: 15px 25px 15px 15px; background-color: #F8F8F8; font-size: 16px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.ui-flyout-options .pointer { position: absolute; width: 17px; height: 9px; padding: 0px; border: none; display: block; }
.ui-flyout-options .icon { padding-right: 15px; width: 19px; height: 19px; margin-bottom: -3px }
.ui-flyout-options .separator { line-height: 1px; border-bottom: 1px solid #E8E8E8; }
.ui-flyout-options .footer { background-color: #F0F0F0; border-top: 1px solid #CCC; line-height: 15px; padding: 10px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px }

.ui-flyout-options .option a { font-size: inherit; color: #989898; text-decoration: none }
.ui-flyout-options .option a:hover { font-size: inherit; color: #00b0ff; text-decoration: none }

.ui-image-button { border: none; cursor: pointer }

.mmc-app-container { display: none; z-index: 1000; position: fixed; width: 440px; border: 1px solid #E8E8E8; background-color: #F8F8F8; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px }
.mmc-app-container .pointer { position: absolute; width: 17px; height: 9px; padding: 0px; border: none; display: block; }
.mmc-app-container .app-option { display: inline-block; width: 90px; height: 80px; margin: 5px; color: #252525; text-align: center; border: 1px solid #E8E8E8; background-color: #fff; }
.mmc-app-container .app-option a { color: #252525; text-decoration: none; font-size: 11px; }
.mmc-app-container .app-option:hover { display: inline-block; width: 90px; height: 80px; margin: 5px; text-align: center; border: 1px solid #0098CF; background-color: azure; }
.mmc-app-container .app-option:hover a { color: #0074AF; text-decoration: none; font-size: 11px; }
.mmc-app-container .app-option .img { border: none; cursor: pointer; width: 60px; height: 60px; }
.mmc-app-container .app-option .label { font-size: 11px; }


.ui-card { position: absolute; display: none; z-index: 300; }
.ui-fm-card { position: absolute; display: none; z-index: 100; }
.ui-card-container { background-color: #fff; border: 1px solid #ccc; }
/*-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;*/
.ui-card-footer { background-color: #F0F0F0; border-top: 1px solid #CCC; padding: 5px; min-height: 20px; }

.ui-card-header { padding: 10px; font-size: 13px; background-color: #fff; border-bottom: 1px solid #E8E8E8; }
.ui-card-header-purple { padding: 10px; background-color: #9c27b0; font-size: 20px; color: #FFF; border-bottom: 1px solid #E8E8E8; }
.ui-card-header-green { padding: 10px; background-color: #0f9d58; font-size: 20px; color: #FFF; border-bottom: 1px solid #E8E8E8; }
.ui-card-header-aqua { padding: 10px; background-color: #00bcd4; font-size: 20px; color: #FFF; border-bottom: 1px solid #E8E8E8; }
.ui-card-header-grey { padding: 10px; background-color: #C0C0C0; font-size: 20px; color: #FFF; border-bottom: 1px solid #E8E8E8; }
.ui-card-header-red { padding: 10px; background-color: #FF3366; font-size: 20px; color: #FFF; border-bottom: 1px solid #E8E8E8; }
.ui-card-header-orange { padding: 10px; background-color: #ffa726; font-size: 20px; color: #FFF; border-bottom: 1px solid #E8E8E8; }