/* © Copyright 2015 Sierra Wireless Inc.
 * @author: Jun Chen
 * @date: March 21st, 2015
 **/
@import url("../../lib/dhtmlgoodies_calendar.css");

#mainFrame {
    height: 100%;
    display: flex;
    flex-direction: column;
}

#mainFrame iframe[name="header"] {
    display: flex;
    height: 90px;
    border: 0;
    margin: 0;
    padding: 0;
}

#mainFrame iframe[name="header"].withSystemMessage {
    height: 130px;
}

#mainframe iframe[name="cmd"] {
  display: none;
}

#treeFrame {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
}

#treeFrame iframe[name="tree"] {
    display: flex;
    width: 300px;
    border: 0;
    margin: 0;
    padding: 0;
}

#treeFrame iframe[name="view"] {
    display: flex;
    flex-grow: 1;
    border: 0;
    margin: 0;
    padding: 0;
}

#configform.withSystemMessage #menuarea {
    top: 40px !important;
    height: calc(100% - 40px) !important;
}

#configform.withSystemMessage #backgroundimage {
    top: 40px !important;
}

#configform.withSystemMessage #systemMessage {
    display: flex;
    height: 40px;
    background-color: rgb(253, 250, 231);
    justify-content: center;
    align-items: center;
}

#configform.withSystemMessage #systemMessage .content {
    color: rgb(165, 128, 74);
    margin: 5px;
    padding: 3px;
    border-radius: 3px;   
    transition: background-color linear .2s;
}

#configform.withSystemMessage #systemMessage .content[onclick] {
    cursor: pointer;
}

#configform.withSystemMessage #systemMessage .content[onclick]:hover {
    background: rgb(244, 241, 224);
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.box_layout.flex {
    display: block !important;
}

button, .button {
    font-size: 12px;
    transition: background-color linear .2s, border linear .2s, box-shadow linear .2s;
}

a.button,
a.buttonSelected {
    display: inline-block;
    vertical-align: middle;
    cursor: default;
}

a.button img,
a.buttonSelected img {
    display: inline-block;
    vertical-align: middle;
}

a.buttonSelected img {
    opacity: 0.4;
}

a.button > .label,
a.buttonSelected > .label {
    display: inline-block;
    line-height: 25px;
    vertical-align: middle;
}

a.button:hover > .label,
a.buttonSelected:hover > .label {
    text-decoration: underline;
}

button {
    color: #58584E;
    padding: 0 5px;
    border: 1px solid #D1D1D1;
    border-radius: 2px !important;
    background-color: #FBFBFB;
    background: #FBFBFB; /* Old browsers */
    background: -moz-linear-gradient(top,  #FBFBFB 0%, #F7F7F7 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FBFBFB), color-stop(100%,#F7F7F7)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #FBFBFB 0%,#F7F7F7 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #FBFBFB 0%,#F7F7F7 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #FBFBFB 0%,#F7F7F7 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #FBFBFB 0%,#F7F7F7 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F7F7F7',GradientType=0 ); /* IE6-9 */
    min-height: 22px;
    cursor: pointer;
    border-bottom-color: #BABABA;
}

button .label {
    line-height: 22px;
    font-size: inherit;
}

button:disabled, button:disabled:active {
    border-color: #E2E2E2 !important;
    background: initial !important;
    color: #89897A;
    cursor: default;
}

button:enabled:hover {
    border-color: #93A7B8;
}

button:focus {
    border-color: #76B8FA;
    box-shadow: 0 0 5px rgba(118,184,250,0.4);
    outline: none;
}

button:enabled:active {
    border-color: #A7B9C7;
    border-top-color: #A1B3C2;
    background: #E1E9F0;
    filter: none;
    box-shadow: none;
}

button.delete:enabled {
    color: #FFF !important;
    background: #EE8D80 !important;
    background-color: #EE8D80 !important;
    filter: none !important;
    border: 1px solid #EE8D80 !important;
    border-bottom-color: #EB7969 !important;
}

button.delete:enabled:hover {
    background-color: #F1A498 !important;
    border: 1px solid #F1A498 !important;
}

button.delete:enabled:focus {
    box-shadow: 0 0 5px #F09E93 !important;
}

button.done_hightlight:enabled {
    color: #FFF !important;
    background: #6298DB !important;
    background-color: #6298DB !important;
    filter: none !important;
    border: 1px solid #6298DB !important;
    border-bottom-color: #357BD0 !important;
}

button.done_hightlight:enabled:hover {
    background-color: #7CA9E0 !important;
    border: 1px solid #7CA9E0 !important;
}

.header_menu .button {
    height: 30px;
    padding: 3px;
    color: #666;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    border-radius: 3px;
    display: inline-block;
    vertical-align: bottom;
    cursor: pointer;
}

.header_menu .button .icon {
    height: 30px;
    width: 30px;
    background-position: center;
    background-repeat: no-repeat;
    display: table-cell;
}

.header_menu .button .label {
    line-height: 30px;
    font-size: 12px;
    display: table-cell;
    vertical-align: bottom;
}

table.seperate {
    border-collapse: collapse;
}

table.seperate tr {
    border-bottom: 1px solid #E4E7E9;
}

table.seperate tr:first-child td {
    padding-top: 0 !important;
}

table.seperate tr:last-child {
    border-bottom: none;
}

.oMM_element.hyperLink {
    padding: 2px 5px;
}

.hyperLink a {
    font-size: 12px;
    color: #006699;
    text-decoration: none;
}

.hyperLink a:hover {
    text-decoration: underline;
}

.view.empty {
    display: table;
    width: 100%;
    height: 100%;
    background-color: transparent;
}

.view.empty > div {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}


.view.empty > div > div:first-child {
    background: url(../img/oMM_icon_file_35x40.png) center no-repeat;
    width: 35px;
    height: 40px;
    display: inline-block;
}

.view.empty > div > div:last-child {
    color: #777;
    font-size: 13px;
    padding: 20px;
}

.oMM_element.checkbox,
.oMM_element.radio {
    display: table;
    width: 100%;
    position: relative;
}

.oMM_element.checkbox input[type="checkbox"],
.oMM_element.radio input[type="radio"] {
    height: 22px !important;
    margin: 0 3px;
    vertical-align: middle;
}

.oMM_element.checkbox .label,
.oMM_element.radio .label {
    display: table-cell;
    width: 100%;
    line-height: 22px;
    word-wrap: normal;
    word-break: normal;
    white-space: normal !important;
    padding: 0 5px 0 0;
    color: #666 !important;
}

.oMM_element.checkbox input[type="checkbox"]:disabled + .label,
.oMM_element.radio input[type="radio"]:disabled + .label {
    opacity: 0.7;
}

.oMM_element.checkbox > div:last-child,
.oMM_element.radio > div:last-child {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 26px;
    z-index: -1;
}

.oMM_element.checkboxlist {
    display: inline-table;
}

.oMM_element.table {
    width: 100%;
    position: relative;
}

.oMM_element.table .table_header {
    height: 30px;
    width: 100%;
    text-align: left;
    background-color: #F8F8F8;
    border-bottom: 1px solid #EAEAEA;
}

.oMM_element.table .table_header .column {
    color: #58584E;
    font-size: 12px;
    line-height: 30px;
    padding: 0 10px;
    display: inline-block;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.oMM_element.table .table_content {
    width: 100%;
    overflow: auto;
}

.oMM_element.table .table_content table {
    border-spacing: 0;
    border: 0;
    border-collapse: collapse;
    width: 100%;
}

.oMM_element.table .table_content table tr {
    background-color: #FFF;
}

.oMM_element.table .table_content table tr:nth-child(2n) {
    background-color: #F9F9F9;
}

.oMM_element.table .table_content table td {
    height: 28px;
    vertical-align: middle;
    font-size: 12px;
    color: #666;
    padding: 7px 10px;
    line-height: 17px;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.oMM_element.table .shadow_top,
.oMM_element.table .shadow_bottom {
    width: 100%;
    height: 5px;
    position: absolute;
    z-index: 1;
    background-repeat: repeat-x;
    opacity: 0.5;
}

.oMM_element.table .shadow_top {
    top: 0;
    background-image: url(../img/oMM_bg_shadow_top.png);
}

.oMM_element.table .shadow_bottom {
    bottom: 0;
    background-image: url(../img/oMM_bg_shadow_bottom.png);
}

.oMM_element.table .link {
    color: #0063C6;
    cursor: pointer;
}

.oMM_element.table .link:hover {
    text-decoration: underline;
}

.oMM_element.tab {
    width: 100%;
    overflow: hidden;
    height: 40px;
    display: table;
    vertical-align: middle;
}

.oMM_element.tab .tab_item {
    color: #999;
    font-size: 13px;
    padding: 0 15px;
    margin-right: 10px;
    display: table-cell;
    vertical-align: middle;
    border-bottom: 1px solid transparent;
    text-align: center;
    transition: background-color linear .2s, border-color linear .2s;
}

.oMM_element.tab .tab_item:not(.selected) {
    cursor: pointer;
}

.oMM_element.tab .tab_item:not(.selected):hover {
    background-color: #F9F9F9;
}

.oMM_element.tab .tab_item .view {
    height: auto !important;
    width: auto !important;
}

.oMM_element.tab .tab_item .count {
    padding: 3px 6px;
    border-radius: 10px;
    margin: 0 0 0 10px;
    display: inline-block;
    min-width: 10px;
    min-height: 10px;
}

.oMM_element.tab .tab_item.selected.blue {
    background-color: transparent;
    color: #267CC4;
    border-bottom-color: #267CC4;
}

.oMM_element.tab .tab_item.blue .count {
    background: #E8F7FD;
    color: #267CC4;
}

.oMM_element.tab .tab_item.yellow.selected {
    background-color: transparent;
    color: #AE6B11;
    border-bottom-color: #AE6B11;
}

.oMM_element.tab .tab_item.yellow .count {
    background: #FBF2E6;
    color: #AE6B11;
}

.oMM_element.tab.message {
    width: auto !important;
    background-color: #DFEFF9;
    border: 1px solid #D9ECF9;
    border-top: none;
    border-bottom: none;
    margin: 5px 10px;
    border-radius: 4px;
    font-size: 12px;
    color: #3a87ad;
}

.oMM_element.tab.message .tab_item {
    border-top: 1px solid #D9ECF9;
    border-bottom: 2px solid #BDE0F2;
}

.oMM_element.tab.message .tab_item:not(.selected):hover {
    border-color: #EBF5FC;
    border-bottom-color: #BDE0F2;
    background-color: #EBF5FC;
}

.oMM_element.tab.message .tab_item.selected {
    cursor: default;
}

.oMM_element.tab.message .tab_item.selected {
    border-bottom: 2px solid #658AA9;
}

.oMM_element.tab.message .tab_item .view {
    margin: 7px 0;
}

.oMM_element.tab.message .tab_item .view .label,
.oMM_element.tab.message .tab_item .view .count {
    display: inline-block;
}

.oMM_element.tab.message .tab_item .view .label {
    line-height: 20px;
}

.oMM_element.tab.message .tab_item .view .count {
    background-color: #F2F9FD;
    border-radius: 4px;
    line-height: 20px;
    min-width: 14px;
    text-align: center;
    padding: 0 4px;
    margin-left: 10px;
}

.oMM_element.tab .tab_item[name="warning"] .view .count {
    background-color: transparent;
    background: url(../img/oMM_icon_warning_circle_tab_20x20.png) no-repeat center;
}

.oMM_element.tab .tab_item[name="warning"] .view .label {
    color: #C96B0E;
}

.oMM_element.tab.message.plain .tab_item[name="warning"].selected {
    border-bottom: 2px solid #D59566;
}

.oMM_element.tab.message.plain {
    border: 0;
    background-color: #FBFBFB;
}

.oMM_element.tab.message.plain .tab_item {
    border-top: 0;
    border-bottom: 2px solid #E2E2E2;
}

.oMM_element.tab.message.plain .tab_item.selected {
    border-bottom: 2px solid #658AA9;
}

.oMM_element.tab.message.plain .tab_item:not(.selected):hover {
    background-color: #FFF;
    border-bottom: 2px solid #E2E2E2;
}

.oMM-element-list {
    width: 100%;
}

.oMM_element_banner {
    width: 100%;
    height: 50px;
    text-align: center;
    display: inline-table;
}

.oMM_element_banner .body {
    display: inline-table;
    height: 50px;
    width: 100%;
}

.oMM_element_banner .icon {
    width: 40px;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    display: table-cell;
}

.oMM_element_banner .text {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.oMM_element_banner .label {
    display: table-cell;
    font-size: 12px;
    vertical-align: middle;
    text-align: left;
    line-height: 20px;
    padding: 5px 10px 5px 5px;
}

.oMM_element_banner .buttons {
    display: table-cell;
    vertical-align: middle;
    padding: 0 10px;
    white-space: nowrap;
    width: 10%;
}

.oMM_element_banner .title {
    font-size: 15px;
    padding: 5px 5px 0 5px;
    color: #666;
}

.oMM_element_banner.info .body,
.oMM_element_banner.ok .body,
.oMM_element_banner.question .body,
.oMM_element_banner.upload .body {
    background: #FFF;
    border-bottom: 1px solid #EBEBEB;
    border-left: 2px solid #71AFE3;
}

.oMM_element_banner.ok .body {
    border-left: 2px solid #99D56C;
}

.oMM_element_banner.upload .body {
    border-left: 2px solid #7A7A7A;
}

.oMM_element_banner.info .label,
.oMM_element_banner.ok .label,
.oMM_element_banner.question .label,
.oMM_element_banner.setting .label,
.oMM_element_banner.upload .label {
    color: #777;
}

.oMM_element_banner.info .icon {
    background-image: url(../img/oMM_icon_info_circle_20x20.png);
}

.oMM_element_banner.ok .icon {
    background-image: url(../img/oMM_icon_ok_circle_20x20.png);
}

.oMM_element_banner.question .icon {
    background-image: url(../img/oMM_icon_question_circle_blue_20x20.png);
}

.oMM_element_banner.upload .icon {
    background-image: url(../img/oMM_icon_upload_circle_20x20.png);
}

.oMM_element_banner.schedule .body {
    background: #FFF;
    border-bottom: 1px solid #EBEBEB;
    border-left: 2px solid #FFB164;
}

.oMM_element_banner.schedule .title {
    color: #666;
}

.oMM_element_banner.schedule .label {
    color: #777;
}

.oMM_element_banner.schedule .icon {
    background-image: url(../img/oMM_icon_calendar_orange_20x20.png);
}

.oMM_element_banner button.submit {
    display: inline-block;
}

.oMM_element_banner.modified .body {
    background-color: #EEF2FB;
    border-left: 2px solid #84A6DD;
    color: #5177A2;
}

.oMM_element_banner.modified .icon{
    background-image: url(../img/oMM_icon_modified_blue_20x20.png);
}

.oMM_element_banner.warning .body {
    background-color: #FDF8EE;
    border-left: 2px solid #F2CFA4;
    border-bottom: 1px solid #FAEDD3;
    color: #B87212;
}

.oMM_element_banner.warning .body a,
.oMM_element_banner.warning .body b {
    color: #B87212;
}

.oMM_element_banner.warning .icon {
    background-image: url(../img/oMM_icon_warning_circle_tab_20x20.png);
}

.oMM_element_banner.warning .title {
    color: #AE6B11;
}

.oMM_element_banner.setting .body {
    background: #FFF;
    border-bottom: 1px solid #EBEBEB;
    border-left: 2px solid #CACACA;
}

.oMM_element_banner.setting .icon {
    background-image: url(../img/oMM_icon_setting_18x18.png);
}

.oMM_element_panel {
    margin-top: 3px;
}

.oMM_element_panel .head {
    display: inline-table;
    width: 100%;
    text-align: left;
    height: 30px;
}

.oMM_element_panel .head .title {
    display: table-cell;
    padding: 15px 5px 10px 23px;
    font-size: 13px;
    font-weight: bold;
    color: #B0B0B0;
    vertical-align: middle;
    margin-top: 3px;
}

.oMM_element_panel .head .action {
    display: table-cell;
}

.oMM_element_panel .body {
    background: #FFF;
    border-bottom: 1px solid #EBEBEB;
    box-sizing: border-box;
    padding: 0 13px;
}

.oMM_element_panel .form td {
    height: 30px;
    padding: 5px;
    word-break: break-all;
    border-bottom: 1px solid #F2F2F2;
}

.oMM_element_panel .form td.break {
    width: 10px;
    border-bottom: 1px solid transparent;
    display: none;
}

.oMM_element_panel .form tr:last-child td {
    border-bottom: 0;
}

.oMM_element_panel .form .label {
    white-space: nowrap;
    font-size: 12px;
    vertical-align: middle;
    color: #999;
    padding: 0 17px 0 7px;
}

.oMM_element_panel .form .selected .label {
    color: #FFF;
}

.oMM_element_panel .form .view {
    font-size: 12px;
    vertical-align: middle;
    color: #555;
}

.oMM_element_panel .form .selected .view {
    color: #FFF;
}

.oMM_element_panel .form .action {
    vertical-align: middle;
}

.oMM_element_panel .oMM_element.table {

}

.oMM_element_panel .oMM_element.table .table_header {
    background-color: #FFF;
    border-bottom: 1px solid #EBEBEB;
    width: 100% !important;
    height: 36px;
    display: table;
}

.oMM_element_panel .oMM_element.table .table_header .column {
    color: #999;
    line-height: 36px;
    display: table-cell;
}

.oMM_element_panel .oMM_element.table .table_content tr:nth-child(2n) {
    background-color: transparent;
}

.oMM_element_panel .oMM_element.table .table_content tr {
    border-bottom: 1px dotted #EBEBEB;
    background-color: transparent;
    transition: background-color linear .2s;
}

.oMM_element_panel .oMM_element.table .table_content tr:hover {
    background-color: transparent;
}

.oMM_element_panel .oMM_element.table .table_content td {
    min-height: 30px;
    position: relative;
}

.oMM_element_panel .oMM_element.table .table_content tr:last-child {
    border-bottom: 0;
}

.oMM_element_panel.selectable .body {
    padding: 0;
}

.oMM_element_panel.selectable .form {
   border-collapse: collapse;
}

.oMM_element_panel.selectable .row {
    cursor: pointer;
    transition: background-color linear .2s;
}

.oMM_element_panel.selectable .row:hover {
    background-color: #F4F4F4;
}

.oMM_element_panel.selectable .row.selected {
    background-color: #7CA2CC;
}

.oMM_element_panel.selectable .row.selected:hover {
    background-color: #7CA2CC;
}

.oMM_element_auto_refresh_button {
    position: absolute;
    cursor: pointer;
}

.oMM_element_auto_refresh_button.refreshing {
    cursor: default;
}

.oMM_element_auto_refresh_button .cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.oMM_element_auto_refresh_button .cell .icon {
    height: 20px;
    width: 20px;
    position: relative;
    left: 50%;
    transform: translatex(-50%);
}

.oMM_element_auto_refresh_button .cell .icon > canvas[name="auto_refresh"] {
    position: absolute;
    top: 4px;
    left: 4px;
    transition: opacity linear .2s;
}

.oMM_element_auto_refresh_button .cell .icon > .img_waiting {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 16px;
    opacity: 0;
    transition: opacity linear .2s;
}

.oMM_element_auto_refresh_button .cell .icon > .button_refresh {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background: url(../img/refresh.png) center no-repeat;
    opacity: 0;
    transition: opacity linear .2s;
}

.oMM_element_splitpanel {
    display: table;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.oMM_element_splitpanel > .left {
    display: table-cell;
    position: relative;
    width: 50%;
    overflow: auto;
    background: transparent;
}

.oMM_element_splitpanel > .right {
    display: table-cell;
    position: relative;
    width: 50%;
    overflow: auto;
    background: transparent;
}

.oMM_element_splitpanel > .left > div:not(.oMM_element_float_button),
.oMM_element_splitpanel > .right > div:not(.oMM_element_float_button) {
    position: absolute;
    top: 0;
    left: 0;
    text-align: left;
}

.oMM_element_splitpanel > .seperator {
    width: 1px;
    height: 100%;
    background-color: #DDD;
}

.oMM_element_splitpanel > .split_bar {
    position: absolute;
    left: 0;
    right: 0;
    width: 5px;
    height: 100%;
    background-color: transparent;
    cursor: col-resize;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    transition: background-color linear .2s, border linear .2s, box-shadow linear .2s;
}

.oMM_element_splitpanel > .split_bar:hover {
    background-color: #DFEEF9;
    border-left: 1px solid #B0D3F5;
    border-right: 1px solid #B0D3F5;
}

.oMM_element_splitpanel > .split_bar_bg {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.oMM_element_drag_item {
    position: absolute;
    left: 0;
    right: 0;
    font-family: Helvetica,Verdana,Tahoma,Arial,sans-serif;
    z-index: 100000;
}

.oMM_element_drag_item .icon {
    position: absolute;
    width: 45px;
    height: 45px;
    background-image: url(../img/oMM_icon_file_drag.png);
    background-position: center;
    background-repeat: no-repeat;
    animation: show_flick 0.3s linear;
}

.oMM_element_drag_item .label {
    position: absolute;
    top: 25px;
    left: 50px;
    font-size: 13px;
    color: #333;
    text-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.oMM_element_drag_item .size {
    position: absolute;
    width: 18px;
    height: 18px;
    top: -5px;
    left: 30px;
    background-color: #26C9FF;
    border-radius: 18px;
    text-align: center;
    color: #FFF;
    font-size: 13px;
    line-height: 18px;
    padding: 2px 2px 0 0;
}

.oMM_element_dropzone {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(245, 245, 245, 0.8);
    border: 2px solid transparent;
    text-align: center;
    box-sizing: border-box;
    transition: all .2s;
}

.oMM_element_dropzone:hover {
    border: 2px dashed #26C9FF;
    background-color: rgba(231, 245, 250, 0.8);
}

.oMM_element_dropzone .bg {
    position: absolute;
    top: calc(50% - 30px);
    width: 100%;
    text-align: center;
}

.oMM_element_dropzone .icon {
    display: inline-block;
    width: 70px;
    height: 70px;
    background-image: url(../img/oMM_icon_dropzone.png);
    background-position: center;
    background-repeat: no-repeat;
    transition: all .3s;
    transform: scale(1, 1);
}

.oMM_element_dropzone:hover .icon {
    transform: scale(1, 1);
}

.oMM_element_dropzone .label {
    display: block;
    font-size: 13px;
    padding-top: 10px;
}

.oMM_element_sortable_list {
    width: 100%;
    transition: .2s;
}

.oMM_element_sortable_list ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.oMM_element_sortable_list * {
    transition: .2s;
    user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.oMM_element_sortable_list .item {
    position: inherit;
    display: table;
    width: 100%;
    background-color: #FFF;
    min-height: 36px;
}

.oMM_element_sortable_list:not(.disabled) .item:hover {
    background-color: #FBFBFB;
}

.oMM_element_sortable_list .item.checked {
    background-color: #E8F6FA;
}

.oMM_element_sortable_list .item.checked:hover {
    background-color: #DFF3F9;
}

.oMM_element_sortable_list .item .checkbox {
    display: table-cell;
    width: 30px;
    height: 24px;
    background: url(../img/oMM_icon_tree_row_checkbox.png) center no-repeat;
}

.oMM_element_sortable_list .item.checked .checkbox {
    background: url(../img/oMM_icon_tree_row_checkbox_checked.png) center no-repeat;
}

.oMM_element_sortable_list .item .draggable {
    display: table-cell;
    width: 20px;
    height: 10px;
    background: url(../img/oMM_icon_list_item_draggable.png) center no-repeat;
}

.oMM_element_sortable_list .item .content {
    color: #444;
    font-size: 12px;
    text-align: left;
    display: table-cell;
    padding: 10px;
    width: auto;
    height: 36px;
    vertical-align: middle;
    border-bottom: 1px solid #F8F8F8;
}

.oMM_element_sortable_list .item .prefix {
    display: table-cell;
    vertical-align: middle;
    height: 36px;
    width: 50px;
}

.oMM_element_sortable_list .item .suffix {
    display: table-cell;
    vertical-align: middle;
    height: 36px;
}

.oMM_element_float_button {
    width: 44px;
    height: 44px;
    border-radius: 22px;
    background-color: #FFF;
    box-shadow: 0 3px 5px rgba(0,0,0,0.05);
    display: inline-block;
    position: absolute;
    transition: all .3s;
    opacity: 1;
    cursor: pointer;
    animation: show_flick 0.3s linear;
}

.oMM_element_float_button.plus {
    background: url(../img/oMM_bg_plus_blue_16x16.png) center no-repeat;
    background-color: #BFEFFF;
}

.oMM_element_float_button.plus:hover {
    background-color: #A2E8FF;
}

.oMM_element_float_button.arrow_right {
    background: url(../img/oMM_bg_arrow_right_blue.png) center no-repeat;
    background-color: #BFEFFF;
}

.oMM_element_float_button.arrow_right:hover {
    background-color: #A2E8FF;
}

.oMM_element_float_button.delete {
    background: url(../img/oMM_icon_x_red_16x16.png) center no-repeat;
    background-color: #FFD9D5;
}

.oMM_element_float_button.delete:hover {
    background-color: #FFC5BF;
}

.oMM_element_float_button.edit {
    background: url(../img/oMM_bg_edit_blue_16x16.png) center no-repeat;
    background-color: #FFF;
}

.oMM_element_float_button.edit:hover {
    background-color: #F8F8F8;
}

.oMM_image_thumbnail {
    position: relative;
    width: 50px;
    height: 30px;
    cursor: pointer;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    border-radius: 2px;
    transition: border linear .2s, box-shadow linear .2s;
    padding: 3px;
    margin: 5px;
}

.oMM_image_thumbnail_indicator {
    position: absolute;
    background: url(../img/oMM_ic_thumbnail_indicator.png) center no-repeat;
    height: 18px;
    width: 18px;
    top: 0;
    right: 0;
    opacity: 0;
    transition: opacity linear .3s;
}

.oMM_image_thumbnail:hover {
    border: 1px solid #D6D6D6;
    box-shadow: 0 1px 6px rgba(0,0,0,0.10);
}

.oMM_image_thumbnail:hover .oMM_image_thumbnail_indicator {
    opacity: 1;
}

.oMM_message {
    width: auto;
    padding: 8px 10px;
    border-radius: 4px;
    margin: 5px 10px;
    font-size: 12px;
    text-align: center;
}

.oMM_message.normal {
    background-color: #d9edf7;
    border: 1px solid #bce8f1;
    color: #587AA0;
}

.oMM_message.error {
    background-color: #FBF2E6;
    border: 1px solid #F5E0C5;
    color: #C96B0D;
}

.oMM_dialog {
    font-family: Helvetica,Verdana,Tahoma,Arial,sans-serif;
    color: #333;
    background: #FFF;
    box-shadow: 0 5px 10px rgba(0,0,0,0.12);
    display: inline-block;
    position: fixed;
    border: 1px solid rgba(0,0,0,0.3);
    border-radius: 5px;
    overflow: hidden;
    z-index: 1000;
}

.oMM_dialog button {
    min-height: 22px;
}

.oMM_dialog_backdrop {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2);
    z-index: 1000;
}

.oMM_dialog .header {
    position: absolute;
    top: 0;
    width: 100%;
    height: 40px;
    background-color: rgba(55,55,55,0.05);
}

.oMM_dialog .header .title {
    position: absolute;
    line-height: 40px;
    left: 10px;
    font-size: 12px;
    color: #666;
}

.oMM_dialog .header .header_menu {
    position: absolute;
    right: 40px;
    top: 5px;
    height: 30px;
    min-width: 30px;
}

.oMM_dialog .header .button,
.oMM_dialog .header .oMM_element_auto_refresh_button {
    min-width: 30px;
    height: 30px;
    cursor: pointer;
    display: table !important;
    background-color: transparent !important;
    filter: none !important;
    background-image: none !important;
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color linear .2s;
    border: 0 !important;
    padding: 0 !important;
    border-radius: 3px !important;
}

.oMM_dialog .header .button.disabled {
    opacity: 0.5;
    cursor: default;
}

.oMM_dialog .header .oMM_element_auto_refresh_button.refreshing {
    cursor: default;
}

.oMM_dialog .header .button:not(.disabled):hover,
.oMM_dialog .header .oMM_element_auto_refresh_button:not(.refreshing):hover {
    background-color: rgba(255,255,255,0.8) !important;
}

.oMM_dialog .header .button:active {
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.oMM_dialog .header .button.close {
    position: absolute;
    top: 5px;
    right: 5px;
    background-image: url(../img/oMM_popup_close.png) !important;
}

.oMM_dialog .header .button .label {
    color: #969696;
    padding-right: 5px;
}

.oMM_dialog .view {
    width: 100%;
    height: 100%;
}

.oMM_dialog .footer_submit {
    position: absolute;
    bottom: 0;
    background: #F8F8F8;
    border-top: 1px solid #F8F8F8;
    padding: 10px 0;
    width: 100%;
    display: table;
    text-align: right;
}

.oMM_dialog .footer_submit .panel {
    display: table;
    width: 100%;
    vertical-align: middle;
    text-align: right;
}

.oMM_dialog .footer_submit .panel .buttons {
    display: table-cell;
    min-width: 140px;
    vertical-align: bottom;
    padding-bottom: 2px;
}

.oMM_dialog .footer_submit .panel button {
    margin-right: 10px;
    min-width: 50px;
}

.oMM_dialog .footer_submit .panel button .icon {
    transition: opacity linear .2s;
    opacity: 1;
}

.oMM_dialog .footer_submit .panel button:disabled .icon {
    opacity: 0.5;
}

.oMM_dialog .footer_submit .panel button.back > * {
    float: left;
}

.oMM_dialog .footer_submit .panel button.back .icon {
    width: 7px;
    height: 20px;
    display: inline-block;
    background: url(../img/oMM_bg_wizard_arrow_back_dark.png) center no-repeat;
}

.oMM_dialog .footer_submit .panel button.back .label {
    padding-left: 7px;
    display: inline-block;
}

.oMM_dialog .footer_submit .panel button.next > * {
    float: right;
}

.oMM_dialog .footer_submit .panel button.next .icon {
    width: 7px;
    height: 20px;
    display: inline-block;
    background: url(../img/oMM_bg_wizard_arrow_dark.png) center no-repeat;
}

.oMM_dialog .footer_submit .panel button.next .label {
    padding-right: 7px;
    display: inline-block;
}

.oMM_dialog .footer_submit .panel .oMM_deploy {
    display: table-cell;
    width: inherit;
    padding-left: 10px;
    text-align: left;
}

.oMM_dialog .footer_submit .panel .oMM_deploy .control {
    height: 30px;
    display: table;
    padding-left: 2px;
}

.oMM_dialog .footer_submit .panel .oMM_deploy .control > div {
    display: table-cell;
    vertical-align: middle;
}

.oMM_dialog .footer_submit .panel .oMM_deploy .comment {
    display: none;
    width: 100%;
    margin: 3px 0 1px 0;
}

.oMM_dialog .footer_submit .panel .oMM_deploy .comment > div {
    display: table-cell;
}

.oMM_dialog .footer_submit .panel .oMM_deploy .comment .label {
    width: 70px;
    padding-left: 5px;
}

.oMM_dialog .footer_submit .panel .oMM_deploy .comment input[type="text"] {
    width: calc(100% - 10px);
    *width: 100%;
}

.oMM_dialog .footer_submit .panel .oMM_deploy input[type="checkbox"] {
    display: inline-block;
    margin-right: 8px;
}

.oMM_dialog .footer_submit .panel .oMM_deploy .label {
    display: inline-block;
    font-size: 12px;
    color: #666;
}

.oMM_file_upload .header {
    position: relative !important;
    height: 36px !important;
    background-color: #FFF !important;
    border-bottom: #EEEEEE;
}

.oMM_file_upload .header .header_menu {
    right: 10px !important;
}

.oMM_dialog .oMM_file_upload .header .header_menu .button:hover {
    background-color: #F8F8F8 !important;
}

.oMM_dialog[name="delete_config"] .box_layout,
.oMM_dialog[name="import"] .view .box_layout,
.oMM_dialog[name="upload"] .view .box_layout,
.oMM_file_upload .view .box_layout {
    width: 100%;
    height: 100%;
    display: table;
}

.oMM_dialog[name="import"] .view .box_layout .top,
.oMM_dialog[name="upload"] .view .box_layout .top,
.oMM_dialog[name="delete_config"] .box_layout .top,
.oMM_file_upload .view .box_layout .top {
    height: 40px;
    display: table-row;
}

.oMM_dialog[name="import"] .view .box_layout .center,
.oMM_dialog[name="upload"] .view .box_layout .center,
.oMM_file_upload .view .box_layout .center {
    display: table-cell;
    vertical-align: middle;
}

.oMM_dialog[name="import"] .view .box_layout .bottom,
.oMM_dialog[name="upload"] .view .box_layout .bottom,
.oMM_file_upload .view .box_layout .bottom {
    height: 40px;
    display: table-row;
}

.oMM_dialog[name="upload"] .view .box_layout .bottom,
.oMM_file_upload .view .box_layout .bottom {
    height: 46px;
}

.oMM_dialog[name="import"] .toolbar.deploy {
    position: absolute;
    bottom: 0;
    width: 100%;
    min-height: 40px;
    background-color: #F8F8F8;
    display: table;
}

.oMM_dialog[name="import"] .toolbar.deploy .btn_row {
    display: table-cell;
    padding: 10px;
    vertical-align: bottom;
    text-align:right;
    width: 20%;
}

.oMM_dialog[name="import"] .toolbar.deploy .btn_row .button.import {
    min-width: 70px;
}

.oMM_dialog[name="import"] .content,
.oMM_dialog[name="upload"] .content,
.oMM_dialog[name="check_config"] .box_layout .center,
.oMM_dialog[name="check_config"] .box_layout .bottom,
.oMM_dialog[name="delete_config"] .box_layout .center,
.oMM_dialog[name="delete_config"] .box_layout .bottom,
.oMM_dialog[name="save_config"] .box_layout .center,
.oMM_dialog[name="save_config"] .box_layout .bottom,
.oMM_dialog[name="deploy_state"] .box_layout .center,
.oMM_dialog[name="deploy_state"] .box_layout .bottom,
.oMM_dialog[name="node_edit"] .box_layout .center,
.oMM_dialog[name="node_edit"] .box_layout .bottom {
    background-color: #F8F8F8;
}

.oMM_dialog[name="import"] .content .page,
.oMM_dialog[name="upload"] .content .page {
    position: relative;
    width: 100%;
    height: 100%;
}

.oMM_dialog .view.waiting {
    width: 100%;
    height: 100%;
}

.oMM_dialog .view.box_layout.ok,
.oMM_dialog .view.box_layout.info,
.oMM_dialog .view.box_layout.loading,
.oMM_dialog .view.box_layout.warning,
.oMM_dialog .view.box_layout.error,
.oMM_dialog .view.box_layout.question {
    width: 100%;
    height: 100%;
    display: table;
}

.oMM_dialog .view.box_layout.ok .center,
.oMM_dialog .view.box_layout.info .center,
.oMM_dialog .view.box_layout.loading .center,
.oMM_dialog .view.box_layout.error .center,
.oMM_dialog .view.box_layout.warning .center,
.oMM_dialog .view.box_layout.question .center {
    display: table-cell;
    vertical-align: middle;
}

.oMM_dialog .view.box_layout.ok .top,
.oMM_dialog .view.box_layout.info .top,
.oMM_dialog .view.box_layout.loading .top,
.oMM_dialog .view.box_layout.error .top,
.oMM_dialog .view.box_layout.warning .top,
.oMM_dialog .view.box_layout.question .top,
.oMM_dialog .view.box_layout.ok .bottom,
.oMM_dialog .view.box_layout.info .bottom,
.oMM_dialog .view.box_layout.loading .bottom,
.oMM_dialog .view.box_layout.error .bottom,
.oMM_dialog .view.box_layout.warning .bottom,
.oMM_dialog .view.box_layout.question .bottom {
    display: table-row;
    height: 40px;
}

.oMM_dialog .view.box_layout.ok .center .message > div,
.oMM_dialog .view.box_layout.info .center .message > div,
.oMM_dialog .view.box_layout.loading .center .message > div,
.oMM_dialog .view.box_layout.error .center .message > div,
.oMM_dialog .view.box_layout.warning .center .message > div,
.oMM_dialog .view.box_layout.question .center .message > div {
    display: inline-table;
}

.oMM_dialog .view.box_layout.ok .center .message,
.oMM_dialog .view.box_layout.info .center .message,
.oMM_dialog .view.box_layout.loading .center .message,
.oMM_dialog .view.box_layout.error .center .message,
.oMM_dialog .view.box_layout.warning .center .message,
.oMM_dialog .view.box_layout.question .center .message,
.oMM_dialog[name="import"] .content .page.waiting {
    text-align: center;
    width: 100%;
    height: auto;
}

.oMM_dialog .view.box_layout.ok .center .message .icon,
.oMM_dialog .view.box_layout.info .center .message .icon,
.oMM_dialog .view.box_layout.loading .center .message .icon,
.oMM_dialog .view.box_layout.error .center .message .icon,
.oMM_dialog .view.box_layout.warning .center .message .icon,
.oMM_dialog .view.box_layout.question .center .message .icon,
.oMM_dialog[name="import"] .content .page.waiting .img_waiting {
    vertical-align: top;
    margin-left: 10px;
}

.oMM_dialog .view.box_layout.ok .center .message .label,
.oMM_dialog .view.box_layout.info .center .message .label,
.oMM_dialog .view.box_layout.loading .center .message .label,
.oMM_dialog .view.box_layout.error .center .message .label,
.oMM_dialog .view.box_layout.warning .center .message .label,
.oMM_dialog .view.box_layout.question .center .message .label,
.oMM_dialog[name="import"] .content .page.waiting .label {
    display: inline-block;
    font-size: 13px;
    line-height: 20px;
    padding: 0 10px;
    color: #666;
    text-align: left;
}

.oMM_dialog .view.box_layout.ok .center .message > div .icon,
.oMM_dialog .view.box_layout.info .center .message > div .icon,
.oMM_dialog .view.box_layout.loading .center .message > div .icon,
.oMM_dialog .view.box_layout.error .center .message > div .icon,
.oMM_dialog .view.box_layout.error .center .question > div .icon,
.oMM_dialog .view.box_layout.warning .center .message > div .icon,
.oMM_dialog .view.box_layout.warning .center .question > div .icon,
.oMM_dialog .view.box_layout.ok .center .message > div .label,
.oMM_dialog .view.box_layout.info .center .message > div .label,
.oMM_dialog .view.box_layout.loading .center .message > div .label,
.oMM_dialog .view.box_layout.error .center .message > div .label,
.oMM_dialog .view.box_layout.warning .center .message > div .label,
.oMM_dialog .view.box_layout.question .center .message > div .label {
    display: table-cell;
    vertical-align: top;
}

.oMM_dialog .view.box_layout.info .center,
.oMM_dialog .view.box_layout.info .bottom,
.oMM_dialog .view.box_layout.loading .center,
.oMM_dialog .view.box_layout.loading .bottom,
.oMM_dialog .view.box_layout.question .center,
.oMM_dialog .view.box_layout.question .bottom {
    background: #F8F8F8;
}

.oMM_dialog[name="import"] .content .page.attach_file.box_layout,
.oMM_dialog[name="upload"] .content .page.attach_file.box_layout,
.oMM_file_upload .content .page.attach_file.box_layout {
    width: 100%;
    height: 100%;
    display: table;
}

.oMM_dialog[name="import"] .content .page.attach_file.box_layout .center,
.oMM_dialog[name="upload"] .content .page.attach_file.box_layout .center,
.oMM_file_upload .content .page.attach_file.box_layout .center {
    display: table-cell;
    width: auto;
    vertical-align: middle;
    text-align: center;
}

.oMM_dialog[name="import"] .content .page.attach_file .button.select_file,
.oMM_dialog[name="upload"] .content .page.attach_file .button.select_file,
.oMM_dialog[name="import"] .content .page.attach_file .button.select_file:active,
.oMM_dialog[name="upload"] .content .page.attach_file .button.select_file:active,
.oMM_file_upload .content .page.attach_file .button.select_file,
.oMM_file_upload .content .page.attach_file .button.select_file:active {
    height: 40px;
    line-height: 40px;
    color: #797979 !important;
    font-size: 13px;
    background: url(../img/oMM_bg_icon_attach_file.png) left no-repeat !important;
    background-color: transparent !important;
    filter: none !important;
    padding: 0 8px 0 40px !important;
    cursor: pointer;
    display: inline-block;
    transition: background-color linear .2s;
    border: 0 !important;
    border-radius: 5px;
}

.oMM_dialog[name="import"] .content .page.attach_file .button.select_file:hover,
.oMM_dialog[name="upload"] .content .page.attach_file .button.select_file:hover,
.oMM_file_upload .content .page.attach_file .button.select_file:hover {
    background-color: #FFF !important;
}

.oMM_dialog[name="import"] .content .page .file.box_layout,
.oMM_dialog[name="upload"] .content .page .file.box_layout,
.oMM_file_upload .file_list .file.box_layout {
    width: 100%;
    height: 50px;
    display: table;
    transition: background-color linear .2s;
    background-color: #FBFBFB;
}

.oMM_dialog[name="upload"] .content .page .file.box_layout,
.oMM_file_upload .file_list .file.box_layout {
    border-bottom: 1px solid #EEE;
}

.oMM_dialog[name="import"] .content .page .file.box_layout .left,
.oMM_dialog[name="upload"] .content .page .file.box_layout .left,
.oMM_file_upload .file_list .file.box_layout .left {
    width: 40px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.oMM_dialog[name="import"] .content .page .file.box_layout .center,
.oMM_dialog[name="upload"] .content .page .file.box_layout .center,
.oMM_file_upload .file_list .file.box_layout .center {
    display: table-cell !important;
    vertical-align: middle;
}

.oMM_dialog[name="import"] .content .page .file.box_layout .right,
.oMM_dialog[name="upload"] .content .page .file.box_layout .right,
.oMM_file_upload .file_list .file.box_layout .right {
    width: 80px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.oMM_dialog[name="import"] .content .page .file:hover,
.oMM_dialog[name="upload"] .content .page .file:hover {
    /* background-color: #F1F3F5; */
}

.oMM_dialog[name="import"] .content .page .file .icon,
.oMM_dialog[name="upload"] .content .page .file .icon,
.oMM_file_upload .file_list .file .icon {
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
}

.oMM_dialog[name="import"] .content .page .file .label,
.oMM_dialog[name="upload"] .content .page .file .label,
.oMM_dialog[name="upload"] .content .page .file .message,
.oMM_file_upload .file_list .file .label,
.oMM_file_upload .file_list .file .message {
    font-size: 13px;
    color: #666;
    display: block;
    word-break: break-word;
    text-align: left;
}

.oMM_dialog[name="upload"] .content .page .file .message,
.oMM_file_upload .file_list .file .message {
    margin-top: 6px;
}

.oMM_dialog[name="upload"] .content .page .file .file_status_label .label,
.oMM_file_upload .file_list .file .file_status_label .label {
    word-break: initial;
}

.oMM_dialog[name="import"] .content .page .file .button.remove,
.oMM_dialog[name="upload"] .content .page .file .button.remove,
.oMM_file_upload .file_list .file .button.remove {
    display: inline-block;
    min-height: 22px !important;
    line-height: 22px;
    font-size: 11px !important;
    padding: 0 5px !important;
    color: #FFF !important;
    border: none !important;
    background-color: #EE8D80 !important;
    background: #EE8D80 !important;
    filter: none !important;
}

.oMM_dialog[name="upload"] .content .page .file .button_file_remove,
.oMM_file_upload .file_list .file .button_file_remove {
    display: inline-block;
    min-height: 22px !important;
    padding: 0 !important;
    width: 22px !important;
    border: none !important;
    background-color: #FDECE6 !important;
    background-image: url(../img/oMM_icon_delete_16x16.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    filter: none !important;
    border-radius: 11px !important;
    float: right;
    margin-right: 10px;
    opacity: 1;
    cursor: pointer;
    transition: background-color linear .2s;
}

.oMM_dialog[name="upload"] .content .page .file .button_file_remove:hover,
.oMM_file_upload .file_list .file .button_file_remove:hover {
    background-color: #FDDDD7 !important;
    background-position: center;
    background-repeat: no-repeat;
}

.oMM_dialog[name="import"] .content .page .file .button.remove:hover,
.oMM_dialog[name="upload"] .content .page .file .button.remove:hover,
.oMM_file_upload .file_list .file .button.remove:hover {
    background-color: #F1A498 !important;
}

.oMM_dialog[name="import"] .content .page .message,
.oMM_file_upload .content .page .message {
    width: 100%;
    height: auto;
    overflow-y: auto;
}

.oMM_dialog[name="import"] .content .page .message .body,
.oMM_file_upload .content .page .message .body {
    font-size: 12px;
    line-height: 17px;
    padding: 10px 15px;
}

.oMM_dialog[name="import"] .content .page.file_ok .file .icon,
.oMM_dialog[name="upload"] .content .page .file.file_ok .icon,
.oMM_dialog[name="upload"] .content .page .file.file_validing .icon,
.oMM_dialog[name="upload"] .content .page .file.file_transfering .icon,
.oMM_dialog[name="upload"] .content .page .file.file_scanning .icon,
.oMM_dialog[name="upload"] .content .page .file.file_done .icon,
.oMM_file_upload .content .page.file_ok .file .icon,
.oMM_file_upload .file_list .file.file_ok .icon,
.oMM_file_upload .file_list .file.file_validing .icon,
.oMM_file_upload .file_list.file.file_transfering .icon,
.oMM_file_upload .file_list .file.file_scanning .icon,
.oMM_file_upload .file_list .file.file_done .icon {
    background-image: url(../img/oMM_icon_file.png);
}

.oMM_dialog[name="upload"] .content .page .file.file_done .icon,
.oMM_file_upload .file_list .file.file_done .icon {
    background-image: url(../img/oMM_icon_file_good.png);
}

.oMM_dialog[name="upload"] .content .page .file.file_validing,
.oMM_file_upload .file_list .file.file_validing {
    background-color: transparent;
}

.oMM_dialog[name="upload"] .content .page .file.file_validing .img_waiting,
.oMM_file_upload .file_list .file.file_validing .img_waiting {
    width: 17px;
    height: 17px;
    float: right;
    margin-right: 12px;
}

.oMM_dialog[name="upload"] .content .page .file.file_error,
.oMM_file_upload .file_list .file.file_error {
    background-color: #FDF8F2;
    border-bottom: 1px solid #FBF2E6;
}

.oMM_dialog[name="import"] .content .page.file_error .file,
.oMM_dialog[name="upload"] .content .page.file_error .file,
.oMM_file_upload .content .page.file_error .file {
    background-color: #FDF8F2;
}

.oMM_dialog[name="import"] .content .page.file_error .file .icon,
.oMM_dialog[name="upload"] .content .page .file.file_error .icon,
.oMM_file_upload .file_list .file.file_error .icon {
    background-image: url(../img/oMM_icon_file_warning.png);
}

.oMM_dialog .view.box_layout.error .center .message .label,
.oMM_dialog .view.box_layout.warning .center .message .label,
.oMM_dialog[name="import"] .content .page.file_error .file .label,
.oMM_dialog[name="upload"] .content .page.file_error .file .label,
.oMM_dialog[name="upload"] .content .page .file.file_error .label,
.oMM_dialog[name="upload"] .content .page .file.file_error .message,
.oMM_dialog[name="upload"] .content .page .file.file_error .message b,
.oMM_file_upload .file_list .file.file_error .label,
.oMM_file_upload .file_list .file.file_error .message,
.oMM_file_upload .file_list .file.file_error .message b {
    color: #C96B0E;
}

.oMM_dialog .view.box_layout.error .center,
.oMM_dialog .view.box_layout.error .bottom,
.oMM_dialog .view.box_layout.warning .center,
.oMM_dialog .view.box_layout.warning .bottom,
.oMM_dialog[name="import"] .content .page.file_error .message,
.oMM_dialog[name="import"] .content .page .message.warning {
    background-color: #FBF2E6;
    color: #C96B0E;
}

.progress_bar_strip,
.oMM_dialog[name="upload"] .content .page .file .file_progress_bar,
.oMM_dialog[name="upload"] .content .page .file .file_progress_bar_strip,
.oMM_file_upload .file_list .file .file_progress_bar,
.oMM_file_upload .file_list .file .file_progress_bar_strip {
    display: block;
    margin-top: 5px;
    height: 5px;
    background: #D5EAFF;
}

.progress_bar_strip,
.oMM_dialog[name="upload"] .content .page .file .file_progress_bar_strip,
.oMM_file_upload .file_list .file .file_progress_bar_strip {
    position: relative;
}

.progress_bar_strip > span,
.oMM_dialog[name="upload"] .content .page .file .file_progress,
.oMM_dialog[name="upload"] .content .page .file .file_progress_bar_strip > span,
.oMM_file_upload .file_list .file .file_progress,
.oMM_file_upload .file_list .file .file_progress_bar_strip > span {
    display: inline-block;
    height: 5px;
    background: #5EAEFF;
    width: 0;
}

.progress_bar_strip > span:after,
.oMM_dialog[name="upload"] .content .page .file .file_progress_bar_strip > span:after,
.oMM_file_upload .file_list .file .file_progress_bar_strip > span:after {
    content: "";
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background-image: linear-gradient(
        -45deg,
        rgba(255, 255, 255, .7) 25%,
        transparent 25%,
        transparent 50%,
        rgba(255, 255, 255, .7) 50%,
        rgba(255, 255, 255, .7) 75%,
        transparent 75%,
        transparent
        );
    z-index: 1;
    background-size: 25px 25px;
    animation: move 2s linear infinite;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden;
}

.progress_bar_strip > span:after,
.progress_bar_strip.animate > span > span,
.oMM_dialog[name="upload"] .content .page .file .file_progress_bar_strip > span:after,
.oMM_dialog[name="upload"] .content .page .file .file_progress_bar_strip.animate > span > span,
.oMM_file_upload .file_list .file .file_progress_bar_strip > span:after,
.oMM_file_upload .file_list .page .file .file_progress_bar_strip.animate > span > span {
    animation: move 2s linear infinite;
}

.oMM_dialog[name="upload"] .content .page .file .file_progress_label,
.oMM_file_upload .file_list .file .file_progress_label {
    font-size: 16px;
    color: #666;
}

.oMM_dialog[name="upload"] .content .page .file .file_status_label,
.oMM_file_upload .file_list .file .file_status_label {
    display: inline-block;
    border-radius: 3px;
    padding: 3px 5px;
    margin-right: 10px;
}

.oMM_dialog[name="upload"] .content .page .file .file_status_label .label,
.oMM_file_upload .file_list .file .file_status_label .label {
    font-size: 12px;
}

.oMM_dialog[name="upload"] .content .page .file.file_done .file_status_label,
.oMM_file_upload .file_list .file.file_done .file_status_label {
    background-color: #ECF5FF;
}

.oMM_dialog[name="upload"] .content .page .file.file_done .file_status_label .label,
.oMM_file_upload .file_list .file.file_done .file_status_label .label {
    color: #006FDD;
}

.oMM_dialog[name="upload"] .content .page .file.file_error .file_status_label,
.oMM_file_upload .file_list .file.file_error .file_status_label {
    background-color: #FCF3F3;
}

.oMM_dialog[name="upload"] .content .page .file.file_error .file_status_label .label,
.oMM_file_upload .file_list .file.file_error .file_status_label .label {
    color: #FE0000;
}

.oMM_dialog[name="upload"] .file_list,
.oMM_file_upload .file_list {
    overflow-x: hidden;
    overflow-y: auto;
}

.oMM_dialog[name="delete_config"] .box_layout .center {
    display: table-row;
}

.oMM_dialog[name="delete_config"] .oMM_message {
    margin-top: 10px;
}

.oMM_dialog[type="wizard"] > .header {
    background-color: #F5F5F5;
}

.oMM_dialog[type="wizard"] > .box_layout {
    display: table;
    width: 100%;
    background-color: #F8F8F8;
}

.oMM_dialog[type="wizard"] > .box_layout .top {
    display: table-row;
}

.oMM_dialog[type="wizard"] > .box_layout .center {
    display: table-row;
    width: 100%;
    height: 100%;
}

.oMM_dialog[type="wizard"] > .box_layout .center [page] {
   position: absolute;
   width: 100%;
}

.oMM_dialog[type="wizard"] > .box_layout .bottom {
    display: table-row;
}

.oMM_dialog[type="wizard"] > .box_layout .center .page_footer {
    position: absolute;
    box-sizing: border-box;
    left: 0;
    bottom: 50px;
    width: 100%;
    padding: 0 10px;
}

.oMM_dialog input[type="text"]:enabled.fieldError,
.oMM_dialog input[type="password"]:enabled.fieldError {
    background-color: #FBF4E3 !important;
    border: 1px solid #EED695 !important;
}

.oMM_dialog .config_deploy_state[hasDetail="true"] {
    text-decoration: underline;
    cursor: pointer;
}

input:disabled + div .oMM_required_icon {
    display: none;
}

.oMM_element_dropdown {
    display: table-cell;
}

.oMM_element_dropdown:disabled + div .oMM_required_icon {
    display: none;
}

.oMM_element_dropdown.none_selected,
.oMM_element_dropdown option.none {
    /*
    color: #818181 !important;
    font-style: italic !important;
    */
}

.oMM_element_dropdown.none_selected option:not(.none) {
    color: initial;
    font-style: initial;
}

.oMM_element_dropdown:disabled + .oMM_required_icon {
    display: none;
}

.oMM_element_onoffswitch[type="radio_set"] {
    display: inline-table;
}

.oMM_element_onoffswitch[type="radio_set"] input {
    margin-bottom: 3px;
}

.oMM_element_onoffswitch[type="radio_set"] .label {
    display: inline-block;
}

.oMM_element_onoffswitch .control {
    border: 1px solid #EEE;
    border-bottom: 1px solid #DFDFDF;
    border-radius: 4px;
}

.oMM_element_onoffswitch .control .item {
    display: inline-block;
    cursor: pointer;
    transition: background linear .2s;
}

.oMM_element_onoffswitch .control .item:first-child {
    border-right: 1px solid #EEE;
}

.oMM_element_onoffswitch .control .item:hover {
    background: #F7F7F7;
}

.oMM_element_onoffswitch .control .item input[type="radio"] {
    cursor: pointer;
    margin-left: 8px;
}

.oMM_element_bigTable th, .oMM_element_bigTable td {
    white-space: nowrap;
    height: 28px !important;
    padding: 0 3px !important;
}

#oMM_balloon {
    font-family: Helvetica,Verdana,Tahoma,Arial,sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #5C7389;
    position: absolute;
    z-index: 100003;
}

#oMM_balloon.dark {
    color: #FFF;
}

#oMM_balloon.dark button {
    color: #EEE !important;
    font-size: 11px !important;
    padding: 0 5px;
    border: 1px solid transparent !important;
    border-radius: 2px !important;
    background-color: #797979 !important;
    background: #797979 !important;
    min-height: 22px;
    cursor: pointer;
}

#oMM_balloon.dark button:hover {
    color: #FFF !important;
    border: 1px solid transparent !important;
    background-color: #8D8D8D !important;
    background: #8D8D8D !important;
}

#oMM_balloon .body {
    position: absolute;
    background-color: #FFF;
    border: 1px solid rgba(0,0,0,0.22);
    border-radius: 5px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    overflow: hidden;
    z-index: 0;
}

#oMM_balloon.dark .body {
    background-color: #696969;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 5px 5px rgba(0,0,0,0.1);
}

#oMM_balloon .arrow {
    position: absolute;
    width: 14px;
    height: 100%;
    z-index: 1;
}

#oMM_balloon.left .body {
    left: 13px;
}

#oMM_balloon.right .body {
    right: 13px;
}

#oMM_balloon.left .arrow {
    background: url(../img/oMM_ic_balloon_arrow_left.png) right no-repeat !important;
    left: 0;
}

#oMM_balloon.left.dark .arrow {
    background: url(../img/oMM_ic_balloon_arrow_dark_left.png) right no-repeat !important;
}

#oMM_balloon.right .arrow {
    background: url(../img/oMM_ic_balloon_arrow_right.png) left no-repeat !important;
    right: 0;
}

#oMM_balloon.right.dark .arrow {
    background: url(../img/oMM_ic_balloon_arrow_dark_right.png) left no-repeat !important;
}

#oMM_balloon .header {
    position: relative;
    width: 100%;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
}

#oMM_balloon .header .title {
    line-height: 20px;
    padding: 5px 10px;
    font-size: 13px;
    color: #7B90A6;
}

#oMM_balloon .simple_message {
    margin: 10px;
    max-height: 300px;
    overflow: auto;
}

#oMM_toast {
    position: absolute;
    min-height: 50px;
    width: 100%;
    text-align: center;
    bottom: 0;
    left: 0;
    opacity: 0;
    font-family: arial, sans-serif, tahoma, Verdana;
    z-index: 1000;
}

#oMM_toast .body {
    display: inline-block;
    text-align: left;
    min-width: 300px;
    max-width: 1000px;
    padding: 0 10px 0 0;
    margin: 0 20px;
    height: 100%;
    box-shadow: 0 0 20px rgba(0,0,0,0.1);
}

#oMM_toast .body .col_left {
    display: table-cell;
    vertical-align: top;
}

#oMM_toast .body .col_left .icon {
    width: 40px;
    height: 40px;
    background-position: center;
    background-repeat: no-repeat;
}

#oMM_toast .body .content {
    display: table-cell;
    padding: 10px 0;
}

#oMM_toast .body .title {
    font-size: 15px;
    margin-bottom: 7px;
}

#oMM_toast .body .message {
    font-size: 12px;
}

#oMM_toast button.dismiss {
    position: absolute;
    top: -2px;
    right: -2px;
    min-height: 22px;
}

#oMM_toast .header {
    width: 100%;
    position: relative;
}

#oMM_toast.warning .body {
    background-color: #F7E8D2;
    border-left: 2px solid #EDCD9E;
}

#oMM_toast.warning .body .title {
    color: #BF762D;
}

#oMM_toast.warning .body .message {
    color: #C17A2B;
}

#oMM_toast.warning .body .message a {
    color: #C17A2B;
}

#oMM_toast.warning .body .icon {
    background-image: url(../img/oMM_icon_warning_circle.png);
}

#oMM_toast.info .body {
    background-color: #FFF;
    border-left: 2px solid #71AFE3;
}

#oMM_toast.info .body .title {
    color: #777;
}

#oMM_toast.info .body .message {
    color: #777;
}

#oMM_toast.info .body .message a {
    color: #777;
}

#oMM_toast.info .body .icon {
    background-image: url(../img/oMM_icon_info_circle_20x20.png);
}

.oMM_info_icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background: url(../img/oMM_icon_info.png) center no-repeat;
    cursor: default;
}

.oMM_required_icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    background-color: transparent;
    background-image: url(../img/oMM_icon_field_required.png);
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.7;
    cursor: default;
    transition: background-color linear .2s, opacity linear .2s;
    border-radius: 8px;
}
.oMM_required_icon:hover {
    opacity: 1;
    background-color: #EEEEEE;
}

.oMM_widget.checkbox {
    display: table;
    float: left;
    margin: 0 10px 0 0;
}

.oMM_widget.checkbox input[type="checkbox"] {
    vertical-align: middle;
}

.oMM_widget.checkbox .label {
    display: table-cell;
}

.oMM_widget.attachment {

}

.oMM_widget.attachment_item {
    display: inline-block;
    transition: background-color linear .2s;
    border-radius: 5px;
}

.oMM_widget.attachment_item:hover {
    background-color: #F0F0F0;
}

.oMM_widget.attachment_item:hover .action .remove {
    opacity: 1;
}

.oMM_widget.attachment_item .icon {
    width: 30px;
    height: 26px;
    background-position: center;
    background-repeat: no-repeat;
    display: table-cell;
}

.oMM_widget.attachment_item .label {
    line-height: 26px;
    font-size: 12px;
    display: table-cell;
    vertical-align: bottom;
    cursor: default;
}

.oMM_widget.attachment_item .action {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
}

.oMM_widget.attachment_item .action .remove {
    width: 18px !important;
    height: 18px !important;
    background-image: url(../img/oMM_popup_close.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 2px;
    transition: background-color linear .2s, opacity linear .2s;
    opacity: 0;
    cursor: pointer;
}

.attachment_item .action .remove:hover {
    background-color: rgba(255,255,255,0.8);
}

.oMM_widget.attachment_item.file .icon {
    background-image: url(../img/oMM_icon_file_upload.png);
}

.oMM_widget_config_state_indicator {
    display: inline-block;
    cursor: default;
    height: 18px;
    min-width: 48px;
    text-align: center;
    border-left-style: solid;
    border-left-width: 2px;
    border-right-style: solid;
    border-right-width: 2px;
    margin-left: -9px;
    transition: background-color linear .2s, border-color linear .2s, color linear .2s;
}

.oMM_widget_config_state_indicator .label {
    font-family: arial, sans-serif, tahoma, Verdana;
    line-height: 18px;
    font-size: 11px;
}

.oMM_widget_config_state_indicator.inherit {
    color: #257AC0;
    background-color: #E9F7FC;
    border-right-color: #E9F7FC;
    border-left-color: #96C5EB;
}

.oMM_widget_config_state_indicator.override {
    color: #FFF;
    background-color: #87B6E4;
    border-right-color: #87B6E4;
    border-left-color: #2D8AD7;
}

.oMM_widget_config_state_indicator.inherit_and_disabled,
.oMM_widget_config_state_indicator.override_and_disabled {
    color: #666;
    background-color: #EEEEEE;
    border-right-color: #EEEEEE;
    border-left-color: #C0C0C0;
}

form.oMM_config_state_selection {
    padding: 5px 5px 0 5px;
}

form.oMM_config_state_selection .seperator {
    height: 1px;
    background-color: #EBEBEB;
    margin: 5px;
}

form.oMM_config_state_selection .option {
    display: table;
    width: 100%;
    margin-top: 5px;
}

form.oMM_config_state_selection .option input[type="radio"] {
    display: table-cell;
    vertical-align: text-bottom;
    margin-right: 5px;
}

form.oMM_config_state_selection .option .label {
    display: table-cell;
    vertical-align: bottom;
}

.oMM_widget_analytics {
    position: relative;
    display: inline-table;
    vertical-align: top;
    height: 120px;
    min-width: 150px;
    border: 1px solid #EBEBEB;
    transition: border linear .2s;
    text-align: center;
    background-color: #FFF;
    border-radius: 3px;
    overflow: auto;
    margin: 10px 5px;
}

.oMM_widget_analytics .label {
    color: #777;
    /*-webkit-font-smoothing: subpixel-antialiased;
    -webkit-transform-style: preserve-3d;*/
    -webkit-transform: translateZ(0px);
}

.oMM_widget_analytics:hover {
    border: 1px solid #D8D8D8;
}

.oMM_widget_analytics:hover .btn_desc {
    opacity: 0.9;
    z-index: 1;
}

.oMM_widget_analytics .title {
    position: absolute;
    top: 7px;
    left: 8px;
    color: #576980;
    font-size: 12px;
}

.oMM_widget_analytics .oMM_element_auto_refresh_button {
    top: 5px;
    right: 5px;
    z-index: 1;
}

.oMM_widget_analytics .btn_desc {
    position: absolute;
    top: 0;
    right: 32px;
    width: 14px;
    height: 25px;
    background: url(../img/oMM_widget_flag_info_icon.png) no-repeat center;
    cursor: pointer;
    opacity: 0;
    transition: opacity linear .4s;
}

.oMM_widget_analytics .btn_desc:hover {
    opacity: 1;
}

.oMM_widget_analytics .divider {
    width: 1px;
    display: table-cell;
    vertical-align: middle;
}

.oMM_widget_analytics .divider > div {
    width: 1px;
    background-color: #EEE;
    height: 60%;
}

.oMM_widget_analytics .loading {
    display: table-cell;
    vertical-align: middle;
}

.oMM_widget_analytics .loading img {
    width: 22px;
    height: 22px;
    border-radius: 22px;
}

.oMM_widget_analytics_visualization {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    height: 100%;
    min-width: 130px;
    text-align: center;
}

.oMM_widget_analytics_visualization .bottom {
    position: absolute;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    vertical-align: middle;
    padding: 8px 6px;
}

.oMM_widget_analytics_visualization .bottom .label {
    font-size: 12px;
}

.oMM_widget_analytics_visualization .bg {
    display: inline-table;
    background: #F4F5F7;
    width: 46px;
    height: 46px;
    border-radius: 50px;
    transition: opacity linear .2s, background-color linear .2s, border linear .2s;
}

.oMM_widget_analytics_visualization.simpleView,
.oMM_widget_analytics_visualization.simpleMessage {
    white-space: initial;
}

.oMM_widget_analytics_visualization.simpleView .bg,
.oMM_widget_analytics_visualization.simpleMessage .bg {
    width: 100%;
    height: 70%;
    border-radius: 0;
    display: block;
    position: absolute;
    bottom: 0;
}

.oMM_widget_analytics_visualization.simpleView .bg .body,
.oMM_widget_analytics_visualization.simpleMessage .bg .body {
    display: table;
    margin-top: 15px;
}

.oMM_widget_analytics_visualization.simpleMessage .bg .body .left,
.oMM_widget_analytics_visualization.simpleMessage .bg .body .right {
    display: table-cell;
}

.oMM_widget_analytics_visualization.simpleMessage .icon {
    height: 20px;
    width: 40px;
    background-position: center;
    background-repeat: no-repeat;
}

.oMM_widget_analytics_visualization.simpleMessage .msg {
    text-align: left;
    padding-right: 10px;
    line-height: 20px;
}

.oMM_widget_analytics_visualization.simpleMessage[type="warning"] .bg {
    background-color: #FFF4EA;
}

.oMM_widget_analytics_visualization.simpleMessage[type="warning"] .icon {
    background-image: url(../img/oMM_icon_warning_circle.png);
}

.oMM_widget_analytics_visualization.simpleMessage[type="warning"] .msg {
    color: #D86612;
}

.oMM_widget_analytics_visualization.simpleMessage[type="none"] .bg {
    background-color: #F8F8F8;
}

.oMM_widget_analytics_visualization.simpleMessage[type="none"] .icon {
    background-image: url(../img/oMM_icon_info_circle_dark.png);
}

.oMM_widget_analytics_visualization.simpleMessage[type="none"] .msg {
    color: #575757;
}

.oMM_widget_analytics_visualization.simpleMessage[type="info"] .bg {
    background-color: #ECF9FD;
}

.oMM_widget_analytics_visualization.simpleMessage[type="info"] .icon {
    background-image: url(../img/oMM_icon_info_circle_blue.png);
}

.oMM_widget_analytics_visualization.simpleMessage[type="info"] .msg {
    color: #2C72A5;
}

.oMM_widget_analytics_visualization.simpleMessage[type="error"] .bg {
    background-color: #FCF3F3;
}

.oMM_widget_analytics_visualization.simpleMessage[type="error"] .icon {
    background-image: url(../img/oMM_icon_error_solid_red.png);
}

.oMM_widget_analytics_visualization.simpleMessage[type="error"] .msg {
    color: #B8403D;
}

.oMM_widget_analytics_visualization.simpleNumber .val {
    display: table-cell;
    vertical-align: middle;
    font-family: 'r-lt', arial, sans-serif, tahoma, verdana, helvetica;
    font-size: 22px;
    transition: color linear .2s;
}

.oMM_widget_analytics_visualization.simpleNumber[value="all_good"] .bg {
    background: url(../img/oMM_icon_all_good_green_20x20.png) center no-repeat;
    background-color: #F3F9F0;
}

.oMM_widget_analytics_visualization.simpleNumber[value="ok"] .bg {
    background: url(../img/oMM_icon_all_good_blue_20x20.png) center no-repeat;
    background-color: #E9F7FC;
}

.oMM_widget_analytics_visualization.simpleNumber[value="all_bad"] .bg {
    background: url(../img/oMM_icon_all_bad_red_20x20.png) center no-repeat;
    background-color: #FCF3F3;
}

.oMM_widget_analytics_visualization[name="diagram_visual"] .bg {
    background: url(../img/oMM_icon_diagram_30x30.png) center no-repeat;
    background-color: #F4F5F7;
}

.oMM_widget_analytics_visualization[name="diagram_visual"] .bg:hover {
    background-color: #E8EBEE;
}

.oMM_widget_analytics_visualization[state_color="red"] .bg {
    background-color: #FCF3F3;
}

.oMM_widget_analytics_visualization[state_color="red"] .bg:hover {
    background-color: #FFDDDD;
}

.oMM_widget_analytics_visualization[state_color="red"] .label {
    color: #DF4B35;
}

.oMM_widget_analytics_visualization[state_color="red"].simpleNumber .val {
    color: #FF5B5B;
}

.oMM_widget_analytics_visualization[state_color="yellow"] .bg {
    background-color: #FDF5EA;
}

.oMM_widget_analytics_visualization[state_color="yellow"] .bg:hover {
    background-color: #FBE8CE;
}

.oMM_widget_analytics_visualization[state_color="yellow"] .label {
    color: #CC791E;
}

.oMM_widget_analytics_visualization[state_color="yellow"].simpleNumber .val {
    color: #EA8C24;
}

.oMM_widget_analytics_visualization[state_color="green"] .bg {
    background-color: #F3F9F0;
}

.oMM_widget_analytics_visualization[state_color="green"] .bg:hover {
    background-color: #DDEFD6;
}

.oMM_widget_analytics_visualization[state_color="green"] .label {
    color: #507F39;
}

.oMM_widget_analytics_visualization[state_color="green"].simpleNumber .val {
    color: #70A936;
}

.oMM_widget_analytics_visualization[state_color="blue"] .bg {
    background-color: #E9F7FC;
}

.oMM_widget_analytics_visualization[state_color="blue"] .bg:hover {
    background-color: #DCF4FC;
}

.oMM_widget_analytics_visualization[state_color="blue"] .label {
    color: #2E74A7;
}

.oMM_widget_analytics_visualization[state_color="blue"].simpleNumber .val {
    color: #4272C1;
}

#genericListTable td[name="inherit"] {
    opacity: 0;
}

/* Blue */
.oMM_sw_download_status_0,
.oMM_sw_distribution_status_2,
.oMM_config_csr_status_3 {
    display: inline-block;
    padding: 1px 3px;
    margin: 3px 3px 3px 0;
    background: #ECF9FD;
}
.oMM_sw_download_status_0 .title,
.oMM_sw_distribution_status_2 .title,
.oMM_config_csr_status_3 .title {
    font-weight: bold;
    color: #2C72A5;
}
/* Yellow */
.oMM_sw_download_status_3,
.oMM_sw_distribution_status_1,
.oMM_config_csr_status_1 {
    display: inline-block;
    padding: 1px 3px;
    margin: 3px 3px 3px 0;
    background: #FFEBD7;
}
.oMM_sw_download_status_3 .title,
.oMM_sw_distribution_status_1 .title,
.oMM_config_csr_status_1 .title {
    display: inline-block;
    font-weight: bold;
    color: #BB5E00;
}
.oMM_sw_distribution_status_1 .version {
    display: inline-block;
    font-weight: bold;
    color: #884400;
    background-color: #FFF3E8;
    background: url(../img/oMM_bg_arrow_right_brown.png) no-repeat left center;
    padding: 0 3px 0 20px;
}
.tag {
    padding: 2px 5px !important;
    margin: 0 !important;
}
.tag .title {
    font-size: 12px !important;
    font-weight: normal !important;
}
/* Gray */
.tag.gray,
.oMM_sw_download_status_1,
.oMM_sw_distribution_status_3,
.oMM_config_csr_status_5,
.oMM_config_cert_status_2 {
    display: inline-block;
    padding: 1px 3px;
    margin: 3px 3px 3px 0;
    background: #EEF8F9;
}
.tag.gray .title,
.oMM_sw_download_status_1 .title,
.oMM_sw_distribution_status_3 .title,
.oMM_config_csr_status_5 .title,
.oMM_config_cert_status_2 .title {
    font-weight: bold;
    color: #777;
}
/* Light Gray */
.oMM_sw_download_status_5 {
    display: inline-block;
    padding: 1px 3px;
    margin: 3px 3px 3px 0;
    background: #EEF8F9;
}
.oMM_sw_download_status_5 .title {
    font-weight: bold;
    color: #a0a0a0;
}
/* Green */
.oMM_sw_download_status_2,
.oMM_sw_distribution_status_5,
.oMM_sw_distribution_status_15,
.oMM_config_csr_status_2,
.oMM_config_csr_status_4,
.oMM_config_cert_status_1 {
    display: inline-block;
    padding: 1px 3px;
    margin: 3px 3px 3px 0;
    background: #E1F1E0;
}
.oMM_sw_download_status_2 .title,
.oMM_sw_distribution_status_5 .title,
.oMM_sw_distribution_status_15 .title,
.oMM_config_csr_status_2 .title,
.oMM_config_csr_status_4 .title,
.oMM_config_cert_status_1 .title {
    font-weight: bold;
    color: #007500;
}
.oMM_sw_distribution_status_15 .message {
    color: #D70000;
    padding-top: 3px;
}
.oMM_sw_distribution_status_2 .version {
    color: #007500;
    background: url(../img/oMM_bg_arrow_right_green.png) no-repeat left center;
    background-color: #F0F9F0;
    padding: 0 3px 0 20px;
}
/* Red */
.tag.red,
.oMM_sw_download_status_4,
.oMM_sw_distribution_status_4,
.oMM_config_csr_status_6,
.oMM_config_cert_status_3,
.oMM_config_cert_status_5 {
    display: inline-block;
    padding: 1px 3px;
    margin: 3px 3px 3px 0;
    background: #FFF2F2;
}
.tag.red .title,
.oMM_sw_download_status_4 .title,
.oMM_sw_distribution_status_4 .title,
.oMM_config_csr_status_6 .title,
.oMM_config_cert_status_3 .title,
.oMM_config_cert_status_5 .title {
    display: inline-block;
    font-weight: bold;
    color: #DF0000;
}
.oMM_sw_distribution_status_4 .version {
    display: inline-block;
    font-weight: bold;
    color: #DF0000;
    background-color: #FFF9F9;
    background: url(../img/oMM_bg_arrow_right_red.png) no-repeat left center;
    padding: 0 3px 0 20px;
}
.oMM_sw_download_status_4 .message,
.oMM_sw_distribution_status_4 .message {
    color: #D70000;
    padding-top: 3px;
}
/* brown */
.oMM_sw_distribution_status_6,
.oMM_sw_distribution_status_19,
.oMM_config_cert_status_4 {
    display: inline-block;
    padding: 1px 3px;
    margin: 3px 3px 3px 0;
    background: #F2EEEA;
}
.oMM_sw_distribution_status_6 .title,
.oMM_sw_distribution_status_19 .title,
.oMM_config_cert_status_4 .title {
    display: inline-block;
    font-weight: bold;
    color: #9F7366;
}
.oMM_sw_distribution_status_6 .message,
.oMM_sw_distribution_status_19 .message {
    color: #9F7366;
    padding-top: 3px;
}

.oMM_schedule_edit_form {
    width: 100%;
}

.oMM_schedule_edit_form tr {

}

.oMM_schedule_edit_form tr td:first-child {
    color: #555;
    font-size: 13px;
    text-align: right;
    padding: 10px;
    transition: opacity linear 0.2s;
}

.oMM_schedule_edit_form tr td:last-child {

}

.oMM_element_wizard_navigator {
    display: table;
    min-height: 30px;
    margin-left: 5px;
}

.oMM_element_wizard_navigator * {
    transition: background-color linear .2s, border linear .2s, color linear .2s, opacity linear .2s;
}

.oMM_element_wizard_navigator > .item {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.oMM_element_wizard_navigator > .item .icon {
    min-width: 20px;
    height: 20px;
    opacity: 0.3;
    background: url(../img/oMM_bg_wizard_arrow_dark.png) center no-repeat;
    display: table-cell;
}

.oMM_element_wizard_navigator > .item .body {
    display: table-cell;
}

.oMM_element_wizard_navigator > .item[type="plus"] .icon {
    background: url(../img/oMM_bg_wizard_plus_dark.png) center no-repeat;
    opacity: 0.3;
}

.oMM_element_wizard_navigator > .item .num {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #FFF;
    border-radius: 12px;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    margin: 0 6px;
}

.oMM_element_wizard_navigator > .item .label {
    font-size: 13px;
    color: #333;
    line-height: 30px;
    padding: 0 5px;
    display: inline-block;
    cursor: pointer;
    border-bottom: 1px solid transparent;
}

.oMM_element_wizard_navigator > .item .label:hover {
    background-color: #EFF0F1;
}

.oMM_element_wizard_navigator > .item.disabled {

}

.oMM_element_wizard_navigator > .item.disabled .icon {
    opacity: 0.3;
}

.oMM_element_wizard_navigator > .item.disabled .label {
    opacity: 0.5;
    cursor: default;
}

.oMM_element_wizard_navigator > .item.disabled .label:hover {
    background-color: transparent;
}

.oMM_element_wizard_navigator > .item.selected {
    background-color: transparent;
}

.oMM_element_wizard_navigator > .item.selected .icon {

}

.oMM_element_wizard_navigator > .item.selected .label {
    color: #00548b;
    border-bottom: 1px solid #00548b;
    cursor: default;
}
.oMM_element_wizard_navigator > .item.selected .label:hover {
    background-color: transparent;
}

.oMM_element_progress_bg {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(229,229,229,0.9);
    z-index: 1000;
}

.oMM_element_progress_alt {
    background: #FFF;
    width: 400px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -100%);
}

.oMM_element_progress_head {
    position: absolute;
    top: 0;
    left: 0;
    width: 400px;
    height: 40px;
    /*background: #F7F8F9;*/
    padding-left: 20px;
    color: #666;
    font-size: 12px;
    box-sizing: border-box;
    line-height: 40px;
}

.oMM_element_progress_ctx {
    position: absolute;
    top: 40px;
    left: 0;
    width: 400px;
    height: 60px;
}

.oMM_element_progress_num {
    position: absolute;
    top: 7px;
    left: 22px;
    color: #8B8B8B;
    font-size: 13px;
}

.oMM_element_progress_per {
    position: absolute;
    top: 10px;
    right: 25px;
    color: #333;
    font-size: 22px;
    font-family: rc-lt;
    opacity: 0;
}

.oMM_element_progress_bar {
    position: absolute;
    top: 28px;
    left: 22px;
    width: 0;
    height: 5px;
    background: #5EAEFF;
}

.oMM_element_progress_bar_bg {
    position: absolute;
    top: 28px;
    left: 22px;
    width: 350px;
    height: 5px;
    background: #D5EAFF;
}

.oMM_element_progress_bar_bg .progress_bar_strip {
    margin-top: 0;
}

.oMM_split_view {
    width: 100%;
    height: 100%;
    display: table;
    position: relative;
}

.oMM_split_view > .bar {
    position: absolute;
    width: 4px;
    background-color: transparent;
    cursor: col-resize;
    border: 1px solid transparent;
    transition: background-color linear .2s, border linear .2s, box-shadow linear .2s;
}

.oMM_split_view > .bar:hover {
    background-color: #DFEEF9;
    border-left: 1px solid #B0D3F5;
    border-right: 1px solid #B0D3F5;
}

.oMM_split_view > .left {
    position: absolute;
    height: 100%;
    overflow: auto;
    border-right: 1px solid #E0E6E9;
    background: lightblue;
}

.oMM_split_view > .right {
    position: absolute;
    height: 100%;
    overflow: auto;
    background: lightpink;
}

.oMM_element_tree > .tree {
    background: #FFF;
    padding: 10px 5px;
    box-sizing: border-box;
    overflow: auto;
    transition: background-color linear .2s;
}

.oMM_element_tree.wholerow .jstree-anchor {
    width: calc(100% - 24px);
}

.oMM_element_tree .view.empty {
    /*height: calc(100% - 120px) !important;*/
    display: table;
    position: absolute;
}

.oMM_element_tree .jstree-anchor,
.oMM_element_tree .jstree-anchor * {
    transition: all .2s;
}

.oMM_element_tree .jstree-icon.oMM_file {
    background-image: url("../img/oMM_icon_file.png");
    background-repeat: no-repeat;
    background-position: center;
}

.oMM_element_tree .jstree-icon.none {
    width: 0;
    height: 0;
}

.oMM_element_tree .jstree-checkbox {
    background: url(../img/oMM_icon_tree_row_checkbox.png) center no-repeat !important;
}

.oMM_element_tree .jstree-checkbox.jstree-undetermined {
    background: url(../img/oMM_icon_tree_row_checkbox_half_checked.png) center no-repeat !important;
}

.oMM_element_tree .jstree-clicked .jstree-checkbox {
    background: url(../img/oMM_icon_tree_row_checkbox_checked.png) center no-repeat !important;
}

.oMM_element_tree .jstree-checkbox-selection .jstree-clicked {
    background-color: #E8F6FA !important;
    color: #444 !important;
}

.oMM_element_tree .jstree-checkbox-selection .jstree-clicked.jstree-hovered {
    background-color: #DFF3F9 !important;
}

.oMM_element_tree a.jstree-anchor {
    position: relative;
}

.oMM_element_tree.large .jstree-default .jstree-node,
.oMM_element_tree.large .jstree-default .jstree-anchor,
.oMM_element_tree.large .jstree-default .jstree-icon.jstree-themeicon {
    min-height: 36px;
    min-width: 36px;
    line-height: 36px;
}

.oMM_element_tree.large .jstree-default .jstree-node:not([aria-level="1"]) {
    margin-left: 30px;
}

.oMM_element_tree.large .jstree-icon.jstree-ocl {
    min-height: 36px;
    border-radius: 2px;
}

.oMM_element_tree.large .jstree-anchor {
    padding: 3px 15px 3px 3px;
    box-sizing: content-box;
}

.oMM_element_tree.large .jstree-themeicon-custom:not(.oMM_folder) {
    background-size: 30px 30px !important;
    background-color: #FFF;
    border: 1px solid #E8E8E8;
    border-radius: 30px;
    box-sizing: border-box;
    margin-right: 10px;
}

.oMM_dialog[name="tree_selector"] .oMM_element_tree > .searchbar,
.oMM_dialog[name="location_finder"] .searchbar {
    height: 45px;
    background: #F5F5F5;
    text-align: center;
}

.oMM_dialog[name="location_finder"] .content {
    padding: 10px;
    font-size: 13px;
    line-height: 20px;
}

.oMM_dialog[name="location_finder"] .content .location {
    width: 100%;
    background-color: #FFF;
    border: 1px solid #E5E5E5;
    border-bottom: 1px solid #DDD;
    box-shadow: 0px 3px 10px #DDD;
    box-sizing: border-box;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}

.oMM_dialog[name="location_finder"] .content .location .header {
    position: relative;
    height: auto;
    width: 100%;
    background-color: #FFF;
    padding: 10px;
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-position: 10px 10px;
}

.oMM_dialog[name="location_finder"] .content .location .map {
    width: 100%;
    height: auto;
    background-color: #F2EFEC;
}

.oMM_dialog[name="location_finder"] .content .location .address {
    color: #444;
    padding-right: 30px;
}

.oMM_dialog[name="location_finder"] .content .location .latlng {
    color: #999;
    font-size: 12px;
    margin-top: 3px;
}

.oMM_dialog[name="location_finder"] .content .view.empty {
    height: 200px;
    background: transparent;
}

.oMM_dialog[name="location_finder"] .content .view.empty > div > div:first-child {
    background: url('../img/world_view_gray_60x60.png') center no-repeat;
    width: 60px;
    height: 60px;
}

.oMM_dialog[name="location_finder"] .content .location .btn_remove {
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    transition: background-color linear .2s;
    background: url('../img/oMM_icon_x_gray_16x16.png') center no-repeat;
    background-color: #F5F5F5;
    position: absolute;
    top: 10px;
    right: 10px;
}

.oMM_dialog[name="location_finder"] .content .location .btn_remove:hover {
    background-color: #EBEBEB;
}

.oMM_element_searchbox {
    display: inline-block;
    position: relative;
}

.oMM_element_searchbox > input {
    font-style: italic;
}

.oMM_element_searchbox > .btn_search {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 6px;
    background: url(../img/oMM_icon_search_gray_16x16.png) center no-repeat;
    border-radius: 10px;
    transition: background-color linear .2s;
}

.oMM_element_searchbox > .btn_search.clear {
    background: url(../img/oMM_icon_x_gray_16x16.png) center no-repeat;
    background-color: #F5F5F5;
    cursor: pointer;
}

.oMM_element_searchbox > .btn_search.clear:hover {
    background-color: #EBEBEB;
}

.oMM_element_searchbox > .btn_search.busy {
    background: url(../img/loading_gray.gif) center no-repeat;
    background-size: 18px 18px;
    background-color: #FFF;
}

.oMM_dialog .searchbar .oMM_element_searchbox > input {
    height: 30px;
    border: 1px solid #FFF !important;
    width: 200px;
    box-sizing: content-box;
    padding: 0 35px 0 10px;
}

.oMM_dialog .searchbar .oMM_element_searchbox > input:focus {
    border: 1px solid #76B8FA !important;
}

.oMM_element_tree_selector .input,
.oMM_element_location_finder .input {
    background-color: #FFF;
    border: 1px solid #EEE;
    min-width: 100px;
    min-height: 50px;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-right: 10px;
    border-radius: 2px;
    transition: border linear .2s, background-color linear .2s;
}

.oMM_element_tree_selector.disabled .input,
.oMM_element_location_finder.disabled .input {
    background-color: #F9F9F9;
    border: 1px solid #EEE;
    cursor: initial;
}

.oMM_element_tree_selector .input .icon,
.oMM_element_location_finder .input .icon {
    display: inline-block;
    position: absolute;
    top: 7px;
    width: 38px;
    height: 38px;
    background-color: #FFF;
    background-size: 36px 36px;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #E8E8E8;
    border-radius: 36px;
    margin-left: 10px;
}

.oMM_element_location_finder .input .icon {
    width: 20px;
    height: 20px;
    border: none;
    top: 13px;
    margin-left: 15px;
    border-radius: 20px;
    background-size: 20px 20px;
    background-image: url('../img/world_view.png');
}

.oMM_element_location_finder .input.empty .icon {
    background-image: none;
}

.oMM_element_tree_selector:not(.disabled) .input:hover,
.oMM_element_location_finder:not(.disabled) .input:hover {
    border: 1px solid #D6D6D6;
}

.oMM_element_tree_selector .input .label,
.oMM_element_location_finder .input .label {
    display: inline-block;
    min-width: 100px;
    min-height: 50px;
    padding-right: 35px;
    line-height: 55px;
    margin-left: 60px;
    text-align: left;
    background-image: url(../img/oMM_icon_x_light_16x16.png);
    background-position: right center;
    background-repeat: no-repeat;
    transition: background-image linear .2s;
}

.oMM_element_location_finder .input .label {
    margin-left: 15px;
}

.oMM_element_location_finder .label .address {
    display: block;
    line-height: 15px;
    padding: 15px 0 10px 0;
}

.oMM_element_location_finder .label .latlng {
    display: block;
    line-height: 15px;
    padding-bottom: 15px;
    color: #999;
}

.oMM_element_location_finder .input.loading .label {
    background-image: url(../img/loading_gray.gif);
    background-size: 24px 24px;
}

.oMM_element_tree_selector:not(.disabled) .input:hover .label,
.oMM_element_location_finder:not(.disabled) .input:hover .label {
    background-image: url(../img/oMM_icon_edit_gray_24x24.png);
}

.oMM_tag {
    display: inline-block;
    padding: 2px 4px;
    font-weight: bold;
    font-size: 11px;
    border-radius: 3px;
    margin: 0 3px;
}

.oMM_tag.info {
    color: #2C72A5;
    background-color: #ECF9FD;
}

.oMM_tag.warning {
    color: #BB5E00;
    background-color: #FFEBD7;
}

.oMM_tag.error {
    color: #DF0000;
    background-color: #FFF2F2;
}

.scheduled_task {
    height: 21px;
    line-height: 21px;
    display: inline-block;
    color: #C56300;
    padding: 0 5px 0 30px;
    margin: 5px 0;
    background-image: url(../img/oMM_icon_calendar_orange_20x20.png);
    background-position: 5px 50%;
    background-repeat: no-repeat;
    border-radius: 2px;
    background-color: #F9F1EA;
    transition: background-color linear .2s;
    display: inherit;
    cursor: pointer;
}

.scheduled_task:hover {
    background-color: #F5E9DE;
}

.scheduled_task.warning {
    background-image: url(../img/oMM_icon_warning_circle_tab_20x20.png);
    background-color: #FDF8EE;
}

.scheduled_task.warning:hover {
    background-color: #FFEFE1;
}

.scheduled_task.error {
    background-image: url(../img/oMM_icon_warning_circle_tab_20x20.png);
    background-color: #FDF8EE;
    font-size: 11px;
}

.scheduled_task.error:hover {
    background-color: #FFEFE1;
}

.scheduled_task.none {
    background-image: none;
    background-color: #FCFCFC;
    padding: 0 5px;
    color: #444;
}

.scheduled_task.none:hover {
    background-color: #EEE;
}

.stat_threshold_selector {
    display: inline-block;
    min-width: 200px;
    min-height: 30px;
    padding: 0 5px;
    border: 1px solid #EEE;
    background-color: #F8F8F8;
    border-radius: 3px;
    transition: border linear .2s, background-color linear .2s;
}

.stat_threshold_selector:hover {
    border: 1px solid #D6D6D6;
}

.stat_threshold_selector.loading {
    background-image: url(../img/loading_gray.gif);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: right center;
}

.stat_threshold_selector.loading .btn_add {
    display: none;
}

.stat_threshold_selector .btn_add {
    float: right;
    margin: 10px 5px 10px 15px;
    display: inline-block;
    height: 30px;
    width: 30px;
    cursor: pointer;
    border-radius: 15px;
    transition: background-color linear .2s;
    background: url(../img/oMM_icon_add_dark_16x16.png) center no-repeat;
}

.stat_threshold_selector .btn_add:hover {
    background-color: #EBEBEB;
}

.stat_threshold_selector .stat_event_row,
.stat_threshold_selector .value_range_row {
    display: inline-block;
}

.stat_threshold_selector .selected_stats {
    display: inline-block;
}

.stat_threshold_selector .selected_stats .stat_row {
    display: table;
    width: 100%;
    background: #FFF;
    border-bottom: 1px solid #EBEBEB;
    margin: 6px 0;
}

.stat_threshold_selector .selected_stats .stat_row > div:first-child {
    display: inherit;
    width: 100%;
}

.stat_threshold_selector .selected_stats .stat_row .state {
    display: inline-block;
    font-size: 11px;
    font-weight: normal;
    padding: 5px;
    margin: 0 0 6px 3px;
    border-left: 5px solid transparent;
}

.stat_threshold_selector .selected_stats .stat_row .state.error {
    border-left: 5px solid #FF8A8A;
    background-color: #FFF4F4;
    color: #E46452;
}

.stat_threshold_selector .selected_stats .stat_row .state.error b {
    color: #E46452;
}

.stat_threshold_selector .selected_stats .stat_row .container {
    display: inline-block;
    float: left;
    margin: 7px 4px;
}

.stat_threshold_selector .selected_stats .stat_row .container.stat {
    margin: 7px 4px;
}

.stat_threshold_selector .selected_stats .stat_row .container.condition {
    margin: 7px 0;
}

.stat_threshold_selector .selected_stats .stat_row .container.threshold {
    margin: 7px 0;
}

.stat_threshold_selector .selected_stats .stat_row .container.threshold .threshold_value:first-child {
    margin-left: 5px;
}

.stat_threshold_selector .selected_stats .stat_row .container.reducer {
    margin: 0 0 7px 0;
    width: 100%;
}

.stat_threshold_selector .selected_stats .stat_row .container.reducer .checkbox {
    display: inline;
    margin: 0 5px;
}

.stat_threshold_selector .selected_stats .stat_row .container .unit {
    padding-left: 5px;
}

.stat_threshold_selector .selected_stats .stat_row .range {
    display: inline-block;
}

.stat_threshold_selector .selected_stats .stat_row .range > .threshold_value {
    width: 60px;
}

.stat_threshold_selector .selected_stats .stat_row .btn_remove {
    display: inline-block;
    float: right;
    margin: 10px 12px;
    right: 0;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    transition: background-color linear .2s;
    background: url('../img/oMM_icon_x_gray_16x16.png') center no-repeat;
    background-color: #F5F5F5;
}

.stat_threshold_selector .selected_stats .stat_row .btn_remove:hover {
    background-color: #EBEBEB;
}

.stat_threshold_selector input.number {
    width: 80px;
}

.stat_threshold_selector input.string {
    width: 250px;
}

td > .collapsible {
    margin: 7px 0;
    display: table;
    width: 100%;
}

td > .collapsible > .header {
    background-color: transparent;
    position: initial;
    height: auto;
}

td > .collapsible > .header > .header-inner {
    display: inline-block;
}

td > .collapsible > .body {
    overflow: hidden;
    max-height: 0px;
    opacity: 0;
    border: 0;
    transition: all .2s linear;
}

td > .collapsible.show > .body {
    opacity: 1;
}

td > .collapsible > .body > .body-inner {
    padding: 2px 5px 0 10px;
}

td > .collapsible .table-cell-multiline-toggle {
    display: inline-block;
    color: #0063C6;
    margin-left: 5px;
    text-decoration: underline;
    cursor: pointer;
}

.config_deploy_state {
    display: inline-block;
    text-align: left;
    padding: 0 5px;
    margin: 5px 0px;
    line-height: 20px;
    font-weight: bold;
    font-size: 9px;
    border-radius: 5px;
}

a.config_deploy_state {
    text-decoration: underline;
}

.config_deploy_state.in_sync {
    background-color: #E1F1E0;
    color: #007500 !important;
}

.config_deploy_state.was_in_sync {
   background-color: #EFFACF;
   color: #408714 !important;
}

.config_deploy_state.in_sync_with_warning {
    background-color: #F4FAAD;
    color: #6C8000 !important;
}

.config_deploy_state.pending_user,
.config_deploy_state.pending_device,
.config_deploy_state.pending_registration,
.config_deploy_state.pending_sw_update {
    background-color: #FFEBD7;
    color: #BB5E00 !important;
}

.config_deploy_state.warning,
.config_deploy_state.config_being_reset,
.config_deploy_state.config_been_reset,
.config_deploy_state.error,
.config_deploy_state.conflict {
    background-color: #FFF2F2;
    font-family: Verdana;
    color: #DF0000 !important;
}

.config_deploy_state.detail * {
    font-size: 13px !important;
}

.config_deploy_state.detail .title {
    display: block;
    line-height: 20px;
    font-weight: bold;
}

.config_deploy_state.detail .reason,
.config_deploy_state.detail .desc {
    font-weight: normal;
}

.config_deploy_state.detail.error .title,
.config_deploy_state.detail.conflict .title {
    font-weight: bold;
}

.operations .tableEvenRow, .operations .tableOddRow {
    background-color: #FFF !important;
}

.operations .row-indent, .operations .row-label {
    display: inline-block;
}

.operations .row-indent {
    height: 100%;
    background-color: #FCFCFC;
}

.operations tr[rowdepth="0"] .row-indent {
    width: 0px;
}

.operations tr[rowdepth="1"] .row-indent {
    width: 15px;
}

.operations tr[rowdepth="2"] .row-indent {
    width: 25px;
}

.operations tr[rowtype="2"] .row-label {
    padding-left: 10px;
    background: url(../img/dot_dark_4x4.png) left center no-repeat;
}

.operations tr[rowtype="0"] i {
    display: none;
}

.operations tr[rowdepth="0"] {
    background-color: #F8F8F8 !important;
}

.operations tr {
    border-bottom: 1px solid #E0E0E0 !important;
}

.operations .state {
    display: inline-block;
    font-size: 9px;
    font-weight: bold;
    border-radius: 3px;
    padding: 2px 4px;
    background-color: #EEE;
}

.operations .state .detail {
    font-weight: normal;
    color: initial;
}
.operations .state .detailerror {
	font-weight: normal;
    color: #DF0000;
}

/*STATE_INITIALIZED*/
.operations .state[rowstate="0"] {
    color: #6A6A6A;
}
/*STATE_PENDING*/
.operations .state[rowstate="1"] {
    background-color: #FFEBD7;
    color: #BB5E00;
}
/*STATE_IN_PROGRESS*/
.operations .state[rowstate="2"] {
    background-color: #E1F1E0;
    color: #007500;
}
/*STATE_CANCELING*/
.operations .state[rowstate="3"] {
    background-color: #F2EEEA;
    color: #9F7366;
}
/*STATE_CANCELIED*/
.operations .state[rowstate="4"] {
    background-color: #F2EEEA;
    color: #9F7366;
}
/*STATE_COMPLETED*/
.operations .state[rowstate="5"] {
    background-color: #EEF8F9;
    color: #2C72A5;
}
/*STATE_COMPLETED_WITH_FAILURE*/
.operations .state[rowstate="6"] {
    background-color: #EEF8F9;
    color: #2C72A5;
    padding-right: 20px;
    background-image: url(../img/oMM_icon_warning_circle_tab_20x20.png);
    background-position-x: right;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
}
/*STATE_FAILED*/
.operations .state[rowstate="7"] {
    background-color: #FFF2F2;
    color: #DF0000;
}
/*STATE_EXPIRED*/
.operations .state[rowstate="8"] {
    background-color: #F2EEEA;
    color: #9F7366;
}

.operations .count {
    font-size: 14px;
    margin: 2px 5px;
}

.operation-progress {
    width: 100%;
    min-width: 80px;
    height: 8px;
    border-collapse: collapse;
    border: 0;
}

/*initialized*/
.operation-progress .state-0 {
    background-color: #DDDDDD;
}
/*pending*/
.operation-progress .state-1 {
    background-color: #FFBE7D;
}
/*in progress*/
.operation-progress .state-2 {
    background-color: #99CF96;
}
/*canceling*/
.operation-progress .state-3 {
    background-color: #CAA788;
}
/*canceled*/
.operation-progress .state-4 {
    background-color: #CAA788;
}
/*completed*/
.operation-progress .state-5 {
    background-color: #7CB9CD;
}
/*completed with failure*/
.operation-progress .state-6 {
    background-color: #7CB9CD;
}
/*failed*/
.operation-progress .state-7 {
    background-color: #FF8888;
}
/*expired*/
.operation-progress .state-8 {
    background-color: #9E9E9E;
}

.task-detail .content {
    padding-left: 10px;
    color: #444;
}

.task-detail .content ul {
   padding-left: 10px;
}

.expand-ctrl {
    width: 15px;
    height: 15px;
    border-radius: 10px;
    background: #8F8F8F;
    background: url(../img/oMM_icon_expand_ctrl.png) center no-repeat;
    cursor: pointer;
}

.expand-ctrl.expanded {
     background: url(../img/oMM_icon_expand_ctrl_expanded.png) center no-repeat;
}

#dashboard_area.showtablegrid td, #dashboard_area.showtablegrid th {
    border: 1px solid #E0E0E0 !important;
}

#mfaMethod_row > td {
    vertical-align: top;
}

#mfa-totp-panel {
    border: 1px solid #EEE;
    border-radius: 5px;
    padding: 10px;
    background-color: #FFF;
    color: #999;
    font-size: 12px;
}

@keyframes move {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 25px 25px;
    }
}

@keyframes show_fadein {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes show_flick {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }
    50% {
        opacity: 1;
        transform: scale(1.3);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}