@charset "UTF-8";
/* General */
/* Menu */
/* Topbar */
/* GreenButton */
/* YellowButton */
/* RedButton */
/* greyButton */
/* BlackButton */
/* BlueButton */
/* AquaButton */
/* NavyButton */
/* UI ICONS */
/* positioning */
.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-carat-1-n {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-carat-1-n:before {
    content: "";
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-carat-1-e:before {
    content: "";
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-carat-1-s:before {
    content: "";
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-carat-1-w:before {
    content: "";
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-carat-2-n-s:before {
    content: "";
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-triangle-1-n:before {
    content: "";
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-triangle-1-e:before {
    content: "";
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-triangle-1-s:before {
    content: "";
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-triangle-1-w:before {
    content: "";
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-triangle-2-n-s:before {
    content: "";
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-arrow-1-n:before {
    content: "";
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-arrow-1-e:before {
    content: "";
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-arrow-1-s:before {
    content: "";
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-arrow-1-w:before {
    content: "";
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-arrow-2-n-s:before {
    content: "";
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-arrow-2-e-w:before {
    content: "";
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-arrowthick-1-n:before {
    content: "";
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-arrowthick-1-e:before {
    content: "";
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-arrowthick-1-s:before {
    content: "";
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-arrowthick-1-w:before {
    content: "";
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-arrow-4:before {
    content: "";
}

.ui-icon-arrow-4-diag {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-arrow-4-diag:before {
    content: "";
}

.ui-icon-extlink {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-extlink:before {
    content: "";
}

.ui-icon-newwin {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-newwin:before {
    content: "";
}

.ui-icon-refresh {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-refresh:before {
    content: "";
}

.ui-icon-shuffle {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-shuffle:before {
    content: "";
}

.ui-icon-transfer-e-w {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-transfer-e-w:before {
    content: "";
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-folder-collapsed:before {
    content: "";
}

.ui-icon-folder-open {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-folder-open:before {
    content: "";
}

.ui-icon-document {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-document:before {
    content: "";
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-note:before {
    content: "";
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-mail-open:before {
    content: "";
}

.ui-icon-suitcase {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-suitcase:before {
    content: "";
}

.ui-icon-comment {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-comment:before {
    content: "";
}

.ui-icon-person {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-person:before {
    content: "";
}

.ui-icon-print {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-print:before {
    content: "";
}

.ui-icon-trash {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-trash:before {
    content: "";
}

.ui-icon-locked {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-locked:before {
    content: "";
}

.ui-icon-unlocked {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-unlocked:before {
    content: "";
}

.ui-icon-bookmark {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-bookmark:before {
    content: "";
}

.ui-icon-tag {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-tag:before {
    content: "";
}

.ui-icon-home {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-home:before {
    content: "";
}

.ui-icon-flag {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-flag:before {
    content: "";
}

.ui-icon-calendar {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-calendar:before {
    content: "";
}

.ui-icon-cart {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-cart:before {
    content: "";
}

.ui-icon-pencil {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-pencil:before {
    content: "";
}

.ui-icon-clock {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-clock:before {
    content: "";
}

.ui-icon-disk {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-disk:before {
    content: "";
}

.ui-icon-calculator {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-calculator:before {
    content: "";
}

.ui-icon-zoomin {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-zoomin:before {
    content: "";
}

.ui-icon-zoomout {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-zoomout:before {
    content: "";
}

.ui-icon-search {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-search:before {
    content: "";
}

.ui-icon-wrench {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-wrench:before {
    content: "";
}

.ui-icon-gear {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-gear:before {
    content: "";
}

.ui-icon-heart {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-heart:before {
    content: "";
}

.ui-icon-star {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-star:before {
    content: "";
}

.ui-icon-link {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-link:before {
    content: "";
}

.ui-icon-cancel {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-cancel:before {
    content: "";
}

.ui-icon-plus {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-plus:before {
    content: "";
}

.ui-icon-plusthick {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-plusthick:before {
    content: "";
}

.ui-icon-minus {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-minus:before {
    content: "";
}

.ui-icon-minusthick {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-minusthick:before {
    content: "";
}

.ui-icon-close {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-close:before {
    content: "";
}

.ui-icon-closethick {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-closethick:before {
    content: "";
}

.ui-icon-key {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-key:before {
    content: "";
}

.ui-icon-lightbulb {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-lightbulb:before {
    content: "";
}

.ui-icon-scissors {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-scissors:before {
    content: "";
}

.ui-icon-clipboard {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-clipboard:before {
    content: "";
}

.ui-icon-copy {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-copy:before {
    content: "";
}

.ui-icon-contact {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-contact:before {
    content: "";
}

.ui-icon-image {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-image:before {
    content: "";
}

.ui-icon-video {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-video:before {
    content: "";
}

.ui-icon-music {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-music:before {
    content: "";
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-alert:before {
    content: "";
}

.ui-icon-info {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-info:before {
    content: "";
}

.ui-icon-notice {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-notice:before {
    content: "";
}

.ui-icon-help {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-help:before {
    content: "";
}

.ui-icon-check {
    /*    background-image: none !important;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0px !important;
        text-align: center;*/
}

.ui-icon-check:before {
    content: "";
}

.ui-icon-bullet {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-bullet:before {
    content: "";
}

.ui-icon-radio-on {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-radio-on:before {
    content: "";
}

.ui-icon-radio-off {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-radio-off:before {
    content: "";
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-pin-s:before {
    content: "";
}

.ui-icon-play {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-play:before {
    content: "";
}

.ui-icon-pause {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-pause:before {
    content: "";
}

.ui-icon-seek-next {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-seek-next:before {
    content: "";
}

.ui-icon-seek-prev {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-seek-prev:before {
    content: "";
}

.ui-icon-seek-end {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-seek-end:before {
    content: "";
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-seek-first:before {
    content: "";
}

.ui-icon-stop {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-stop:before {
    content: "";
}

.ui-icon-eject {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-eject:before {
    content: "";
}

.ui-icon-volume-off {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-volume-off:before {
    content: "";
}

.ui-icon-volume-on {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-volume-on:before {
    content: "";
}

.ui-icon-power {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-power:before {
    content: "";
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-signal:before {
    content: "";
}

.ui-icon-battery-0 {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-battery-0:before {
    content: "";
}

.ui-icon-battery-1 {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-battery-1:before {
    content: "";
}

.ui-icon-battery-2 {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-battery-2:before {
    content: "";
}

.ui-icon-battery-3 {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-battery-3:before {
    content: "";
}

.ui-icon-circle-plus {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-circle-plus:before {
    content: "";
}

.ui-icon-circle-minus {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-circle-minus:before {
    content: "";
}

.ui-icon-circle-close {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-circle-close:before {
    content: "";
}

.ui-icon-circle-triangle-e {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-circle-triangle-e:before {
    content: "";
}

.ui-icon-circle-triangle-s {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-circle-triangle-s:before {
    content: "";
}

.ui-icon-circle-triangle-w {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-circle-triangle-w:before {
    content: "";
}

.ui-icon-circle-triangle-n {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-icon-circle-triangle-n:before {
    content: "";
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

html {
    height: 100%;
}

/* Main Layout */
.main-body {
    font-family: "latoregular", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    background-color: #edf0f5;
}

.wrapper {
    padding: 0;
}

.wrapper .topbar {
    -moz-transition: left 0.3s;
    -o-transition: left 0.3s;
    -webkit-transition: left 0.3s;
    transition: left 0.3s;
    position: fixed;
    right: 0;
    left: 250px;
    height: 50px;
    background-color: #0388e5;
    padding: .7em 1.5em 0em 1.5em;
    box-sizing: border-box;
    color: #ffffff;
    z-index: 101;
}

.wrapper .topbar .topbar-title {
    display: inline-block;
    font-size: 20px;
    margin: 5px 0 0 15px;
    vertical-align: top;
}

.wrapper .topbar #topbar-icons {
    width: 100%;
    text-align: right;
    display: block;
    -moz-animation-duration: .5s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
}

.wrapper .topbar #topbar-icons a {
    position: relative;
    color: #ffffff;
    margin-left: 20px;
    display: inline-block;
    text-decoration: none;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.wrapper .topbar #topbar-icons a:hover {
    color: #77c7ff;
}

.wrapper .topbar #topbar-icons a span.topbar-icon {
    font-size: 28px;
}

.wrapper .topbar #topbar-icons a span.topbar-item-text {
    font-size: 20px;
    display: none;
}

.wrapper .topbar #topbar-icons a span.topbar-badge {
    position: absolute;
    font-size: 10px;
    right: -5px;
    top: -5px;
    color: #ffffff;
    padding: 2px 4px;
    background-color: #ef6262;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.wrapper .topbar #topbar-icons .topbar-search {
    padding: 0;
    position: relative;
    display: inline-block;
    top: -4px;
}

.wrapper .topbar #topbar-icons .topbar-search input {
    display: inline-block;
    border: 0 none;
    font-size: 14px;
    background: transparent;
    border-bottom: 2px solid #ffffff;
    outline: 0 none;
    color: #ffffff;
    width: 100px;
    padding: 1px 20px 1px 1px;
    margin: 0px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.wrapper .topbar #topbar-icons .topbar-search input::-webkit-input-placeholder {
    color: #ffffff;
    opacity: .7;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.wrapper .topbar #topbar-icons .topbar-search input:-moz-placeholder {
    color: #ffffff;
    opacity: .7;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.wrapper .topbar #topbar-icons .topbar-search input::-moz-placeholder {
    color: #ffffff;
    opacity: .7;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.wrapper .topbar #topbar-icons .topbar-search input:-ms-input-placeholder {
    color: #ffffff;
    opacity: .7;
    -moz-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.wrapper .topbar #topbar-icons .topbar-search .topbar-search-icon {
    font-size: 18px;
    position: absolute;
    top: -1px;
    right: 0px;
}

.wrapper .topbar #topbar-icons .topbar-search:hover input {
    border-bottom-color: #77c7ff;
}

.wrapper .topbar #topbar-icons .topbar-search:hover input::-webkit-input-placeholder {
    opacity: 1;
}

.wrapper .topbar #topbar-icons .topbar-search:hover input:-moz-placeholder {
    opacity: 1;
}

.wrapper .topbar #topbar-icons .topbar-search:hover input::-moz-placeholder {
    opacity: 1;
}

.wrapper .topbar #topbar-icons .topbar-search:hover input:-ms-input-placeholder {
    opacity: 1;
}

.wrapper .topbar #topbar-icons .topbar-search:hover .topbar-search-icon {
    color: #77c7ff;
}

.wrapper .topbar #omega-menu-button {
    display: inline-block;
    font-size: 28px;
    float: left;
    text-decoration: none;
    color: #ffffff;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.wrapper .topbar #omega-menu-button:hover {
    color: #77c7ff;
}

.wrapper .topbar #options-menu-button {
    display: none;
    font-size: 28px;
    float: right;
    text-decoration: none;
    color: #ffffff;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.wrapper .topbar #options-menu-button:hover {
    color: #77c7ff;
}

.wrapper .sidebar {
    position: fixed;
    width: 270px;
    height: 100%;
    z-index: 102;
    -moz-transition: margin-left 0.3s;
    -o-transition: margin-left 0.3s;
    -webkit-transition: margin-left 0.3s;
    transition: margin-left 0.3s;
    background-color: #4e5159;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#4e5159), to(#1f2023));
    background-image: -webkit-linear-gradient(top, #4e5159, #1f2023);
    background-image: -moz-linear-gradient(top, #4e5159, #1f2023);
    background-image: -ms-linear-gradient(top, #4e5159, #1f2023);
    background-image: -o-linear-gradient(top, #4e5159, #1f2023);
    background-image: linear-gradient(top, #4e5159, #1f2023);
    filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#4e5159', end-colourStr='#1f2023');
}

.wrapper .sidebar .logo {
    text-align: center;
    height: 50px;
    box-sizing: border-box;
    padding-top: .7em;
}

.wrapper .sidebar .profile {
    display: block;
    text-decoration: none;
    text-align: center;
    padding: 20px 0;
}

.wrapper .sidebar .profile img {
    display: block;
    width: 56px;
    margin: 0 auto;
}

.wrapper .sidebar .profile > a {
    display: inline-block;
    margin-bottom: 10px;
    color: #ffffff;
    text-decoration: none;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.wrapper .sidebar .profile > a .username {
    display: inline-block;
    margin-top: 8px;
}

.wrapper .sidebar .profile > a .username:before {
    content: "";
    display: block;
}

.wrapper .sidebar .profile > a i {
    display: inline-block;
    font-size: 16px;
}

.wrapper .sidebar .profile > a:hover {
    color: #2399e5;
}

.wrapper .sidebar .profile > ul {
    margin-bottom: -20px;
    display: none;
    background-color: #2e3035;
    text-align: left;
}

.wrapper .sidebar .profile > ul li a {
    border: 0 none;
}

.wrapper .sidebar .profile > ul li:last-child > a {
    border: 0 none;
}

.wrapper .sidebar .sidebar-scroll-content {
    display: block;
    height: 100%;
    position: relative;
}

.wrapper .sidebar .sidebar-scroll-content .menu-container {
    padding-bottom: 80px;
}

.wrapper .sidebar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.wrapper .sidebar ul li > a {
    position: relative;
    color: #ffffff;
    text-decoration: none;
    font-size: 14px;
    padding: 15px;
    display: block;
    box-sizing: border-box;
    border-top: 1px solid #4e5159;
    -moz-transition: padding-left 0.3s;
    -o-transition: padding-left 0.3s;
    -webkit-transition: padding-left 0.3s;
    transition: padding-left 0.3s;
}

.wrapper .sidebar ul li > a span {
    margin-left: .3em;
}

.wrapper .sidebar ul li > a .menu-badge {
    position: absolute;
    right: 15px;
    top: 14px;
    color: #ffffff;
    padding: 2px 6px;
    background-color: #007be5;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.wrapper .sidebar ul li > a .fa:last-child {
    float: right;
    font-size: 16px;
}

.wrapper .sidebar ul li > a:hover {
    padding-left: 20px;
    color: #2399e5;
}

.wrapper .sidebar ul li > a:hover .menu-badge {
    color:   #ffffff;
}

.wrapper .sidebar ul li.active-menuitem > a {
    border-bottom: 0 none;
    background-color: #2e3035;
    color: #2399e5;
}

.wrapper .sidebar ul li.active-menuitem > a .fa:last-child {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    font-size: 16px;
}

.wrapper .sidebar ul li.active-menuitem > a .fa:last-child:before {
    content: "";
}

.wrapper .sidebar ul li.active-menuitem > ul {
    background-color: #2e3035;
}

.wrapper .sidebar ul li > ul {
    display: none;
    padding-left: 20px;
}

.wrapper .sidebar ul li > ul li a {
    padding: 10px 15px;
    font-size: 13px;
    border-top: 0 none;
}

.wrapper .sidebar ul li > ul li:last-child > a {
    border-bottom: 0 none;
}

.wrapper .sidebar ul li:last-child > a {
    border-bottom: 1px solid #4e5159;
}

.wrapper .main {
    -moz-transition: margin-left 0.3s;
    -o-transition: margin-left 0.3s;
    -webkit-transition: margin-left 0.3s;
    transition: margin-left 0.3s;
    margin-left: 270px;
    padding: 50px 16px 16px 16px;
}

.wrapper .footer {
    margin-left: 270px;
    height: 40px;
    background-color: #ffffff;
    padding: .7em 1.5em 0em 1.5em;
}

.wrapper .footer img {
    vertical-align: middle;
}

.wrapper .footer .footer-text {
    vertical-align: middle;
}

/* Responsive */
@media (min-width: 1025px) {
    .wrapper.sidebar-inactive-l .topbar {
        left: 0;
    }

    .wrapper.sidebar-inactive-l .main {
        margin-left: 0;
    }

    .wrapper.sidebar-inactive-l .sidebar {
        margin-left: -270px;
    }

    .wrapper.sidebar-inactive-l .footer {
        margin-left: 0;
    }
}

@media (max-width: 1024px) {
    .wrapper .topbar {
        left: 0;
    }

    .wrapper .main {
        margin-left: 0;
        width: 100% !important;
    }

    .wrapper .sidebar {
        margin-left: -250px;
        margin-top: 50px;
        width: 250px;
    }

    .wrapper .footer {
        margin-left: 0;
        padding-left: 20px;
    }

    .wrapper.sidebar-active-m .sidebar {
        margin-left: 0;
    }
}

@media (max-width: 640px) {
    .wrapper .topbar {
        text-align: center;
    }

    .wrapper .topbar #options-menu-button {
        display: inline-block;
    }

    .wrapper .topbar #topbar-icons {
        display: none;
        position: absolute;
        right: 10px;
        top: 50px;
        padding-bottom: 5px;
        text-align: left;
        background-color: #4e5159;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#4e5159), to(#1f2023));
        background-image: -webkit-linear-gradient(top, #4e5159, #1f2023);
        background-image: -moz-linear-gradient(top, #4e5159, #1f2023);
        background-image: -ms-linear-gradient(top, #4e5159, #1f2023);
        background-image: -o-linear-gradient(top, #4e5159, #1f2023);
        background-image: linear-gradient(top, #4e5159, #1f2023);
        filter: progid:DXImageTransform.Microsoft.gradient(start-colourStr='#4e5159', end-colourStr='#1f2023');
        -moz-border-radius-bottomleft: 3px;
        -webkit-border-bottom-left-radius: 3px;
        border-bottom-left-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .wrapper .topbar #topbar-icons a {
        display: block;
        padding: 10px;
        margin-left: 0;
        -moz-transition: padding-left 0.3s;
        -o-transition: padding-left 0.3s;
        -webkit-transition: padding-left 0.3s;
        transition: padding-left 0.3s;
    }

    .wrapper .topbar #topbar-icons a:first-child {
        height: 18px;
    }

    .wrapper .topbar #topbar-icons a:hover {
        color: #007be5;
        padding-left: 15px;
    }

    .wrapper .topbar #topbar-icons a span.topbar-item-text {
        display: inline;
        font-size: 16px;
    }

    .wrapper .topbar #topbar-icons a span.topbar-icon {
        font-size: 18px;
        float: left;
        margin: 0px 5px 0px 5px;
        width: 20px;
    }

    .wrapper .topbar #topbar-icons a span.topbar-badge {
        font-size: 12px;
        top: 10px;
        right: 10px;
    }

    .wrapper .topbar #topbar-icons.topbar-icons-visible {
        display: block;
    }

    .wrapper .topbar #topbar-icons .topbar-search {
        top: 0px;
        padding: 10px;
    }

    .wrapper .topbar #topbar-icons .topbar-search input {
        width: 100%;
        box-sizing: border-box;
        border-bottom-width: 1px;
        border-bottom-color: #cccccc;
    }

    .wrapper .topbar #topbar-icons .topbar-search .topbar-search-icon {
        top: 9px;
        right: 10px;
        color: #cccccc;
    }

    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"],
    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title {
        float: left;
        text-align: left !important;
    }
}

/* Login */
.login-body {
    height: 100%;
    font-family: "latoregular", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 100px 0 0 0;
    /*        background-image: linear-gradient(to top, #6b77a1, #737ea5 3%, #9599b3 15%, #b1b0bf 28%, #c7c1c8 41%, #d6cdcf 57%, #dfd5d3 74%, #e2d7d4);
            background-image: -ms-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
            background-image: -moz-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
            background-image: -o-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
            background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6B77A1), color-stop(3, #737EA5), color-stop(15, #9599B3), color-stop(28, #B1B0BF), color-stop(41, #C7C1C8), color-stop(57, #D6CDCF), color-stop(74, #DFD5D3), color-stop(100, #E2D7D4));
            background-image: -webkit-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);*/

    background-image: url("\/javax.faces.resource/images/backGround.jpg.xhtml?ln=omega-layout");
    

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2D7D4', endColorstr='#6B77A1', GradientType=0);
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center top;
    background-attachment: fixed;
}


.login-body-rmk {
    height: 100%;
    font-family: "latoregular", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 100px 0 0 0;
    /*        background-image: linear-gradient(to top, #6b77a1, #737ea5 3%, #9599b3 15%, #b1b0bf 28%, #c7c1c8 41%, #d6cdcf 57%, #dfd5d3 74%, #e2d7d4);
            background-image: -ms-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
            background-image: -moz-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
            background-image: -o-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
            background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6B77A1), color-stop(3, #737EA5), color-stop(15, #9599B3), color-stop(28, #B1B0BF), color-stop(41, #C7C1C8), color-stop(57, #D6CDCF), color-stop(74, #DFD5D3), color-stop(100, #E2D7D4));
            background-image: -webkit-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);*/

    background-image: url("\/javax.faces.resource/images/backGroundRKM.jpg.xhtml?ln=omega-layout");
    

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2D7D4', endColorstr='#6B77A1', GradientType=0);
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center top;
    background-attachment: fixed;
}

.login-body-ids {
    height: 100%;
    font-family: "latoregular", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin: 0;
    padding: 100px 0 0 0;
    /*        background-image: linear-gradient(to top, #6b77a1, #737ea5 3%, #9599b3 15%, #b1b0bf 28%, #c7c1c8 41%, #d6cdcf 57%, #dfd5d3 74%, #e2d7d4);
            background-image: -ms-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
            background-image: -moz-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
            background-image: -o-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
            background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6B77A1), color-stop(3, #737EA5), color-stop(15, #9599B3), color-stop(28, #B1B0BF), color-stop(41, #C7C1C8), color-stop(57, #D6CDCF), color-stop(74, #DFD5D3), color-stop(100, #E2D7D4));
            background-image: -webkit-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);*/

    background-image: url("\/javax.faces.resource/images/backGroundIDS.jpg.xhtml?ln=omega-layout");
    

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2D7D4', endColorstr='#6B77A1', GradientType=0);
    box-sizing: border-box;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center top;
    background-attachment: fixed;
}

#login-wrapper {
    width: 400px;
    margin: 0 auto;
    text-align: center;
}

#login-wrapper #login-container {
    margin-top: 20px;
    box-sizing: border-box;
    height: 300px;
    background-color: #ffffff;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    padding: 2em;
    text-align: center;
    color: #4f575b;
}

#login-wrapper #login-container .title {
    font-size: 20px;
    display: block;
    margin-bottom: 10px;
}

#login-wrapper #login-container .remember-me {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

#login-wrapper #login-container .ui-chkbox {
    height: 16px;
    vertical-align: middle;
}

#login-wrapper #login-container a {
    color: #4f575b;
    text-decoration: none;
    vertical-align: middle;
    font-size: 16px;
}

#login-wrapper #login-container input {
    font-size: 1em;
    color: #4f575b;
}

#login-wrapper #login-container .ui-g-12, #login-wrapper #login-container .ui-g-6 {
    padding: .8em;
}

#login-wrapper #login-container .ui-button {
    font-size: 16px;
}

#login-wrapper .login-footer {
    color: #ffffff;
    font-size: 14px;
    margin-top: 50px;
}

@media (max-width: 40em) {
    .login-body {
        padding-top: 50px;
    }

    #login-wrapper {
        width: 320px;
    }

    #login-wrapper #login-container {
        height: 350px;
    }
}

/* Exception */
.exception-body {
    height: 100%;
    font-family: "latoregular", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin: 0;
    background-color: #4e5159;
    /*    background-image: linear-gradient(to top, #6b77a1, #737ea5 3%, #9599b3 15%, #b1b0bf 28%, #c7c1c8 41%, #d6cdcf 57%, #dfd5d3 74%, #e2d7d4);
        background-image: -ms-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
        background-image: -moz-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
        background-image: -o-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6B77A1), color-stop(3, #737EA5), color-stop(15, #9599B3), color-stop(28, #B1B0BF), color-stop(41, #C7C1C8), color-stop(57, #D6CDCF), color-stop(74, #DFD5D3), color-stop(100, #E2D7D4));
        background-image: -webkit-linear-gradient(bottom, #6B77A1 0%, #737EA5 3%, #9599B3 15%, #B1B0BF 28%, #C7C1C8 41%, #D6CDCF 57%, #DFD5D3 74%, #E2D7D4 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2D7D4', endColorstr='#6B77A1', GradientType=0);*/
    box-sizing: border-box;
    /*    background-repeat: no-repeat;
        background-attachment: fixed;*/
}

.exception-wrapper {
    margin: 0 auto;
    width: 500px;
    height: 100%;
    background-color: #2e3035;
    /*background-color: #e82424;*/
    opacity: 0.6;
    /*box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);*/
    text-align: center;
    padding-top: 100px;
    color: #ffffff;
    box-sizing: border-box;
}

.exception-wrapper.error {
    /*background-color: #e82424;*/
    background-color: #2e3035;
}

.exception-wrapper.error a:hover, .exception-wrapper.error a.ui-link:hover, .exception-wrapper.error a.ui-commandlink:hover {
    background-color: #ffffff;
    /*color: #e82424;*/
    color: #4e5159;
}

.exception-wrapper.notfound {
    /*background-color: #66719c;*/
}

.exception-wrapper.notfound a:hover, .exception-wrapper.notfound a.ui-link:hover, .exception-wrapper.notfound a.ui-commandlink:hover {
    background-color: #ffffff;
    color: #66719c;
}

.exception-wrapper.access {
    background-color: #e88524;
}

.exception-wrapper.access a:hover, .exception-wrapper.access a.ui-link:hover, .exception-wrapper.access a.ui-commandlink:hover {
    background-color: #ffffff;
    color: #e88524;
}

.exception-wrapper .message-title {
    font-size: 24px;
    font-weight: bold;
}

.exception-wrapper a, .exception-wrapper a.ui-link, .exception-wrapper a.ui-commandlink {
    display: inline-block;
    text-decoration: none;
    border: 1px solid #ffffff;
    color: #ffffff;
    /*margin: 120px 0 100px 0;*/
    margin-top: 14%;
    padding: 10px;
    font-size: 16px;
    -moz-transition: color 0.15s;
    -o-transition: color 0.15s;
    -webkit-transition: color 0.15s;
    transition: color 0.15s;
}

.exception-wrapper .footer {
    color: #ffffff;
    font-size: 14px;
    margin-top: 50px;
}

@media (max-width: 40em) {
    .exception-wrapper {
        width: 100%;
    }
}

/* Typography */
h1 {
    font-weight: normal;
    margin: 0;
    font-size: 24px;
}

h2 {
    font-size: 20px;
    font-weight: normal;
    margin: 0;
}

/* Utils */
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
}

.card {
    background-color: #ffffff;
    padding: 1em;
    margin-top: 16px;
}

.card h1 {
    margin: 0 0 .5em 0;
    border-bottom: 1px solid #d5d5d5;
    padding: .1em;
    font-size: 24px;
}

.ui-g {
    -ms-flex-wrap: wrap;
}

/* Dashboard */
.dashboard {
    margin-top: 1px;
}

.dashboard .card {
    margin-top: 0px;
}

.dashboard .summary {
    height: 75px;
    position: relative;
}
.dashboard .summarycenter {
    height: 45px;
    position: relative;
}

.dashboard .summary .title {
    font-size: 20px;
}

.dashboard .summary .detail {
    color: #a4a4a4;
    display: block;
    margin-top: 10px;
}

.dashboard .summary .count {
    color: #ffffff;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    padding: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.dashboard .summary .count.visitors {
    background-color: #20d077;
}

.dashboard .summary .count.green {
    background-color: #20d077;
}

.dashboard .summary .count.red {
    background-color: #d2524f;
}

.dashboard .summary .count.purchases {
    background-color: #f9c851;
}

.dashboard .summary .count.yellow {
    background-color: #f9c851;
}

.dashboard .summary .count.revenue {
    background-color: #007be5;
}

.dashboard .summary .count.blue {
    background-color: #007be5;
}

.dashboard .task-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.dashboard .task-list li {
    padding: 8px 4px;
    border-bottom: 1px solid #e3e3e3;
}

.dashboard .task-list .ui-chkbox {
    vertical-align: middle;
    margin-right: 5px;
}

.dashboard .task-list .task-name {
    vertical-align: middle;
}

.dashboard .task-list .ui-button {
    width: 50px;
    float: right;
}

.dashboard .task-list .ui-button .ui-button-text {
    padding: .1em;
}

.dashboard .highlight-box {
    height: 100px;
}

.dashboard .highlight-box .initials {
    float: left;
    width: 50%;
    box-sizing: border-box;
    height: 100%;
    font-size: 54px;
    padding-top: 20px;
    text-align: center;
}

.dashboard .highlight-box .card {
    color: #a4a4a4;
    float: left;
    width: 50%;
    box-sizing: border-box;
    height: 100%;
}

.dashboard .highlight-box .card .count {
    font-size: 36px;
    display: block;
    margin-top: 15px;
}

.dashboard .activity-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.dashboard .activity-list li {
    border-bottom: 1px solid #e3e3e3;
    padding: 15px 0 9px 9px;
}

.dashboard .activity-list li .count {
    font-size: 24px;
    color: #ffffff;
    background-color: #007be5;
    font-weight: bold;
    width: 60px;
    padding: 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.dashboard .activity-list li:first-child {
    border-top: 1px solid #d9d9d9;
}

.dashboard .activity-list li:last-child {
    border: 0;
}

.dashboard .activity-list li .ui-g-6:first-child {
    font-size: 18px;
    padding-left: 0;
}

.dashboard .activity-list li .ui-g-6:last-child {
    text-align: right;
    color: #a4a4a4;
}

.dashboard .contacts {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.dashboard .contacts li {
    border-bottom: 1px solid #e3e3e3;
}

.dashboard .contacts li a {
    padding: 9px;
    width: 100%;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
    display: block;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: background-color 0.2s;
    -o-transition: background-color 0.2s;
    -webkit-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.dashboard .contacts li a .name {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 18px;
}

.dashboard .contacts li a .email {
    position: absolute;
    right: 10px;
    top: 30px;
    font-size: 14px;
    color: #a4a4a4;
}

.dashboard .contacts li a:hover {
    cursor: pointer;
    background-color: #eeeeee;
}

.dashboard .contacts li:last-child {
    border: 0;
}

/* Landing */
.landing-body {
    font-family: "latoregular", "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 0;
    margin: 0;
    padding: 0;
}

.landing-wrapper #menu-button {
    display: none;
    font-size: 28px;
    float: right;
    text-decoration: none;
    color: #ffffff;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    margin-top: -5px;
}

.landing-wrapper #menu-button:hover {
    color: #77c7ff;
}

.landing-wrapper .landing-header {
    height: 80px;
    background-color: #0388e5;
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 101;
}

.landing-wrapper .landing-header .landing-header-content {
    width: 960px;
    margin: 0 auto;
    padding-top: 30px;
    box-sizing: border-box;
}

.landing-wrapper .landing-header .landing-header-content img {
    display: inline-block;
    margin-top: -6px;
}

.landing-wrapper .landing-header .landing-header-content ul {
    list-style-type: none;
    float: right;
    margin: 2px 0 0 0;
    padding: 0;
}

.landing-wrapper .landing-header .landing-header-content ul li {
    float: left;
}

.landing-wrapper .landing-header .landing-header-content ul li a {
    text-decoration: none;
    padding: 4px 10px;
    color: #ffffff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.landing-wrapper .landing-header .landing-header-content ul li a:hover {
    background-color: #ffffff;
    color: #007be5;
}

.landing-wrapper #introduction {
    padding-top: 80px;
    height: 623px;
    background-image: url("/javax.faces.resource/images/landing/section1_bg.jpg.xhtml?ln=omega-layout");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

.landing-wrapper #introduction .introduction-content {
    width: 960px;
    margin: 0 auto;
    color: #ffffff;
    position: relative;
}

.landing-wrapper #introduction .introduction-content .title {
    font-size: 64px;
    position: absolute;
    top: 200px;
}

.landing-wrapper #introduction .introduction-content .subtitle {
    font-size: 24px;
    position: absolute;
    top: 275px;
}

.landing-wrapper #introduction .introduction-content img {
    position: absolute;
    right: 0px;
    top: 125px;
}

.landing-wrapper #introduction .introduction-content .ui-button {
    position: absolute;
    top: 350px;
}

.landing-wrapper #introduction .introduction-content .ui-button .ui-button-text {
    padding: 1em 5em;
}

.landing-wrapper #features {
    background-color: #ffffff;
    padding: 100px 0;
}

.landing-wrapper #features .features-content {
    width: 960px;
    margin: 0 auto;
    text-align: center;
}

.landing-wrapper #features .features-content p {
    color: #a4a4a4;
}

.landing-wrapper #features .features-content > p {
    font-size: 20px;
}

.landing-wrapper #features .features-content .feature-title {
    font-size: 32px;
}

.landing-wrapper #features .features-content .ui-g {
    text-align: left;
}

.landing-wrapper #features .features-content .ui-g > div {
    margin-top: 50px;
}

.landing-wrapper #features .features-content .feature-icon {
    vertical-align: top;
}

.landing-wrapper #features .features-content .feature-text {
    display: inline-block;
    vertical-align: top;
    width: 200px;
    box-sizing: border-box;
    padding-left: 10px;
}

.landing-wrapper #features .features-content .feature-text span {
    font-size: 18px;
}

.landing-wrapper #features .features-content .feature-text p {
    margin: 5px 0 0 0;
}

.landing-wrapper #mobile {
    background-color: #bcc7cf;
    height: 570px;
    overflow: hidden;
}

.landing-wrapper #mobile .mobile-content {
    width: 960px;
    margin: 0 auto;
    position: relative;
}

.landing-wrapper #mobile .mobile-content .title {
    font-size: 32px;
    position: absolute;
    top: 200px;
}

.landing-wrapper #mobile .mobile-content .subtitle {
    font-size: 18px;
    position: absolute;
    top: 250px;
    color: #7f7f7f;
}

.landing-wrapper #mobile .mobile-content img {
    position: absolute;
    right: 0px;
    top: 125px;
}

.landing-wrapper #mobile .mobile-content .ui-button {
    position: absolute;
    top: 300px;
}

.landing-wrapper #mobile .mobile-content .ui-button .ui-button-text {
    padding: 1em 5em;
}

.landing-wrapper #pricing {
    background-color: #ffffff;
    padding: 100px 0;
}

.landing-wrapper #pricing .pricing-content {
    width: 960px;
    margin: 0 auto;
    text-align: center;
}

.landing-wrapper #pricing .pricing-content .ui-g {
    margin-top: 50px;
}

.landing-wrapper #pricing .pricing-content p {
    color: #a4a4a4;
}

.landing-wrapper #pricing .pricing-content > p {
    font-size: 20px;
}

.landing-wrapper #pricing .pricing-content .pricing-title {
    font-size: 32px;
}

.landing-wrapper #pricing .pricing-content .pricing-name {
    font-size: 24px;
}

.landing-wrapper #pricing .pricing-content .pricing-box {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 10px 0;
    background-color: #e1e6e9;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

.landing-wrapper #pricing .pricing-content .pricing-box .pricing-fee {
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-color: #589cf0;
    color: #ffffff;
    width: 100px;
    height: 100px;
    margin: 30px auto;
    font-size: 22px;
    line-height: 100px;
}

.landing-wrapper #pricing .pricing-content .pricing-box:hover {
    background-color: #006de5;
    color: #ffffff;
}

.landing-wrapper #pricing .pricing-content .pricing-box:hover p {
    color: #ffffff;
}

.landing-wrapper #pricing .pricing-content .pricing-box:hover .pricing-fee {
    background-color: #eaeeef;
    color: #589cf0;
}

.landing-wrapper #video {
    background-color: #dde2e5;
    padding: 100px 0;
}

.landing-wrapper #video .video-content {
    width: 960px;
    margin: 0 auto;
    text-align: center;
}

.landing-wrapper #video .video-content p {
    color: #a4a4a4;
}

.landing-wrapper #video .video-content > p {
    font-size: 20px;
}

.landing-wrapper #video .video-content .video-title {
    font-size: 32px;
}

.landing-wrapper #video .video-content .video-container {
    margin-top: 50px;
}

.landing-wrapper #video .video-content .video-container iframe {
    width: 580px;
    height: 330px;
}

.landing-wrapper .landing-footer {
    background-color: #000000;
}

.landing-wrapper .landing-footer .landing-footer-content {
    width: 960px;
    margin: 0 auto;
    color: #a4a4a4;
}

.landing-wrapper .landing-footer .landing-footer-content .footer-top {
    padding: 30px 0;
}

.landing-wrapper .landing-footer .landing-footer-content .footer-top ul {
    float: right;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.landing-wrapper .landing-footer .landing-footer-content .footer-top ul a {
    text-decoration: none;
    color: #a4a4a4;
    padding: 10px;
    display: inline-block;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
}

.landing-wrapper .landing-footer .landing-footer-content .footer-top ul a:hover {
    color: #ffffff;
}

.landing-wrapper .landing-footer .landing-footer-content .footer-top .footer-title {
    display: inline-block;
}

.landing-wrapper .landing-footer .landing-footer-content .footer-bottom {
    padding: 10px 0 30px 0;
    border-top: 1px solid #a4a4a4;
}

@media (max-width: 64em) {
    .landing-wrapper #menu-button {
        display: block;
    }

    .landing-wrapper .landing-header {
        height: 80px;
        background-color: #0388e5;
    }

    .landing-wrapper .landing-header .landing-header-content {
        width: 100%;
        padding: 30px 20px 0 20px;
    }

    .landing-wrapper .landing-header .landing-header-content ul {
        float: none;
        position: fixed;
        top: 80px;
        right: 0px;
        background-color: #3b3e47;
        display: none;
        margin: 0;
    }

    .landing-wrapper .landing-header .landing-header-content ul.overlay-menu {
        display: block;
        height: 100%;
        width: 200px;
    }

    .landing-wrapper .landing-header .landing-header-content ul li {
        float: none;
    }

    .landing-wrapper .landing-header .landing-header-content ul li a {
        display: block;
        font-size: 18px;
        padding-left: 15px;
        border-bottom: 1px solid #4e5159;
    }

    .landing-wrapper #introduction {
        height: 623px;
    }

    .landing-wrapper #introduction .introduction-content {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .landing-wrapper #introduction .introduction-content .title {
        padding: 30px 0 20px 0;
        font-size: 36px;
        position: static;
        display: block;
    }

    .landing-wrapper #introduction .introduction-content .subtitle {
        padding-bottom: 30px;
        font-size: 20px;
        position: static;
        display: block;
    }

    .landing-wrapper #introduction .introduction-content img {
        position: static;
        display: inline-block;
        padding-bottom: 30px;
    }

    .landing-wrapper #introduction .introduction-content .ui-button {
        display: block;
        position: static;
        width: 250px;
        margin: 0 auto;
    }

    .landing-wrapper #features {
        padding: 30px 0;
    }

    .landing-wrapper #features .features-content {
        width: 100%;
    }

    .landing-wrapper #features .features-content .ui-g {
        text-align: center;
    }

    .landing-wrapper #mobile {
        height: 700px;
    }

    .landing-wrapper #mobile .mobile-content {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .landing-wrapper #mobile .mobile-content .title {
        font-size: 32px;
        position: static;
        display: block;
        padding: 30px 0 20px 0;
    }

    .landing-wrapper #mobile .mobile-content .subtitle {
        font-size: 18px;
        position: static;
        display: block;
        padding-bottom: 30px;
    }

    .landing-wrapper #mobile .mobile-content img {
        position: absolute;
        top: 260px;
    }

    .landing-wrapper #mobile .mobile-content .ui-button {
        position: static;
        display: block;
        width: 250px;
        margin: 0 auto;
    }

    .landing-wrapper #pricing {
        padding: 30px 0;
    }

    .landing-wrapper #pricing .pricing-content {
        width: 100%;
    }

    .landing-wrapper #video {
        padding: 30px 0;
    }

    .landing-wrapper #video .video-content {
        width: 100%;
    }

    .landing-wrapper #video .video-content .video-container iframe {
        width: 350px;
        height: 220px;
    }

    .landing-wrapper .landing-footer {
        padding: 0px 20px;
    }

    .landing-wrapper .landing-footer .landing-footer-content {
        width: 100%;
    }
}

/* Theme */
.ui-widget,
.ui-widget .ui-widget {
    font-size: 14px;
    text-decoration: none;
}

.ui-spinner .ui-spinner-up .ui-icon {
    margin-top: -4px;
}

.ui-spinner .ui-spinner-down .ui-icon {
    margin-top: -10px;
}

.ui-spinner .ui-spinner-input {
    font-size: 14px;
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    padding-left: 0;
}

.ui-selectonemenu .ui-selectonemenu-label {
    font-size: 14px;
}

.ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    padding-left: 2px;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    padding: 4px 26px 4px 5px;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    margin-top: 2px;
}

.ui-selectcheckboxmenu.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-multiple-container.ui-inputfield {
    border: 0 none;
    padding-right: 32px;
}

.ui-selectcheckboxmenu.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger .ui-icon {
    top: auto;
}

.ui-selectcheckboxmenu-panel {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}

.ui-selectcheckboxmenu-panel .ui-icon.ui-icon-circle-close {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-selectcheckboxmenu-panel .ui-icon.ui-icon-circle-close:before {
    content: "";
}

.ui-fluid .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    padding-left: 5px;
}

.ui-splitbutton .ui-splitbutton-menubutton .ui-icon {
    margin-top: -10px;
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-n:before {
    content: "";
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-n:before {
    content: "";
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-s:before {
    content: "";
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-s:before {
    content: "";
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before {
    content: "";
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before {
    content: "";
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before {
    content: "";
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before {
    content: "";
}

@media (max-width: 40em) {
    .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e {
        background-image: none !important;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0px !important;
        text-align: center;
    }

    .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-e:before {
        content: "";
    }

    .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e {
        background-image: none !important;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0px !important;
        text-align: center;
    }

    .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-e:before {
        content: "";
    }

    .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w {
        background-image: none !important;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0px !important;
        text-align: center;
    }

    .ui-picklist .ui-picklist-buttons .ui-icon-arrow-1-w:before {
        content: "";
    }

    .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w {
        background-image: none !important;
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-indent: 0px !important;
        text-align: center;
    }

    .ui-picklist .ui-picklist-buttons .ui-icon-arrowstop-1-w:before {
        content: "";
    }
}

.ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-n:before {
    content: "";
}

.ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-n:before {
    content: "";
}

.ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.ui-orderlist .ui-orderlist-controls .ui-icon-arrow-1-s:before {
    content: "";
}

.ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    font-size: 16px;
    color: #fff;
}

.ui-orderlist .ui-orderlist-controls .ui-icon-arrowstop-1-s:before {
    content: "";
}

.ui-orderlist.ui-grid-responsive .ui-grid-row .ui-orderlist-controls {
    margin-right: 0;
    padding-right: 10px;
}

.ui-paginator > a {
    box-sizing: border-box;
    height: 23px;
    width: 24px;
}

.ui-paginator > a span {
    display: none;
}

.ui-paginator > a:before {
    position: relative;
    top: 1px;
}

.ui-paginator .ui-paginator-next {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-paginator .ui-paginator-next:before {
    content: "";
}

.ui-paginator .ui-paginator-last {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-paginator .ui-paginator-last:before {
    content: "";
}

.ui-paginator .ui-paginator-prev {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ui-paginator .ui-paginator-prev:before {
    content: "";
}

.ui-paginator .ui-paginator-first {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-paginator .ui-paginator-first:before {
    content: "";
}

.ui-paginator .ui-paginator-pages {
    padding: 0;
    vertical-align: top;
}

.ui-paginator .ui-paginator-pages .ui-paginator-page {
    /*height: 17px;*/
}

.ui-autocomplete .ui-autocomplete-dropdown .ui-icon {
    margin-top: -10px;
}

.ui-selectmanymenu .ui-chkbox {
    vertical-align: middle;
    margin: 2px 4px 0 1px;
}

.ui-datepicker .ui-datepicker-next .ui-icon {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    color: #fff;
    width: 10px;
    height: 15px;
    padding-left: 5px;
}

.ui-datepicker .ui-datepicker-next .ui-icon:before {
    content: "";
}

.ui-datepicker .ui-datepicker-prev .ui-icon {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    color: #fff;
    width: 10px;
    height: 15px;
}

.ui-datepicker .ui-datepicker-prev .ui-icon:before {
    content: "";
}

.ui-chkbox .ui-icon-blank {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    visibility: hidden;
}

.ui-chkbox .ui-icon-blank:before {
    content: "";
}

.ui-chips .ui-chips-container {
    width: 158px;
    padding: 0px;
}

.ui-fluid .ui-chips, .ui-fluid .ui-chips-container {
    width: 100%;
}

.ui-radiobutton .ui-icon-blank {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    visibility: hidden;
}

.ui-radiobutton .ui-icon-blank:before {
    content: "";
}

.ui-radiobutton .ui-icon-bullet, .ui-radiobutton .ui-icon-blank {
    font-size: 10px;
    margin-top: 2px;
    margin-left: 0px;
}

.ui-tree .ui-tree-toggler {
    vertical-align: middle;
}

.ui-tree .ui-tree-toggler.ui-icon-triangle-1-s {
    margin-top: -5px;
}

.ui-tree.ui-tree-horizontal .ui-tree-toggler {
    vertical-align: middle;
}

.ui-tree .ui-treenode-label {
    margin-top: 0px;
    vertical-align: middle;
}

.ui-tree .ui-chkbox {
    vertical-align: middle;
    margin-right: 2px;
}

.ui-tree .ui-treenode-icon {
    vertical-align: middle;
    position: relative;
    top: 1px;
}

.ui-treetable .ui-treetable-toggler {
    margin-top: 1px;
}

.ui-treetable .ui-treetable-toggler.ui-icon-triangle-1-s {
    margin-top: 1px;
}

.ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
    margin-top: 2px;
}

.ui-panel .ui-panel-titlebar .ui-icon {
    vertical-align: middle;
}

/* Messages */
.ui-messages.ui-widget ul {
    display: inline-block;
    margin-left: 0;
}

/* Info */
.ui-messages .ui-messages-info-icon, .ui-message .ui-message-info-icon {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    font-size: 20px;
    color: #fff;
    margin-top: -2px;
}

.ui-messages .ui-messages-info-icon:before, .ui-message .ui-message-info-icon:before {
    content: "";
}

.ui-message .ui-message-info-icon {
    margin-top: -1px;
    font-size: 18px;
}

/* Error */
.ui-messages .ui-messages-error-icon, .ui-message .ui-message-error-icon {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    font-size: 20px;
    color: #fff;
    margin-top: -2px;
}

.ui-messages .ui-messages-error-icon:before, .ui-message .ui-message-error-icon:before {
    content: "";
}

.ui-message .ui-message-error-icon {
    margin-top: -1px;
    font-size: 18px;
}

/* Warn */
.ui-messages .ui-messages-warn-icon, .ui-message .ui-message-warn-icon {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    font-size: 20px;
    color: #fff;
    margin-top: -2px;
}

.ui-messages .ui-messages-warn-icon:before, .ui-message .ui-message-warn-icon:before {
    content: "";
}

.ui-message .ui-message-warn-icon {
    margin-top: -1px;
    font-size: 18px;
}

/* Fatal */
.ui-messages .ui-messages-fatal-icon, .ui-message .ui-message-fatal-icon {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    font-size: 20px;
    color: #fff;
    margin-top: -2px;
}

.ui-messages .ui-messages-fatal-icon:before, .ui-message .ui-message-fatal-icon:before {
    content: "";
}

.ui-message .ui-message-fatal-icon {
    margin-top: -1px;
    font-size: 18px;
}

.ui-messages-close span {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.ui-messages-close span:before {
    content: "";
}


.ui-growl .ui-growl-item .ui-growl-image {
    background: none;
    color: #fff;
    padding: 4px;
}

.ui-growl .ui-growl-item .ui-growl-image.ui-growl-image-info {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    font-size: 36px;
}

.ui-growl .ui-growl-item .ui-growl-image.ui-growl-image-info:before {
    content: "";
}

.ui-growl .ui-growl-item .ui-growl-image.ui-growl-image-error {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    font-size: 36px;
}

.ui-growl .ui-growl-item .ui-growl-image.ui-growl-image-error:before {
    content: "";
}

.ui-growl .ui-growl-item .ui-growl-image.ui-growl-image-warn {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    font-size: 36px;
}

.ui-growl .ui-growl-item .ui-growl-image.ui-growl-image-warn:before {
    content: "";
}

.ui-growl .ui-growl-item .ui-growl-image.ui-growl-image-fatal {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    font-size: 36px;
}

.ui-growl .ui-growl-item .ui-growl-image.ui-growl-image-fatal:before {
    content: "";
}

.ui-growl .ui-growl-item .ui-growl-icon-close {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    font-size: 14px;
    color: #fff;
}

.ui-growl .ui-growl-item .ui-growl-icon-close:before {
    content: "";
}

.ui-carousel .ui-carousel-button.ui-carousel-next-button {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-carousel .ui-carousel-button.ui-carousel-next-button:before {
    content: "";
}

.ui-carousel .ui-carousel-button.ui-carousel-prev-button {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-carousel .ui-carousel-button.ui-carousel-prev-button:before {
    content: "";
}

.ui-carousel .ui-carousel-page-links .ui-icon {
    text-decoration: none;
}

.ui-carousel .ui-carousel-page-links .ui-icon.ui-icon-radio-on {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
    color: #0388e5;
}

.ui-carousel .ui-carousel-page-links .ui-icon.ui-icon-radio-on:before {
    content: "";
}

.ui-breadcrumb .ui-icon {
    margin-top: 4px;
}

.ui-breadcrumb .ui-icon.ui-icon-home {
    margin-top: 3px;
    top: 1px;
}

.ui-menu {

    position: fixed!important;
}

.ui-breadcrumb .ui-menuitem-link {
    text-decoration: none;
}

.ui-menu.ui-contextmenu .ui-menuitem-icon {
    margin-top: 1px;
}

.ui-menu.ui-megamenu .ui-menuitem-icon {
    margin-top: 1px;
}

.ui-menu .ui-menuitem-link {
    width: 96%;
}

.ui-menu .ui-menuitem-position {
    position: fixed!important;
    float: contour;
    
}

.ui-menubar .ui-menuitem-link {
    width: auto;
}

.ui-tabmenu .ui-menuitem-icon {
    margin-top: 1px;
}

.ui-tabmenu li.ui-state-active .ui-menuitem-icon {
    color: #ffffff;
}

.ui-selectbooleanbutton .ui-icon {
    padding-top: 1px;
}

.fc-toolbar .ui-icon {
    margin-top: 3px;
}

.ui-dialog .ui-dialog-titlebar-close, .ui-dialog .ui-dialog-titlebar-minimize, .ui-dialog .ui-dialog-titlebar-maximize {
    text-decoration: none;
    margin-top: 10px;
}

.ui-datatable .ui-row-toggler.ui-icon-circle-triangle-e {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-datatable .ui-row-toggler.ui-icon-circle-triangle-e:before {
    content: "";
}

.ui-datatable .ui-row-toggler.ui-icon-circle-triangle-s {
    background-image: none !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0px !important;
    text-align: center;
}

.ui-datatable .ui-row-toggler.ui-icon-circle-triangle-s:before {
    content: "";
}

.ui-datatable .ui-radiobutton .ui-icon-bullet, .ui-datatable .ui-radiobutton .ui-icon-blank {
    color: #186ba0;
}

.ui-datatable .ui-chkbox .ui-chkbox-box {
    color: #186ba0;
}

.ui-datatable .ui-datatable-data tr.ui-state-hover {
    border-bottom: #d5d5d5;
}

.ui-tabs .ui-tabs-nav li .ui-icon {
    margin-top: 0.6em;
}

.ui-tabs .ui-tabs-nav li > a:focus {
    outline: 0 none;
}

.ui-selectmanycheckbox .ui-grid-row > div {
    padding: 2px;
}

.ui-panelgrid.ui-panelgrid-blank .ui-grid-responsive .ui-grid-row {
    border: 0 none;
}

.ui-fluid .ui-selectonebutton.ui-buttonset.ui-buttonset-3 .ui-button, .ui-fluid .ui-selectmanybutton.ui-buttonset.ui-buttonset-3 .ui-button {
    width: 33.33%;
}

.ui-fluid .ui-selectonebutton.ui-buttonset.ui-buttonset-6 .ui-button, .ui-fluid .ui-selectmanybutton.ui-buttonset.ui-buttonset-6 .ui-button {
    width: 16.66%;
}

@media (max-width: 40em) {
    .ui-fluid .ui-selectonebutton, .ui-fluid .ui-selectmanybutton {
        border: 1px solid #d6d6d6;
    }

    .ui-fluid .ui-selectonebutton.ui-buttonset .ui-button, .ui-fluid .ui-selectmanybutton.ui-buttonset .ui-button {
        border-radius: 3px;
    }

    .ui-fluid .ui-selectonebutton.ui-buttonset .ui-button:last-child, .ui-fluid .ui-selectmanybutton.ui-buttonset .ui-button:last-child {
        border-bottom: 1px solid #d6d6d6;
    }

    .ui-fluid .ui-selectonebutton.ui-buttonset.ui-buttonset-6 .ui-button, .ui-fluid .ui-selectonebutton.ui-buttonset.ui-buttonset-3 .ui-button, .ui-fluid .ui-selectmanybutton.ui-buttonset.ui-buttonset-6 .ui-button, .ui-fluid .ui-selectmanybutton.ui-buttonset.ui-buttonset-3 .ui-button {
        width: 100%;
    }
}

a.ui-commandlink, a.ui-link {
    color: #2399e5;
}

.ui-fluid .fc .ui-button {
    width: auto;
}

.ui-lightbox .ui-lightbox-nav-left {
    letter-spacing: 11px;
}

.ui-lightbox .ui-lightbox-nav-left span {
    margin: 5px 0;
    padding-left: 7px;
    padding-top: 3px;
}

.ui-lightbox .ui-lightbox-nav-right {
    letter-spacing: 11px;
}

.ui-lightbox .ui-lightbox-nav-right span {
    margin: 5px 0;
    padding-left: 7px;
    padding-top: 3px;
}

/* Button Colors */
/* Colored Buttons */
/*Green Button*/
.ui-button.ui-state-default.green-button {
    background-color: #1f9e53;
    border-color: #107533;
}

.ui-button.ui-state-default.green-button.ui-state-hover {
    background-color: #2eb971;
}

.ui-button.ui-state-default.green-button.ui-state-active {
    background-color: #178544;
}

/*Yellow Button*/
.ui-button.ui-state-default.sv-button-help {
    background-color: #e88524;
    border-color: #cdb80d;
}

/*Yellow Button*/
.ui-button.ui-state-default.yellow-button {
    background-color: #eed511;
    border-color: #cdb80d;
}

.ui-button.ui-state-default.yellow-button.ui-state-hover {
    background-color: #f8e653;
}

.ui-button.ui-state-default.yellow-button.ui-state-active {
    background-color: #d4b301;
}

/*Red Button*/
.ui-button.ui-state-default.red-button {
    background-color: #b8312e;
    border-color: #9c1627;
}

.ui-button.ui-state-default.red-button.ui-state-hover {
    background-color: #d2524f;
}

.ui-button.ui-state-default.red-button.ui-state-active {
    background-color: #9c1627;
}

/*Aqua Button*/
.ui-button.ui-state-default.aqua-button {
    background-color: #0084b4;
    border-color: #087298;
}

.ui-button.ui-state-default.aqua-button.ui-state-hover {
    background-color: #03A8E4;
}

.ui-button.ui-state-default.aqua-button.ui-state-active {
    background-color: #087298;
}

/*Navy Button*/
.ui-button.ui-state-default.navy-button {
    background-color: #1f3b59;
    border-color: #21374f;
}

.ui-button.ui-state-default.navy-button.ui-state-hover {
    background-color: #3C6592;
}

.ui-button.ui-state-default.navy-button.ui-state-active {
    background-color: #21374f;
}

/*Black Button*/
.ui-button.ui-state-default.black-button {
    background-color: #353535;
    border-color: #212121;
}

.ui-button.ui-state-default.black-button.ui-state-hover {
    background-color: #4a4a4a;
}

.ui-button.ui-state-default.black-button.ui-state-active {
    background-color: #212121;
}

/*Grey Button*/
.ui-button.ui-state-default.gray-button {
    background-color: #ECEFF1;
    border-color: #CCCFD2;
}

.ui-button.ui-state-default.gray-button.ui-button span.ui-button-text {
    color: #525252;
}

.ui-button.ui-state-default.gray-button.ui-state-hover {
    background-color: #F5FBFF;
}

.ui-button.ui-state-default.gray-button.ui-state-active {
    background-color: #CCCFD2;
}

.ui-fluid .ui-wizard-navbar .ui-button {
    width: auto;
}

/*##################################*/
/**********PERSONALIZADOS***********/
/*##################################*/
* {
    box-sizing: border-box;
}

html,
body {
    position: relative;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
}

form.F_Padrao_Sem_Top {
    margin-top: 3px;
}
form.F_Padrao {
    margin-top: 1%;
}

.wrapper {
    height: 100%;
}

.wrapper.sidebar-inactive-l .main {
    width: 100%;
}

.wrapper .main {
    /*margin-bottom: 50px;*/
    /*height: calc(100% - 90px);*/
    width: calc(100% - 270px);
    height: calc(100% - 40px);
    display: table;
    /*display: block;*/
}

.wrapper .footer {
    position: relative;
    /*width: calc(100% - 270px);*/
    left: 0;
    right: 0;
    bottom: 0;
}

.wrapper .sidebar .profile img {
    width: 44px !important;
    float: left;
    vertical-align: middle;
    margin: 0 10px 0 20px;
}

.wrapper .sidebar .profile {
    display: table !important;
    width: 100%;
    border-top: 2px solid #4e5159;
    padding: 10px 0 !important;
}

.wrapper .sidebar .profile > a {
    display: table-cell !important;
    width: 100%;
    max-width: 176px;
    vertical-align: middle;
    text-align: left;
    padding-right: 22px;
}

.wrapper .sidebar .profile > a:hover {
    color: #fff !important;
    cursor: default;
}

.wrapper .sidebar .profile > a .username {
    margin: 0 !important;
    white-space: nowrap;
    width: 100%;    
    overflow: hidden;
    text-overflow: ellipsis;
}

.wrapper .sidebar .profile > a .unidade {
    margin: 0 !important;
    white-space: nowrap;
    width: 100%;
    font-size: smaller;
    overflow: hidden;
    text-overflow: ellipsis;
}

.wrapper .sidebar .logo {
    height: 50px;
    width: 100%;
    text-align: center;
    padding-top: 5px;
    background-color: #0388e5;
    border-right: 1px solid #4e5159;
    border-top: 1px solid #4e5159;
}

.wrapper .topbar #topbar-icons a span.topbar-icon {
    font-size: 20px !important;
}

.wrapper .topbar #omega-menu-button {
    font-size: 20px !important;
    margin: 0;
    padding: 4px 3px 7px 15px;
}

.wrapper .topbar #topbar-icons a {
    padding: 7px 3px 7px 20px;
    margin-left: 0;
}

.wrapper .topbar #topbar-icons.animated.flipInX.topbar-icons-visible a {
    padding: 10px;
    height: auto;
}

@media (max-width: 1024px) {
    .wrapper .footer {
        width: 100%;
    }
}

.login-footer a {
    text-decoration: none;
    color: #fff;
}

#login-wrapper #login-container {
    height: auto;
    margin-top: 0;
}

.ui-inputgroup > .ui-inputtext:not(:first-child),
.ui-inputgroup > .ui-password:not(:first-child),
.ui-inputgroup > .ui-inputnumber:not(:first-child) > .ui-inputtext,
.ui-inputgroup > .ui-inputmask:not(:first-child),
.ui-inputgroup > .ui-calendar:not(:first-child) > .ui-inputfield,
.ui-inputgroup > .ui-selectonemenu:not(:first-child),
.ui-inputgroup > .ui-selectonebutton:not(:first-child) > .ui-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    /*border-left: 0 none;*/
}

.ui-inputgroup {
    display: flex;
    /*margin-bottom: 1.5em;*/
}

.ui-inputgroup .ui-inputgroup-addon {
    /*padding: 4px 9px;*/
    padding: 7px 12px;
    display: inline-block;
    text-align: center;
    min-width: 1.5em;
    border-width: 1px;
    border-style: solid;
    border-color: #d6d6d6;
    border-right: none;
    background-color: #f0f0f0;
    color: #222;
}

.ui-inputgroup .ui-inputgroup-addon:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.ui-inputgroup .ui-inputtext, .ui-inputgroup .ui-password {
    /*padding-left: .5em;*/
    padding-left: 7px;
}

#login-wrapper #login-container {
    padding: 1em;
}

#login-wrapper #login-container .ui-button {
    padding: 4px 0;
    text-transform: uppercase;
}

.remember-box {
    text-align: left;
    padding: 0.4em .8em 0.4em 1em !important;
    font-size: 12px;
}

.forgot-password {
    text-align: left;
    padding: 0.4em .8em 0.6em .8em !important;
}

#login-wrapper #login-container .forgot-password a {
    font-size: 12px;
}

#login-wrapper #login-container .forgot-password a:hover {
    color: #186ba0;
}

#login-wrapper #login-container .remember-box .ui-chkbox {
    height: auto;
}

.remember-box .ui-chkbox .ui-chkbox-box {
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.remember-box .ui-chkbox .ui-chkbox-box:hover {
    border: 1px solid #186ba0;
}

#login-wrapper #login-container .remember-box .remember-me {
    margin-right: 0;
    margin-left: 10px;
}

#login-wrapper #login-container input {
    font-size: 0.8em;
}

#login-wrapper #login-container .ui-growl-error,
#login-wrapper #login-container .ui-growl-fatal,
#login-wrapper #login-container .ui-messages .ui-messages-error,
#login-wrapper #login-container .ui-message.ui-message-error,
#login-wrapper #login-container .ui-messages .ui-messages-fatal,
#login-wrapper #login-container .ui-message.ui-message-fatal {
    background-color: transparent;
    color: #ef5350;
    border: none;
    text-align: left;
    line-height: 20px;
    padding: 0;
    margin: 5px 0 0 0;
}

#login-wrapper #login-container .ui-messages-info-detail,
#login-wrapper #login-container .ui-messages-warn-detail,
#login-wrapper #login-container .ui-messages-error-detail,
#login-wrapper #login-container .ui-messages-fatal-detail,
#login-wrapper #login-container .ui-message-info-detail,
#login-wrapper #login-container .ui-message-warn-detail,
#login-wrapper #login-container .ui-message-error-detail,
#login-wrapper #login-container .ui-message-fatal-detail {
    margin: 0;
    padding: 0;
}

.login-error-message {
    width: 100%;
    margin: 0 12px;
    padding: 5px 0;
    color: #ef5350;
}

.login-preloader {
    text-align: center;
    margin: 0 auto;
}

.login-preloader:before {
    content: '';
    width: 100%;
    height: 200px;
    display: inline-block;
    vertical-align: middle;
}

.login-preloader img {
    display: inline-block;
    vertical-align: middle;
}

form.form-logout {
    display: inline-block;
}

.upCase {
    text-transform: uppercase;
}

.upNone {
    text-transform: none;
}

.upCapitalize {
    text-transform: capitalize;
}

.upInitial {
    text-transform: initial;
}

.ui-inputfield,
.ui-widget-content .ui-inputfield,
.ui-widget-header .ui-inputfield {
    width: 100%;
    /*margin-top: 5px;*/
}

.ui-g-4.form-inputSwitch {
    display: flex;
}

.ui-g-4.form-inputSwitch label {
    position: absolute;
}

.form-inputSwitch .ui-inputswitch.ui-widget.ui-widget-content.ui-corner-all {
    align-self: flex-end;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
    /*width: auto;*/
    width: 28px;
    padding: 0 5px;
}

label.label-i-emp {
    margin-bottom: 5px;
    display: block;
}

.align-valor {
    text-align: right;
}

.ui-inputswitch-on.ui-state-active {
    height: 23px !important;
}

.ui-inputswitch .ui-inputswitch-on {
    padding-top: 2px;
}

.ui-inputswitch .ui-inputswitch-on span {
    height: 32px;
    padding-left: 0;
}

.svMargens .ui-inputfield,
.svMargens .ui-widget-content .ui-inputfield,
.svMargens .ui-widget-header .ui-inputfield {
    width: 100%;
}

.svMargensTopDownZero {
    padding-top: 0em !important;
    padding-bottom: 0em !important;
}

.svMargensTopZero {
    padding-top: 0em !important;
}

.ui-chkbox:hover,
.ui-chkbox-box:hover {
    cursor: pointer;
}

.ui-chkbox .ui-chkbox-box {
    color: #fff !important;
    width: 20px !important;
    height: 20px !important;
}

.ui-chkbox span.ui-icon,
.ui-chkbox-box span.ui-icon {
    width: 18px !important;
    height: 18px !important;
}

table tr td.check-box-center:nth-child(1) {
    text-align: center;
}

.custom-form-include {
    background-color: #f6f7f9;
    border: 1px solid #d9d9d9;
    padding: 10px 5px;
}

.custom-form-include .ui-inputfield,
.custom-form-include .ui-widget-content .ui-inputfield,
.custom-form-include .ui-widget-header .ui-inputfield {
    width: 100%;
}

.custom-form-include label {
    margin-bottom: 5px;
    display: block;
}

.ui-radiobutton-box {
    cursor: pointer;
}

.custom-form-include table.ui-selectoneradio.ui-widget td label {
    padding: 0px 10px 0px 2px;
}

.ui-inputgroup .input-form-group {
    display: inline-block;
    width: 20%;
}

.ui-inputgroup .input-form-group input.ui-inputfield {
    border-right: none;
}

.form-search input.ui-inputfield {
    width: 79%;
}

.form-search button.ui-button {
    width: 20%;
    /*float: left;*/
}

/*span.ui-calendar input.ui-inputfield {
    width: 78%;
}

span.ui-calendar button.ui-button {
    width: 20%;
}*/

.panelGroup {
    width: 100%;
}

label.required:before {
    content: '* ';
    color: red;
    font-weight: bold;
}

.info-required {
    font-style: italic;
    padding-bottom: 20px;
}

.info-required i {
    color: red;
    font-weight: bold;
}

.ui-dialog:not(.loading):not(.change-password):not(.dialogsizepersonalizado){
    overflow: scroll !important;
    min-width: 50% !important;
     max-height: 90% !important;
}

.ui-dialogsizepersonalizadostatic{    
    min-width: 50% !important;
     max-height: 90% !important;
     position: static;
}
.dialogLog{
    overflow: scroll !important;    
    min-width: 90% !important;
    max-height: 90% !important;
}

.datatables-align {
    text-align: center;
}

@media screen and (max-width: 767px) {
    .datatables-align {
        text-align: left;
    }

    .ui-toolbar-group-right.svMargens {
        /*        float: none;
                margin-top: 10px;*/
        display: inline-block;
    }

    .ui-toolbar.ui-widget {
        margin-bottom: 15px;
    }

    .wrapper .main {
        width: 100%;
    }

}

.rm-i {
    text-align: center;
}

input.input-upper {
    text-transform: uppercase;
}

.ui-toolbar-group-right.parametros button {
    margin-bottom: 5px;
    margin-top: 5px;
}

form#configuracoes button:active, form#configuracoes button:hover {
    border: none;
}

form#configuracoes button {
    background-color: transparent;
    border: none;
    outline: none;
    height: 50px;
}

form#configuracoes > span {
    border: none;
    background-color: transparent;
}

form#configuracoes {
    display: inline-block;
}

form#configuracoes .ui-button-text-icon-right .ui-button-text {
    padding: .3em 2.1em .3em 0em;
}

.wrapper .topbar #topbar-icons .form-logout a {
    padding: 7px 3px 7px 10px;
}

form#linguagem {
    display: inline-flex;
}

form#linguagem select, form#linguagem select:hover, form#linguagem select option:hover {
    background-color: transparent !important;
    border-color: transparent !important;
}

form#linguagem .ui-inputfield, form#linguagem .ui-state-hover {
    background-color: transparent !important;
    border-color: transparent !important;
    border: none;
    outline: none;
    color: #ffffff;
}

form#linguagem .ui-state-default, form#linguagem .ui-inputfield {
    background-color: transparent !important;
    border: none;
    color: #ffffff;
    height: 36px;
}

form#linguagem .ui-selectonemenu {
    padding-right: 0;
}

form#linguagem .ui-state-default span,
form#linguagem .ui-selectonemenu-trigger.ui-state-default.ui-corner-right {
    visibility: hidden;
    display: none;
}

@media (max-width: 640px) {
    form#configuracoes {
        display: table;
        width: 100%;
        padding-left: 10px;
    }

    form#linguagem {
        display: table;
        width: 100%;
        padding-left: 10px;
    }

    form.form-logout {
        display: table;
        width: 100%;
        padding-left: 10px;
    }

    form#form-logout a,
    form#form-logout a span,
    .wrapper .topbar #topbar-icons .form-logout a {
        padding: 0;
    }

    .wrapper .topbar #topbar-icons.animated.flipInX.topbar-icons-visible .form-logout a {
        padding: .3em 0;
    }

    form#configuracoes button {
        height: auto;
    }

    form#linguagem .ui-state-default, form#linguagem .ui-inputfield {
        height: auto;
    }

    /*    .ui-toolbar-group-right.svMargens {
            width: 100%;
            padding-left: 6%;
        }
        .ui-toolbar-group-left.svMargens{
            width: 100%;
            padding-left: 6%;
            padding-top: 10px;
        }*/
}

.wrapper .topbar #topbar-icons {
    margin-top: -10px;
}

.linguage-pt {
    display: inline-block;
    vertical-align: top;
}

.linguage-pt:before {
    content: url("/javax.faces.resource/brazil-16.png.xhtml?ln=imagens");
    display: inline-block;
    vertical-align: top;
}

.linguage-us:before {
    content: url("/javax.faces.resource/united-states-16.png.xhtml?ln=imagens");
    display: inline-block;
    vertical-align: top;
}

.input-search.ui-button.ui-state-default,
.input-search-clear.ui-button.ui-state-default {
    background: transparent;
    color: #000;
    border-left: none;
    border-color: #ccc;
    width: 25px;
}

.input-search.ui-button.ui-state-default span.ui-button-text.ui-c,
.input-search-clear.ui-button.ui-state-default span.ui-button-text.ui-c {
    display: none;
    visibility: hidden;
}

.input-search.ui-button.ui-state-default {
    border-right: none;
}

.source-image span img {
    height: 60px;
}

table.image-source td.ui-panelgrid-cell,
table.image-source,
table.image-source tr.ui-widget-content {
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    /*display: contents;*/
}

table.image-source span img {
    max-height: 44px;
    max-width: 100%;
    display: table;
    /*padding: 0;*/
    padding-left: 10px;
    margin: 0;
}

table.image-source2 span img {    
    max-width: 100%;
    display: table;
    /*padding: 0;*/
    padding-left: 10px;
    margin: 0;
}

table.image-source-foto {
    max-height: 150px;
    max-width: 100px;
    display: table;
    /*padding: 0;*/
    padding-left: 10px;
    margin: 0;
}

table.image-source-full span img {
    max-height: 100%;
    max-width: 100%;
    display: table;
    padding: 0;
    margin: 0;
    border: none;
    outline: none;
    /*padding: 0;*/
    padding-left: 5px;
    margin: 0;
}

table.image-source span {
    height: 100%;
    display: table;
    padding: 0;
    margin: 0;
}

@media screen and (max-width: 469px) {

    .ui-toolbar-group-right.svMargens {
        width: 100%;
        float: none;
        margin-top: 10px;
        display: inline-block;
    }

    .ui-toolbar.ui-widget {
        padding-left: 10px;
    }
}

table td {
    white-space: nowrap;
    text-overflow: ellipsis;
}

td[colspan] {
    text-align: center;
}

.ui-g label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.row label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

@media (max-width: 640px) {
    .ui-datatable-reflow .ui-datatable-data td[role="gridcell"]:not(.ui-helper-hidden) {
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    fieldset.ui-widget {
        /*display: contents;*/
    }

    .ui-dialog:not(.loading) {
        width: 95% !important;
    }
}

@media (max-width: 902px) {
    .agenda > table.ui-selectoneradio.ui-widget td {
        width: 100%;
        display: inline-table;
    }
}

.no-padding {
    padding: 0;
}

.ui-datatable th.ui-state-default,
.ui-datatable tfoot td.ui-state-default {
    border-color: #ebedf0 !important;
}

.ui-datatable tr {
    border-color: #d9d9d9;
}

.ui-datatable tbody td {
    border: none;
}

.white-button.ui-button.ui-state-default {
    background-color: #ffffff;
    color: #222222;
    border-color: #d6d6d6;
}

.white-button.ui-button.ui-state-default:enabled:hover,
.white-button.ui-button.ui-state-default:focus {
    background-color: #f2f2f2;
    border-color: #ccc;
    color: #373a3c;
}

.tg {
    border-collapse: collapse;
    border-spacing: 0;
}

.tg td {
    overflow: hidden;
    word-break: normal;
}

.tg th {
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tg .tg-us36 {
    vertical-align: top;
    text-align: left;
}

.ui-selectcheckboxmenu {
    width: 100%;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    width: auto;
}

.ui-button.ui-state-default.button-remove {
    background-color: transparent;
    color: #ef6262;
    border: none;
}

.ui-button.ui-state-default.button-edit {
    background-color: transparent;
    color: #dfb722;
    border: none;
}

.ui-button.ui-state-default.button-insert{
    background-color: transparent;
    color: #2eb971;
    border: none;
}

.ui-button.ui-state-default.button-auditoria{
    background-color: transparent;
    color: #000000;
    border: none;
}

.box-legenda {
    padding: 1em;
    border: 1px solid #d5d5d5;
    font-size: 0.9em;
}

.legenda {
    margin-left: 1em;
}

.box-legenda label {
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 1.2em;
}

.legenda > span {
    display: block;
    float: left;
    height: 16px;
    width: 30px;
    margin-right: 5px;
}

.add-p-ativo {
    padding-top: 26px;
}

.field_down {
    padding-top: 26px;
}

.add-taxas {
    padding-top: 26px;
}

fieldset.fieldset-dashboard{
    margin-bottom: 10px;
}

.borded {
    border: 1px solid #ccc;
}

.color-brasindice:not(span),.color-brasindice input {
    background-color: rgba(246, 229, 141, 0.4) !important;
}

.color-simpro:not(span),.color-simpro input {
    background-color: rgba(41, 128, 185, 0.3) !important;
}

/******DASHBOARD*********/
.content-dashbord{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0.5em;
}
.content-dashbord:after{
    clear: both;
    content: "";
    display: table;
}



@media (min-width: 1025px) {
    .content-dashbord-icon{
        width: 33%;    
        box-sizing: border-box;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
        margin-right: 2%;
        padding: 1em;
    }
    .content-dashbord-icon-full{
        width: 100%;    
        box-sizing: border-box;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
        margin-right: 1%;
        padding: 1em;
    }
    
    .content-dashbord-info{
        width: 65%;    
        box-sizing: border-box;
        padding: 1em;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    }    
}


@media (min-width: 641px) and (max-width: 1024px)  {
    .content-dashbord-icon{
        width: 33%;    
        box-sizing: border-box;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
        margin-right: 2%;
        padding: 1em;
    }
    
    .content-dashbord-icon-full{
        width: 100%;    
        box-sizing: border-box;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
        margin-right: 1%;
        padding: 1em;
    }
    
    .content-dashbord-info{
        width: 65%;    
        box-sizing: border-box;
        padding: 1em;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    }    
}

@media (max-width: 640px) {
    .content-dashbord-icon{
        width: 100%;    
        box-sizing: border-box;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
        margin-right: 2%;
        padding: 1em;
    }
    
    .content-dashbord-icon-full{
        width: 100%;    
        box-sizing: border-box;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
        margin-right: 1%;
        padding: 1em;
    }
    
    .content-dashbord-info{
        width: 100%;    
        box-sizing: border-box;
        padding: 1em;
        box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    }
}



.content-dashbord-icon a{
    width: 10%;
    margin: 2%;
    display: inline-table;
    text-decoration: none;
}

.content-dashbord-icon a .icon-text {
    width: 70px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    font-size: 0.8em;
    margin: 0 auto;
}

.content-dashbord-icon a img{
    width: 100%;
    height: 100%;
}

.content-dashbord-icon-full a{
    width: 3%;
    margin: 1%;
    display: inline-table;
    text-decoration: none;
}

.content-dashbord-icon-full a .icon-text {
    width: 70px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    font-size: 0.8em;
    margin: 0 auto;
}

.content-dashbord-icon-full a img{
    width: 100%;
    height: 100%;
}

.content-dashbord-app{
    width: 100%;    
    box-sizing: border-box;
    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
    margin-right: 2%;
    padding: 1em;
}

.content-dashbord-app a{
    width: 10%;
    margin: 2%;
    display: inline-table;
    text-decoration: none;
}

.content-dashbord-app a .icon-text {
    width: 56px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    font-size: 0.8em;
    margin: 0 auto;
}

.content-dashbord-app a img{
    width: 100%;
    height: 100%;
}






.content-dashbord-info-1{
    width: 30%;
    float: left;
}

.content-dashbord-info-4{
    width: 25%;
    float: left;
}

.content-dashbord-panel a{
    width: 100%;
    margin: 2%;
    display: inline-table;
    text-decoration: none;
}

.content-dashbord-panel a .icon-text {
    width: 56px;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    font-size: 0.8em;
    margin: 10px;
}

.content-dashbord-panel a img{
    width: 100%;
    height: 100%;
}


.info-header {
    width: 100%;
    font-size: 1.2em;
    padding-bottom: 20px;
    color: #b1bbc3;
    font-weight: bold;
}

.info-header-right {
    width: 100%;
    font-size: 1.2em;
    padding-bottom: 20px;
    color: #b1bbc3;
    font-weight: bold;
    text-align: right;
}

.info-content {
    font-size: 3em;
    font-style: italic;
    text-align: center;
}

.info-content-right {
    font-size: 1em;
    font-style: italic;
    text-align: right;
}
.info-content-right-2 {
    font-size: 2em;
    font-style: italic;
    text-align: right;
}

.content-dashbord-info-2{
    width: 69%;
    float: left;
}

.content-dashbord-info-2 img {
    width: 100%;
}

td a.ui-commandlink.ui-widget {
    color: #2399e5;
}

.legend-bold legend{
    font-weight: bold !important;
}

/******END DASHBOARD*********/

.ui-state-disabled > .ui-inputfield, 
.ui-state-disabled > .ui-widget-content .ui-inputfield, 
.ui-state-disabled > .ui-widget-header .ui-inputfield,
li.ui-state-disabled, li.ui-state-disabled > a,
input[readonly] .ui-inputfield.ui-state-focus,  
input[readonly] .ui-widget.ui-inputfield.ui-state-focus,
input[readonly].ui-inputfield.ui-state-focus,  
input[readonly].ui-widget.ui-inputfield.ui-state-focus,

.ui-state-disabled, 
.ui-widget-content .ui-state-disabled, 
.ui-widget-header .ui-state-disabled,
.ui-state-disabled:hover, 
.ui-widget-content .ui-state-disabled:hover, 
.ui-widget-header .ui-state-disabled:hover,
.ui-state-disabled:disabled, 
.ui-widget-content .ui-state-disabled:disabled, 
.ui-widget-header .ui-state-disabled:disabled,
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly]{
    /*border: none !important;*/
    color: #6c757d !important;
    opacity: 1 !important;
    cursor: not-allowed !important;
    pointer-events: auto !important;
    box-shadow: none;
}

/*DATA PICKER*/
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-next:hover {
    top: 12px !important;
}

.ui-datepicker .ui-datepicker-next .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon:hover {
    width: 14px !important;
}

/*END DATA PICKER*/
/*######################################*/
/**********END PERSONALIZADOS***********/
/*######################################*/

.ui-datatable .ui-datatable-data .even-row td {

    background-color: #576fb726;
}

.ui-datatable .ui-datatable-data .odd-row td {
    background-color: #0c52b72e;
}

.ui-center-bold {
    text-align: center;
    font-weight: bold;
    text-transform: uppercase
}

.ui-datatable .ui-datatable-data .odd-row td {
    background-color: #0c52b72e;
}

hr.ui-separator.ui-state-default.ui-corner-all {
    width: 100%;
    display: inline-flex;
}

.agenda-row {
    min-width: 252px;
    max-width: 252px;
}

.agenda-row-after {
    width: calc(100% - 252px);
}

/*RESPONSIVE BOOTSTRAP*/
/*######################################*/
/**************** BOOTSTRAP *************/
/*######################################*/
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1170px;
    }
}

.container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.row {
    /*    margin-right: -15px;
        margin-left: -15px;*/
    margin-right: -.4em;
    margin-left: -.4em;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2,
.col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4,
.col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6,
.col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9,
.col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11,
.col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12,
.col-lg-12 {
    position: relative;
    min-height: 1px;
    /*    padding-right: 15px;
        padding-left: 15px;*/
    /*    padding-right: 8px;
        padding-left: 8px;*/
    padding: .4em;
}

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7,
.col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-12 {
    width: 100%;
}

.col-xs-11 {
    width: 91.66666667%;
}

.col-xs-10 {
    width: 83.33333333%;
}

.col-xs-9 {
    width: 75%;
}

.col-xs-8 {
    width: 66.66666667%;
}

.col-xs-7 {
    width: 58.33333333%;
}

.col-xs-6 {
    width: 50%;
}

.col-xs-5 {
    width: 41.66666667%;
}

.col-xs-4 {
    width: 33.33333333%;
}

.col-xs-3 {
    width: 25%;
}

.col-xs-2 {
    width: 16.66666667%;
}

.col-xs-1 {
    width: 8.33333333%;
}

.col-xs-pull-12 {
    right: 100%;
}

.col-xs-pull-11 {
    right: 91.66666667%;
}

.col-xs-pull-10 {
    right: 83.33333333%;
}

.col-xs-pull-9 {
    right: 75%;
}

.col-xs-pull-8 {
    right: 66.66666667%;
}

.col-xs-pull-7 {
    right: 58.33333333%;
}

.col-xs-pull-6 {
    right: 50%;
}

.col-xs-pull-5 {
    right: 41.66666667%;
}

.col-xs-pull-4 {
    right: 33.33333333%;
}

.col-xs-pull-3 {
    right: 25%;
}

.col-xs-pull-2 {
    right: 16.66666667%;
}

.col-xs-pull-1 {
    right: 8.33333333%;
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%;
}

.col-xs-push-11 {
    left: 91.66666667%;
}

.col-xs-push-10 {
    left: 83.33333333%;
}

.col-xs-push-9 {
    left: 75%;
}

.col-xs-push-8 {
    left: 66.66666667%;
}

.col-xs-push-7 {
    left: 58.33333333%;
}

.col-xs-push-6 {
    left: 50%;
}

.col-xs-push-5 {
    left: 41.66666667%;
}

.col-xs-push-4 {
    left: 33.33333333%;
}

.col-xs-push-3 {
    left: 25%;
}

.col-xs-push-2 {
    left: 16.66666667%;
}

.col-xs-push-1 {
    left: 8.33333333%;
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width: 768px) {
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,
    .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-12 {
        width: 100%;
    }

    .col-sm-11 {
        width: 91.66666667%;
    }

    .col-sm-10 {
        width: 83.33333333%;
    }

    .col-sm-9 {
        width: 75%;
    }

    .col-sm-8 {
        width: 66.66666667%;
    }

    .col-sm-7 {
        width: 58.33333333%;
    }

    .col-sm-6 {
        width: 50%;
    }

    .col-sm-5 {
        width: 41.66666667%;
    }

    .col-sm-4 {
        width: 33.33333333%;
    }

    .col-sm-3 {
        width: 25%;
    }

    .col-sm-2 {
        width: 16.66666667%;
    }

    .col-sm-1 {
        width: 8.33333333%;
    }

    .col-sm-pull-12 {
        right: 100%;
    }

    .col-sm-pull-11 {
        right: 91.66666667%;
    }

    .col-sm-pull-10 {
        right: 83.33333333%;
    }

    .col-sm-pull-9 {
        right: 75%;
    }

    .col-sm-pull-8 {
        right: 66.66666667%;
    }

    .col-sm-pull-7 {
        right: 58.33333333%;
    }

    .col-sm-pull-6 {
        right: 50%;
    }

    .col-sm-pull-5 {
        right: 41.66666667%;
    }

    .col-sm-pull-4 {
        right: 33.33333333%;
    }

    .col-sm-pull-3 {
        right: 25%;
    }

    .col-sm-pull-2 {
        right: 16.66666667%;
    }

    .col-sm-pull-1 {
        right: 8.33333333%;
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%;
    }

    .col-sm-push-11 {
        left: 91.66666667%;
    }

    .col-sm-push-10 {
        left: 83.33333333%;
    }

    .col-sm-push-9 {
        left: 75%;
    }

    .col-sm-push-8 {
        left: 66.66666667%;
    }

    .col-sm-push-7 {
        left: 58.33333333%;
    }

    .col-sm-push-6 {
        left: 50%;
    }

    .col-sm-push-5 {
        left: 41.66666667%;
    }

    .col-sm-push-4 {
        left: 33.33333333%;
    }

    .col-sm-push-3 {
        left: 25%;
    }

    .col-sm-push-2 {
        left: 16.66666667%;
    }

    .col-sm-push-1 {
        left: 8.33333333%;
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6,
    .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-12 {
        width: 100%;
    }

    .col-md-11 {
        width: 91.66666667%;
    }

    .col-md-10 {
        width: 83.33333333%;
    }

    .col-md-9 {
        width: 75%;
    }

    .col-md-8 {
        width: 66.66666667%;
    }

    .col-md-7 {
        width: 58.33333333%;
    }

    .col-md-6 {
        width: 50%;
    }

    .col-md-5 {
        width: 41.66666667%;
    }

    .col-md-4 {
        width: 33.33333333%;
    }

    .col-md-3 {
        width: 25%;
    }

    .col-md-2 {
        width: 16.66666667%;
    }

    .col-md-1 {
        width: 8.33333333%;
    }

    .col-md-pull-12 {
        right: 100%;
    }

    .col-md-pull-11 {
        right: 91.66666667%;
    }

    .col-md-pull-10 {
        right: 83.33333333%;
    }

    .col-md-pull-9 {
        right: 75%;
    }

    .col-md-pull-8 {
        right: 66.66666667%;
    }

    .col-md-pull-7 {
        right: 58.33333333%;
    }

    .col-md-pull-6 {
        right: 50%;
    }

    .col-md-pull-5 {
        right: 41.66666667%;
    }

    .col-md-pull-4 {
        right: 33.33333333%;
    }

    .col-md-pull-3 {
        right: 25%;
    }

    .col-md-pull-2 {
        right: 16.66666667%;
    }

    .col-md-pull-1 {
        right: 8.33333333%;
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%;
    }

    .col-md-push-11 {
        left: 91.66666667%;
    }

    .col-md-push-10 {
        left: 83.33333333%;
    }

    .col-md-push-9 {
        left: 75%;
    }

    .col-md-push-8 {
        left: 66.66666667%;
    }

    .col-md-push-7 {
        left: 58.33333333%;
    }

    .col-md-push-6 {
        left: 50%;
    }

    .col-md-push-5 {
        left: 41.66666667%;
    }

    .col-md-push-4 {
        left: 33.33333333%;
    }

    .col-md-push-3 {
        left: 25%;
    }

    .col-md-push-2 {
        left: 16.66666667%;
    }

    .col-md-push-1 {
        left: 8.33333333%;
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6,
    .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-12 {
        width: 100%;
    }

    .col-lg-11 {
        width: 91.66666667%;
    }

    .col-lg-10 {
        width: 83.33333333%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-8 {
        width: 66.66666667%;
    }

    .col-lg-7 {
        width: 58.33333333%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .col-lg-5 {
        width: 41.66666667%;
    }

    .col-lg-4 {
        width: 33.33333333%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-2 {
        width: 16.66666667%;
    }

    .col-lg-1 {
        width: 8.33333333%;
    }

    .col-lg-pull-12 {
        right: 100%;
    }

    .col-lg-pull-11 {
        right: 91.66666667%;
    }

    .col-lg-pull-10 {
        right: 83.33333333%;
    }

    .col-lg-pull-9 {
        right: 75%;
    }

    .col-lg-pull-8 {
        right: 66.66666667%;
    }

    .col-lg-pull-7 {
        right: 58.33333333%;
    }

    .col-lg-pull-6 {
        right: 50%;
    }

    .col-lg-pull-5 {
        right: 41.66666667%;
    }

    .col-lg-pull-4 {
        right: 33.33333333%;
    }

    .col-lg-pull-3 {
        right: 25%;
    }

    .col-lg-pull-2 {
        right: 16.66666667%;
    }

    .col-lg-pull-1 {
        right: 8.33333333%;
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%;
    }

    .col-lg-push-11 {
        left: 91.66666667%;
    }

    .col-lg-push-10 {
        left: 83.33333333%;
    }

    .col-lg-push-9 {
        left: 75%;
    }

    .col-lg-push-8 {
        left: 66.66666667%;
    }

    .col-lg-push-7 {
        left: 58.33333333%;
    }

    .col-lg-push-6 {
        left: 50%;
    }

    .col-lg-push-5 {
        left: 41.66666667%;
    }

    .col-lg-push-4 {
        left: 33.33333333%;
    }

    .col-lg-push-3 {
        left: 25%;
    }

    .col-lg-push-2 {
        left: 16.66666667%;
    }

    .col-lg-push-1 {
        left: 8.33333333%;
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

.sv-negrito{
    font-weight: bold;
    margin-bottom: 3px;
}


.sv-disabled {
    font-size: 14px;
    background-color: #d9d9d9 !important; 
    text-align: right !important;
}

.sv-right {
    text-align: right !important;
}

.sv-left {
    text-align: left !important;
}

.sv-center {
    text-align: center !important;
}


.sv-button-down{
    position: relative;
    top: 20px;      
}

.sv-button-down25px{
    position: relative;
    top: 25px;      
}
.sv-button-down10px{
    position: relative;
    top: 10px;      
}

.sv-button-down30px{
    position: relative;
    top: 30px;      
}

.sv-button-down-menubutton-yellow{
    position: relative;
    top: 20px;    
    background-color: yellow !important;
    
}

.sv-button-search{
    width: 70px;
    height: 50px;
    top: 0px;
}
    

.sv-icon-information {
  padding-left: 0px;
  position: relative;
}

.sv-icon-information:after {
    position: relative;
    font-family: 'FontAwesome';
    top: 0;
    left: 5px;
    content: "\f05a";
}


.sv-icon-nfe {
    background-image: url("/resources/imagens/nfe_40px.png") !important;
    
}

.sv-tooltip-position {
    position: fixed; 
    display: inline;    
}

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

.sv-alinha-texto-bottom{
    position: relative;
    bottom: 0;
}

.sv-agenda{

    background-color: green !important; 

}

.sv-formatdatatable {
    white-space: pre-wrap;
    word-break: break-all;
}
.sv-font24px{
    font-size: 24px;
}

.sv-font24pxNegrito{
    font-size: 24px;
    font-weight: bold;
}

.sv-font20px{
    font-size: 20px;
}

.sv-font20pxNegrito{
    font-size: 20px;
    font-weight: bold;
}

.sv-font18px{
    font-size: 18px;
}

.sv-font18pxNegrito{
    font-size: 18px;
    font-weight: bold;
}

.sv-labelwrap {
    white-space: pre-wrap  !important; 
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
}

.sv-tipoGuia 
    input[value="true"] + label {color:green} 
.sv-tipoGuia
    input[value="false"] + label {color:red}
.sv-tipoGuia
    input[value="null"] + label {color:yellow}
 
    
.sv-calendar-inputStyle input {width:80px !important;}

.sv-linhaazul{
                background-color: #89c8f7 !important ;
                background-image: none;
             }
             
             
.numberCircle {
    font: 32px Arial, sans-serif;

    width: 2em;
    height: 2em;
    box-sizing: initial;

    background: #fff;
    border: 0.1em solid #666;
    color: #666;
    text-align: center;
    border-radius: 50%;    

    line-height: 2em;
    box-sizing: content-box;   
}     

.oval {
    width: 3em;
    height: 2em;
    background: #a84909;
    border-radius: 50%;
    border: 0.1em solid #666;
    color: #666;
    
    
    line-height: 2em;
    box-sizing: content-box; 
}

.retangular {
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: inline-block;
    margin-right: 8px;
    border-radius: 16px;
    text-align: center;
    border: 1px solid #ddd;
    font-size: 24px;
    line-height: 2em;
    font-weight: normal;
    color: #666;
    height: 2em;
    width: 6em;
    cursor: pointer;
    padding: 0 15px;
}


.sv-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
    text-align: center;
}
.sv-whiteTotal {
    background-color: #ffffff;
    color:  #ffffff; 
    border-width:2px;
    border-style:solid;
    border-color:black;
    border-radius: 25px;
    border: 2px solid #73AD21;
    padding: 20px;
        
}