.color1 {
        color: #007fc7
    }
    .bgcolor1 {
        background-color: #007fc7
    }
    .color2 {
        color: #dcdcdc
    }
    .bgcolor2 {
        background-color: #dcdcdc
    }
    .color3 {
        color: rgba(255,226,174,0.23)
    }
    .bgcolor3 {
        background-color: rgba(255,226,174,0.23)
    }
    .color4 {
        color: #787878
    }
    .bgcolor4 {
        background-color: #787878
    }
    .font1 {
        font-family: "Courier New", Courier, monospace
    }
    .font2 {
        font-family: Georgia, serif
    }



    body {
    font-family: Georgia, serif;
        }
    .textfont, .popover, .tooltip {
    font-family: Georgia, serif !important;
        }

    p {
    font-size: 1em
    }
    .textsize {
    font-size: 1em !important;
    }

    body {
    color: #787878
    }
    .textcolor {
    color: #787878 !important;
    }
    .mydropzone-layout {
    color: #787878 !important
    }
    .tooltip-inner {
    color: #787878 !important;
    }





    .borderradius {
    border-radius: 0.25rem
    }
    .btn {
    border-radius: 0.25rem
    }
    .form-control {
    border-radius: 0.25rem
    }
    .configurable-options .form-element-icons, .configurable-options .form-element-images, .configurable-options .form-element-textbuttons {
    border-radius: 0.25rem
    }
    .mydropzone-layout {
    border-radius: 0.25rem !important
    }
    .custom-checkbox .custom-control-label::before {
    border-radius: 0.25rem
    }
    .input-group-text {
    border-radius: 0.25rem
    }
    .configurable-options .flatpickrdate {
    border-radius: 0.25rem !important
    }
    .configurable-options .flatpickrdatetime {
    border-radius: 0.25rem !important
    }
    .slider .slider-handle.custom, .slider.slider-disabled .slider-handle.custom {
    border-radius: 0.25rem
    }
    .nav-tabs .nav-link {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
    }




    nav.primary, nav.primary a, nav.primary span {
    font-family: "Courier New", Courier, monospace;
        }
    .navfont {
    font-family: "Courier New", Courier, monospace !important;
        }

    nav.primary, nav.primary a, nav.primary span {
    color: #787878
    }
    .navcolor {
    color: #787878 !important;
    }










    footer li, footer .copyright, footer .footer2 a {
    font-size: 1em
    }
    .footersize {
    font-size: 1em !important;
    }






footer .footerbg {
    background-repeat: no-repeat;
}


    footer .footerbg {
    background-color: rgba(255,226,174,0.23)
    }
    .footerbackgroundcolor {
    background-color: rgba(255,226,174,0.23) !important;
    }






    @media (max-width: 800px) {
        .hamburger {
            /* right: 30px; */
        }
    }



    header .headerbg {
    background-color: #dcdcdc
    }
    .headerbackgroundcolor {
    background-color: #dcdcdc !important
    }

header .container {
    position: relative;
}
header .container-fluid {
    position: relative;
}
header .headerbg {
    background-repeat: no-repeat;
}


    .nav.primary, .navbar, .navbar.bg-inverse, .navbackgroundcolor {
    background-color: rgba(255,226,174,0.23) !important
    }


    h1, h2, h3, h4, h5, h6, .headingbackgroundcolor{
    background-color: rgba(255,226,174,0.23) !important
    }







    h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, serif;
        }
    .headingfont {
    font-family: Georgia, serif !important;
        }

    h1, h2, h3, h4, h5, h6 {
    color: #007fc7
    }
    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #007fc7
    }
    .headingcolor {
    color: #007fc7 !important;
    }
    .headingcolor a {
    color: #007fc7 !important;
    }

    h1, .heading1size {
    font-size: 3em !important;
    }

    h2, .heading2size {
    font-size: 2em !important;
    }

    h3, .heading3size {
    font-size: 1.5em !important;
    }











span.custom-control-label::after, span.custom-control-label::before {
    top: calc(.56em - 8px);
}





    .btn-primary {
    color: #dcdcdc;
    }
    .buttoncolor {
    color: #dcdcdc !important;
    }
    .btn-primary:hover {
    color: #dcdcdc;
    }
    .nav-pills .nav-link.active {
    color: #dcdcdc;
    }
    .nav-pills .nav-link.active:hover {
    color: #dcdcdc;
    }
    .configurable-enabled.form-element-icons.active .form-control-label,
    .configurable-enabled.form-element-icons.active .elementinfo,
    .configurable-enabled.form-element-images.active .form-control-label,
    .configurable-enabled.form-element-images.active .elementinfo,
    .configurable-enabled.form-element-icons.active i,
    .configurable-enabled.form-element-textbuttons.active ,
    .configurable-enabled.form-element-textbuttons.active .elementinfo,
    {
    color: #dcdcdc !important;
    }
    .configurable-enabled.form-element-images.active img.image-svg {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(90deg) brightness(103%) contrast(103%);
    }
    .file-marker {
    color: #dcdcdc;
    }

    













    ul.nav-tabs>li>a.nav-link.active, ul.nav-tabs>li>a.nav-link.active:hover, ul.nav-tabs>li>a.nav-link.active:focus {
    color: #007fc7 !important;
    }


    ul.configurable-tabs>li>a.nav-link.active, ul.configurable-tabs>li>a.nav-link.active:hover, ul.configurable-tabs>li>a.nav-link.active:focus {
    border-color: transparent;
    color: #007fc7 !important;
    border-bottom: 2px solid #007fc7;
    }
    .configurable-accordion-title.active {
    border-bottom-color: #007fc7;
    color: #007fc7;
    }


    .contentitems-header1 {
        text-align: right;
    }
    .contentitems-header1 .contentitem {
    padding-left: .5em;
    padding-right: .5em;
    }


    .contentitems-header2 .contentitem {
    padding-left: .5em;
    padding-right: .5em;
    }


nav ul a.nav-link, nav ul .nav-text {
    padding-top: .25em;;
    padding-bottom: .25em;;}
#wrapper:not(.toggled) nav ul a.nav-link, nav ul .nav-text {
  padding-left: 0em;; }
#wrapper:not(.toggled) nav ul a.nav-link i.icon, nav ul .nav-text i.icon {
  left: -0.2em; }
#wrapper:not(.toggled) nav ul ul a.nav-link, nav ul ul .nav-text {
  padding-left: 1.1em; }
#wrapper:not(.toggled) nav ul ul ul a.nav-link, nav ul ul ul .nav-text {
  padding-left: 2.3em; }
#wrapper:not(.toggled) body.icons nav ul a.nav-link, body.icons nav ul .nav-text {
  padding-left: 1.1em; }
#wrapper:not(.toggled) body.icons nav ul ul a.nav-link, body.icons nav ul ul .nav-text {
  padding-left: 2.3em; }
#wrapper:not(.toggled) body.icons nav ul ul a.nav-link i.icon, body.icons nav ul ul .nav-text i.icon {
  left: 0.9em; }
#wrapper:not(.toggled) body.icons nav ul ul ul a.nav-link, body.icons nav ul ul ul .nav-text {
  padding-left: 3.9em; }
#wrapper:not(.toggled) body.icons nav ul ul ul a.nav-link i.icon, body.icons nav ul ul ul .nav-text i.icon {
  left: 2.4em; }


    .form-layout input[type="text"], .form-layout input[type="password"], .form-layout textarea, .form-layout select {
    background-color:  #ffffff;
    }
    .form-layout .mydropzone-layout {
    background-color: #ffffff !important;
    }
    .form-layout .custom-control-label::before {
    background-color: #ffffff;
    }
    .form-layout .form-element-images, .form-layout .form-element-textbuttons, .form-layout .form-element-icons {
    background-color: #ffffff;
    }
    .slider .slider-handle.custom {
    background-color: #ffffff;
    }
    hr {
    border-top-color: red
    }
    .lightgrey-border {
    border-width: 1px;
    border-style: solid;
    border-color: red !important;
    }
    .lightgrey-background {
    background-color: red !important;
    }
    .lightgrey {
    color: red !important;
    }
    ul.configurable-tabs {
    border: 1px solid  red;
    }
    .configurable-buttons {
    border-color: red;
    }
    .form-layout .configurable-element-calculated input.form-control {
    background-color: red;
    }
    .form-layout .configurable-disabled .custom-control-label::before {
    background-color: red !important;
    }
    .form-layout .configurable-disabled.form-element-icons {
    background-color: red;
    }
    .form-layout .configurable-disabled.form-element-images {
    background-color: red;
    }
    .form-layout .configurable-disabled.form-element-textbuttons {
    background-color: red;
    }
    .form-layout .configurable-disabled .mydropzone-layout {
    background-color: red !important;
    }
    .form-layout .mydropzone-layout.maxed {
    background-color: red !important;
    }
    .form-layout .configurable-disabled input[type="text"], .form-layout .configurable-disabled input[type="password"], .form-layout .configurable-disabled textarea, .form-layout .configurable-disabled select {
    background-color: red !important;
    }
    .configurable-accordion-title {
    border-color: red;
    border-style: solid;
    }
    .echeckout form {
    border-color: red;
    }
    .echeckout-summary {
    border: 1px solid red;
    border-width: 0 1px 1px 1px;
    }
    
    .form-layout .configurable-disabled .slider .slider-selection {
    background: red;
    }
    .form-layout .configurable-disabled .removefile {
    color: red !important;
    }
    /*.form-layout .form-control:disabled, .form-layout .form-control[readonly] {
    background-color: red;
    }*/
    .form-layout .input-group-prepend .input-group-text, .form-layout .input-group-append .input-group-text {
    background-color: red;
    }
    .configurable-buttons .back {
    background-color: red;
    }
    .form-layout .configurable-disabled .slider .slider-handle, .form-layout .slider.slider-disabled .slider-handle.custom {
    background-color: red;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus {
    border-left-color: red;
    border-right-color: red;
    border-top-color: red;
    }
    .nav-tabs .nav-link:hover {
    border-left-color: red;
    border-right-color: red;
    border-top-color: red;
    border-bottom-color: red;
    }
    .nav-tabs {
    border-bottom-color: red;
    }
    .text-muted {
    color: yellow !important;
    }
    .midgrey-border {
    border-width: 1px;
    border-style: solid;
    border-color: yellow !important;
    }
    .midgrey-background {
    background-color: yellow !important;
    }
    .midgrey {
    color: yellow !important;
    }
    .custom-control-label::before, .custom-control-input:checked ~ .custom-control-label::before {
    border: 1px solid yellow;
    }
    .form-element-icons {
    border: 1px solid  yellow;
    color: yellow;
    }
    .form-element-images {
    border: 1px solid  yellow;
    color: yellow;
    }
    .form-element-images img.image-svg {
    filter: invert(88%) sepia(87%) saturate(2038%) hue-rotate(356deg) brightness(108%) contrast(107%);
    }
    .form-element-textbuttons {
    border: 1px solid  yellow;
    color: yellow;
    }
    .form-layout input[type="text"], .form-layout input[type="password"], .form-layout textarea, .form-layout select {
    border-color:  yellow;
    }
    .form-layout .input-group .form-control, .form-layout .input-group-prepend .input-group-text, .form-layout .input-group-append .input-group-text {
    border-color:  yellow;
    }
    .form-layout .input-group ::placeholder {
    color: yellow;
    }
    .mydropzone-layout {
    border:  1px solid yellow !important;
    }
    .slider .slider-handle.custom {
    border:  1px solid yellow !important;
    box-shadow: none;
    }
    .slider-track {
    border:  1px solid yellow !important;
    box-shadow: none;
    }
    .tooltip-inner {
    border:  1px solid yellow;
    }
    .tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before, .tooltip.bs-tooltip-top .arrow::before {
    border-top-color: yellow;
    }
    .tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
    border-right-color:  yellow;
    }
    .tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before, .tooltip.bs-tooltip-bottom .arrow::before {
    border-bottom-color:  yellow;
    }
    .tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before, .tooltip.bs-tooltip-left .arrow::before {
    border-left-color:  yellow;
    }
    .popover {
    border-color:  yellow;
    }
    .bs-popover-right .arrow::before {
    border-right-color:  yellow;
    }
    .darkgrey-border {
    border-width: 1px;
    border-style: solid;
    border-color: blue !important;
    }
    .darkgrey-background {
    background-color: blue !important;
    }
    .darkgrey {
    color: blue !important;
    }

    ul.configurable-tabs > li > a.nav-link, ul.configurable-tabs > li > a.nav-link:hover, ul.configurable-tabs > li > a.nav-link:focus {
    color: blue;
    }
    .configurable-price {
    color: blue;
    }
    .configurable-pricedescription {
    color: blue;
    }
    .configurable-accordion-title {
    color: blue;
    }
    .configurable-disabled .file-marker {
    background-color: blue;
    }
    .configurable-disabled .remove-marker {
    color: blue !important;
    }
    .form-layout .input-group .form-control, .form-layout .input-group-prepend .input-group-text, .form-layout .input-group-append .input-group-text {
    color:  blue;
    }
    .configurable-element-fpdate .fa-calendar-alt, .configurable-element-fpdatetime .fa-calendar-alt {
    color: blue !important;
    }
    .configurable-buttons .back {
    color: blue;
    }

    .modal-dialog button.close {
    color: blue;
    }

    html {
        height: 100%;
    }
    body {
        height: 100%;
    }
    #wrapper {
        height: 100%;
        display: flex;
        flex-direction: column;
    }
    main {
        flex: 1 0 auto;
    }
    footer {
        flex-shrink: 0;
    }
    header {
        flex-shrink: 0;
    }

.mydropzone-layout {
    background-position: right 5px bottom 5px;
    background-repeat: no-repeat;
    background-size: auto 70%;
}