html, body, .bg-guest, .database {
    background-color: #FFF !important;
    background-image: url('https://umbau.hellomonday.agency/uploads/customer/bg.png') !important;
    background-repeat: no-repeat;
    background-size: cover;
    }

    #wrapper {
    background-color:#22343e !important;
    }

    .btn-customer, .btn-primary {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #FFF !important;
    }
    .btn-green {
    color: #fff !important;
    background-color: #5cb85c !important;
    border-color: #4cae4c !important;
    }
    .btn-green:hover {
    color:#FFF !important;
    }
    .form-control:focus, .single-line:focus {
    border-color: #000 !important;
    }
    .nav > li.active {
    border-left: 4px solid #000 !important;
    background: #000 !important;
    }
    .nav > li.active > a {
    color:#FFF;
    }
    .navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus {
    background-color: #000 !important;
    color: #FFF;
    }

    /* Profile Tabs */
    .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    background-color: #809813 !important;
    color: #FFF;
    }

    body.mini-navbar .navbar-default .nav > li > .nav-second-level li a {
    border-radius: 0px;
    }
    .pace .pace-progress {
    background: #000 !important;
    }

    .lock-word span{
    color: #DB752A !important;
    }

    .logo-navbar {
    margin-top:7px;
    margin-left:20px;
    }

    body.mini-navbar .logo-element {
    background-color: #000 !important;
    }

    .nav-header {
    background-image: url("https://umbau.hellomonday.agency/assets/css/patterns/header-profile.png") !important;
    background-repeat: no-repeat;
    background-size: cover;
    }
    .quick_navigation {
    margin-top:30px;
    }
    .quick_navigation .col-lg-9 h2 {
    font-size:28px;
    font-weight: 400;
    }
    ol.quick {
    background-color: #ffffff;
    padding: 0;
    margin-bottom: 0;
    }
    ol.quick {
    padding: 10px 15px;
    list-style: none;
    background-color: #FFF;
    border-radius: 5px;
    }
    ol.quick > li {
    display: inline-block;
    margin:5px;
    }
    ol.quick > li > a {
    color:#FFF;
    font-weight:inherit;
    }

    .fc-event, .fc-agenda .fc-event-time, .fc-event a {
    /* background-color: #000 !important;
    border-color: #000 !important;
    */
    border-width:3px !important;
    }
    .fc-state-active {
    background-color: #000 !important;
    border-color: #000 !important;
    }

    .nav>li {
    background-color: #22343e;

    }
    .nav>li a {
    color:#FFF;
    }
    .header-navbar>li{
    background-color:#FFF !important;
    }
    .note-editor {
    border:1px solid #CCC;
    }

    .status_0 {
    background-color:#23c6c8 !important;
    }
    .status_1 {
    background-color:#DB752A !important;
    }
    .status_2 {
    background-color:#5cb85c !important;
    }
    .status_3 {
    background-color:#ed5565 !important;
    }

    .projects_list {
    width: 120px;
    height: 120px;
    margin: 10px;
    padding: 10px;
    border: 1px solid #DB752A;
    background-color:#FFF;
    border-radius: 15px;
    }

    .label_close {
    margin-left: 5px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    }

    .label_close:hover,
    .label_close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
    }

    button.label_close {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    }

    .even {
    background-color: #ccc !important;
    }

    .odd {
    background-color: #FFF !important;
    }

    div#CustomerTable ul {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: -1px;
    }

    .level-1 {
    padding-left: 0px !important;
    margin-bottom: 0px;
    margin-left: 0px;
    }
    .level-2 {
    padding-left: 19.3px !important;
    }
    .level-3 {
    padding-left: 29.3px !important;
    }
    .level-4 {
    padding-left: 34.3px !important;
    }
    .level-5 {
    padding-left: 37.3px !important;
    }
    .level-6 {
    padding-left: 37.3px !important;
    }

    .mapDiv {
    width: 100% !important;
    height: 300px !important;
    display: block !important;
    margin-top: 20px !important;
    }

    .hide {
    display: none !important;
    }

    .visible {
    display: block !important;
    }

    .calendar_grey {
    background-color: #EEE;
    color:#CCC;
    }

    .calendar_green {
    background-color:lightgreen;
    color:#454545;
    }
    .calendar_red {
    background-color:red;
    color:#454545;
    }

    .calendar_org {
    background-color:orange;
    color:#454545;
    }

    .select2-close-mask {
    z-index: 2099;
    }
    .select2-dropdown {
    z-index: 3051;
    }
    .select2-container {
    width: 100% !important;
    }

    .progress-bar-system {
    background-color: #bbdd23 !important;
    }

    div#cxCalendarLoading {
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    position: absolute;
    display: block;
    opacity: 0.8;
    background-color: #fff;
    z-index: 99;
    text-align: center;
    }

    div#cxCalendarLoading img#cxCalendarLoadingImage {
    position: absolute;
    top: 45%;
    left: 50%;
    z-index: 100;
    }

    /*! Light */
    #light {
    background-color: #000;
    box-shadow: 0 0 5px rgba(0,0,0, .8);
    overflow: hidden;
    padding: 0.25rem;
    width: 110px;
    }

    #light span {
    border-radius: 50px;
    display: block;
    height: 15px;
    margin: 0.5rem;
    opacity: .5;
    width: 15px;
    float: left;
    }

    /*! Light colours */
    #red    {
    background-color: red;
    }
    #orange {
    background-color: orange;
    }
      #lightgreen  {
    background-color: lightgreen;
    }
    #green  {
    background-color: green;
    }

    /*! Active states */
    #light span.active    {
    opacity: 1;
    }
    #light #red.active    {
    box-shadow: 0 0 10px red;
    }
    #light #orange.active {
    box-shadow: 0 0 10px orange;
    }
    #light #green.active  {
    box-shadow: 0 0 10px green;
    background-color:#00e320;
    }