/* Write your custom CSS here */
.form-control
{
    height: auto !important;
    padding: 12px 20px !important;

    border-radius: 3px !important;
}

.navbar
{
    z-index: 900;
}
.navbar .logo-box .logo-text
{
    font-size: 30px;
    font-weight: 200;
}

.navbar .logo-box a
{
    color: #bbb;
}


.m-0
{
    margin: 0 !important;
}

.m-05
{
    margin: 5px !important;
}

.m-1
{
    margin: 10px !important;
}


.mt-1
{
    margin-top: 10px !important;
}

.mb-1
{
    margin-bottom: 10px !important;
}

.ml-1
{
    margin-left: 10px !important;
}

.mr-1
{
    margin-right: 10px !important;
}



.m-2
{
    margin: 20px !important;
}

.mt-2
{
    margin-top: 20px !important;
}

.mb-2
{
    margin-bottom: 20px !important;
}

.ml-2
{
    margin-left: 20px !important;
}

.mr-2
{
    margin-right: 20px !important;
}


.p-0
{
    padding: 0 !important;
}


.p-05
{
    padding: 5px !important;
}

.pt-05
{
    padding-top: 5px !important;
}

.pb-05
{
    padding-bottom: 5px !important;
}

.pl-05
{
    padding-left: 5px !important;
}

.pr-05
{
    padding-right: 5px !important;
}



.p-1
{
    padding: 10px !important;
}

.pt-1
{
    padding-top: 10px !important;
}

.pb-1
{
    padding-bottom: 10px !important;
}

.pl-1
{
    padding-left: 10px !important;
}

.pr-1
{
    padding-right: 10px !important;
}



.p-2
{
    padding: 20px !important;
}

.pt-2
{
    padding-top: 20px !important;
}

.pb-2
{
    padding-bottom: 20px !important;
}

.pl-2
{
    padding-left: 20px !important;
}

.pr-2
{
    padding-right: 20px !important;
}


.p-3
{
    padding: 30px !important;
}

.pt-3
{
    padding-top: 30px !important;
}

.pb-3
{
    padding-bottom: 30px !important;
}

.pl-3
{
    padding-left: 30px !important;
}

.pr-3
{
    padding-right: 30px !important;
}




.row.no-gutters
{
    margin-right: 0;
    margin-left: 0;
}
.row.no-gutters > [class^='col-'],
.row.no-gutters > [class*=' col-']
{
    padding-right: 0 !important;
    padding-left: 0 !important;
}




i.input
{
    position: relative;
    z-index: 2;

    float: left;

    margin-top: -34px;
    margin-left: 6px;

    color: #ccc;
}


.submit-bar
{
    border: 1px solid #aaa;
    background: #ddd;
}

.ib
{
    display: inline-block;
}


.bg-light
{
    background: white;
}

.bg-medium
{
    background: #efefef;
}


.bg-dark
{
    background: rgba(0,0,0,.1);
}

.bg-success
{
    color: black;
    background: #effde9;
}

.bg-danger
{
    color: black;
    background: #fbefef !important;
}


.text-danger
{
    color: #f25656 !important;
}


.text-black
{
    color: black;
}




.compact-menu .horizontal-bar .accordion-menu li a p
{
    /*     font-size: 15px;

text-transform: uppercase; */
}

.menu.accordion-menu i
{
    font-size: 17px;

    text-align: left;
}


@media (max-width: 1024px)
{
    .menu.accordion-menu i
    {
        font-size: 26px !important;
    }
}

@media (min-width: 1200px)
{
    .container.wide
    {
        width: 90% !important;
    }
}

@media (min-width: 1200px)
{
    .menu.accordion-menu
    {
        width: 1200px !important;
        margin: 0 auto;
    }
}
.container.full
{
    width: 100% !important;
}


@media (min-width: 1200px)
{
    .modal-lg
    {
        width: 85% !important;
    }
}

.weekdays .label
{
    font-weight: 200 !important;

    padding: 10px;
}

.weekdays .label:hover
{
    background: #ccc;
}

.weekdays label
{
    font-size: 1.5em;
}

.panel
{
    padding: 6px;
    border: 1px solid #c5c5c5 !important;
}

.panel-heading
{
    margin-bottom: 1.5rem;
}


.shadow .panel,
.snippet
{

}

.shadow .form-control
{
    border: 1px solid #a3a7a9;
}


.pointer
{
    cursor: pointer;
}



.legend div.pointer
{
    display: inline-block;

    border: 1px solid transparent;
    border-radius: 5px;
}

.legend div.pointer.active
{
    border: 1px solid #22baa0;
}


span.highlight
{
    padding: 2px;

    border-radius: 2px;
    background: yellow !important;
}


.btn
{
    border-radius: 4px !important;
}

.btn.text-left-force
{
    text-align: left !important;
}


.noty_message
{
    font-size: 1.75em;

    padding: 40px !important;
}

.label-lg
{
    font-size: 1.25em;
}

.main-message
{
    font-size: 1.5em;
}

div.separation
{
    border: 1px solid #ddd;
    border-radius: 5px;
}

h1.decor
{
    font-size: 1.25em;

    margin: 0;
    padding: 0;

    border-radius: 5px;
    background: #ddd;
}


.fa.fa-arrows,
.sidebarElement h1,
.handle
{
    cursor: move;
}

.sidebarElement h1:hover
{
    background: #a8e0d7;
}

.label-default
{
    color: black !important;
}


.b-1
{
    border: 1px solid #8d9a9e !important;
}


.br-1
{
    border-right: 1px solid #8d9a9e !important;
}

.bl-1
{
    border-left: 1px solid #8d9a9e !important;
}

.bt-1
{
    border-top: 1px solid #8d9a9e !important;
}

.bb-1
{
    border-bottom: 1px solid #8d9a9e !important;
}

.bdash-1
{
    border: 1px dashed #ccc !important;
}

.bdot-1
{
    border: 1px dotted #ccc !important;
}

.rounded
{
    border-radius: 5px !important;
}


.text-big
{
    font-size: 1.5em;
}


fieldset
{
    margin: 0 12px;
    padding: .35em .625em .75em;

    border: 1px solid silver;
}
legend
{
    font-size: 14px;
    line-height: 20px;

    width: auto;
    margin-bottom: 3px;
    padding: 3px;

    border-width: 0;
    border-style: none;
}
fieldset label
{
    margin: 0 10px;
}



.modal-backdrop
{
    z-index: 900 !important;
}

.overflow-hidden
{
    overflow: hidden;
}

.d-inline-block
{
    display: inline-block;
}

.d-block
{
    display: block;
}

.d-inline
{
    display: inline;
}

.w-25
{
    width: 25%;
}

.w-20
{
    width: 20%;
}

.w-50
{
    width: 50%;
}

.w-75
{
    width: 75%;
}

.w-100
{
    width: 100%;
}


.w-90
{
    width: 90%;
}

.w-5
{
    width: 5%;
}

.table td,
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th
{
    padding: 5px !important;
}

.table > thead > tr > th
{
    font-size: 1.25rem;

    background: #efefef;
}



.grey
{
    background: #efefef;
}

hr
{
    border-bottom: 1px solid #8d9a9e;
}


.flex
{
    display: flex;
}

.flex.wrap
{
    flex-wrap: wrap;
}


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

.justify-between
{
    justify-content: space-between;
}


.justify-around
{
    justify-content: space-around;
}

.featured-inner
{
    display: flex;

    align-items: center;
    justify-content: space-between;
}

.featured-wrapper
{
    display: flex;

    flex-wrap: wrap;
}

.featured-wrapper > a
{
    display: block;

    min-width: 300px;

    flex: 1;
}


.featured-wrapper > a:hover
{
    background: #efefef;
}



.text-cyan
{
    color: #2eb786;
}

.autocomplete-icon
{
    position: absolute;
    top: 20px;
    left: 30px;
}

input.autocomplete
{
    padding-left: 42px !important;
}

.suggestions
{
    position: absolute;
    z-index: 1000;

    min-width: 266px;

    background: #e9fff7;
    box-shadow: 1px 1px 8px #666;
}

.suggestions div
{
    margin: 0 2px 0 0;
    padding: 1em;

    cursor: pointer;

    border-bottom: 1px solid #baead9;
}

.suggestions div:hover
{
    color: black;
    background: #baead9;
}


.description-output img
{
    max-width: 60px;
}

.d-inline
{
    display: inline;
}


.bg-cyan {
    background: #e6f1f0;
}


h1.grid-heading
{
    font-size: 1.45em;
    font-weight: bold;

    margin: 0;
}

.image-grid .image-thumb
{
    min-height: 140px;
}

.image-grid .image-thumb img
{
    padding: 4px;
}
.image-grid .tiled-thumb
{
    float: left;

    width: 180px;
    margin: 0 6px 6px 0;

    border-radius: 6px;
    background: white;
    border: 1px solid #666;
}
.image-grid .counter
{
    font-family: Georgia, Serif;
    font-size: 1.5em;

    margin: 0;
    padding: 0;

    color: black;
}