/*ADD CLASS TO BODY*/
.site {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
}

/*ADD CLASS TO MAIN*/
.site-content {
    flex: 1;
}

/*--------------
   Default Font
---------------*/

body {
    font-family: aktiv-grotesk, sans-serif;
    font-style: normal;
    font-weight: 400;
}


/*--------------
   Page Header
---------------*/

.page.header {
    background-color: #FA4616;
    padding: 5px 0px;
}

    .page.header .menu {
        margin-top: 0em;
        margin-bottom: 0em;
    }

/*--------------
   Segment
---------------*/

.ui.inverted.cadentgrey.segment {
    background-color: #373A36 !important;
    color: #FFFFFF !important;
}

.ui.cadentred.segment:not(.inverted) {
    border-top: 2px solid #FA4616 !important;
}

/*--------------
  Icon Color
---------------*/

i.cadentred.icon {
    color: #FA4616 !important;
}

.ui.customcolor.menu .active.item, .ui.menu .customcolor.active.item {
    border-color: #D4D4D5 !important;
    color: #2185D0;
}

.checkbox, .dn, .up {
    display: inline-block !important;
    vertical-align: middle;
}

.ui.checkbox input,
.ui.toggle.checkbox label:before {
    padding-top: 2.5px;
    font-size: x-small;
    content: attr(data-content)
}


.ui.checkbox input,
.ui.toggle.checkbox label.up:before {
    padding-left: 7px;
    color: white;
}


.ui.checkbox input,
.ui.toggle.checkbox label.dn:before {
    padding-left: 23px;
    color: black;
}

.ui.toggle.checkbox input:checked ~ .box:after, .ui.toggle.checkbox input:checked ~ label:after {
    left: 2.0rem;
}

.ui.toggle.checkbox input:checked + label:before {
    background-color: #21ba45 !important;
}

.ui.toggle.checkbox input:checked ~ .box:before, .ui.toggle.checkbox input:checked ~ label:before {
    background-color: #21ba45 !important;
}

.ui.toggle.checkbox input:checked ~ .box:before, .ui.toggle.checkbox input:checked ~ label:before {
    background-color: #21ba45 !important;
}

.ui.toggle.checkbox input:focus:checked ~ .box:before, .ui.toggle.checkbox input:focus:checked ~ label:before {
    background-color: #21ba45 !important;
}

.ui.checkbox input, .ui.toggle.checkbox label:before {
    padding-top: 2.5px;
    font-size: x-small;
    content: attr(data-content);
    width: 3.5rem;
}

/*--------------
  Table Colour
---------------*/

.ui.cadentred.table {
    border-top: .2em solid #fa4616;
}

.dropzone {
    border: 2px dashed #00a1f1;
    background: #F0F8FF;
    border-radius: 5px;
}

    .dropzone.dz-message {
        font-weight: 350;
    }

        .dropzone.dz-message.note {
            font-family: sans-serif;
            font-size: 18px;
            font-weight: 200;
            display: block;
            margin-top: 3rem;
        }


/*FOMANTIC UI BUG*/
/*.ui.inverted.text.menu, .ui.inverted.text.menu .active.item, .ui.inverted.text.menu .item, .ui.inverted.text.menu .item:hover {
    background-color: transparent;
}

.ui.selectable.table > tbody > tr, .ui.selectable.table > tr, .ui.table > tbody > tr > td.selectable, .ui.table > tr > td.selectable {
    cursor: default !important;
}*/