.timer { margin: 0 0 15px;}
.mr-2 {margin-right:10px;}

.skin-purple .main-header .logo {
background-color: #048fda !important; }
.skin-purple .main-header .navbar {
    background-color: #02a7ff !important;
}
.skin-purple .main-header .navbar .sidebar-toggle:hover {
    background-color: #048fda !important;
}

/* FORM ADD NEWS */

#NewsAddForm .important-news-date {
    display: none;
}

#NewsEditForm .important-news-date {
    display: none;
}

#NewsAddForm .border-highlight {
    border: solid 2px #555299;
}

#NewsEditForm .border-highlight {
    border: solid 2px #555299;
}

/*  Google Maps Dialog // Maps>edit  */

.pac-container {
    background-color: #fff;
    z-index: 20;
    position: fixed;
    display: inline-block;
    float: left;
}

.modal {
    /*z-index: 20;*/
}

.modal-backdrop {
    z-index: 10;
}

.toolbox-uren {
    margin-right: 10px;
}

.error-message {
    color: red;
}

/*

.login-logo{
	color:white;font-weight:100;
}*/

.user-menu .dropdown-menu a {
    color: #b8c7ce !important
}

.user-menu .dropdown-menu li:hover a {
    color: #fff !important;
    background: #1e282c;
    border-left-color: #605ca8;
}

table tr.custom-header {
    background: #f9f9f9
}

.button-margin {
    margin-top: 10px;
}

div#mobile, .timeslot-mobile-addbutton {
    display: none !important;
}

#mobile .setting_options {
    position: relative;
    width: 100%;
    z-index: 5;
}

#mobile .options {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    margin: 0px;
    padding: 0px;
    width: auto;
}

#mobile .options button {
    border: none;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    float: left;
}

#mobile .options span {
    font-size: 10px;
}

#mobile .row{
  margin-top:15px;
}

.mobile-controls {
    display: none;
}

.mobile-controls h3 {
    margin: 0px;
}

.mobile-alert-admin {
    display: none
}


@media only screen and (max-width: 800px) {
    .timeslot-desktop-addbutton{
      display: none!important;
    }
    #desktop, .timeslot-desktop-addbutton, #save-desktop-timesheet-button, .desktop-controls {
        display: none
    }
    div#mobile, .timeslot-mobile-addbutton, .mobile-controls, .mobile-alert-admin {
        display: block !important;
    }
    div#mobile .options, .hide-on-mobile {
        display: none
    }
    .label-dag-status {
        display: none !important;
    }
}