.flag-france {
    background-image: url(/resources/images/v-france.png);
}

.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon, .ui-message-info-icon, .ui-message-warn-icon, .ui-message-error-icon, .ui-message-fatal-icon {
    background: none !important;
}

.jqplot-axis {
    font-size: 1vh !important;
}

.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip {
    background: black !important;
    color: white !important;
}

.ui-tabs .ui-tabs-nav li a {
    border: 1px solid #ffffff;
}

.innerTable thead {
    display: none;
    background-color: #FFFFFF;
}

.ui-paginator-bottom {

}

.ui-corner-all {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.ui-datepicker td span, .ui-datepicker td a {
    color: #006aca ;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    background-color: #e51212;
    color: #ffffff;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
    background-color: #ffffff;
    color: #e51212;
}

.ui-tabs.ui-tabs-top>.ui-tabs-nav {
    padding: 0 !important;
}

.ui-tabs .ui-tabs-nav li a {
    padding: .2em 1em !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 0 !important;
}

.filterTeams {
    display: block !important;
    border: 0 !important;
    white-space: nowrap  !important;
    font-weight: normal !important;
    width: 100% !important;
    height: 0.9vh !important;
    text-align: left !important;
}

.ui-selectonemenu label.ui-selectonemenu-label {
    margin-bottom: -4px !important;
    margin-top: -0.4vh;
    border: 1px solid;
    height: 1.30vh  !important;
    border-color: #e0e0e0;
}

.ui-selectonemenu-front {
    background-color: #FFFFFF !important;
}

.ui-selectonemenu {
    padding-right: 1em !important;
}

.ui-datatable .ui-column-filter.ui-inputfield  {
    font-size: 1.2vh !important ;
    height: 1.30vh  !important;
    width: 40% !important;
    margin-top: 0.3em;
    margin-bottom: 0.3em;
    display: inherit !important;
}

.ui-growl-title {
    margin-top: 4%;
}

.ui-selectonemenu-panel.hideDisabled .ui-selectonemenu-item.ui-state-disabled {
    display: none;
}

.dialogoutputpanel {
    border: 0px solid;
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.perfmon table.jqplot-target {
    background-color: transparent !important;
    background: transparent !important;
    color: white !important;
}

.jqplot-target {
    background: transparent;
    font-family: Arial;
    font-size: 1.27vh ;
    color: #FFFFFF;
}

.jqplot-table-legend {
    background: #FFFFFF;
}

.ui-outputpanel {
}

.jqplot-xaxis {
    line-height: 2px;
}

.jqplot-yaxis {
    line-height: 2px;
}

.amelinebody {
    width: 100%;
    margin-top: 1.3vh;
    height: 1px;
    border: 0px !important;
    background-color: #006aca !important;
}

#amelinebody {
    width: 100%;
    margin-top: 1.3vh;
    height: 1px;
    border: 0px !important;
    background-color: #006aca !important;
}

div.amelinebody {
    width: 100%;
    margin-top: 1.3vh;
    height: 5px;
    border: 0px !important;
    background-color: #006aca !important;
}

.ui-btn, label.ui-btn {
    font-style: normal !important;
}

.amelinebodyred {
    width: 100%;
    margin-top: 1.3vh;
    margin-bottom: 1.3vh;
    height: 1px;
    border: 0px !important;
    background: #e51212 !important;
}

#amelinebodyred {
    width: 100%;
    margin-top: 1.3vh;
    margin-bottom: 1.3vh;
    height: 1px;
    border: 0px !important;
    background: #e51212 !important;
}

div.amelinebodyred {
    width: 100%;
    margin-top: 1.3vh;
    margin-bottom: 1.3vh;
    height: 1px;
    background-color: #e51212 !important;
}

#amelinebodyred2 {
    width: 100%;
    margin-left: 8px;
    margin-top: 0.6%;
    margin-bottom: 0.6%;
    height: 1px;
    background: #e51212;
}

div.amelinebodyred2 {
    width: 100%;
    margin-left: 8px;
    margin-top: 0.6%;
    margin-bottom: 0.6%;
    height: 1px;
    background: #e51212;
}

.ui-tree .ui-tree-node {
    background-color: #CCCCCC;
    border: solid 1px;
}

.ui-tree .ui-treenode-children {
}

.required:before {
    content: "* ";
    color: red;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    width: 1.1vw !important;
    text-align: center;
    padding: 0 0.3vh !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    height: 100%;
}

.dialogpanelgrid {
    color: #1e5799;
    font-size: 1.27vh ;
    margin-top: 6px !important;
    margin-left: 6px !important;
    margin-bottom: 6px !important;
    margin-right: 6px !important;
}

.ui-datatable-scrollable-header-box {
    font-style: normal !important;
    font-size: 1.27vh ;
    text-align: left;
    color: #ffffff;
    border-color: #FFFFFF;
    border-width: 1px;
    background-color: #3399ff;
}

.ui-datatable-data .ui-widget-content {
    font-style: normal !important;
    text-align: left !important;
    color: #1e5799;
    border-width: 1px;
    background-color: #FFFFFF;
    border-color: #FAFAFA;
}

th{
    font-weight: normal;
}

.ui-tree .ui-treenode-children .ui-treenode-label {
    background-color: #E1DFD7;
}

.ui-tree .ui-treenode-label {
    background-color: #FFFFFF;
}

.ui-tree .ui-treenode-children .ui-treenode-label {
    background-color: #CCCCCC;
}

.ui-treenode-children-container {
    background-color: #FFFFFF;
}

.ui-treenode-children-label {
    background-color: #FFFFFF;
}

.ui-treenode-unselected {
    background-color: #FFFFFF !important;
}

.ui-treenode-selected {
    color: #ff0000 !important;
    border-top-color: #FF0000 !important;
}

.ui-tree-horizontal .ui-treenode-leaf .ui-treenode-content {
    padding: .4em .2em .1em .1em !important;
}

.ui-tree-horizontal .ui-treenode-content.ui-tree-selectable {
    border: solid 1px;
    background-color: #FFFFFF;
    box-shadow: 0.6vh 0.6vh 0.2vh #888888;
    border-top-style: solid;
    border-top-color: #006aca;
    border-top-width: 1vh;
    min-height: 2vh;
}

.ui-tree-horizontal .ui-treenode-content.ui-tree-selectable .ui-tree-infra {
    border: solid 1px;
    border-color: #006aca;
    background-color: #000000;
    width: 100px;
}

.agenda .ui-state-active {
    background-color: red;
}

.columntext {
}

.required:before {
    content:"* ";
    color: red;
}

.ui-clock  {
    font-size: 1.27vh   !important;  
}

.text-input {
    border: solid 1px #e0e0e0;
}

.ui-inputfield {
    border: solid 1px #e0e0e0;
    font-size: 100%;
}

.ui-tree .ui-tree-node {
    background-color: #FFFFFF !important;
    border: solid 1px;
}

.ui-chkbox .ui-chkbox-box {
    margin-top:0.2vh;
    width: 1.2vh !important;
    height: 1.2vh !important;
    -moz-border-radius: 2px !important;
    -webkit-border-radius: 2px !important;
    border-radius: 2px !important;
    border: solid;
    background-position: center;
    border-width: 1px;
    border-color: #006aca;
}

.ui-icon-check:before {
    text-indent: 0;
    font-size: 1.2vh !important;
    background-image: none;
    content: '\f00c' !important;
    font-family: FontAwesome !important;
    color: #009900 ;
}

.ui-icon.ui-icon-triangle-1-s:before {
    font-size: 1.5vh;
    background-image: none;
    content: '\f0d7' !important;
    font-family: FontAwesome !important;
    color: #e51212 ;
}

.ui-button-icon-left.ui-icon.ui-icon-calendar:before {
    font-size: 1.3vh;
    background-image: none;
    content: '\f274' !important;
    font-family: FontAwesome !important;
    color: #ffffff;
}

.ui-messages-info-icon, .ui-messages-warn-icon, .ui-messages-error-icon, .ui-messages-fatal-icon {
    font-size: 1.8vh !important;
    background-image: none !important;
    background: none !important;
    height: 0px !important;
    width: 0px !important;
    margin-top: -0.3vh !important;
}

.ui-messages-info-icon:before  {
    font-size: 1.8vh !important;
    background-image: none !important;
    background: none !important;
    font-family: FontAwesome !important;
    content: '\f05a' !important;
    color: #3a87ad ;
}

.ui-messages-error-icon:before  {
    font-size: 1.8vh !important;
    width: 0px !important;
    height: 0px !important;
    background-image: none !important;
    background: none !important;
    font-family: FontAwesome !important;
    content: '\f071' !important;
}

.ui-messages-warn-icon:before  {
    font-size: 1.8vh !important;
    background-image: none !important;
    background: none !important;
    font-family: FontAwesome !important;
    content: '\f071' !important;
}

.ui-messages-fatal-icon:before  {
    font-size: 1.8vh !important;
    background-image: none !important;
    background: none !important;
    font-family: FontAwesome !important;
    content: '\f071' !important;
}

.ui-chkbox .ui-chkbox-label {
    cursor: pointer !important;
    margin: 1px 0 0 1px !important;
    outline: medium none !important;
    z-index: 1 !important;
    display: inline-block !important;
    vertical-align: top !important;
}

.ui-layout-container {
    height: 100%;
    position: absolute;
    z-index: 900;
    border: 0px none;
    overflow-x: hidden !important;
}

.ui-layout-unit .ui-layout-unit-content {
    padding: 0px !important;

}

.ui-layout-unit {
    padding: 0px !important;
}

.ui-layout .ui-layout.doc {
    height: 100%;
    position: absolute;
    z-index: 900;
    border: 0px none;
    overflow-x: hidden !important;
}

.ui-datatable.ui-column-filter {
    background-color: #FFFFFF;
    font-size: 1.1vh;
    color: #000000;
    text-align: left;
    display: inherit !important;
}

.ui-datatable .ui-column-filter.ui-inputfield {
    display: inherit !important;

    text-align: left;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    margin-left: 0.5em;
    border: 0px;
    font-size: 100%;
    color: #1e5799;
}

.ui-clock {
    font-family: Arial;
    font-size: 100%;
    color: #1e5799;
}

.panel-style {
    font-family: Arial;
    font-size: 1.27vh ;
    color: #1e5799;
    border: none;
    border-style: none;
}

.ui-style {
    font-family: Arial;
    font-size: 1.27vh ;
    color: #1e5799;
    border: none;
    margin-left: 6px;
    margin-top: 5px;
    border: 1px solid;
    border-style: none;
}

.ui-panelgrid .ui-panelgrid-cell.padded-datgrid {
    padding: 0px  !important;
}

.ui-panelgrid .ui-panelgrid-cell.padded-datgrid-in {
    padding: 0.2vh  !important;
    border: none !important;
    border-color: #ffffff;
}

.ui-panelgrid .ui-panelgrid-cell.padded-datgrid-in2 {
    padding: 0.2vh  !important;
    border: none !important;
    border-color: #ffffff;
}

.ui-panelgrid .ui-panelgrid-cell {
    border: none !important;
    border-color: #ffffff;
}

.ui-layout-container .conlogin {

    height: auto;
    width: auto;
    background-repeat: no-repeat;
    background-image: url("/resources/images/IOT-NET.jpeg");
    background-size: contain;
    background-color: #ffffff;
    background-position: center;
}

.ui-slider.ui-slider-handle {
    background-color: black;
}

.ui-button {
    font-family: Arial;
    font-size: 1.27vh ;
    color: #FFFFFF;
    border: 0px solid;
    background-color: #207cca;
    text-align: left !important;
    border-style: hidden;
    margin-right: 0.6vw !important;

}

.ui-pannelgrid td, .ui-pannelgrid td {
    border-style: hidden;
    background-color: #207cca;
}

.ui-form {
    border-style: hidden;
    margin-left: 1.3vh;
}

.headerbyfaces {
    background-color: #FAFAFA;
    font-family: Arial;
    font-size: 1.27vh ;
}

.ui-growl {
    background-color: white;
    overflow: visible !important;
    margin-top: 1.3vh !important;
    left: 60% !important;
    width: 20% !important;
    z-index: 9999;
    font-family: Arial;
    font-size: 1.27vh ;
}

.ui-growl-message {
    width: 75%  !important;
    float: left  !important;
    margin-left: 0.6vh !important;
}

body {
    font-family: Arial;
    font-size: 1.27vh ;
    color: #1e5799;
}

.ui-selectonemenu-list {
    font-family: Arial;
    font-size: 1.27vh ;
    background-color: #FFFFFF;
    color: #1e5799;
}

.ui-selectonemenu-items {
    font-family: Arial;
    font-size: 1.27vh ;
    color: #1e5799;
    background-color: #FFFFFF;
}

.ui-selectonemenu-label {
    font-family: Arial;
    font-size: 1.27vh ;
    color: #1e5799;
    background-color: #FFFFFF;
}

.ui-layout-north {
    z-index: 20 !important;
    overflow: visible !important;
}

.ui-layout-north .ui-layout-unit-content {
    overflow: visible !important;
}

.ui-inputfield {
    margin: 0;
    outline: medium none;
    padding: 4px;
    font-weight: normal;
    font-family: Arial;
    font-size: 1.27vh ;
 
    color: #1e5799;
    background-color: #FAFAFA;
}

.ui-messages {
    margin-top: 1.30vh  !important;
    font-size: 1.27vh  !important;
    margin-bottom: 1.30vh  !important;
}

.menu {
    background: #FFFFFF;
    font-family: Arial;
    font-size: 1.27vh ;
    color: #1e5799;
    text-align: left;
    height: 1.5vh
}

.panel .ui-selectonemenu-list {
    width: 60px;
    background: #FFFFFF;
    font-family: Arial;
    font-size: 1.27vh ;
    color: #1e5799;
    text-align: left;
    background-color: #FAFAFA;
}

.appdetailpaneltext {
    width: 120px;
    font-family: Arial;
    font-size: 1.27vh ;
    color: #FFFFFF;
    text-align: left;
    background-color: #1e5799;
}

.panelgrid-header {
    font-size: 1.27vh ;
    color: #FFFFFF;
    border: none;
    text-align: left;
    background-color: #207cca;
}

.ui-outputlabel {
    color: blue;
}

.ui-layout-unit-top .ui-layout-bd {
    border: 0;
}


.ui-panelgrid ui-widget gridcell gridcell {
    border-width: 1px;
    border-style: solid;
    border-color: inherit;
    padding: 0px;
}

.ui-dialog-content .ui-widget-content {
    background-color: #FFFFFF;
}

.ui-draggable .ui-dialog-titlebar {
    background-color: #207cca;
    color: #FFFFFF;
    font-family: Arial;
    font-size: 1.27vh ;
}

.ui-datatable tr.ui-state-highlight {
    color: #e51212 !important;
}

.ui-datepicker {
    background-color: #FFFFFF;
    border: 1px solid #207cca;
}

.ui-slider-handle .ui-state-default {
    background-color: #1e5799 !important;
}

.ui-slider-horizontal {
    background-color: #207cca !important;
}

.ui-slider-horizontal .ui-slider-handle {
    background-color: #ff0000 !important;
}

.ui-slider .ui-slider-handle {
    background-color: #e51212 !important;
}

.ui-slider {
    background-color: #1e5799;
}

.ui-datepicker-header {
    background-color: #fafafa;
}

.ui-datepicker-table {
    background-color: #1e5799;
}

.ui-datepicker  .ui-state-default .ui-state-highlight .ui-state-active {
    background-color: #1e5799;
}

.ui-datepicker-buttonpane {
    color: #1e5799;
}

.ui-datepicker .ui-datepicker-buttonpane button {
}

.ui-datepicker .ui-state-highlight {
    color: red;
}

.ui-datepicker .ui-datepicker-current {
    color: red;
    font-size: 1.27vh  !important;
}

.menu_container {
    background: #e51212
}

.ui-menubar {
    width: 100%;
    height: 3.2vh
}

.ui-menu {
    padding: 0px !important;
    border-radius: 0px !important;
}

.ui-menubar, .ui-menu-child, .ui-menu {
    font-family: Arial;
    font-size: 1.27vh ;
    background-color: #3399ff;
    color: #1e5799;
}

.ui-menu .ui-menu-parent .ui-menu-child {
    width: 22.5em;
}

.ui-menubar .ui-menuitem-link {
    font-size: 1.27vh ;
    padding: 0em 0em !important;
    color: #FFFFFF;
    background-color: #3399ff;

    margin-top: 0.4vh !important;
    margin-right: 1vh;
    height: 1.8vh;
}

.ui-menu .ui-menuitem{
    margin: 0px 0;
}

.ui-menu .ui-menuitem-text {
    width: auto !important;
}


.ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link span.ui-icon-triangle-1-e, .ui-menubar>.ui-menu-list>.ui-menuitem>.ui-menuitem-link span.ui-icon-triangle-1-s {

    margin-right: 1em;
}


.ui-panelgrid {
    margin: 0px;
    border: none;
    border-style: none;
}

.ui-icon {
    text-indent: 0px !important;
}

.ui-icon-blank {
    background-position: 1.3vh 1.3vh;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus
{
    border: 1px solid #FFFFFF;
    background: #FAFAFD
        url(/resources/images/ui-bg_glass_0_d0e6f8_1x400.png)
        50% 50% repeat-x;
    font-weight: normal;
    color: #207cca;
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link,
.ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover,
.ui-state-focus a:link, .ui-state-focus a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.ui-widget-shadow .ui-widget-overlay {
    background: #000000;
    opacity: .03;
    filter: Alpha(Opacity = 3); /* support: IE8 */
    margin: -4px 0 0 -4px;
    padding: 4px;
    background: #000000
        url(/resources/images/ui-bg_gloss-wave_100_000000_500x100.png)
        50% top repeat-x;
    opacity: .5;
    filter: Alpha(Opacity = 50); /* support: IE8 */
    border-radius: 4px;
}

.ui-datatable .ui-datatable-scrollable-header th {
    text-align: left;
}

.ui-datatable .ui-widget .ui-datatable-scrollable .treeview-datatable {
    font-family: Arial;
    font-size: 1.27vh ;
}

td.centeredColumnContent{
    text-align: center;
}

.ui-radiobutton {
    background-color: #E1DFD7;
}

.ui-datepicker .ui-state-active {
    background-color: #000000;
    color: #FFFFFF;
}

.ui-datatable-header {
    text-align: left;
    color: #1e5799;
    margin-top: 0px;
    margin-bottom: 2px;
    border: 0px;
    width: 30%;
    background-color: #FAFAFA;
    border-color: #FFFFFF;
}

.ui-datatable tbody.ui-datatable-data {
    font-size: 1.27vh ;
    text-align: left;
    border-style: solid;
    border-color: #FAFAFA !important;
    border-width: 1px;
}

.ui-datatable thead th {
}

.ui-datatable tbody td {
    padding: 0.0% 0.8em !important;
}

.ui-menu .ui-menuitem-link {
    line-height: normal !important ;
}

.ui-datatable-tablewrapper {
    font-size: 1.27vh ;
    text-align: left;
    border-style: solid;
    border-color: #FAFAFA !important;
    border-width: 1px;
}

.ui-datatable table {
    background-color: #3399ff;
    border-color: #FAFAFA !important;
    border-width: 1px;
    color: #FFFFFF;
}

.ui-datatable .ui-datatable-header {
    text-align: left !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #e51212;
    color: #FFFFFF;
}

.ui-tooltip .ui-tooltip-text {
    background-color: #ffffff !important;
    color: #1e5799 !important;
    font-weight: bold;
}

.ui-datatable-scrollable .ui-datatable-scrollable-header {
    border-radius:3px 3px 3px 3px ;
    -moz-border-radius: 3px 3px 3px 3px ;
    -webkit-border-radius: 3px 3px 3px 3px ;
}

.ui-paginator.ui-paginator-top.ui-widget-header.ui-corner-top {
    border-radius:3px ;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-pages, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-current {
    color: #1e5799 !important;
}

.ui-icon.fa.fa-info {
    color: #1e5799 !important;
    margin-top: -10% !important;
    font-size: 1.7vh;
    margin-right: 0.4vh;
}

.ui-icon.fa.fa-arrow-circle-up {
    color: #1e5799 !important;
    margin-top: -10% !important;
    font-size: 1.0vh;
    margin-right: 0.4vh;
}

.ui-icon.fa.fa-arrow-circle-down {
    color: #1e5799 !important;
    margin-top: -10% !important;
    font-size: 1.0vh;
    margin-right: 0.4vh;
}

.ui-icon.fa {
    color: #FFFFFF;
    font-size: 1.27vh ;
    margin-right: 0.2vw;
    margin-left: 0.2vw;
}

.ui-button-icon-only .ui-icon {
    position: absolute;
    top: 20% !important;
}

.ui-icon-bullet:before {
    font-size: 1.2vh;
    background-image: none;
    content: '\f111' !important;
    font-family: FontAwesome !important;
    color: #e51212 ;
}

.ui-button-text-icon-left .ui-button-text {
    padding: 0.4em 1em 0.3em 2em !important;
}

.ui-button-icon-only .ui-icon, .ui-button-text-icon-left .ui-icon, .ui-button-text-icon-right .ui-icon {
    position: absolute;
    top: 20% !important;
    margin-top: 0% !important;
}

.ui-button {
    font-size: 104%;
}

.ui-icon.fa.fa-trash-o {
    color: #e51212;
    font-size: 1.1vh ;
}

.ui-icon.fa.fa-trash-o2 {
    color: #e51212;
    font-size: 1.3vh ;
}

.ui-icon.fa.fa-dashboard {
    color: #FFFFFF;
    font-size: 1.3vh;
    margin-top: 0% !important;
    margin-right: 0.2vh;
}

.ui-icon.fa.fa-line-chart {
    color: #FFFFFF;
    font-size: 1.3vh;
    margin-top: 0% !important;
    margin-right: 0.2vh;
}

.ui-icon.fa.fa-users {
    color: #FFFFFF;
    font-size: 1.3vh;
    margin-top: 0% !important;
    margin-right: 0.2vh;
}

.ui-icon.fa.fa-key {
    color: #FFFFFF;
    margin-right: 0.2vh;
}

.ui-icon.fa.fa-wifi {
    color: #FFFFFF;
    font-size: 1.3vh;
    margin-top: 0% !important;
    margin-right: 0.2vh;
}

.ui-icon.fa.fa-pencil-square-o {
    color: #FFFFFF;
    font-size: 1.3vh;
    margin-top: 0% !important;
    margin-right: 0.2vh;
}

.ui-icon.fa.fa-cog {
    color: #FFFFFF;
    font-size: 1.3vh;
    margin-top: 0% !important;
    margin-right: 0.2vh;
}

.ui-icon.fa.fa-flag {
    color: #008000 !important;
    font-size: 1.3vh;
    margin-top: 0% !important;
    margin-right: 0.2vh;
}

.ui-icon.fa.fa-flag-checkered {
    color: #ff0000 !important;
    font-size: 1.3vh;
    margin-top: 0% !important;
    margin-right: 0.2vh;
}

.ui-icon.fa.fa-gear {
    color: #ff0000;
    font-size: 1.3vh;
    margin-top: 0% !important;
    margin-right: 0.2vh;
}

.ui-icon.fa.fa-gear-o {
    color: #ff0000;
    font-size: 1.3vh;
    margin-top: 0% !important;
    margin-right: 0.2vh;
}

.ui-icon.fa.fa-filter {
    color: #FF0000;
    font-size: 0.9vh;
    margin-top: -20% !important;
    float: right;
}

.ui-icon.fa.fa-database {
    color: #FFFFFF;
    font-size: 1.3vh;
    margin-top: 1% !important;
    margin-right: 0.2vh;
}

.ui-icon.fa.fa-shopping-cart {
    color: #FFFFFF;
    font-size: 1.3vh;
    margin-top: 0% !important;
    margin-right: 0.2vh;
    margin-left: 0.2vh;
}

.ui-icon.fa.fa-tree {
    color: #FFFFFF;
    font-size: 1.3vh;
    margin-top: 0% !important;
    margin-right: 0.2vh;
    margin-left: 0.2vh;
}

.ui-icon.fa.fa-fast-forward {
    color: #e51212;
    font-size: 1.0vh;
    margin-top: 3% !important;
    margin-right: 0.4vh;
}

.ui-icon.fa.fa-chevron-right {
    color: #FFFFFF;
    font-size: 0.8vh;
    margin-top: 3% !important;
    margin-right: 0.4vh;
}

.ui-icon.fa.fa-envelope {
    color: #ffffff !important;
    ;
    font-size: 1.3vh!important;
    margin-right: 0vh;

}

.ui-icon.fa.fa-folder-open-o {
    color: #ffffff !important;
    ;
    font-size: 1.3vh!important;
    margin-right: 0vh;
}

.ui-icon.fa.fa-area-chart {
    color: #ffffff !important;
    font-size: 1.3vh!important;
    margin-right: 0vh;
}

.ui-icon.fa.fa-power-off {
    color: #ffffff !important;
    font-size: 1.3vh!important;
    text-align: center;
}

.ui-messages-info, .ui-messages-warn, .ui-messages-error, .ui-messages-fatal {
    border: 1px solid !important;
    margin: -5px 0 !important;
    padding: 6px 6px 6px 6px !important;
    height: 1.5vh;
}

.ui-messages-info-summary, .ui-messages-warn-summary, .ui-messages-error-summary, .ui-messages-fatal-summary, .ui-message-info-summary, .ui-message-warn-summary, .ui-message-error-summary, .ui-message-fatal-summary {
    margin-left: 0.6vh !important;
    font-weight: bold !important;
}

.ui-messages-error, .ui-message-error {
    color: #e51212 !important;
    background-color: #ffffff !important;
    border-color: #e51212 !important;
    height: 1.5vh;

}

.ui-messages-warn, .ui-message-warn {
    color: #FF9600 !important;
    background-color: #ffffff !important;
    border-color: #ff9600 !important;
    height: 1.5vh;
}

.ui-messages-fatal, .ui-message-fatal {
    color: #e51212 !important;
    background-color: #ffffff !important;
    border-color: #e51212 !important;
    height: 1.5vh;
}

.ui-icon {
    vertical-align: middle !important;
}

.ui-datatable .ui-sortable-column-icon.ui-icon {
    background-image: none;
    text-indent: 0;
    margin: 0 0 0 .5em;
}

.ui-paginator > span:before, .ui-sortable-column-icon:before {
    font-family: FontAwesome;
    color: #fff;
}

.ui-tooltip {
    border: 1px solid #ccc !important;
    box-shadow: 0 0 10px 0 #ddd !important;
    -moz-box-shadow: 0 0 10px 0 #ddd;
    -webkit-box-shadow: 0 0 10px 0 #ddd;
    color: #e51212 !important;
    background: #ffffff !important;
}

.ui-paginator > span > span, .ui-paginator a span {
    display: none;
}
.ui-paginator-first:before {
    content: '\f049' !important;
    font-family: FontAwesome !important;
    color: #e51212
}
.ui-paginator-prev:before {
    content: '\f048' !important;
    font-family: FontAwesome !important;
    color: #e51212
}
.ui-paginator-next:before {
    content: '\f051' !important;
    font-family: FontAwesome !important;
    color: #e51212
}
.ui-paginator-last:before {
    content: '\f050' !important;
    font-family: FontAwesome !important;
    color: #e51212
}
.ui-icon-carat-2-n-s:before {
    content: '\f0dc';
}
.ui-icon-carat-2-n-s.ui-icon-triangle-1-n:before {
    content: '\f0de' !important;
    font-family: FontAwesome !important
}
.ui-icon-carat-2-n-s.ui-icon-triangle-1-s:before {
    content: '\f0dd' !important;
    margin-top: 0.2vh
}

.ui-icon.ui-icon-triangle-1-n:before {
    font-size: 1.5vh;
    background-image: none;
    content: '\f0d8' !important;
    font-family: FontAwesome !important;
    color: #e51212 ;
}

.fa-yahoo:before {
    font-size: 1.27vh;
    background-image: none;
    content: '\f240' !important;
    font-family: FontAwesome !important;
}

.fa-xing:before {
    font-size: 1.27vh;
    background-image: none;
    content: '\f241' !important;
    font-family: FontAwesome !important;
}

.fa-yen:before {
    font-size: 1.27vh;
    background-image: none;
    content: '\f242' !important;
    font-family: FontAwesome !important;
}

.fa-won:before {
    font-size: 1.27vh;
    background-image: none;
    content: '\f243' !important;
    font-family: FontAwesome !important;
}
.fa-windows:before {
    font-size: 1.27vh;
    background-image: none;
    content: '\f244' !important;
    font-family: FontAwesome !important;
}


.ui-paginator .ui-state-disabled {
    opacity: .25;
}

.ui-message-error-icon:before {
    content: '\f06a'!important;
    font-family: FontAwesome !important;
    background-image: none
}

.ui-icon-circle-triangle-e:before {
    content: '\f054'!important;
    font-family: FontAwesome !important;
    background-image: none
}

.ui-icon-circle-triangle-w:before {
    content: '\f053'!important;
    font-family: FontAwesome !important;
    background-image: none
}

.ui-spinner-input {
    height: auto !important;
    margin-right: 0.4vh;
    padding-right: 4vh !important;
}

.ui-spinner-button {
    width: 1.7vh !important;
    right: auto;
    text-align: right;
    padding-right: 0;
}

.ui-spinner .ui-icon {
    margin-left: 0.5vh !important;
}