.landing-image {
    background-image: url(../../Content/Images/header.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*semantic overrides*/
a {
    text-decoration: none;
}

    a.ui.primary.button {
        color: #fff !important;
    }


.ui.menu, .ui.cards > .card > .content > .header, .ui.card > .content > .header {
    font-family: Barlow,Segoe UI,sans-serif !important;
}

.ui.cards > .card > .content, .ui.card > .content {
    padding: 0.5em 0.5em;
}

.ui.cards > .card > :last-child, .ui.card > :last-child, .ui.secondary.menu .item, .ui.form select {
    /*    border-radius: 0em 0em 0em 0em !important;
*/
}

.ui.styled.accordion, .ui.styled.accordion .accordion, .ui.attached.message, .ui.bottom.attached.message, .ui.segment, .ui.message,
.ui.basic.button, .ui.button, .ui.popup, .ui.cards > .card, .ui.card, .ui.cards > .card > :first-child, .ui.card > :first-child, .ui.tabular.menu .active.item,
.ui.menu, .ui.menu > .item:first-child, .ui.menu .dropdown.item .menu, .ui.vertical.menu > .active.item:last-child, .ui.vertical.tabular.menu .active.item, .ui.upward.selection.dropdown.visible {
    /*border-radius: 0 !important;*/
}

.ui.button {
    font-weight: 600;
}

.ui.primary.button {
    color: #fff;
}



    .ui.primary.buttons .button:hover, .ui.primary.button:hover {
        background-color: #444444;
    }

.ui.basic.buttons .button, .ui.basic.button {
    font-weight: 600;
}

.ui.basic.primary.buttons .button, .ui.basic.primary.button {
    -webkit-box-shadow: 0px 0px 0px 1px #444444 inset !important;
    box-shadow: 0px 0px 0px 1px #444444 inset !important;
    color: #444444 !important;
}



.ui.list .list > .item a.header, .ui.list > .item a.header {
    color: #444444 !important;
}

    .ui.list .list > .item a.header:hover, .ui.list > .item a.header:hover {
        color: #000 !important;
        text-decoration: underline;
    }

.ui.form input:not([type]), .ui.input, .ui.selection.dropdown, .ui.input > input, .ui.form input[type="date"], .ui.form input[type="datetime-local"], .ui.form input[type="email"], .ui.form input[type="file"], .ui.form input[type="number"], .ui.form input[type="password"], .ui.form input[type="search"], .ui.form input[type="tel"], .ui.form input[type="text"], .ui.form input[type="time"], .ui.form input[type="url"], .ui.form textarea {
    font-family: Barlow,Segoe UI,sans-serif !important;
    /*    border-radius: 0px !important;*/
}


    .ui.form input:not([type]):focus, .ui.form input[type="date"]:focus, .ui.form input[type="datetime-local"]:focus, .ui.form input[type="email"]:focus,
    .ui.form input[type="number"]:focus, .ui.form input[type="password"]:focus, .ui.form input[type="search"]:focus,
    .ui.form input[type="tel"]:focus, .ui.form input[type="time"]:focus, .ui.form input[type="text"]:focus, .ui.form input[type="file"]:focus, .ui.form input[type="url"]:focus, .ui.search.selection.dropdown > input.search, .ui.selection.dropdown {
        /*        border-radius: 0px !important;
*/
    }


.ui.selection.active.dropdown {
    -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
    /*border-radius: 0px;*/
}

    .ui.selection.active.dropdown .menu {
        -webkit-box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
        box-shadow: 0px 2px 3px 0px rgba(34, 36, 38, 0.15);
        /*border-radius: 0px;*/
    }



.ui.inverted.blue.segment {
    background-color: #5ab02f !important;
    color: #FFFFFF !important;
}




.ui.form .field,
.ui.form .field:last-child, .ui.form .fields:last-child .field {
    clear: both;
    margin: 0em 0em 0.5em;
}

    .ui.form .field > h3 {
        margin: 0em 0em 0.5em;
        padding: 0.7em;
        font-weight: normal;
        width: 100%;
        display: block;
        padding: 0.8em;
        background-color: #efefef;
        font-size: 1em;
    }

.service-box {
    padding: 5px;
    margin-top: 30px;
}

    .service-box p {
        margin: 0px;
    }

.portfolio-box {
    position: relative;
    display: block;
    max-width: 650px;
    padding: 0px;
    margin: 0 auto;
    text-align: center;
}

    .portfolio-box .portfolio-box-caption {
        color: #000;
        opacity: 0;
        display: block;
        background: transparent;
        position: absolute;
        bottom: 0;
        text-align: center;
        width: 100%;
        height: 100%;
        transition: all .35s;
        margin: 0 auto;
    }

.ui.dusc-statistics.table > thead > tr > th {
    font-size: 10px;
    text-align: center;
    padding: 1px;
}

.ui.dusc-statistics.table > tbody > tr > td {
    font-size: 10px;
    text-align: center;
    padding: 1px;
}


.dusc-warning {
    background-color: orange;
}

.dusc-default {
    background-color: grey;
}

.dusc-success {
    background-color: green;
}

.dusc-info {
    background-color: teal;
}

.dusc-documentstatus-1 {
    background-color: red;
}

.dusc-documentstatus-2 {
    background-color: darkgreen;
}

.dusc-documentstatus-3 {
    background-color: lightgrey;
}

.dusc-danger {
    background-color: red;
}

.dusc-dot {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px;
}

.dusc-small-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 6px;
}

.text-center {
    text-align: center;
}

.ui.label {
    border-radius: 2px;
}

.ui.red.buttons .button, .ui.red.button {
    color: #fff !important;
}

.ui.table {
    border-radius: 0px;
}

.mobile-only {
    display: none !important;
}


.display {
    font-size: 1.2em;
}

.display-label {
    font-weight: bold !important;
}

.display-timerange {
    font-size: 1.4em;
    margin-bottom: 1em;
}


/**/
/*responsive*/
@media (max-width: 640px) {
    .mobile-hidden {
        display: none !important;
    }

    h2 {
        font-size: 1.2em;
        padding-top: 4px;
    }

    .mobile-only {
        display: block !important;
    }

    .ui.fullscreen.modal {
        width: 96% !important;
        height: 90% !important;
    }

    .ui.active
    .ui.fullscreen.modal .scrolling.content {
        max-height: calc(86vh);
        overflow: auto;
    }
}


.ui.vertical.menu > .item {
    font-weight: bold;
}


.ui.multiple.dropdown > .label {
    width: 100%;
}

.ui.label > .close.icon, .ui.label > .delete.icon {
    float: right;
}

.multiline {
    white-space: pre-wrap;
}