* { font-family: calibri, tahoma, verdana, arial, "sans serif", "geneva CE"; font-size: 14px; color: #222 }
* { margin: 0; padding: 0; }
table { border-collapse: collapse }
.unselectable { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}

/* app */
body#wm-app { background-color: #353E4A; /*background-image: url("/JsApi/6/Images/App/Background/app_back1.jpg"); background-position: 0 0; background-attachment: fixed;*/ }
div#wm-app-loader { color: #EEEEEE; padding: 15px 20px 20px 40px; background-position: 20px 15px; background-repeat: no-repeat; background-image: url("/JsApi/6/Images/ajax_loader1.gif"); }
div#wm-app-loader span { color: #EEEEEE;  }
div#wm-app-header { position: fixed; z-index: 1000000; height: 80px; background-color: #353E4A; width: 100%;} 
div#wm-app-header div.title { float: left; padding: 22px 15px 15px 20px; }
div#wm-app-header div.title h1 { font-size: 30px; color: #FFF; font-weight: normal; line-height: 100%; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); }
div#wm-app-header div.title h1 span.subtitle { font-size: 24px; color: #74C1EC; }
div#wm-app-header div.user-mobile { position: absolute; right: 10px; top: 25px; height: 32px; width: 28px; /*background-image: url("/JsApi/6/Images/App/user1.png"); background-repeat: no-repeat; background-position: 0 4px*/ }
div#wm-app-header div.user { position: absolute; right: 10px;top: 10px;    margin: 12px 0 0 0; padding: 0 20px 10px 40px;/* background-image: url("/JsApi/6/Images/App/user1.png"); background-repeat: no-repeat; background-position: 0 4px*/ }
div#wm-app-header div.userIcon {display:inline-block; position: relative; right: 5px; padding: 0 0 10px 40px;}
div#wm-app-header div#logUser {display:inline-block; position: relative;}
div#wm-app-header div.userIcon i,
div#wm-app-header div.user-mobile i{ color:white;}
div#wm-app-header div.user p { font-size: 18px; color: #F7F9FA; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); line-height: 90% }
div#wm-app-header div.user a { font-size: 16px; color: #B9BABA; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5); text-decoration: none }
div#wm-app-header div.user a:hover { color: #F7F9FA; }
div#wm-app-header div.lang { float: left; font-size: 22px; margin: 22px 0 0 0; background-color: #74C1EC; padding: 2px 4px; border-radius: 3px; text-transform: uppercase; cursor: pointer }
div#wm-app-header div.menu { float: left; font-size: 22px; margin: 22px 10px 0 20px; background-color: #74C1EC; padding: 0px 9px 4px 9px; border-radius: 3px; text-transform: uppercase; cursor: pointer; text-align: center; }

div#wm-app-menu { position: relative; left: 0; top: 80px; width: 200px; bottom: 0; background-color: #353E4A; z-index: 9999; }
div#wm-app-menu div.views { left: 20px; top: 0; }

@media (max-width: 799px) { 
    div#wm-app-header div.user-mobile { display: block; }
    div#wm-app-header div.user { display: none; }
    div#wm-app-menu div.menu-transparent-background { position: fixed; left: 0; top: 0; right: 0; bottom: 0; width: 100vw; height: 100vh; background-color: rgba(53, 62, 74, 0.8); }
    div#wm-app-menu.hidden { display: none; }
    div#wm-app-menu { display: block; min-height: 100vh !important; }
    div#wm-app-menu.hidden div.view a div.main-menu-text-container {  }
    div#wm-app-menu div.views { position: relative; }
    div#system-status{right: 40px !important;}
}
@media (min-width: 800px) {
    div#wm-app-header div.user-mobile { display: none; }
    div#wm-app-header div.user { display: block; }
    div#wm-app-menu.hidden div.view a div.main-menu-text-container { display: none !important; }
    div#wm-app-menu.hidden div.views div.group { position: absolute !important; }
    div#wm-app-menu div.views { position: absolute; }
}

div#wm-app-menu div.views div.view { display: table; padding: 5px 0 5px 0;}
div#wm-app-menu div.views div.view.ingroup { padding: 2px 0 2px 0;}
div#wm-app-menu div.views div.view a { display: table-cell; vertical-align: middle; text-decoration: none; margin-bottom: 5px;color: #B9BABA;}
div#wm-app-menu div.views div.view a i {display: inline-block; float: left; background-position: 0 0; background-repeat: no-repeat; width: 40px; height: 40px;}
div#wm-app-menu div.views div.view a div.main-menu-text-container {display: table; margin-left: 15px; margin-top:-5px; width: 115px; float: left;font-size: 18px; color: inherit; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);}
div#wm-app-menu div.views div.view a span.main-menu-text {display: table-cell; vertical-align: middle;font-size: 18px; color: inherit; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);}
div#wm-app-menu div.views div.view.ingroup a span.main-menu-text {font-size: 16px;}
div#wm-app-menu div.views div.view.ingroup a div.main-menu-text-container {margin-left: 55px;}

div#wm-app-menu div.views div.view:hover a { color: #F7F9FA; }
div#wm-app-menu div.views div.view:hover a i { background-position: 0 -60px }
div#wm-app-menu div.views div.selected { }
div#wm-app-menu div.views div.selected a { color: #F7F9FA }
div#wm-app-menu div.views div.selected a i { background-position: 0 -60px; }

div#wm-app-menu div.views div.group { padding: 0 0 15px 0; display: none; position: relative; top: -5px }
div#wm-app-menu div.views div.group div.view a { padding-top: 2px !important; padding-bottom: 2px !important; font-size: 15px !important; }
div#wm-app-menu div.version { position: absolute; left: 20px; bottom: 60px; width: 112px; padding-top: 100px; color: #B2B2B2; background-repeat: no-repeat; background-image: url("/JsApi/6/Images/Logo/invipo_logo_powered.png"); }
div#wm-app-menu div.version a { color: #B2B2B2; }
div#wm-app-menu div.language { margin: 50px 0 20px 20px; padding: 0 0 10px 0px; background-repeat: no-repeat; background-position: 0 4px }
div#wm-app-menu div.language select { display: block; border: 2px solid #7A7A7A; padding: 4px 6px; border-radius: 3px; color: #FFFFFF; background-color: transparent; }
div#wm-app-content.monitoring { align-content: flex-start; }
div#wm-app-content.monitoring div.wm-panel { max-width: 630px; }
div#wm-app-content.system { align-content: flex-start; }
div#wm-app-content.system div.wm-panel { flex-grow: 0; }
div#wm-app-content.customers { flex-direction: column; align-content: flex-start; }
div#wm-app-content.vt { flex-direction: column; align-content: flex-start; }
div#wm-app-content.customers div#ps4-panel-customer-list { height: 100%; }
div#wm-app-content.customers div#ps4-panel-customer-detail { max-height: 50%;width: 63% !important; }
div#wm-app-content.customers div#ps4-panel-last-visit-detail {max-height: 50%;  width: 63% !important;}
div#wm-app-content.customersSettings { flex-direction: column; align-content: flex-start;  }
div#wm-app-content.customersSettings div.wm-panel { flex-grow: 1; }
div#wm-app-content.customersSettings div#ps4-panel-customer-settings-customers { flex: 100%; }
div#wm-app-content.customersSettings div#ps4-panel-customer-settings-identificators { flex: 45%; }
div#wm-app-content.customersSettings div#ps4-panel-customer-sectionrights-list { flex: 45%; }
div#wm-app-content.customersSettings div#ps4-panel-customer-settings-groups { flex: 45%; }
div#wm-app-content.customersSettings div#ps4-panel-customer-settings-list { flex: 45%; }
div#wm-app-content.customersSettings div#ps4-panel-customer-accesslist { flex: 100%; }
div#wm-app-content.tariff { flex-direction: column; align-content: flex-start;  }
div#wm-app-content.tariff div#ps4-panel-tariff-list { flex: 100%; }
div#wm-app-content.tariff div#ps4-panel-tariff-definition-list { flex: 100%; }
div#wm-app-content.tariff div#ps4-panel-discount-list { flex: 60%; }
div#wm-app-content.system div.wm-panel { flex-grow: 0; }
div#wm-app-content { position: fixed; left: 200px; top: 80px; right: 0; bottom: 0; padding: 0px 30px 0 10px; display: flex; flex-wrap: wrap; z-index: 10; }
@media (max-width: 799px) { div#wm-app-content { left: 0px; z-index: 100; display: flex; } }
@media (max-width: 900px) { div#wm-app-content.vt { left: 0px; z-index: 100; display: flow; } }
@media (min-width: 800px) { div#wm-app-content.large { left: 70px; z-index: 99999; }
                            div#wm-app-content.small{z-index:9999;right:470px;padding: 0px 0 0 10px;}
}

/* tooltip */
div#wm-tooltip { border-radius: 3px; position: absolute; max-width: 400px; background-color: #fff; padding: 0 0 5px 0; z-index: 9999; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); }
div#wm-tooltip h3 { font-size: 14pt; color: #FFF; font-weight: normal; padding: 8px 20px 10px 20px; margin-bottom: 5px; background-color: #55AFE0; border-top-left-radius: 3px; border-top-right-radius: 3px; }
div#wm-tooltip div.field { padding: 0 20px 10px 20px; }
div#wm-tooltip div.field span.label { display: block; float: left; font-size: 12pt; width: 120px }
div#wm-tooltip div.field span.value { display: block; float: left; font-size: 12pt; }
div#wm-tooltip div.message { font-size: 12pt; color: #000; padding: 5px 20px 5px 20px; }
div#wm-tooltip div.picture { clear: both; padding: 10px 0 15px 0 }
div#wm-tooltip div.picture img { display: block; width: 100% }
div#wm-tooltip div.vms { clear: both; width: 200px; height: 50px; background-color: rgba(0, 0, 0, 0.4); padding: 5px; font-family: "Courier New"; color: #000; font-size: 18px; }
div.wm-tooltip-ok { }
div.wm-tooltip-ok div.field span.value { color: #222 !important }
div.wm-tooltip-warn h3 { background-color: #CCCC00 !important }
div.wm-tooltip-error h3 { background-color: #CC0000 !important }
div.wm-tooltip-disconnected h3 { background-color: #CCCCCC !important; color: #222 !important }
div.wm-tooltip-disabled h3 { background-color: #CCCCCC !important; color: #222 !important }

/* loader */
div#wm-loader { display: none; position: absolute; left: 0; bottom: 0; right: 0; height: 40px; background-color: rgba(0, 0, 0, 0.8); background-position: 40px 12px; background-repeat: no-repeat; background-image: url("/JsApi/6/Images/ajax_loader1.gif") }
div#wm-loader p { padding: 10px 10px 10px 60px; color: #fff; font-size: 16px; }

/* overlay */
div#wm-overlay { position: absolute; background-color: rgba(0, 0, 0, 0.8) }

/* panel */
div.wm-panel { position: relative; background-color: #FFF; box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px; min-height: 200px; min-width: 200px; flex-grow: 1; margin: 5px; }
div.wm-panel-overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgb(0, 0, 0); opacity: 0.8; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80); }
div.wm-panel-dragging { background-color: rgba(255, 255, 255, 0.2); }
div.wm-panel-dragging div.title,
div.wm-panel-dragging div.body,
div.wm-panel-dragging div.disabler { display: none }
div.wm-panel div.draggable { cursor: move }
div.wm-panel div.disabler { position: absolute; left: 0; top: 56px; right: 0; bottom: 0; background-color: rgba(255, 255, 255, 0.65); }
/* panel - title */
div.wm-panel div.title { position: relative; height: 29px; padding: 13px 22px 14px 20px; overflow: hidden; }
div.wm-panel div.title h2 { font-size: 16px; color: #4D4D4D; padding: 4px 0 6px 35px; text-transform: uppercase; background-position: 0 0; background-repeat: no-repeat; background-image: url("../Images/Panel/panel_icon_stats1.png"); white-space: nowrap }
div.wm-panel div.title h2 span { font-size: 16px; color: #4D4D4D; }
div.wm-panel div.title div.buttons { position: absolute; right: 20px; top: 17px; height: 18px; }
div.wm-panel div.title div.buttons a.button { float: left; width: 18px; height: 18px; text-decoration: none; margin-right: 5px; padding: 0; border: none; }
div.wm-panel div.title div.buttons a.button:last-child { margin-right: 0 }
div.wm-panel div.title div.buttons a.button:hover { background-position-y: -18px }
div.wm-panel div.title div.buttons a.close { width: 28px; height: 28px; background-image: url("../Images/Panel/panel_func_close1.png") /*url("../Images/Panel/panel_close3.png")*/ }
div.wm-panel div.title div.buttons a.close:hover { background-position-y: 0;background-color: #EEE; }
div.wm-panel div.title div.buttons a.settings { background-image: url("../Images/Panel/panel_settings1.png") }
div.wm-panel div.title div.filter { position: absolute; right: 5px; top: 5px; }
div.wm-panel div.title div.filter select { border: 2px solid #C6C6C5; padding: 2px 4px; border-radius: 3px; color: #4D4D4D; margin-left: 5px }
div.wm-panel div.title div.filter select option { color: #4D4D4D; }
div.wm-panel div.title div.filter input { border: 2px solid #C6C6C5; padding: 1px 4px; border-radius: 3px; color: #4D4D4D; margin-left: 5px }
div.wm-panel div.title div.filter button { margin-right: 3px; border: 1px solid #5C5C5C; padding: 5px 6px; border-radius: 3px; background-color: #FFFFFF; cursor: pointer; min-width: 50px } 
div.wm-panel div.title div.filter button:hover { border-color: #333333 }
div.wm-panel div.title div.filter div.date { margin-left: 5px; overflow: hidden; display: inline; }
div.wm-panel div.title div.filter div.date > * { float: left }
div.wm-panel div.title div.filter div.date input { margin-left: 5px; margin-right: 5px; height: 24px; padding-top: 0px; padding-bottom: 0px; line-height: 28px }
div.wm-panel div.title div.filter div.date input::-webkit-clear-button,
div.wm-panel div.title div.filter div.date input::-webkit-inner-spin-button { display: none }
div.wm-panel div.title div.filter div.date div.left { background-image: url(../Images/Panel/panel_left1.png); width: 28px; height: 28px; cursor: pointer }
div.wm-panel div.title div.filter div.date div.left.disabled { background-image: url(../Images/Panel/panel_left2.png) }
div.wm-panel div.title div.filter div.date div.right { background-image: url(../Images/Panel/panel_right1.png); width: 28px; height: 28px; cursor: pointer }
div.wm-panel div.title div.filter div.date div.right.disabled { background-image: url(../Images/Panel/panel_right2.png) }
/* panel - body  */
div.wm-panel div.body { position: absolute; left: 0; top: 56px; right: 0; bottom: 0;overflow: hidden; }
/* panel - body - conent */
div.wm-panel div.body div.richtext { padding: 15px 20px 20px 20px; }
div.wm-panel div.body div.richtext p { margin-bottom: 15px }
div.wm-panel div.body div.richtext p a { text-decoration: underline }
div.wm-panel div.body div.richtext p strong { font-weight: bold }
div.wm-panel div.body div.richtext ul { margin-bottom: 15px; list-style-type: square }
div.wm-panel div.body div.richtext ul li { margin-left: 30px; }
div.wm-panel div.body div.richtext a.button { border: 1px solid #5C5C5C; padding: 1px 4px; border-radius: 3px; background-color: #FFFFFF; cursor: pointer; min-width: 50px; text-decoration: none } 
/* panel - body - error */
div.wm-panel div.body div.error { padding: 15px 20px 20px 20px; }
div.wm-panel div.body div.error p { margin-bottom: 15px }
div.wm-panel div.body div.error p a { text-decoration: underline }
div.wm-panel div.body div.error p strong { font-weight: bold }
div.wm-panel div.body div.error ul { margin-bottom: 15px; list-style-type: square }
div.wm-panel div.body div.error ul li { margin-left: 30px; }
/* panel - body - chart */
div.wm-panel div.body div.chart { padding: 0 20px 0px 20px; }
div.wm-panel div.body div.chart div.pie-label { font-size: 12px; text-align: center; padding: 3px 6px; color: #FFFFFF; border-radius: 2px; background-color: #74C1EC; }
div.wm-panel div.body div.chart p.total { position: absolute; left: 20px; bottom: 20px;  }
div.wm-panel div.body div.chart p.note { position: absolute; right: 20px; bottom: 20px; }
/* panel - body - loader */
div.wm-panel div.body div.loader { padding: 15px 20px 20px 40px; background-position: 20px 15px; background-repeat: no-repeat; background-image: url("/JsApi/6/Images/ajax_loader1.gif"); }
div.wm-panel div.body span.loader {	width:auto; padding: 15px 20px 20px 40px; background-position: 20px 15px; background-repeat: no-repeat; background-image: url("/JsApi/6/Images/ajax_loader1.gif"); }
/* panel - body - warning */
div.wm-panel div.body div.warning { background-color: #FFAA76; color: #333333; padding: 10px 20px; font-size: 16px }
div.wm-panel div.body div.warning strong { color: #333333; font-size: 16px }

/* data-table */
table.wm-data-table { table-layout: fixed; width: 100% }
table.wm-data-table thead tr.columns th { background-color: #B8B8B6; color: #FFF; padding: 5px 10px 6px 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left }
table.wm-data-table thead tr.columns th.width-full { width: 99%; }
table.wm-data-table thead tr.columns th.width-auto { }
table.wm-data-table thead tr.columns th.sortable { cursor: pointer }
table.wm-data-table thead tr.columns th.sortable:hover { background-color: #A8A8A6; }
table.wm-data-table thead tr.columns th.sorted-desc { background-position: 7px 10px; background-repeat: no-repeat; background-image: url("../Images/DataTable/datatable_sort1.png") }
table.wm-data-table thead tr.columns th.sorted-asc { background-position: 7px 10px; background-repeat: no-repeat; background-image: url("../Images/DataTable/datatable_sort2.png") }
table.wm-data-table thead tr.columns th.hidden { display: none; }
table.wm-data-table .highlight { background-color: #EFEFEF; }
table.wm-data-table thead tr.filter th { background-color: #B8B8B6; color: #FFF; padding: 5px 10px 6px 20px; white-space: nowrap }
table.wm-data-table thead tr.filter th input { border: 1px solid #FFFFFF; padding: 3px 4px; border-radius: 3px; background-color: transparent; }
table.wm-data-table tbody tr.clickable td { cursor: pointer }

table.wm-data-table tbody.collapsedArea tr.collapsed { display: none; }
table.wm-data-table tbody.collapsedArea tr td { background-color: #eaeaea; }
table.wm-data-table tbody.collapsedArea tr.collapsedHint { cursor: pointer; height: 10px;}
table.wm-data-table tbody.collapsedArea tr.collapsedHint td { padding: 2px; text-align: center;}


table.wm-data-table tbody tr td { position: relative;  padding: 5px 10px 6px 20px; border-bottom: 1px solid #B8B8B6; white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
table.wm-data-table tbody tr td.align-left { text-align: left }
table.wm-data-table tbody tr td.align-right { text-align: right }
table.wm-data-table tbody tr td.align-center { text-align: center }
table.wm-data-table tbody tr td.hidden { display: none; }
table.wm-data-table tbody tr td div.wrapper { background-color: red; }
table.wm-data-table tbody tr td span.info { display: block; width: 30px; border-radius: 2px; padding: 0px 0px; background-color: #DDDDDD; text-align: center;margin-left:15px}
table.wm-data-table tbody tr td span.notice { display: block; width: 30px; border-radius: 2px; padding: 0px 0px; background-color: #74C1EC; color: #EEE; text-align: center; margin-left:15px}
table.wm-data-table tbody tr td span.warning { display: block; width: 30px; border-radius: 2px; padding: 0px 0px; background-color: #FDA70B; color: #EEE; text-align: center; }
table.wm-data-table tbody tr td span.error { display: block; width: 30px; border-radius: 2px; padding: 0px 0px; background-color: #FF721B; color: #EEE; text-align: center; }
table.wm-data-table tbody tr:hover td { background-color: #EFEFEF; }
table.wm-data-table tbody tr.selected td { background-color: #EFEFEF; }
table.wm-data-table tbody tr:last-child td { border-bottom: none; }

table.wm-data-table thead tr.columns  th.row-selector{ padding-left: 7px; padding-right: 0px;}
table.wm-data-table tbody tr td.row-selector{ padding-left: 7px; padding-right: 0px;}

/* menu */
div#wm-menu { background-color: #FFFFFF; border-radius: 3px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); }
div#wm-menu-overlay { position: fixed; left: 0; top: 0; right: 0; bottom: 0; }
div#wm-menu a { display: block; padding: 8px 50px 8px 20px; text-decoration: none; border-bottom: 1px solid #E0E0E0 }
div#wm-menu a:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px }
div#wm-menu a:last-child { border-bottom: none; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px }
div#wm-menu a:hover { background-color: #E0E0E0; }
div#wm-menu a.disabled { color: #A5A5A5 }
div#wm-menu a.disabled:hover { background-color: transparent; cursor: default}
div#wm-menu h2 { font-weight: normal; padding: 8px 20px; font-size: 16px; background-color: #55AFE0; color: #FFFFFF }
    
/* data-table */
form.wm-data-form { position: absolute; left: 0; top: 0; bottom: 0; right: 0; }
/* data-table - form */
form.wm-data-form div.form { position: absolute; left: 0; top: 0; bottom: 56px; right: 0; padding: 0 20px 20px 20px; overflow: auto }
form.wm-data-form div.form p { margin-bottom: 15px }
form.wm-data-form div.form p a { text-decoration: underline }
form.wm-data-form div.form p strong { font-weight: bold }
form.wm-data-form div.form ul { margin-bottom: 15px; list-style-type: square }
form.wm-data-form div.form ul li { margin-left: 30px; }
form.wm-data-form div.form div.fieldset {  }
form.wm-data-form div.form div.fieldset div.field { position: relative; width: 100%;margin-top:2px;}
form.wm-data-form div.form div.fieldset div.field div.label { position: absolute; left: 0; top: 10px; max-width: 150px;}
form.wm-data-form div.form div.fieldset div.field div.input { padding: 5px 0 5px 170px }
form.wm-data-form div.form div.fieldset div.field div.input input,
form.wm-data-form div.form div.fieldset div.field div.input select,
form.wm-data-form div.form div.fieldset div.field div.input textarea { display: block; border: 1px solid #B8B8B8; padding: 5px 6px; border-radius: 3px; background-color: #FFFFFF; width: 160px; vertical-align:middle;display:inline }
form.wm-data-form div.form div.fieldset div.field div.input input[type='checkbox'] {width: auto}
form.wm-data-form div.form div.fieldset div.field div.input select { padding: 4px 6px; }
form.wm-data-form div.form div.fieldset div.field div.input input:hover,
form.wm-data-form div.form div.fieldset div.field div.input select:hover,
form.wm-data-form div.form div.fieldset div.field div.input textarea:hover { border-color: #5C5C5C; }
form.wm-data-form div.form div.fieldset div.field div.input .width-short { width: 100px }
form.wm-data-form div.form div.fieldset div.field div.input .width-medium { width: 160px }
form.wm-data-form div.form div.fieldset div.field div.input .width-long { width: 200px }
form.wm-data-form div.form div.fieldset div.field div.input *[disabled] { color: #888888; }
form.wm-data-form div.form div.fieldset div.field div.validation { position: absolute; top: 8px; }
form.wm-data-form div.form div.fieldset div.field div.validation span.mark { display: block; width: 20px; padding: 2px 0 2px 0; border-radius: 2px; background-color: #FF721B; color: #FFFFFF; text-align: center; }
form.wm-data-form div.form div.fieldset div.field div.description { font-size: 13px; color: #5C5C5C; padding: 5px 0 5px 0; }
/* data-table - buttons */
form.wm-data-form div.buttons { position: absolute; left: 0; bottom: 0; right: 0; height: 45px; border-top: 1px solid #B8B8B6; text-align: right; padding: 10px 20px 0 20px }
form.wm-data-form div.buttons button { margin-right: 3px; border: 1px solid #B8B8B8; padding: 5px 6px; border-radius: 3px; background-color: #FFFFFF; cursor: pointer; min-width: 60px }
form.wm-data-form div.buttons button[type=submit] { border-width: 2px; padding: 4px 6px }
form.wm-data-form div.buttons button:hover { border-color: #5C5C5C }

/* dialogs */
div#dialog-confirm div.body { }
div#dialog-alert div.body { }

/* tooltip jq */
.ui-tooltip { position: absolute; z-index: 9900 !important; font-weight: normal; padding: 8px 20px; font-size: 16px; background-color: #FFFFFF; box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px; border-radius: 3px; max-width: 200px;  }
.ui-tooltip * { color: #222222; font-size: 14px; }
div#wm-app-event{float:right; margin:5px;}
div#wm-app-event i{color:white}