.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('/static/img/loader-64x/Preloader_2.gif') center no-repeat #fff;
}

/* to get foundation icons to handle sizes */
.size-12 {
    font-size: 12px;
}

.size-14 {
    font-size: 14px;
}

.size-16 {
    font-size: 16px;
}

.size-18 {
    font-size: 18px;
}

.size-21 {
    font-size: 21px;
}

.size-24 {
    font-size: 24px;
}

.size-36 {
    font-size: 36px;
}

.size-48 {
    font-size: 48px;
}

.size-60 {
    font-size: 60px;
}

.size-72 {
    font-size: 72px;
}

html {
}

html.login-m-1 {
    background: url('/static/img/bg1.jpg'), url('/static/img/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

html.login-m-2 {
    background: url('/static/img/bg2.jpg'), url('/static/img/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

html.login-m-3 {
    background: url('/static/img/bg3.jpg'), url('/static/img/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

html.login-m-4 {
    background: url('/static/img/bg4.jpg'), url('/static/img/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

html.login-m-5 {
    background: url('/static/img/bg5.jpg'), url('/static/img/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

html.login-m-6 {
    background: url('/static/img/bg6.jpg'), url('/static/img/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

html.login-m-7 {
    background: url('/static/img/bg7.jpg'), url('/static/img/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

html.login-m-8 {
    background: url('/static/img/bg8.jpg'), url('/static/img/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

html.login-m-9 {
    background: url('/static/img/bg9.jpg'), url('/static/img/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

html.login-m-10 {
    background: url('/static/img/bg10.jpg'), url('/static/img/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

html.login-m-11 {
    background: url('/static/img/bg11.jpg'), url('/static/img/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

html.login-m-12 {
    background: url('/static/img/bg12.jpg'), url('/static/img/background.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
    margin: 0;
    font-family: Poppins, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-size: .825rem !important;
    font-weight: 400;
    line-height: 1.625;
    color: #6c757d;
    text-align: left;
    background-color: #f7f9fc;
}

[type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea, select {
    font-size: .825rem;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #111;
}

p {
    font-weight: 300;
    color: #111;
}

.content .row {
    max-width: 110rem;
}

label {
    color: #111;
}

.font-normal {
    font-weight: 400;
}

.font-bold {
    font-weight: 700;
}

.font-semi-bold {
    font-weight: 600;
}
input .bg-yellow {
    background-color: rgba(243, 243, 236, 0.83) !important;
    color: #071634 !important;
}

.bg-red {
    background-color: rgba(250, 0, 0, 0.52) !important;
    color: #f5f5f5 !important;
}

.bg-green {
    background-color: rgba(4, 93, 16, 0.52) !important;
}

.bg-yellow {
    background-color: rgba(250, 250, 0, 0.52) !important;
    color: #071634 !important;
}
.bg-signal-blue {
    background-color: #1779ba !important;
    color: #f5f5f5 !important;
}

.red {
    color: #881f0e !important;
}

.green {
    color: #045d10 !important;
}

.white {
    color: #f5f5f5 !important;
}

.logo {
    /*margin-top: 20px; */
    display: block;
    margin: 0 auto;
}

.login-box .topp {
    background-color: #c2c2c2;
}

.login-box .topp h5 {
    padding: 10px;
}

.top-logo {
    width: 80px;
}

.top-bar {
    height: 50px;
}

.top-bar, .top-bar ul {
    background-color: #2c3840;
}

.top-bar-title {
    margin-top: -12px;
}

.top-bar ul {
    _margin-top: -2px
}

.top-bar, .top-bar a, .top-bar h3 {
    color: #e6e6e6;
}

.top-bar a:hover {
    background-color: #1C2740 !important;
    color: #fff;
}

.top-bar .submenu, .top-bar .submenu li, .top-bar .submenu a {
    background-color: #2c3840 !important;
    border: none;
}

.top-bar .submenu a:hover {
    background-color: #1C2740 !important;
}

.menu .active > a {
    border-radius: 3px;
}

.radius {
    border-radius: 7px !important;
}

.radius-left {
    border-radius: 7px 0 0 7px !important;
}

.radius-right {
    border-radius: 0 7px 7px 0 !important;
}

#status_row {
    margin-top: 15px;
}

#status_row .callout {
    margin-top: 15px;
}

#status_row .callout.alert, #status_row .callout.alert p {
    background-color: #f8d7da;
    color: #58151c;
}

footer {
    clear: both;
    color: #fff;
    height: 75px;
    padding-top: 20px;
    position: relative;
}

.footer-logo {
    margin: -15px 0 0;
    max-height: 70px;
}

.brand {
    _display: none;
    clear: both;
    color: #c9ccd1;
    margin-left: 25px;
}

.button-group input {
    display: none;
}

.main-panel {
    margin-top: 12px;
    margin-left: 10px;
}

.button-group input:checked + label,
.button-group input:checked + label:active {
    background-color: #881f0e;
}

table thead tr td {
    font-size: 85%;
}

th.email, td.email {
    max-width: 400px;
}

th.image, td.image {
    width: 200px;
}

td.image img {
    float: left;
    width: 100px;
}

table thead tr th, table tfoot tr th, table tfoot tr td, table tbody tr th, table tbody tr td, table tr td {
    font-size: 80%;
}

#users_table a.edit-user {
    width: 60px;
}

#users_table a.button {
    position: relative;
    top: 8px;
}

#users_table a.user-pwd {
    width: 80px;
    position: relative;
    top: 7px;
}

#AdminchangeEmail {
    margin-left: 50px;
    margin-top: -10px;
}

#AdminchangeEmail {
    margin-left: 50px;
    margin-top: -10px;
}

#aboutModal .logos {
}

#aboutModal img {
}

#editGroupBody .roles {
    margin-top: -30px;
    margin-bottom: -20px;

}

#editGroupBody fieldset.fieldset {
    padding: 0.2rem 1.25rem;
    border: 1px solid green;
    font: 80%/1 sans-serif;
    position: relative;
    top: 7px;
}

#editGroupBody fieldset.fieldset legend {
    /*border: 1px solid green;*/
    color: green;
    font-size: 90%;
    padding: 0.2em 0.5em;
    position: absolute;
    right: 14px;
    text-align: right;
    top: -9px;
}

.groups-editor input[type="checkbox"] {
}

.groups-editor .roles {
}

.groups-editor label.modules {
    width: 90%;
}
.position-left {
    top: unset !important;
}
.sidebar {
    color: #1C2740;
    font-size: 2.75rem;
}

.vertical .tabs-title > a {
    /*padding: 1.25rem 0;*/
    padding-left: 0;
    padding-right: 0;
    text-align: center;
}

.horizontal .tabs-title > a {
    padding: 1.25rem;
}

#fare_category_table_filter, #fare_category_table_length,
#product_category_table_filter, #product_category_table_length {
    display: none;
}

/*#fine-uploader {
    max-width: 95%;
}
.qq-upload-list {
    width: 95%;
}
.qq-upload-status-text {
    margin-top: 8px;
}

.qq-upload-button {
    height: 33px;
    margin-right: 5px;
    font-size: .75rem;
    background-color: #1779ba;
}
*/
.signal-blue {
    color: #1779ba;
}

.green {
    color: #00A000;
}

.amber {
    color: #FF7E00;
}

.legend .amber {
    background-color: #FF7E00;
    color: #111;

}

.sitebuilder {
    color: #c9ccd1;
    margin-right: 14px;
}

.alert {
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}

.alert.success, .callout.success, .callout.success p {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.callout.warning, .callout.warning p {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

._alert {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 15px;
}

fieldset.module {
}

fieldset.module.odd {
}

fieldset.module.even {
    background-color: #f1f1f1;
}

/* Modules editor in groups */
.module-select {
    display: block;
    position: relative;
}

.module-select div.DTE_Field_Type_checkbox label.DTE_Label {
    width: 20% !important;
}

.module-select div.DTE_Field_Type_checkbox div.DTE_Field_Input {
    width: 80% !important;
}

.module-roles {
    position: relative;
    top: -10px;
    width: 70%;
    float: right;
}

.load_bottom {
    margin-top: 42px;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field.wide {
    width: 100%;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field.wide > label {
    width: 60%;
    padding-top: 0;
}

div.DTE_Body div.DTE_Body_Content div.DTE_Field.wide > div.DTE_Field_Input {
    margin-top: 10px;
    width: 40%;
}

div.DTE_Form_Info {
    font-size: 11px;
}

/* File import */
span.import {
}

span.importFiles {
    font-size: 0.75em;
}

/* Background for routes editor */
#scream {
    height: 1px;
}

/* 2 column layout of the forms
div.DTE_Body div.DTE_Body_Content div.DTE_Field {
    width: 50%;
    padding: 5px 20px;
    box-sizing: border-box;
}

div.DTE_Body div.DTE_Form_Content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

/* Size the delete confirmation box */
div.DTE_Action_Remove {
    width: 50%;
    margin: 0 auto;
}

div.DTE_Action_Remove ul {
    list-style-type: none;
}

div.DTE_Body div.DTE_Body_Content div#customGroupsForm div.DTE_Field {
    width: 100%;
    padding: 5px 20px;
    box-sizing: border-box;
}

div.DTE_Body div.DTE_Form_Content div#customGroupsForm {
    width: 100%;
}

div.DTE_Body div.DTE_Form_Content div#customGroupsForm fieldset {
    width: 100%;
}

#unit_table tr td a.button {
    margin-top: 10px;
}

#vis {
    width: 100%;
    height: 500px;
    border: 1px solid lightgray;
}

#map-container {
    height: calc(75vh);
    width: 100%;
    border: 1px solid lightgray;
    z-index: 1;
    position: relative;
}
.map-header {
    position: relative;
    top: 7px;
    right: 10px;
}
#zoneData {}
#zoneData span {
    position: relative;
    top: -5px;
    left: 5px;
}

/*div.DTE.processing, div.DTE_Processing_Indicator {
    display: block;
}*/
div.DTE_Inline input {
    /*border: none;
    background-color: transparent;

     */
    padding: 0 !important;
    font-size: 90%;
    box-sizing: border-box;
    background-color: white;
    -webkit-transition: background-color ease-in-out 0.15s;
    transition: background-color ease-in-out 0.15s;

}

div.DTE_Inline input:focus {
    outline: none;
    background-color: transparent;
}

.div.dt-buttons {
    float: none !important;
}

.dt-length {
}

.dt-length label {
    display: inline-flex;
    margin-top: 2px;
}

.dt-length select {
    margin: -2px 6px 0;
}

.dataTable [type=checkbox] {
    margin: 0;
}

.DTE_Field_Name_relative_validity_days {
    margin-left: auto;
    margin-top: -30px;
}

/* 2 column layout of the forms */
div.DTE_Body div.DTE_Body_Content div#productsForm .wide div.DTE_Field {
    /*  width: 100%;*/
}

#prices_table thead tr.caption th,
#validity_table thead tr th.frame {
    text-transform: capitalize;
}

#prices_table thead th.frame,
#prices_table tbody td.incl,
#validity_table thead tr th.frame,
#validity_table tbody td.incl {
    border-left: 1px solid;
}

tbody .incl {
    text-align: center;
}

tbody .number {
    display: inline-block;
    width: 100px;
    text-align: right;
}

div.DTED_Lightbox_Wrapper {
    left: 2em;
    right: 2em;
    margin-left: 0;
    width: auto;
}

#productsForm, #tangibleProductsForm, #calendarsForm {
    display: flex;
    flex-flow: row wrap;
}

#productsForm label.DTE_Label, #calendarsForm label.DTE_Label {
    width: 30%;
    overflow-wrap: break-word;
}

#productsForm div.DTE_Field_Input,
#tangibleProductsForm div.DTE_Field_Input,
#calendarsForm div.DTE_Field_Input {
    width: 70%;
}

#productsForm fieldset,
#tangibleProductsForm fieldset,
#calendarsForm fieldset,
#macroForm fieldset,
#settingsForm fieldset {
    flex: 1;
    margin: 0.5em;
}

#productsForm fieldset,
#tangibleProductsForm fieldset,
#calendarsForm fieldset,
#macroForm fieldset,
#settingsForm fieldset {
    border: 1px solid #aaa;
}

.no-border {
    border: none !important;
}

.no-border .small {
    font-weight: normal !important;
    font-style: italic;
}

#calendarsForm fieldset,
#macroForm fieldset {
    border: none;
}

#productsForm fieldset legend,
#tangibleProductsForm fieldset legend,
#calendarsForm fieldset legend,
#macroForm fieldset legend,
#settingsForm fieldset legend {
    padding: 5px 20px;
    border: 1px solid #aaa;
    font-weight: bold;
    margin-left: 30px;
}

#settingsForm fieldset.no-border legend {
    border: none !important;
}

#settingsForm fieldset.no-border .DTE_Field {
    padding: 5px 10% !important;
}

#productsForm fieldset.product,
#tangibleProductsForm fieldset.product,
#calendarsForm fieldset.calendar,
#macroForm fieldset.calendar,
#settingsForm fieldset.MTB {
    flex: 2 100%;
}

#productsForm .left,
#tangibleProductsForm .left,
#calendarsForm .left,
#macroForm .left,
#settingsForm .left {
    width: 49%;
    float: left;
}

#productsForm .right,
#tangibleProductsForm .right,
#calendarsForm .right,
#macroForm .right,
#settingsForm .right {
    width: 49%;
    float: right;
}

#eventCalendar, #macroCalendar {
    width: 95%;
}

.fc-event-container {
    position: relative;
}

.fc-event {
    font-size: 1.2em;
}

.fc-close {
    color: black;
    position: absolute;
    top: 0;
    right: 0;
    width: 13px;
    height: 13px;
    text-align: center;
    border-radius: 50%;
    font-size: 10px;
    cursor: pointer;
    background-color: #FFF
}

#productsForm fieldset.product legend,
#tangibleProductsForm fieldset.product legend {
    background: #bfffbf;
}

#productsForm fieldset.office legend,
#tangibleProductsForm fieldset.office legend {
    background: #ffffbf;
}

#productsForm fieldset.hr legend,
#tangibleProductsForm fieldset.hr legend {
    background: #ffbfbf;
}

#productsForm div.DTE_Field,
#tangibleProductsForm div.DTE_Field {
    padding: 5px;
}

break {
    flex-basis: 100%;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

div.DTE_Field label div.DTE_Label_Info:not(:empty) {
    word-wrap: break-word;

    -ms-word-break: break-all;
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    /*    text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 20px;
        height: 20px;
        background: url('/static/img/question.png');
    */
}

div.DTE_Field_Type_radio div.DTE_Field_InputControl div {
    float: left;
    margin-top: 4px;
}

div.DTE_Field_Type_radio div.DTE_Field_Info {
}

#productsForm fieldset.validity div.DTE_Field_Name_single,
#tangibleProductsForm fieldset.validity div.DTE_Field_Name_single {
    height: 45px !important;
}

#productsForm fieldset.validity div.DTE_Field_Name_p_period,
#tangibleProductsForm fieldset.validity div.DTE_Field_Name_p_period {
    position: relative !important;
    margin-top: -8px !important;
}

#productsForm fieldset.validity div.DTE_Field,
#productsForm fieldset.sale div.DTE_Field,
#productsForm fieldset.sale div.blind,
#tangibleProductsForm fieldset.validity div.DTE_Field,
#tangibleProductsForm fieldset.sale div.DTE_Field,
#tangibleProductsForm fieldset.sale div.blind {
    height: 70px;
}

#productsForm fieldset.validity button,
#tangibleProductsForm fieldset.validity button {
    position: relative;
    left: 30%;
}

#DTE_Field_computed_iso {
    font-family: monospace, monospace;
    font-size: small;
}

div.editor-datetime table {
    border-spacing: 0;
    margin: 6px 13px 6px 0px;
    padding-left: 13px;
}

#start_configurations-panel .inServicecurrentConfiguration {
    background: linear-gradient(45deg, #90bfeb, #3dd6a0);
}

#start_configurations-panel .inError {
    background-image: linear-gradient(135deg, #e36b91 25%, #edede1 25%, #edede1 50%, #e36b91 50%, #e36b91 75%, #edede1 75%, #edede1 100%);
    background-size: 56.57px 56.57px;
}
.inError {
    background-image: linear-gradient(135deg, #e36b91 25%, #edede1 25%, #edede1 50%, #e36b91 50%, #e36b91 75%, #edede1 75%, #edede1 100%);
    background-size: 56.57px 56.57px;
        color: #140606 !important;

}


#start_configurations-panel .inService {
    background-color: #3dd6a0;
}

#start_configurations-panel .currentConfiguration {
    background-color: #90bfeb;
}

#start_configurations-panel .inService.selected,
#start_configurations-panel .currentConfiguration.selected,
#start_configurations-panel .inServicecurrentConfiguration.selected {
    background-color: #d6d559 !important;
}

.legend .cell {
    padding: 5px;
    margin-bottom: 5px;
}

#calendarModal button.close-button {
    float: right;
    margin-top: -15px;
    margin-right: -20px;
    cursor: pointer;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px;
}

#calendarModal .salesperiod {
    background-color: #fdf9ac;
    width: 50%;
    display: none;
}

#calendarModal .usagesperiod {
    background-color: #84fd99;
    width: 50%;
    display: none;
}

#products_table .dold {
    display: none;
}

._filename {
}

.import_cal {
    margin-left: 10px;
}

.import_cal input {
    margin: 0 0 0.4rem;
}

.import_cal label {
    font-size: 90%;
}

.rendered button.btn.remove {
    display: none;
}

.rendered span.filename {
    position: relative;
}

.rendered .colorpicker {
    width: 10% !important;
    position: absolute;
    right: 45px;
    top: -9px;
    border: none;
}

div.editor_upload.multi .rendered ul li {
    margin-top: 0.7em !important;
}

.rendered .import_selector {
    position: absolute;
    right: 45px;
}

.rendered .file_select {
    font-size: smaller;
}

.rendered .file_select input {
    margin: 0 5px 0 7px;
}

.rendered .right {
    float: right;
    color: green;
}

/* Pricelist */
.switch.float-right {
    padding-left: 5px;
}

th .has-tip {
    font-weight: 400;
    font-size: 90%;
}