.margin-bottom-0 { display: table; width: 100%; margin-bottom: 0; }
.margin-bottom-5 { display: table; width: 100%; margin-bottom: 5px; }
.margin-bottom-10 { display: table; width: 100%; margin-bottom: 10px; }
.margin-bottom-20 { display: table; width: 100%; margin-bottom: 20px; }
.margin-bottom-30 { display: table; width: 100%; margin-bottom: 30px; }
.margin-bottom-40 { display: table; width: 100%; margin-bottom: 40px; }
.margin-bottom-50 { display: table; width: 100%; margin-bottom: 50px; }

.margin-top-0 { margin-top: 0; }
.margin-top-5 { margin-top: 5px; }
.margin-top-10 { margin-top: 10px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-30 { margin-top: 30px; }
.margin-top-40 { margin-top: 40px; }
.margin-top-50 { margin-top: 50px; }

.padding-5 { padding: 5px; }
.padding-10 { padding: 10px; }
.padding-20 { padding: 20px; }
.padding-30 { padding: 30px; }
.padding-40 { padding: 40px; }
.padding-50 { padding: 50px; }

.row.row-gutter-0 { margin-left: 0; margin-right: 0; }
.row.row-gutter-0 > div[class^="col"] { padding-left: 0; padding-right: 0; }
.row.row-gutter-3 { margin-left: -3px; margin-right: -3px; }
.row.row-gutter-3 > div[class^="col"] { padding-left: 3px; padding-right: 3px; }
.row.row-gutter-5 { margin-right: -5px; margin-left: -5px; }
.row.row-gutter-5 > [class*='col-'] { padding-right: 5px; padding-left: 5px; }
.row.row-gutter-10 { margin-right: -10px; margin-left: -10px; }
.row.row-gutter-10 > [class*='col-'] { padding-right: 10px; padding-left: 10px; }

body {
    font-family: "Open sans";
}

.modal-footer {
    display: block;
}

.bg-dark {
    background-color: #343a40!important;
}

.bg-darker {
    background-color: #444 !important;
}

.navbar-dark .navbar-brand a {
    color: #fff;
    padding-left: 10px;
}

/* BUTTONS */
.btn-sm {
    padding: 2px 5px;
}


.btn {
    cursor: pointer;
}

.btn:hover {
    color: #fff;
    box-shadow: 0px 1px 8px rgba(0,0,0,0.8);
    transform: scale(1.01,1.01);
}

/* COLOURS */

.blue-bg {
    background: #0275d8;
    color: #fff;
}

.orange-bg {
    background: #FF9C00;
    color: #fff;
}

.orange {
    color: #FAA61A;
}

.grey-bg {
    background: #999999;
    color: #fff;
}
.grey {
    color: #999999;
}

.red {
    color: #f15d53;
}

.red-bg {
    background: #f15d53;
    border-color: #f15d53;
    color: #fff;
}

.green {
    color: #add036;
}

.green-bg {
    background: #add036;
    border-color: #add036;
    color: #fff;
}

.modal-content {
    border-radius: 5px;
    overflow: hidden;
}

.error-block {
    color: red;
    margin-top: 5px;
}

.required {
    color: red;
}

.h1, .h2, .h3, .h4, .h6, h1, h2, h3, h4, h6 {
    font-family: 'Lato', sans-serif;
    color: #f68e1e;
}

.bigdrop {
    width: 600px !important;
}

.form-check-label {
    padding-left: 25px;
}

.form-check-input {
    margin-left: 0;
}

.form-group > label {
    font-weight: bold;
}

.breadcrumb {
    background: #f9f9f9;
}

.table {
    border: 1px solid #d0d0d0;
}

.help-panel {
    border-radius: 5px;
    background: #f0f0f0;
    border: 1px solid #d0d0d0;
    padding: 20px;
}

.help-panel table {
    font-size: 12px;
}

.help-panel table td {
    padding: 3px;
    vertical-align: top;
}

pre {
    border-radius: 5px;
    background: #f0f0f0;
    border: 1px solid #d0d0d0;
    padding: 10px;
}

[type=checkbox], [type=radio] {
    margin-right: 5px;
}

.navbar .autocomplete {
    display: table;
    width: 100%;
}

.navbar .autocomplete .label {
    display: table-cell;
    margin: 0 5px 0 0;
    color: #fff;
    line-height: 1.3em;
    vertical-align: middle;
}

.navbar .autocomplete .form-control {
    display: table-cell;
    width: 100%;
    padding: 8px;
}

.ui-front {
    z-index: 2000;
}

.select2-container .select2-selection--multiple {
    padding: 3px;
}

.select2-container--default .select2-selection--single {
    height: auto;
    padding: 5px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    margin: 5px;
}


.linedtable tr{
    border:1px solid #AAAAAA;
    }

.linedtable thead th{
    border:1px solid #AAAAAA;
    border-bottom:1px solid #AAAAAA;
    }

.linedtable td{
    border:1px solid #AAAAAA;
    }