@charset "UTF-8";
/* Main classes */
.app-primary {
    background-color: #595959 !important;
}

.app-secondary {
    background-color: #fdca01 !important;
    color: #595959 !important;
}

.app-tertiary {
    background-color: #fdca01 !important;
    color: #595959 !important
}

.font-app-secondary {
    color: #fdca01 !important;
}

.bootbox .btn-primary {
    background-color: #fdca01 !important;
    border-color: #fdca01;
}

.app-quaternary {
    background-color: #e9edef !important;
    background-image: none !important;
    border-color: #e9edef !important;
    color: #80898e !important;
}

/* Portlets */
.portlet.box.app-primary {
    border-color: #595959 !important;
    border-style: none solid solid;
    border-width: 0 1px 1px;
}

.portlet > .portlet-body.app-primary, .portlet.app-primary {
    background-color: #595959 !important;
}

.portlet > .portlet-body.app-secondary, .portlet.app-secondary {
    background-color: #fdca01 !important;
    color: #595959 !important;
}

.portlet > .portlet-body.app-quaternary, .portlet.app-quaternary {
    background-color: #e9edef !important;
}

.portlet.box.app-primary .portlet-title i, .portlet.box.app-secondary .portlet-title i {
    color: #fff;
}

.portlet.box.app-quaternary .portlet-title i {
    color: #80898e;
}

.portlet.box.app-secondary .portlet-title i, .portlet.box.app-secondary .portlet-title {
    color: #595959;
}

.portlet.box.app-secondary {
    border-color: #fdca01 !important;
    border-style: none solid solid;
    border-width: 0 1px 1px;
}

.portlet.box.app-quaternary {
    border-color: #e9edef !important;
    border-style: none solid solid;
    border-width: 0 1px 1px;
}

.portlet.box.app-quaternary > .portlet-title > .caption {
    color: #656565;
}

/* Buttons */
.app-primary.btn:hover,  .app-primary.btn.active  {
    background-color: #656565 !important;
}

.app-primary.btn, .app-tertiary.btn {
    color: #fff !important;
}

.app-secondary.btn:hover, .app-secondary.btn.active {
    background-color: #f5c003 !important;
}

.app-quaternary.btn:hover {
    background-color: #d1dade !important;
}

.app-tertiary.btn:hover {
    background-color: #fdca01 !important;
}

/* Badges */
.app-tertiary.badge, .label.app-tertiary, .btn.app-tertiary {
    color: #595959 !important;
    background-color: #fdca01 !important;
}

/* Metronic Dashboard */
.dashboard-stat.app-primary .details > .number, .dashboard-stat.app-primary .details > .desc {
    color: white;
}

.dashboard-stat.app-primary .more {
    background-color: #8a9c9d;
    color: white;
}

.dashboard-stat.app-primary .visual > i {
    color: white;
    opacity: 0.1;
}

.dashboard-stat.app-quaternary .visual > i {
    color: #80898e;
    opacity: 0.1;
}

.dashboard-stat.app-quaternary .details > .number, .dashboard-stat.app-quaternary .details > .desc {
    color: #80898e;
}

.dashboard-stat.app-quaternary .more {
    background-color: #dde3e6;
    color: #80898e;
}
.dashboard-stat.app-quaternary{
    border-style: solid;
    border-width: 1px;
}
.dashboard-stat.app-quaternary:hover{
    border-color: #BBBBBB !important;
}
.dashboard-stat.app-quaternary > .details{
    right: 16px;
}
.dashboard-stat.app-quaternary:hover a.more{
    background-color: #BBBBBB;
    color: #586166;
}
.dashboard-stat.app-quaternary:active a.more{
    color: #fdca01;
    font-weight: bold;
}

.dashboard-stat.type-export:hover .details > .number{
    color: #fdca01;
}
.dashboard-stat.type-import:hover .details > .desc{
    color: #fdca01;
    font-weight: bold;
}

.dashboard-stat.app-secondary .visual > i {
    color: white;
    opacity: 0.1;
}

.dashboard-stat.app-secondary .details > .number, .dashboard-stat.app-secondary .details > .desc {
    color: #FFFFFF;
}

.dashboard-stat.app-secondary .more {
    background-color: #fdca01 !important;
    color: #FFFFFF;
}

/*Success and Error colours */
/*Progress bars */
.progress > .progress-bar {
    color: #FFFFFF;
}

.badge.app-success {
    background-color: #fdca01;
    color: #FFFFFF !important;
}

.badge.app-warning {
    background-color: #f2784b;
    color: #FFFFFF !important;
}

.badge.app-danger {
    background-color: #e04a49;
    color: #FFFFFF !important;
}

.badge.app-busy {
    background-color: #939393;
    color: #FFFFFF !important;
}

.i.app-info {
    color: #3d89b7;
}

.i.app-success, .app-success {
    color: #fdca01;
}

.i.app-warning {
    color: #f2784b;
}

.i.app-danger, .app-danger {
    color: #e04a49;
}

/* Progress bars */
.progress > .app-tertiary {
    background-color: #fdca01;
}

.progress > .app-success {
    background-color: #fdca01;
}

.progress > .app-danger {
    background-color: #e04a49;
}

/* Style for icons used as buttons */
.icon-only-btn.app-primary {
    color: #595959 !important;
    background-color: transparent !important;
}

.icon-only-btn.app-primary:hover {
    color: #7f9293 !important;
    background-color: transparent !important;
}

/*Captions (portlet headings)*/
.caption.app-tertiary {
    color: #fdca01 !important;
    background-color: transparent !important;
}

.caption.app-tertiary > i {
    color: #fdca01 !important;
    background-color: transparent !important;
}

.caption.app-secondary {
    color: #fdca01 !important;
    background-color: transparent !important;
}

.caption.app-secondary > i {
    color: #fdca01 !important;
    background-color: transparent !important;
}

i.app-primary {
    color: #8a9c9d !important;
    background-color: transparent !important;
}

i.app-quaternary {
    color: #80898e !important;
    background-color: transparent !important;
}

/* Links */
a.normal {
    color: #464646 !important;
    cursor: pointer;
}

/* WIzard styles */
.panel.app-primary .panel-heading{
    background-color: #8a9c9d;
    color: white;
}

.panel.app-primary .panel-body{
    border-color: #8a9c9d;
    background-color: #FFFFFF;
}

.panel.app-primary .btn-warning {
    background-color: #e9edef !important;
    color: #80898e !important;
}

.panel.app-primary .nav-pills .active a {
    background-color: #fdca01 !important;
}

.panel.app-primary .btn-primary {
    background-color: #fdca01 !important;
}

.panel.app-quaternary .panel-body{
    border-color: #e9edef;
    background-color: #FFFFFF;
}

.panel.app-quaternary .panel-heading{
    background-color: #e9edef;
    color: #80898e;
}



/* Bright stats dashboard components */
/* success dashboard */
.dashboard-stat2.bright.app-success {
    background: none repeat scroll 0 0 #fdca01;
}

.dashboard-stat2.bright.app-success .display .number small {
    color: #cae8e3;
}

.dashboard-stat2.bright.app-success .display .icon > i{
    color: white !important;
}

.dashboard-stat2.bright.app-success .progress-bar  {
    background-color: #63dbc7;
    box-shadow: none;
}

.dashboard-stat2.bright.app-success .progress {
    background: none repeat scroll 0 0 #59c2b0;
}

.dashboard-stat2.bright.app-success .progress-info .status {
    color: #cae8e3;
}

.dashboard-stat2.bright.app-success .display .number h3 {
    color: white;
}

/* error dashboard */
.dashboard-stat2.bright.app-danger {
    background: none repeat scroll 0 0 #d45652;
}

.dashboard-stat2.bright.app-danger .display .number small {
    color: #fedbd9;
}

.dashboard-stat2.bright.app-danger .display .icon > i{
    color: white !important;
}

.dashboard-stat2.bright.app-danger .progress-bar  {
    background-color: #fe948e;
    box-shadow: none;
}

.dashboard-stat2.bright.app-danger .progress {
    background: none repeat scroll 0 0 #df6663;
}

.dashboard-stat2.bright.app-danger .progress-info .status {
    color: #fedbd9;
}

.dashboard-stat2.bright.app-danger .display .number h3 {
    color: white;
}

/* date picker */
.bootstrap-datetimepicker-widget td.today:before {
    border-bottom-color: #fdca01;
}

.datepicker .active {
    background-color: #fdca01 !important;
}

.text-success.link:hover {
    color: #3d9992;
}

.text-danger.link:hover {
    color: #c8494e;
}

/* Bootstrap switch button text color */
.bootstrap-switch-.app-secondary {
    color: #fff;
}

.note-app-secondary-stripe {
    border-color: #fdca01;
}

.link,a {
    color: #fdca01;
}

.content .tiles .tile:hover {
    border-color: #fdca01 !important;
}

.pace .pace-progress {
    background-color: #fdca01 !important;
}

.ui-select-bootstrap .ui-select-choices-row.active > span {
    background-color: #fdca01 !important;
    color: #595959 !important;
}

#fixed-header-wrapper > div.table-heading {
    background-color: #595959 !important;
    color: #FFFFFF;
}

.tdTbl tbody .tdTbl_dataHead, .tdTbl tbody .newSection {
    border-right: 1px solid #595959 !important;
}