.comb-light {
  background-color: #ffffff;
  color: #000;
}
.comb-semi-dark {
  background-color: #5d5d5d;
  color: #ffffff;
}
.comb-dark {
  background-color: #2a2a2a;
  color: #ededed;
}
.theme-light {
  background-color: #ffffff;
  color: #000000;
}
.theme-light a,
.theme-light a:visited {
  color: #5d5d5d;
}
.theme-light a:hover,
.theme-light a:visited:hover {
  color: #f3b04e;
}
.theme-semi-dark {
  background-color: #5d5d5d;
  color: #ffffff;
}
.theme-semi-dark a,
.theme-semi-dark a:visited {
  color: #ffffff;
}
.theme-semi-dark a:hover,
.theme-semi-dark a:visited:hover {
  color: #f3b04e;
}
.theme-semi-dark ul:not(.mega-menu-column) {
  background-color: #5d5d5d;
}
.theme-semi-dark ul:not(.mega-menu-column) ul li:hover > a {
  background-color: #2a2a2a;
}
.theme-dark {
  background-color: #2a2a2a;
  color: #ededed;
}
.theme-dark a,
.theme-dark a:visited {
  color: #ededed;
}
.theme-dark a:hover,
.theme-dark a:visited:hover {
  color: #f3b04e;
}
.theme-dark ul:not(.mega-menu-column) {
  background-color: #2a2a2a;
}
.theme-dark ul:not(.mega-menu-column) ul li:hover > a {
  background-color: #5d5d5d;
}
#content .content-wrap {
  padding-top: 10px;
}
h1,
h2,
h3,
h4,
h5 {
  margin-bottom: 0;
}
/*_TEMPLATE CLASSES_*/

.ui-plate {
  background-color: rgba(0, 0, 0, 0.03);
  padding: 10px;
  border-color: transparent;
}
/*BOOTSTRAP SELECT*/

.bootstrap-select > button {
  background-color: initial;
  border-color: transparent;
}
.bootstrap-select > button:hover {
  background-color: initial;
  border-color: #f3b04e;
}
.bootstrap-select .filter-option-inner-inner {
  text-align: right;
  margin-right: 10px;
}
.bootstrap-select .bs-actionsbox button:not(:last-child) {
  margin-right: 10px;
}
/*BUTTONS*/

.btn-group button:focus {
  box-shadow: none !important;
}
/*CARDS*/

.card {
  border-radius: initial;
  border-color: #2a2a2a;
}
.card .card-header {
  background-color: #5d5d5d;
  color: #ffffff;
  padding: 5px;
}
.card .card-header:first-child {
  border-radius: initial;
}
.card .card-body {
  background-image: url(../canvas/html/images/pattern.png);
  background-repeat: repeat;
  padding: 5px 20px 2px 10px;
}
.card .card-body table {
  margin-bottom: 0;
}
.card .card-footer {
  padding: 5px;
}
.card ul {
  padding-left: 20px;
}
/*CSS SPINNER*/

.css3-spinner {
  z-index: 1050;
  background-color: rgba(1, 1, 1, 0.2);
  cursor: wait;
}
/*CHECKBOX, RADIO*/

.checkbox-style,
.radio-style,
.checkbox-style-1-label,
.radio-style-1-label,
.checkbox-style-2-label,
.radio-style-2-label,
.checkbox-style-3-label,
.radio-style-3-label {
  margin: initial !important;
  white-space: nowrap;
  text-align: left;
}
.checkbox-style-1-label:before,
.radio-style-1-label:before,
.checkbox-style-2-label:before,
.radio-style-2-label:before,
.checkbox-style-3-label:before,
.radio-style-3-label:before {
  margin-right: initial !important;
  border-width: 1px;
  background-color: rgba(255, 255, 255, 0.7);
}
.checkbox-style + label:hover:before {
  border-color: #f3b04e;
}
/*CLIENT-SIDE VALIDATION*/

.validation-summary-errors,
.field-validation-error {
  color: red;
}
/*DATEPICKERS*/

input.datepicker {
  text-align: center;
  max-width: 146px;
  z-index: 99;
  padding-left: 12px;
  padding-right: 12px;
}
.dt-maxwidth .datepicker {
  max-width: none;
}
/*DEVICE Size*/

.device-xs .modal-padding {
  padding: 5px;
}
/*EFFECTIVITY FIELD*/

.effectivity-field {
  background-color: transparent;
  border: 1px solid transparent;
}
.modal-edit-ui .effectivity-field:hover {
  border: 1px solid #f3b04e;
}
/*EMPLOYEE SEARCH*/

.search div.dataTables_wrapper div.dataTables_info {
  white-space: normal;
}
.search .search-toggle-trigger {
  margin-bottom: 20px;
  padding: 10px;
  text-align: center;
  background-color: #4299CF;
}
.search .search-toggle-trigger .search-toggle {
  background-color: rgba(0, 0, 0, 0.03);
  padding: 10px;
  border-color: rgba(0, 0, 0, 0);
  border: 1px solid transparent;
  padding: 5px 10px;
  display: inline-block;
  color: #ededed;
}
.search .search-toggle-trigger .search-toggle:hover {
  color: #ffffff;
  border-color: #ffffff;
}
.search.minimal-view .search-departmentid-cont {
  margin-bottom: 20px;
}
.xparams {
  min-width: 200px;
}
.xparams .select2 {
  width: 100% !important;
  margin-bottom: 0;
}
.search .search-toggle.collapsed .search-toggle-close,
.search .search-toggle .search-toggle-open,
.search.more-params .more-params-trigger,
.search .less-params-trigger,
.search .xparams,
.search .selectcol {
  display: none;
}
.search .search-toggle.collapsed .search-toggle-open,
.search .search-toggle .search-toggle-close,
.search.more-params .less-params-trigger,
.search.more-params .xparams {
  display: inline-block;
}
.search .params-trigger {
  display: inline;
}
.search.multi-select .selectcol {
  display: table-cell;
}
.search.multi-select .table-item-selected {
  background-color: rgba(66, 153, 207, 0.3);
}
/*FORM ACTIONS*/

.form-actions > .details {
  display: inline;
}
.form-actions > a,
.form-actions > button,
.form-actions > .details > *,
.form-actions > .btn-group {
  margin-bottom: 5px;
}
.form-actions > a,
.form-actions > button,
.form-actions > .details > *,
.form-actions > .btn-group {
  margin-right: 5px;
}
/*FX COL*/

.fxguide-col {
  margin-bottom: 0 !important;
}
.fxguide-col .fxguide-cont {
  background-color: rgba(23, 162, 184, 0.05);
  width: 100%;
  overflow: auto;
  max-height: 400px;
}
.fxguide-col pre.fxguide {
  display: inline;
}
/*GO TO TOP*/

.stretched #gotoTop {
  bottom: 150px !important;
}
/*INDEX-CARD-UI*/

.index-card-ui > div {
  margin-bottom: 20px;
}
.index-card-ui .icu-other-info {
  background-color: rgba(0, 0, 0, 0.7);
  padding: 10px;
  color: #ffffff;
}
.index-card-ui .icu-other-info label {
  color: #9a9a9a;
  border-bottom: 1px dotted #9a9a9a;
  display: block;
}
.index-card-ui .icu-other-info .period-cont {
  background-color: initial;
  padding-top: 0;
}
.index-card-ui .icu-balance {
  background-color: rgba(243, 176, 78, 0.3);
  padding: 20px;
  text-align: center;
}
.index-card-ui .icu-balance table {
  margin: 0 auto;
  font-size: larger;
}
.index-card-ui .icu-balance td {
  padding: 0 20px;
}
.index-card-ui .icu-balance tr td:last-child {
  text-align: right;
}
.index-card-ui .icu-balance tr:last-child:not(:first-child) {
  border-top: 1px solid;
}
.index-card-ui .icu-balance tr:last-child td {
  font-weight: bold;
}
.index-card-ui h4 {
  margin-bottom: 10px;
}
.index-card-ui h3 {
  margin-bottom: 10px;
}
.index-card-ui .rules-cont table {
  background-color: rgba(0, 0, 0, 0.03);
  padding: 10px;
  border-color: rgba(0, 0, 0, 0);
  width: 100%;
}
.index-card-ui .rules-cont table tr td {
  padding: 2px 5px;
  vertical-align: top;
}
.index-card-ui .rules-cont table tr td.colon {
  width: 30px;
}
.index-card-ui .rules-cont table tr td:last-child {
  width: 250px;
}
.index-card-ui .overall-balance {
  background-color: rgba(0, 0, 0, 0.03);
  padding: 10px;
  border-color: rgba(0, 0, 0, 0);
}
/*LABELS*/

label {
  text-transform: initial !important;
}
label:not(.checkbox-style-3-label, .radio-style-3-label) {
  cursor: initial !important;
}
/*LAYOUT*/

#primary-menu-trigger {
  display: none;
}
@media (max-width: 991.98px) {
  #primary-menu-trigger {
    display: block;
  }
}
/*LISTS*/

.list-group-header {
  background-color: #5d5d5d;
  color: #ffffff;
  font-size: large;
  color: white;
}
/*LOAN*/

.loan-calc {
  display: none;
  background-color: yellow;
  font-size: small;
  text-align: center;
}
.loan-calc-info {
  display: none;
  background-color: #ffff00;
  font-size: small;
  text-align: center;
  color: green;
}
.loan-calc-error {
  display: none;
  background-color: #ffff00;
  font-size: small;
  text-align: center;
  color: red;
}
.loan-calc-error ul {
  text-align: left;
  max-width: 50%;
  margin: 0 auto;
}
/*MAIN MENU*/

body.stretched .container-fullwidth #primary-menu ul li.mega-menu .mega-menu-content {
  margin: -8px 60px !important;
}
#primary-menu ul li > a {
  text-transform: initial !important;
}
/*MODAL VIEW UI*/

.dimmed .list-group-header {
  background-color: darkgray;
}
.dimmed label,
.dimmed div {
  color: darkgray;
}
.list-group-item > label {
  float: left;
  max-width: 30%;
}
.list-group-item > div {
  position: relative;
  float: right;
  max-width: 70%;
  width: 100%;
  text-align: right;
}
.list-group-item > div .checkbox-cont {
  direction: rtl;
}
.list-group-item > div .checkbox-cont:not(:last-child) {
  margin-right: 12px;
}
.list-group-item.fullwidth > div,
.list-group-item.fullwidth input,
.list-group-item.fullwidth textarea {
  width: 100%;
  max-width: 100% !important;
  text-align: left;
}
.list-group-item.indented {
  padding-left: 40px !important;
}
.list-group-addon {
  position: absolute;
  right: -10px;
  top: 9px;
}
.modal-view-ui .view-title {
  color: #ffffff;
  background-color: #4299CF;
  padding: 20px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.modal-view-ui .view-title.deprecated-item {
  text-decoration: line-through;
  text-decoration-color: red;
}
.modal-view-ui .deprecated-item-text {
  display: none;
}
.modal-view-ui .deprecated-item + .deprecated-item-text {
  display: block;
  background-color: yellow;
  color: red;
  text-align: center;
  margin-bottom: 10px;
}
.modal-view-ui .list-group:not(.dimmed) .list-group-header {
  background-color: #f3b04e;
}
.modal-view-ui label {
  cursor: initial;
}
.modal-view-ui.center-style {
  background-color: rgba(0, 0, 0, 0.03);
}
.modal-view-ui.center-style .list-group {
  max-width: 600px;
  margin: 0 auto;
}
.modal-view-ui.pattern-bg .list-group,
.modal-edit-ui.pattern-bg .list-group {
  background-color: rgba(0, 0, 0, 0.03);
  padding: 10px;
  border-color: rgba(0, 0, 0, 0);
}
.modal-view-ui.pattern-bg .list-group-item,
.modal-edit-ui.pattern-bg .list-group-item {
  background-color: initial !important;
  border: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important;
  padding: 2px;
}
.modal-view-ui.pattern-bg .list-group-item input,
.modal-edit-ui.pattern-bg .list-group-item input,
.modal-view-ui.pattern-bg .list-group-item select,
.modal-edit-ui.pattern-bg .list-group-item select,
.modal-view-ui.pattern-bg .list-group-item textarea,
.modal-edit-ui.pattern-bg .list-group-item textarea {
  background-color: initial !important;
}
.modal-view-ui.pattern-bg .list-group-item .period-cont,
.modal-edit-ui.pattern-bg .list-group-item .period-cont {
  float: right;
  background-color: initial;
  padding: initial;
}
.modal-view-ui.pattern-bg .list-group-item:last-child,
.modal-edit-ui.pattern-bg .list-group-item:last-child {
  border-bottom: none !important;
}
.modal-view-ui.pattern-bg .list-group-header,
.modal-edit-ui.pattern-bg .list-group-header {
  color: #f3b04e;
  padding-left: 0;
}
.modal-view-ui.pattern-bg .card,
.modal-edit-ui.pattern-bg .card {
  background-color: rgba(0, 0, 0, 0.03);
  padding: 10px;
  border-color: rgba(0, 0, 0, 0);
}
.modal-view-ui.pattern-bg .checkbox-cont label,
.modal-edit-ui.pattern-bg .checkbox-cont label {
  cursor: pointer;
}
.modal-view-ui.pattern-bg .input-group .input-group-append,
.modal-edit-ui.pattern-bg .input-group .input-group-append {
  background-color: initial;
}
.modal-view-ui.pattern-bg .input-group .input-group-text,
.modal-edit-ui.pattern-bg .input-group .input-group-text {
  background-color: initial;
  padding: 0 0 0 20px;
  border: none;
  border-radius: 0;
}
.modal-edit-ui .view-title {
  color: #ffffff;
  background-color: #4299CF;
  padding: 20px;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
}
.modal-edit-ui .view-title.deprecated-item {
  text-decoration: line-through;
  text-decoration-color: red;
}
.modal-edit-ui .deprecated-item-text {
  display: none;
}
.modal-edit-ui .deprecated-item + .deprecated-item-text {
  display: block;
  background-color: yellow;
  color: red;
  text-align: center;
  margin-bottom: 10px;
}
.modal-edit-ui .list-group:not(.dimmed) .list-group-header {
  background-color: #f3b04e;
}
.modal-edit-ui label {
  cursor: initial;
}
.modal-edit-ui .list-group:not(.dimmed) .list-group-header {
  background-color: #f3b04e;
}
.modal-edit-ui input,
.modal-edit-ui textarea,
.modal-edit-ui select,
.modal-edit-ui select:focus {
  border: none;
  display: inline-block;
  border: 1px solid transparent;
  text-align: right;
}
.modal-edit-ui select {
  text-align-last: right;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.modal-edit-ui select::-ms-expand {
  display: none;
}
.modal-edit-ui .file-input:hover,
.modal-edit-ui input:not(.file-caption-name):not(:read-only):not(:disabled):focus,
.modal-edit-ui textarea:focus,
.modal-edit-ui input:not(.file-caption-name):not(:read-only):not(:disabled):hover,
.modal-edit-ui textarea:hover {
  border: 1px solid #f3b04e !important;
}
.modal-edit-ui input[readonly] {
  color: gray;
}
.modal-edit-ui .select2-container--default .select2-selection--single,
.modal-edit-ui .select2-container--default .select2-selection--multiple {
  border: 1px solid transparent;
}
.modal-edit-ui .select2-container--default .select2-selection--single:hover,
.modal-edit-ui .select2-container--default .select2-selection--multiple:hover {
  border: 1px solid #f3b04e;
}
.modal-edit-ui .file-input {
  background-color: white;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
}
.modal-edit-ui .file-input * {
  border: none;
}
.modal-edit-ui .file-input .file-caption-name {
  text-align: left;
}
.modal-edit-ui table.days-ui {
  float: right;
}
/*MODALS*/

.modal-backdrop {
  z-index: 1050 !important;
}
.modal-messages {
  background-image: url(../canvas/html/images/pattern.png);
  background-repeat: repeat;
}
.modal-messages:empty {
  display: none;
}
.modal-content {
  border: none;
  background-color: #5d5d5d;
}
.modal-content .close {
  color: white;
  text-shadow: none;
}
.modal-header,
.modal-footer {
  background-color: #5d5d5d;
  color: #e0e0e0;
}
.modal-header h4,
.modal-footer h4 {
  color: inherit;
}
.modalempty .modal-body {
  min-height: 300px;
}
.modal-body {
  background-image: url(../canvas/html/images/pattern.png);
  background-repeat: repeat;
  max-height: 700px;
  overflow: auto;
}
.modal-body > .text-danger > ul {
  margin-left: 40px;
}
.modal-body form {
  margin-bottom: 0;
}
.modal.from-template .modal-footer {
  visibility: hidden;
}
.modal-footer {
  text-align: center;
}
/*NAVBAR*/

.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  -webkit-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  padding-left: inherit;
  padding-right: inherit;
  margin-left: inherit;
  margin-right: inherit;
  width: inherit;
}
/*PAGE MENU*/

#page-menu .menu-title > div {
  position: absolute;
  top: -3px;
}
#page-menu .menu-title > div button,
#page-menu .menu-title > div a {
  font-size: small;
}
.sticky-menu-title {
  display: none;
}
.sticky-page-menu .sticky-menu-title {
  display: block;
}
/*PATTERN BACKGROUND*/

.pattern-background {
  background-image: url(../canvas/html/images/pattern.png);
  background-repeat: repeat;
}
.pattern-background-dark {
  background-image: url(../images/pattern-dark.png);
  background-repeat: repeat;
}
/*PERIOD*/

.period-cont {
  background-color: rgba(0, 0, 0, 0.2);
  padding: 10px;
  margin-bottom: 20px;
  width: 100%;
}
.period-cont > div {
  background-color: rgba(0, 0, 0, 0.03);
  padding: 10px;
  border-color: rgba(0, 0, 0, 0);
  background-color: rgba(66, 153, 207, 0.3);
  border: 1px solid transparent;
  border-radius: initial;
  margin: 0 -10px;
}
.period-cont > div:hover {
  border-color: #4299CF;
  cursor: pointer;
}
.period-cont > label {
  display: block;
}
/*PLACEHOLDERS*/
::-webkit-input-placeholder {
  color: lightgray !important;
}
:-ms-input-placeholder {
  color: lightgray !important;
}
::placeholder {
  color: lightgray !important;
}
select[has-placeholder] {
  color: lightgray;
}
/*POPOVER*/

[data-toggle="popover"] {
  color: #f3b04e;
}
.popover {
  max-width: initial;
}
.popover table,
.popover ol {
  margin-bottom: 0;
}
.popover-contents {
  padding: 10px;
  font-size: 11px;
}
.popover-table {
  width: 100%;
  margin: 0;
  font-size: 10px;
}
.popover-table thead tr {
  background-color: #e0e0e0;
}
.popover-table tfoot tr {
  border-top: 1px solid #e0e0e0;
}
/*RADIOBOX*/

.radiobox-cont label {
  cursor: pointer;
}
.radiobox-cont .radio-style:checked + .radio-style-3-label:before {
  color: #000;
  background-color: white;
}
/*RIGHT NAVIGATION*/

#right-navigation .list-group-item a {
  display: inline-block;
  width: 100%;
  background-image: url(../canvas/html/images/icons/widget-link.png);
  background-repeat: no-repeat;
  padding-left: 1.3em;
  color: #000;
}
#right-navigation .selected-item {
  background-color: #e0e0e0;
}
.device-xs #right-navigation {
  display: none;
}
/*ROW*/

.row > div {
  margin-bottom: 20px;
}
/*SEARCH*/

#side-panel .search input,
#side-panel .search select,
#side-panel .search label,
#side-panel .search td,
#side-panel .search a {
  font-size: smaller !important;
}
#side-panel .search td {
  border: 1px solid transparent;
}
#side-panel .search td:hover {
  border-color: #f3b04e !important;
}
#side-panel .search .dataTables_paginate {
  font-size: x-small !important;
}
/*SETTINGS*/

#top-settings {
  float: right;
  margin: 30px 0 40px 15px;
  -webkit-transition: margin 0.4s ease, opacity 0.3s ease;
  -o-transition: margin 0.4s ease, opacity 0.3s ease;
  transition: margin 0.4s ease, opacity 0.3s ease;
}
#top-settings a {
  font-size: 24px;
}
#header.sticky-header:not(.static-sticky) #top-settings {
  margin-top: 10px !important;
  margin-bottom: 20px !important;
}
.device-xs #header .container-fullwidth,
.device-sm #header .container-fullwidth,
.device-md #header .container-fullwidth {
  padding-bottom: 10px !important;
}
.device-xs #top-settings,
.device-sm #top-settings,
.device-md #top-settings {
  position: absolute;
  top: 0;
  right: 20px;
}
/*SIDE PANEL*/

#side-panel {
  width: 330px !important;
  right: auto !important;
  background-image: url(../canvas/html/images/pattern.png);
  background-repeat: repeat;
}
.side-panel-wrap {
  padding: 10px 10px 100px 10px !important;
}
.side-push-panel #side-panel {
  left: -330px !important;
}
.side-push-panel.side-panel-open #side-panel {
  left: 0 !important;
}
body.side-panel-left.side-push-panel.side-panel-open.stretched #wrapper {
  left: 330px !important;
}
/*SMALLER*/

.smaller {
  font-size: 11px;
}
.smaller .list-group-header {
  font-size: 14px;
}
.smaller .list-group-item {
  padding: 4px;
}
.smaller .list-group-item > label {
  max-width: 40%;
}
.smaller .list-group-item > div {
  max-width: 60%;
}
.smaller * {
  font-size: 11px;
}
/*TOP LINKS*/

.top-links li > a {
  text-transform: initial !important;
}
/*CHANGE PASSWORD*/

#jpscont {
  background-color: #fff;
  color: #000;
  position: relative;
}
#jpscont .jpsinfo {
  position: absolute;
  top: -6px;
  left: 78%;
}
#jpscont .jpsinfo a {
  color: #f3b04e;
  font-size: 20px;
}
#jpscont .jpsinfo a i {
  vertical-align: top;
}
#jpscont .jpsinfo a:hover {
  color: #f3b04e;
}
#jpscont .jpsmeter {
  float: left;
  width: 75%;
}
#jpscont #PasswordStrengthBorder {
  border: 1px solid #000;
}
#jpscont #PasswordStrengthBar {
  height: 5px;
}
#jpscont span {
  display: inline-block;
  font-size: 9px;
}
.top-link-section-pw {
  display: none;
  position: absolute;
  z-index: 210;
  line-height: 1.5;
  background-image: url(../canvas/html/images/pattern.png);
  background-repeat: repeat;
  border: 0;
  top: 44px;
  left: 0;
  width: 300px;
  margin: 0;
  padding: 20px 20px 0 20px;
  border-top: 1px solid #f3b04e;
  border-bottom: 1px solid #EEE;
  box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2);
}
a.top-link-section-pw-trigger.top-link-section-pw-open + .top-link-section-pw {
  display: block;
}
[title="package"] {
  color: blue;
}
[title="package-item"] {
  color: cornflowerblue;
}
.paste-options ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.paste-options ul li {
  margin-bottom: 5px;
}