:root {
    --blue: #00AEF0;
    --dark-blue: #024072;
    --red: #e3000d;
    --gray: #868786;
    --light-gray: #868786;
    --expense-pallete-1: #FDDB02;
    --expense-pallete-2: #fff64d;
    --expense-pallete-3: #fff980;
    --expense-pallete-4: #fffbb3;
    --expense-pallete-5: #fffee5;
    --revenue-pallete-1: #00AEF0;
    --revenue-pallete-2: #4dceff;
    --revenue-pallete-3: #80dcff;
    --revenue-pallete-4: #b3eaff;
    --revenue-pallete-5: #e5f8ff;
    --line-chart-colorStopRGB: #00AEF0;
    --line-chart-borderColor: #00AEF0;
    --line-chart-pointBackgroundColor: #024072;
}


body {
    background-color: #222 !important;
}

.content {
/*    padding-left: 15px !important;
    padding-right: 15px !important;*/
}

.form-control[disabled], .form-control[readonly], fieldset[disabled], .selectize-control .selectize-input.disabled {
    background-color: #f7f8f9 !important;
}

.btn-default {
    background-color: #f7f8f9 !important;
}

.error-page .btn-default {
    border-color: #f7f8f9 !important;
    color: #024072 !important;
}

    .content-header h1 {
    color: #024072 !important;
    font-weight: bold;
}

.selectize-dropdown a.add-button{
    background-color: #868786 !important;
}

.selectize-dropdown a.add-button:hover {
    background-color: #00AEF0 !important;
}

.main-header .logo {
    overflow: visible !important;
}

.software-name{
    display: none !important;
}


#profit-loss #revenue, .info-box-number, .box .description-header {
    color: #868786 !important;
}

label, th, .printable th, .printable tfoot td, .modal-title, .info-box-text, .box .nav-pills {
    color: #20252d !important;
}

.btn-group .btn-info.disabled {
    background-color: #FDDB00 !important;
    border-color: #FDDB00 !important;
    color: #222 !important;
}

.layout-boxed .wrapper {
box-shadow: none !important;
}

.content-wrapper {
    background-color: #EFF1F2 !important;
}

.main-header .navbar {
    background-color: #FFF !important 
}

.navbar-nav > li > a {
    color: #868786 !important;
    font-weight: bold;
}

.breadcrumb {
    background-color: #EFF1F2 !important;
}

.login-box-body {
    background: #000 none repeat scroll 0 0 !important;
}

.btn-primary {
    background-color: #00AEF0 !important;
    border-color: #00AEF0 !important;
    color: #FFF !important;
}

.btn-success {
    background-color: #FDDB02 !important;
    border-color: #FDDB02 !important;
    color: #222 !important;
}
    .btn-success:hover {
        background-color: #00AEF0 !important;
        border-color: #00AEF0 !important;
        color: #FFF !important;
    }

    .btn-primary:hover, .btn-primary:focus {
        background-color: #024072 !important;
        border-color: #024072 !important;
    }

    .btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
        background-color: #024072 !important;
        color: #FFF !important;
    }

.login-logo {
    background: url('seaoil-logo-h.png') no-repeat;
    background-size: contain;
    background-position: center;
    /*background-color: #e3000d !important;*/
    height: 200px;
    background-origin: content-box;
}

.login-box-body .form-control-feedback, .register-box-body .form-control-feedback {
    color: #777 !important;
}

.login-box a{
    color: #FFF !important;
}

.login-box a:hover {
    color: #00AEF0 !important;
}

.book-box a {
    color: #00AEF0 !important;
}

    .book-box a:hover {
        color: #024072 !important;
    }

.login-box .validation-summary-errors li, .form-group.has-error .help-block {
    color: #EA2127 !important;
}

.main-header .logo {
    background-color: #024072 !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}
.skin-blue .main-header .navbar .sidebar-toggle{
    color: #024072 !important;
}

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side {
    background-color: #024072 !important;
}

.skin-blue .sidebar-menu > li:hover > a, .skin-blue .sidebar-menu > li.active > a, .skin-blue .sidebar-menu > li.menu-open > a {
    background-color:  #00AEF0 !important;
    border-left-color: #FDDB02;
}    

    .info-box .info-box-content {
        padding-left: 0px !important;
    }

.login-box {
    max-width: 500px;
}

.login-box-body {
    background-color: #024072 !important;
    padding-top: 0 !important;
}
.login-logo {
    background-color: #024072 !important;
}

.login-box-msg {
    color: #FFF !important;
}

.login-logo a {
    display: none !important;
}

.login-box .btn-primary {
    background-color: #00AEF0 !important;
    border-color: #00AEF0 !important;
    color: #FFF !important;
}

    .login-box .btn-primary:hover, .login-box .btn-primary:focus {
        background-color: #FDDB02 !important;
        border-color: #FDDB02 !important;
        color: #024072 !important;
  }

#sales-widget .description-block > .description-text {
    color: #868786 !important;
}

.bg-light-gray {
    background-color: #FFF !important;
    color: #868786 !important;
}

.skin-blue .bg-blue {
    background-color: #FFF !important;
    color: #868786 !important;
}

.skin-blue .bg-green {
    background-color: #fff !important;
    color: #868786 !important;
}

.badge.bg-green {
    background-color: #FDDB02 !important;
    color: #222 !important;
}
.badge.bg-blue {
    background-color: #00AEF0 !important;
    color: #FFF !important;
}

.main-footer{
    border-top: none !important;
}

.skin-blue .sidebar-menu .treeview-menu > li.active > a, .skin-blue .sidebar-menu .treeview-menu > li > a:hover {
    background-color: #FDDB02 !important;
    border-left: 2px solid #00AEF0 !important;
    color: #024072 !important;
}

.skin-blue .sidebar-menu .treeview-menu > li.active > a {
    color: #024072 !important;
}

    .bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body {
        background-color: #e3000d !important;
    }

.text-red {
    color: #e3000d !important;
}

.calendar-icon-wrapper .inside-text {
    background-color: #FFF !important;
}

.pager li.active > a {
    background-color: #00AEF0 !important;
    border-color: #00AEF0 !important;
    color: #FFF !important;
}

.pager li > a:hover, .pager li > a:focus {
    background-color: #00AEF0 !important;
    border-color: #00AEF0 !important;
    color: #FFF !important;
}

.box.box-warning {
    border-top-color: #F7EA48;
}

/*a.logo {
    background: url('autometrik-logoh.png') no-repeat;
    background-size: contain;
    background-position: center;*/
/*background-color: #e3000d !important;*/
/*}*/

.navbar-nav .user-menu .location .user-body a {
    font-weight: normal !important;
}

a.logo .logo-icon {
    background: url('seaoil-logo-h.png') no-repeat !important;
    background-size: 85% auto !important;
    background-position: left !important;
    background-position-x: 15px !important;
}

.main-header .logo .logo-lg {

}

a.logo .logo-icon img {
    visibility: hidden !important;
}

.sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: url('seaoil-logo.png') no-repeat !important;
    background-size: 85% !important;
    background-position: center !important;
}

span.logo-lg, span.logo-mini {
    /* display: none !important;*/
}


a {
    color: #00AEF0;
}


.input-group a {
    /* color: #e3000d;*/
}

.sidebar { 
    padding-top: 20px;
}

a:hover, a:active, a:focus {
    color: #024072;
}

.skin-blue .input-group .input-group-btn .btn:hover, .skin-blue .input-group .input-group-btn .btn:active, .skin-blue .input-group .input-group-btn .btn:focus {
    background-color: #00AEF0 !important;
    color: #FFF;
}

.skin-blue .main-header .navbar .nav > li > a:hover, .skin-blue .main-header .navbar .nav > li > a:active, .skin-blue .main-header .navbar .nav > li > a:focus, .skin-blue .main-header .navbar .nav .open > a, .skin-blue .main-header .navbar .nav .open > a:hover, .skin-blue .main-header .navbar .nav .open > a:focus, .skin-blue .main-header .navbar .nav > .active > a {
    color: #e3000d;
}

.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    background-color: #00AEF0 !important;
    color: #FFF !important;
    border-color: #00AEF0 !important;
}

.widget .btn-info {
    background-color: #00AEF0;
    border-color: #00AEF0 !important;
    color: #FFF !important;
}

    .widget .btn-info:hover {
        background-color: #024072 !important;
        border-color: #024072 !important;
        color: #FFF !important;
    }

.btn-info {
    background-color: #00AEF0;
    border-color: #00AEF0 !important;
    color: #FFF !important;
}

.skin-blue .sidebar a {
    font-weight: normal !important;
    color: #FFF;
}

.skin-blue .sidebar-menu > li > .treeview-menu {
    background-color: #024072 !important;
}

.skin-blue .sidebar-menu .treeview-menu > li > a {
    border-left: none !important;
}

.skin-blue .main-header li.user-header {
    background-color: #00AEF0;
}

.selectize-dropdown a.add-button:hover {
    color: #FFF !important;
}

.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {
    color: #FFF !important;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
    color: #FFF !important;
    background: #00AEF0 !important;
}

.location .user-header {
    color: #FFF !important;
}

.navbar-nav .user-menu .location .user-body a:hover {
    border-left: 3px solid #FDDB02;
}

.skin-blue .sidebar-menu > li.active > a {
    border-left-color: #FDDB02;
}

.skin-blue .sidebar-menu .treeview-menu > li.active > a, .skin-blue .sidebar-menu .treeview-menu > li > a:hover {
    border-left: 3px solid #e3000d;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-bottom: 3px solid #00AEF0;
    color: #00AEF0;
    font-weight: bold;
}

.nav-tabs > li > a:hover {
    border-bottom: 3px solid #024072;
    color: #024072;
}

.user-settings-nav ul.list-group li.list-group-item a:hover {
    border-bottom: 1px solid #868786 !important;
    color: #FFF !important;
}

.skin-blue .main-header .navbar{
    border-bottom: 0px !important;
}

.skin-blue .main-header .navbar a:hover {
    background-color: #00AEF0 !important;
    color: #FFF !important;
}

.bg-primary {
    background-color: #00AEF0;
}

.selectize-dropdown a.add-button:hover {
    background-color: #e3000d;
    color: #fff !important;
}

.info-box .progress {
    margin: 5px 0px 5px 0px !important;
}


.info-box .progress .progress-bar {
    background-color: #868786 !important;
}

#data-filter .btn-default {
    background-color: transparent;
    border-color: #00AEF0;
    color: #000 !important;
}

#data-filter .btn:hover, #data-filter .btn.active {
    background-color: #FDDB02;
    border-color: #FDDB02;
    color: #000 !important;
}

#data-filter .btn-primary:hover, #data-filter .btn.reset:hover {
    background-color: #FDDB02 !important;
    border-color: #FDDB02 !important;
}


.checkmark.bg-green {
    background-color: #6DCF37 !important
}

.report-sheet .title, .printable .header .title {
    color: #222 !important;
}

@media (max-width: 768px) {

    .main-header .logo .logo-lg {
        top: -5px !important;
    }
}