.logo {
    font-family: 'Dosis' !important;
    font-weight: bold !important;
    font-size: 28px !important;
}

.header .img {
    background-image: url('/img/logo_black.png');
    background-size: 130px 48px;
    display: inline-block;
    height: 48px;
    vertical-align: middle;
    width: 130px;
}

.header.bg-yellow img {
    background-image: url('/img/logo_black.png');
    background-size: 100px 42px;
    height: 42px;
    width: 100px;
}

.form-box .error {
    margin-bottom: 27px;
    background: none repeat scroll 0% 0% #CC3900;
    box-shadow: 0px -3px 0px rgba(0, 0, 0, 0.2) inset;
    padding: 20px 10px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #FFF;
}

.form-control-grey{
    background:#eee !important;
}

.label-danger {
    background-color: #CC3900;
}

.usernotify label {
    font-weight: normal !important;
    line-height: 18px !important;
    margin: 0 0 0 0.5em !important;
    vertical-align: bottom !important;
}

.clickableRow {
    cursor: pointer;
}

    .clickableRow:hover td {
        background-color: #DDD !important;
    }

.order-list {
    height: 100%;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #666;
    border-color: #666;
}

.alert-danger .alert-link {
    color: #dd4b39;
}

table.table-ellipsis {
}

    table.table-ellipsis tr td, table.table-ellipsis tr th {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.input-validation-error {
    border-color: #DD0000;
    background-color: #FFBBBB;
}

.top-buffer {
    margin-top: 20px;
}

.monospaced {
    font-family: monospace;
}

table.emission-table {
    width: 100%;
    background-color: #F9F9F9;
    border-radius: 8px 8px 8px 8px;
}

    table.emission-table th, table.emission-table td {
        text-align: center;
        text-transform: uppercase;
    }

td.emission-table-value {
    text-align: center;
    position: relative;
}

td.clickableRow .hover-text {
    position: absolute;
    top: 8px;
    left: 8px;
    visibility: hidden;
    color: rgba(0,0,0,0.4);
}

td.clickableRow:hover {
    box-shadow: inset 0 0 5px rgba(0,0,0,0.3);
}

    td.clickableRow:hover .hover-text {
        visibility: visible;
    }


table.emission-table th, table.emission-table td {
    border: 1px solid #FFF;
    padding: 24px 12px 24px 12px;
}

col.project {
    width: 22%;
}

col.inquiry {
    width: 26%;
    background-color: #fff5ca;
}

col.tender {
    width: 26%;
    background-color: #ffea97;
}

col.realisation {
    width: 26%;
    background-color: #F6D655;
}

td.no-info {
    background-color: #F9F9F9;
}

table.emission-table td.warning {
    background-color: #F56954;
    color: #FFF;
}

table.emission-table td.project-name {
    font-weight: bold;
    background-color: #E9E9E9;
}

.top-nav-item {
    padding: 8px;
}

#schedule-ticket-steps h3 {
    display: none;
}

.treeview .treeview-menu li {
    border-left: 4px solid #444;
}


.treeview.active .treeview-menu li.active {
    border-left: 4px solid #F1C40D;
}

.text-black-underline {
    color: #000;
    text-decoration: underline;
}

.list-status {
    display: table-cell;
    padding: 2px 4px 2px 4px;
    width: 130px;
    text-align: center;
    border: 1px solid white;
}

.Approved {
    background-color: #00a65a;
    color: white;
}

.TopdownAccepted {
    background-color: #4EC18D;
    color: white;
}

.Rejected {
    background-color: #f56954;
    color: white;
}

.Released {
    background-color: #F1C40D;
    color: black;
}

.TopdownRejected {
    background-color: #F89687;
    color: white;
}

.Submitted {
    background-color: #0073b7;
    color: white;
}

.Canceled {
    background-color: #666;
    color: white;
}

.AwaitingApproval {
    background-color: #F1C40D;
    color: white;
}

.Leeg {
    background-color: #f56954;
    color: white;
}

.Empty {
    background-color: #f56954;
    color: white;
}

.Onvolledig {
    background-color: #f6d655;
    color: white;
}

.Volledig {
    background-color: #00a65a;
    color: white;
}

.Nvt {
    background-color: #EEE;
    color: #444;
}

.Provisional {
    background-color: #7A7A7A;
    color: white;
}

#divLicensePlateNumberLookup {
    padding-bottom: 0px;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

span.terugkeerpatroon-spacer {
    margin-top: 2px;
    height: 16px;
    display: inline-block;
    width: 20px;
    margin-left: 5px;
}

span.terugkeerpatroon {
    background-image: url("/img/terugkeer_icon.png");
}

.fc-center h2 {
    padding-top: 32px;
    font-size: 18px;
}

.inline-button {
    display: inline-block;
    margin-left: 20px;
}

@media (max-width: 725px) {
    span.current-username {
        display: none;
    }

    span.project-selection {
        display: none;
    }

    i.project-selection-glyph {
        display: inline-block;
    }

    .navbar-nav > .notifications-menu > .dropdown-menu {
        left: auto !important;
        position: absolute !important;
        right: -60px !important;
    }
}

@media (min-width: 726px) {
    i.project-selection-glyph {
        display: none;
    }
}

.fc-time-grid-event .fc-time {
    display: inline-block;
}

img#constructionSitePlan {
    /*max-width: 100%;*/
    max-width: 128px;
}

.user-display-fields {
    padding: 0 20px 0 0;
}

    .user-display-fields ul {
        padding: 0;
        list-style: none;
    }

        .user-display-fields ul li span {
            cursor: ns-resize;
        }

            .user-display-fields ul li span.glyphicon-menu-hamburger {
                cursor: default;
                color: #444444;
            }

/* Bootstrap font upgrade to 3.3.7 */
.glyphicon-cd:before {
    content: "\e201";
}

.glyphicon-save-file:before {
    content: "\e202";
}

.glyphicon-open-file:before {
    content: "\e203";
}

.glyphicon-level-up:before {
    content: "\e204";
}

.glyphicon-copy:before {
    content: "\e205";
}

.glyphicon-paste:before {
    content: "\e206";
}

.glyphicon-alert:before {
    content: "\e209";
}

.glyphicon-equalizer:before {
    content: "\e210";
}

.glyphicon-king:before {
    content: "\e211";
}

.glyphicon-queen:before {
    content: "\e212";
}

.glyphicon-pawn:before {
    content: "\e213";
}

.glyphicon-bishop:before {
    content: "\e214";
}

.glyphicon-knight:before {
    content: "\e215";
}

.glyphicon-baby-formula:before {
    content: "\e216";
}

.glyphicon-tent:before {
    content: "\26fa";
}

.glyphicon-blackboard:before {
    content: "\e218";
}

.glyphicon-bed:before {
    content: "\e219";
}

.glyphicon-apple:before {
    content: "\f8ff";
}

.glyphicon-erase:before {
    content: "\e221";
}

.glyphicon-hourglass:before {
    content: "\231b";
}

.glyphicon-lamp:before {
    content: "\e223";
}

.glyphicon-duplicate:before {
    content: "\e224";
}

.glyphicon-piggy-bank:before {
    content: "\e225";
}

.glyphicon-scissors:before {
    content: "\e226";
}

.glyphicon-bitcoin:before {
    content: "\e227";
}

.glyphicon-btc:before {
    content: "\e227";
}

.glyphicon-xbt:before {
    content: "\e227";
}

.glyphicon-yen:before {
    content: "\00a5";
}

.glyphicon-jpy:before {
    content: "\00a5";
}

.glyphicon-ruble:before {
    content: "\20bd";
}

.glyphicon-rub:before {
    content: "\20bd";
}

.glyphicon-scale:before {
    content: "\e230";
}

.glyphicon-ice-lolly:before {
    content: "\e231";
}

.glyphicon-ice-lolly-tasted:before {
    content: "\e232";
}

.glyphicon-education:before {
    content: "\e233";
}

.glyphicon-option-horizontal:before {
    content: "\e234";
}

.glyphicon-option-vertical:before {
    content: "\e235";
}

.glyphicon-menu-hamburger:before {
    content: "\e236";
}

.glyphicon-modal-window:before {
    content: "\e237";
}

.glyphicon-oil:before {
    content: "\e238";
}

.glyphicon-grain:before {
    content: "\e239";
}

.glyphicon-sunglasses:before {
    content: "\e240";
}

.glyphicon-text-size:before {
    content: "\e241";
}

.glyphicon-text-color:before {
    content: "\e242";
}

.glyphicon-text-background:before {
    content: "\e243";
}

.glyphicon-object-align-top:before {
    content: "\e244";
}

.glyphicon-object-align-bottom:before {
    content: "\e245";
}

.glyphicon-object-align-horizontal:before {
    content: "\e246";
}

.glyphicon-object-align-left:before {
    content: "\e247";
}

.glyphicon-object-align-vertical:before {
    content: "\e248";
}

.glyphicon-object-align-right:before {
    content: "\e249";
}

.glyphicon-triangle-right:before {
    content: "\e250";
}

.glyphicon-triangle-left:before {
    content: "\e251";
}

.glyphicon-triangle-bottom:before {
    content: "\e252";
}

.glyphicon-triangle-top:before {
    content: "\e253";
}

.glyphicon-console:before {
    content: "\e254";
}

.glyphicon-superscript:before {
    content: "\e255";
}

.glyphicon-subscript:before {
    content: "\e256";
}

.glyphicon-menu-left:before {
    content: "\e257";
}

.glyphicon-menu-right:before {
    content: "\e258";
}

.glyphicon-menu-down:before {
    content: "\e259";
}

.glyphicon-menu-up:before {
    content: "\e260";
}

/*Day view Blokkade custom width*/
#calendar.has-blockade .fc-agendaDay-view .fc-day.fc-widget-content:nth-child(2),
#calendar.has-blockade .fc-agendaDay-view .fc-widget-header th.fc-resource-cell:nth-child(2),
#calendar.has-blockade .fc-agendaDay-view .fc-body .fc-scroller .fc-bg .fc-widget-content:nth-child(2),
#calendar.has-blockade .fc-agendaDay-view .fc-content-skeleton tr td:nth-child(2) {
    width: 70px;
}

.actionsform {
    display: inline-block;
}

.fc-center > h2:first-letter {
    text-transform: uppercase;
}

table.table-ellipsis tr th {
    width: 240px;
}