:root {
    --fc-bg-event-border-color: inherit;
    --fc-bg-event-text-color: inherit;
    --fc-event-border-color: inherit;
    --fc-event-text-color: inherit;
}

body { 
    background: #eeeeee url("../images/texture_gray1.png"); background-size: auto auto; margin: 0;  padding: 0;
    font-family: 'Open Sans', sans-serif; 
    color: #000000;
    margin-top: 129px;
}

a { color: #00b0cd; }
a:hover { text-decoration: none; color: #00b0cd; }

img { max-width: 100%; border: 0px; vertical-align: text-top; }

nav.navbar { background: #eeeeee; }
nav.navbar > .container { position: relative; }

#logo { height: 69px; line-height: 69px; z-index: 100; float: left; }
#logo img { }
#logo a { display: inline-block; width: 75px; height: 74px; background: url("../images/logo-orehhero.png") no-repeat; background-size: 75px 74px; margin: 3px 0; }

#main { background: #FFFFFF; border-top: 4px solid #00b0cd; min-height: 500px; }
.guest #main { min-height: 500px; }
@media (min-width: 1440px) {
    #main { padding-left: 80px; padding-right: 80px; }
}

.btn { border-radius: 0px; }
.btn-primary { height: 62px; line-height: 62px; padding: 0 69px 0 20px !important; border: 0; margin: 0 auto; background: #00b0cd url("../images/btn-arrow.png") no-repeat 100% center; color: #FFFFFF; font-size: 24px; font-weight: 500; text-transform: uppercase; }
.btn-primary:hover { background: #00b0cd url("../images/btn-arrow.png") no-repeat 105% center; transition: background 0.3s; } 

.btn-default { height: 62px; line-height: 59px; padding: 0 55px 0 55px; border: 0; margin: 0 auto; background: #00b0cd; border: 1px solid #00b0cd; color: #FFFFFF; font-size: 24px; font-weight: 500; text-transform: uppercase; text-align: center; }
.btn-default:hover { background: #FFFFFF; border: 1px solid #00b0cd; color: #00b0cd; transition: background 0.3s; } 


.btn-link { color: #00b0cd; height: 62px; line-height: 62px; font-weight: 500; }

.form-group { margin-bottom: 10px; }
.form-group::after { content: ''; clear: both; display: block; }
.form-control { background-color: transparent; border: 0; border-radius: 0; border-bottom: 1px solid #e1e1e1; box-shadow: none; -webkit-box-shadow: none; color: #000000; font-weight: 300; font-size: 18px; padding: 0; height: 29px; }
.form-group label { float: none; color: #6d6e71; font-size: 16px; } 
.form-actions { clear: both; text-align: center; margin: 1.5em auto; }
.form-control[disabled=disabled] { background: transparent; }

.has-error .form-control { box-shadow: none; -webkit-box-shadow: none; }

#login_form { display: flex; justify-content: space-around; flex-flow: wrap; }
#login_form .form-group:nth-child(2) { flex: 1; align-self: flex-start ; margin: 0 30px 0 0; }
#login_form .form-group:nth-child(3) { flex: 1; align-self: flex-start; margin: 0 0px 0 30px; }
#login_form .form-actions { width: 100%; align-self: center; flex: 1 100%; }

.navbar-toggle { margin-right: -10px; margin-bottom: 0px; }
.navbar-toggle .icon-bar { background: #000000; }

.navbar-nav { padding: 0 12px; }
.navbar-nav > li { }
.navbar-nav > li > a { line-height: 30px; font-size: 14px; color: #000000; padding: 0 12px; }
.navbar-nav li a { color: #000000; }
.navbar-nav li a:hover { background: transparent; color: #00b0cd; }
.navbar-nav li.active a { color: #00b0cd; }
@media (min-width: 768px) {
    .navbar-nav { height: 69px; }
    .navbar-nav > li > a { line-height: 69px; }
}
@media (min-width: 992px) {
    .navbar-nav > li > a { font-size: 18px; }
    
}

.navbar-nav > li > .dropdown-menu { border-radius: 0; border: 1px solid #b8b8b8 !important; background: #eeeeee !important; border-top: 0px; padding: 10px; left: auto; right: 0; font-size: 16px; }
.navbar-nav > li > .dropdown-menu::before { content: ''; display: block; position: absolute; height: 1px; width: 100%; top: 0; left: 0; z-index: 20; overflow: hidden;
                                            background: #00b0cd; /* Old browsers */
                                            background: -moz-linear-gradient(left, #00b0cd 0%, #00b0cd 33%, #000000 33%, #000000 66%, #6d6e71 66%, #6d6e71 100%); /* FF3.6-15 */
                                            background: -webkit-linear-gradient(left, #00b0cd 0%,#00b0cd 33%,#000000 33%,#000000 66%,#6d6e71 66%,#6d6e71 100%); /* Chrome10-25,Safari5.1-6 */
                                            background: linear-gradient(to right, #00b0cd 0%,#00b0cd 33%,#000000 33%,#000000 66%,#6d6e71 66%,#6d6e71 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
                                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b0cd', endColorstr='#6d6e71',GradientType=1 ); /* IE6-9 */
}
.navbar-nav > li > .dropdown-menu > a { display: block; }

.dropdown-menu { 
    -webkit-box-shadow: 0 6px 12px rgba(109, 109, 109, .775);
    box-shadow: 0 6px 12px rgba(109, 109, 109, .775);
}

@media (min-width: 768px) {
    .navbar-nav > li > .dropdown-menu { margin-top: -15px; }
}
@media (max-width: 767px) {
    .navbar-nav.quick-access-nav .open .dropdown-menu { position: absolute; }
}

.container > .navbar-header { margin-left: 0; margin-right: 0; }

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 640px; }

.quick-access-nav { float: right; padding: 0; }
.nav.quick-access-nav > li { display: inline-block; }
@media (min-width: 768px) {
    .quick-access-nav { position: absolute; right: 0; }
}

.icon_arrowDown { display: inline-block; width: 14px; height: 8px; background: url("../images/arrow_down.png"); }

#qa_userDropdownToggler { white-space: nowrap; }
#qa_userDropdownToggler img { display: inline-block; width: 30px; height: 30px; margin-top: -3px; }
.qa_userDropdown { text-align: right; color: #00b0cd; min-width: 50px; width: 70px; }
.navbar-nav > li > .dropdown-menu.qa_userDropdown { right: 45px; }

#qa_addEntryToggler { min-width: 14px; padding: 0 5px; }
#qa_addEntryToggler::before { content: ''; display: inline-block; width: 14px; height: 13px; background: url("../images/icon_plus.png") no-repeat; }
#qa_addEntryToggler:hover::before, .open #qa_addEntryToggler::before { background: url("../images/icon_plus_o.png") no-repeat; }
.qa_addEntryDropdown { text-align: right; color: #00b0cd; min-width: 50px; white-space: nowrap; }

#qa_userSettingsToggler { min-width: 14px; padding: 0 5px; }
#qa_userSettingsToggler::before { content: ''; display: inline-block; width: 14px; height: 13px; background: url("../images/icon_settings.png") no-repeat; }
#qa_userSettingsToggler:hover::before, .open #qa_userSettingsToggler::before { background: url("../images/icon_settings_o.png") no-repeat; }
.qa_userSettingsDropdown { text-align: right; color: #00b0cd; min-width: 150px; white-space: nowrap; }
@media (max-width: 767px) {
    .navbar-nav > li > .dropdown-menu.qa_userSettingsDropdown { right: auto; left: 0; }
}

#qa_searchToggler { min-width: 14px; padding: 0 5px; }
#qa_searchToggler::before { content: ''; display: inline-block; width: 14px; height: 13px; background: url("../images/icon_search.png") no-repeat; }
#qa_searchToggler:hover::before, .open #qa_searchToggler::before { background: url("../images/icon_search_o.png") no-repeat; }
.qa_searchDropdown { text-align: left; color: #00b0cd; min-width: 50px; }
.qa_searchDropdown form { text-align: center; }
.qa_searchDropdown input[type=submit] { background: #00b0cd; color: #FFFFFF; text-transform: uppercase; text-align: center; border: 0; display: inline-block; margin: 10px auto; height: 25px; }
.qa_searchDropdown .form-control { border-bottom: 1px solid #000000; font-size: 16px; min-width: 150px; text-align: left; }
.qa_searchDropdown form { margin: 0; }

@media (max-width: 767px) {
    .navbar-nav > li > .dropdown-menu.qa_searchDropdown { right: auto; left: 0; }
}

#search-autocomplete-results a { color: #6d6e71; font-weight: 300; display: block; }
#search-autocomplete-results a:hover { color: #00b0cd; }

form.filters { margin: 0; }
.filter-menu { line-height: 20px; padding: 10px 8px; font-size: 18px; color: #6d6e71; }
.filter-menu > ul { list-style: none; display: block; margin: 0; padding: 0; }
.filter-menu > ul li { margin: 0px; padding: 0 25px 0 0; }
.filter-menu > ul li.pull-right { padding: 0 0 0 25px; }
.filter-menu > ul::after { content: ''; clear: both; display: block; }
.filter-menu > ul li > a { color: #6d6e71; display: block; line-height: 25px; }
.filter-menu > ul li a:hover { color: #00b0cd; }
@media (max-width: 440px) {
    .filter-menu > ul li.pull-right { float: left !important; }
    .filter-menu > ul li { padding-right: 15px !important; padding-left: 0 !important; }
}
@media (min-width: 768px) {
    .filter-menu { padding: 25px 8px; }
    .filter-menu > ul li.select { width: auto; }
}
.filter_all { cursor: pointer; }
.filter_all::before { content: ''; display: inline-block; width: 20px; height: 14px; background: url("../images/check_unchecked.png") no-repeat; margin-right: 5px; }
.filter_all.filter_checked::before { background: url("../images/check_checked.png") no-repeat; }

input[type=checkbox] { visibility: hidden; width: 0; position: absolute; } 
input[type=checkbox] + label { }
input[type=checkbox] + label::before { content: ''; display: inline-block; width: 20px; height: 14px; background: url("../images/check_unchecked.png") no-repeat; margin-right: 3px; }
input[type=checkbox]:checked + label::before { background: url("../images/check_checked.png") no-repeat; } 

input[type=radio] { visibility: hidden; width: 0; position: absolute; } 
input[type=radio] + label { }
input[type=radio] + label::before { content: ''; display: inline-block; width: 20px; height: 14px; background: url("../images/check_unchecked.png") no-repeat; margin-right: 3px; }
input[type=radio]:checked + label::before { background: url("../images/check_checked.png") no-repeat; } 

.checkbox label, .radio label { padding-left: 0px; }
.checkbox .form-control label, .radio .form-control label { padding-left: 0px; color: #000000; }
.has-error.checkbox .form-control label, .has-error.radio .form-control label { color: #a94442; }
.checkbox, .radio, .checkbox + .checkbox, .radio + .radio { margin-top: 0; }

.chosen-container { font-size: 18px; }
.chosen-container-single { min-width: 50px; }
.chosen-container-single .chosen-single { background: transparent; border-radius: 0; border: 0; box-shadow: none; -webkit-box-shadow: none; color: #000000; }
.chosen-container-single .chosen-default { color: #6d6e71; }
.chosen-container-single .chosen-single span { margin-right: 0; margin-left: 0px; }
.chosen-container-single .chosen-single div { right: 0; left: auto; width: 17px; }
.chosen-container-single .chosen-single div b { background: url("../images/arrow_down.png") no-repeat center left; }
.chosen-container-single.chosen-container-with-drop .chosen-single div b { background: url("../images/arrow_up.png") no-repeat center left; }
.chosen-container-single .chosen-single:hover div b, .chosen-container-active.chosen-with-drop .chosen-single div b { background-image: url("../images/arrow_down.png"); }
.chosen-container-single .chosen-search { font-size: 11px; }
.chosen-container-single .chosen-search input { background-color: #FFFFFF !important; }

.chosen-container-active .chosen-single { border: 0px; -webkit-box-shadow: none; box-shadow: none; }
.chosen-container-active.chosen-with-drop .chosen-single { border: 0px; -webkit-box-shadow: none; box-shadow: none; background: transparent; border-radius: 0; color: #00b0cd; }
.chosen-container-active.chosen-with-drop .chosen-single div { }
.chosen-container-active.chosen-with-drop .chosen-single div b { background-position: center left; }
.chosen-container .chosen-drop { border: 0px; -webkit-box-shadow: none; box-shadow: none; background: #eeeeee; border-radius: 0; width: auto; min-width: 100%; }
.chosen-container .chosen-results { padding: 5px 3px; margin: 0; }
.chosen-container .chosen-results li { padding: 5px 3px; font-weight: 300; color: #000000; word-wrap: normal; }
.chosen-container .chosen-results li.highlighted { color: #00b0cd; background: transparent; }


.filters .chosen-container-single .chosen-single div { right: auto; left: 0; width: 17px; }
.filters .chosen-container-single .chosen-single div b { background: url("../images/icon_list.png") no-repeat center left; }
.filters .chosen-container-single .chosen-single:hover div b, .filters .chosen-container-active.chosen-with-drop .chosen-single div b { background-image: url("../images/icon_list_o.png"); }
.filters .chosen-container-single .chosen-single span { margin-right: 0; margin-left: 25px; }
.filters .chosen-container-single .chosen-single { padding-left: 0; color: #6d6e71; }
.filters select { min-width: 100px; }

.input-and-select-as-btn .chosen-container-single .chosen-single div b { background: url("../images/arrow_down.png") no-repeat center left; }
.input-and-select-as-btn .chosen-container-single .chosen-single:hover div b, .input-and-select-as-btn .chosen-container-active.chosen-with-drop .chosen-single div b { background-image: url("../images/arrow_down.png"); }
.input-and-select-as-btn .chosen-container-single .chosen-single div { right: 0; left: auto; }
.input-and-select-as-btn .chosen-container-single .chosen-single span { margin-right: 25px; margin-left: 0; }
.input-and-select-as-btn .chosen-container { width: auto !important; border: 1px solid #ebebeb; font-size: 14px; padding: 0px 5px; position: relative; margin-top: -1px; margin-left: 7px; }
.input-and-select-as-btn input { float: left; }

a.search { }
a.search::before { content: ''; display: inline-block; width: 14px; height: 13px; background: url("../images/icon_search.png") no-repeat; margin-right: 5px; }
a.search:hover::before { background: url("../images/icon_search_o.png") no-repeat; }
a.add { cursor: pointer; }
a.add::before { content: ''; display: inline-block; width: 14px; height: 13px; background: url("../images/icon_plus.png") no-repeat; margin-right: 5px; }
a.add:hover::before { background: url("../images/icon_plus_o.png") no-repeat; }
a.delete { cursor: pointer; }
a.delete::before { content: ''; display: inline-block; width: 14px; height: 13px; background: url("../images/icon_delete.png") no-repeat; margin-right: 5px; }
a.delete:hover::before { background: url("../images/icon_delete.png") no-repeat; }
a.edit { cursor: pointer; }
a.download { cursor: pointer; }
a.download::before { content: ''; display: inline-block; width: 11px; height: 13px; background: url("../images/icon_download.png") no-repeat; margin-right: 5px; }
a.download:hover::before { background: url("../images/icon_download.png") no-repeat; }
a.addFile { width: 80px; 
            float: right;
            display: inline-block; 
            cursor: pointer; 
            background: #dddddd; 
            text-align: center; 
            text-transform: uppercase;
}

.pagination { font-weight: 300; font-size: 18px; }
.pagination > li > a, .pagination > li > span { color: #6d6e71; }
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover { color: #00b0cd; background-color: transparent; }
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover { background: transparent; color: #00b0cd; }
.pagination > li > a, .pagination > li > span { border: 0; }
.pagination > li:first-child > a, .pagination > li:first-child > span { border-radius: 0; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-radius: 0; }
.pagination > li.first .sign { display: none; }
.pagination > li.first a { padding: 6px 10px 6px 0px; }
.pagination > li.first a::before { content: ''; display: inline-block; width: 8px; height: 26px; background: url("../images/pagination_first.png") no-repeat center center; background-size: 8px 13px; float: left; }
.pagination > li.last .sign { display: none; }
.pagination > li.last a { padding: 6px 0px 6px 10px; }
.pagination > li.last a::before { content: ''; display: inline-block; width: 8px; height: 26px; background: url("../images/pagination_last.png") no-repeat center center; background-size: 8px 13px; float: left; }
.pagination > li.previous .sign { display: none; }
.pagination > li.previous a { padding: 6px 0px; }
.pagination > li.previous a::before { content: ''; display: inline-block; width: 19px; height: 26px; background: url("../images/pagination_previous.png") no-repeat center center; background-size: 19px 13px; float: left; }
.pagination > li.next .sign { display: none; }
.pagination > li.next a { padding: 6px 0px; }
.pagination > li.next a::before { content: ''; display: inline-block; width: 19px; height: 26px; background: url("../images/pagination_next.png") no-repeat center center; background-size: 19px 13px; float: left; }

.hidden { visibility: hidden; position: absolute; }

.table > thead > tr > th { font-size: 16px; font-weight: 500; text-align: left; border-bottom: 0; }
.table > thead { position: relative; }
.table > thead::after { 
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #00b0cd; /* Old browsers */
    background: -moz-linear-gradient(left, #00b0cd 0%, #00b0cd 33%, #000000 33%, #000000 66%, #6d6e71 66%, #6d6e71 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00b0cd 0%,#00b0cd 33%,#000000 33%,#000000 66%,#6d6e71 66%,#6d6e71 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00b0cd 0%,#00b0cd 33%,#000000 33%,#000000 66%,#6d6e71 66%,#6d6e71 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b0cd', endColorstr='#6d6e71',GradientType=1 ); /* IE6-9 */
}
.table td { font-size: 16px; font-weight: 400; }
.table > thead > tr > td { border-top: 1px solid #eeeeee; }

.table img { vertical-align: baseline; }

.items-list a { color: #000000; }
.items-list a:hover { color: #00b0cd; }

.items-list .item-options { background: #f7f7f4; font-weight: 300; padding: 0 8px; }
.items-list .item-options a { color: #6d6e71; padding-right: 25px; }
.items-list .item-options a:hover { color: #00b0cd; }

.table > tbody > tr.active > td { background: transparent; }

.items-list .item-entry-info { display: none; }
.items-list .item-entry-info.active { display: table-row; }
.items-list .item-entry-info > td { padding: 0; text-align: center; }

.items-list .item-data { }
.items-list .item-data td { padding: 8px; color: #6d6e71; font-size: 18px; }

.expenses-list td { text-align: left; }
.expenses-list thead::after { background: #898989; } 
.table > tbody > tr.expense-entry { border-bottom: 1px solid #dddddd;  } 
.table > tbody > tr.expense-entry > td { border-top: none;  } 

.incomes-list td { text-align: left; }
.incomes-list thead::after { background: #898989; } 
.table > tbody > tr.income-entry { border-bottom: 1px solid #dddddd;  } 
.table > tbody > tr.income-entry > td { border-top: none;  } 

.tasks-list td { text-align: left; }
.tasks-list thead::after { background: #898989; } 
.table > tbody > tr.task-entry { border-bottom: 1px solid #dddddd;  } 
.table > tbody > tr.task-entry > td { border-top: none;  } 

.jobs-list td { text-align: left; }
.jobs-list thead::after { background: #898989; } 
.table > tbody > tr.job-entry { border-bottom: 1px solid #dddddd;  } 
.table > tbody > tr.job-entry > td { border-top: none;  } 

.client-edit .table > tbody > tr > td { border-top: 0; }
.client-edit .table > tbody > tr > td .item-data td { border-bottom: 1px solid #e1e1e1; }

button.loading {  animation: colorChange 3s infinite; }
button.loading::after { content: '...'; }
@keyframes colorChange {
    from { color: #00b0cd; }
    to { color: #FFFFFF; }
}

span.loading, div.loading, .featherlight-loading .featherlight-inner { min-height: 22px; position: relative; }
span.loading::after, div.loading::after, .featherlight-loading .featherlight-inner::after { position: absolute; right: 0; bottom: 50%; margin-bottom: -7px; content: ''; display: inline-block; width: 15px; height: 22px; background: url("../images/keg.svg") bottom center; background-size: 15px 22px; animation: kegHeight 3s infinite; }
span.loading { display: inline-block; margin: 0 auto; width: 15px; height: 50px; }
@keyframes kegHeight {
    from { height: 1px; }
    to { height: 22px; }
}

form.standardForm { margin: 20px -20px; }
form.standardForm h1 { margin-left: 20px; }
form .form-group { width: 50%; float: left; padding: 0 20px; position: relative; }
form .form-group.w-100 { width: 100%; }
form .form-actions { clear: both; }
form .form-group textarea.form-control { width: 100%; min-height: 100px; resize: vertical; }
.form-control-plaintext {
    font-size: 18px;
    font-weight: 300;
    color: #000000;
    display: inline-block;
}
.form-view-only .form-control {
    height: auto;
    margin-bottom: 5px;
}
.textarea-plaintext {
    white-space: pre-wrap;
    width: 100%;
    margin-bottom: 15px;
}
@media (min-width: 768px) {
    .ajaxFormAdd { width: 700px; padding-top: 15px; }
}
form .form-group.fill-width { width: 100%; }

.ajaxForm h1 { text-align: left; font-size: 32px; margin: 0 auto 20px 15px; }

.section-title { font-size: 18px; font-weight: 500; text-align: center; border-top: 1px solid #e1e1e1; position: relative; }
.section-title a { color: #000000; display: inline-block; margin: 0 auto; }
.section-title a::after { content: ''; width: 14px; height: 8px; background: url("../images/arrow_down.png"); display: inline-block; margin-left: 10px; }
.section-title.open a::after { background: url("../images/arrow_up.png"); }
.section-title.open::after { 
    content: '';
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #00b0cd; /* Old browsers */
    background: -moz-linear-gradient(left, #00b0cd 0%, #00b0cd 33%, #000000 33%, #000000 66%, #6d6e71 66%, #6d6e71 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #00b0cd 0%,#00b0cd 33%,#000000 33%,#000000 66%,#6d6e71 66%,#6d6e71 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #00b0cd 0%,#00b0cd 33%,#000000 33%,#000000 66%,#6d6e71 66%,#6d6e71 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b0cd', endColorstr='#6d6e71',GradientType=1 ); /* IE6-9 */
}
.section-title + .section-options { display: none; }
.section-title.open + .section-options { display: block; }
.section-options { background: #f7f7f7; text-align: center; line-height: 1.5em; font-weight: 300; padding: 5px 0; }
.section-options a { color: #6d6e71; font-size: 16px; }

#addFormDocument { background: #e0e1e1; padding: 15px; }

.dropzone { margin: 0 0px 20px 0px; background: #e0e1e1; min-height: 200px; padding: 15px 15px 50px 15px; position: relative; border: 2px solid #797b7d; }
.dropzone .dz-message { color: #797b7d; font-weight: 300; width: 100%; text-align: center; margin: 0 0 0 -15px; background: url("../images/icon_upload.png") no-repeat center 0px; padding-top: 70px; margin-top: 30px; }
@media (min-width: 768px) {
    .dropzone { }
}

.table-responsive table { overflow: hidden; position: relative; }

.documents-list { }
.documents-list .item-data { margin: 0 -15px; }
.documents-list .item-data .item { padding: 5px 15px; float: left; width: 50%; font-size: 18px; color: #6d6e71; text-align: left; }
.documents-list .item-data .item .wrap { line-height: 30px; border-bottom: 1px solid #e1e1e1; }
.documents-list .item-data .item .filename { color: #6d6e71; padding-left: 32px; padding-bottom: 5px; }
.documents-list .item-data .item .filename.pdf { background: url("../../../images/icon_pdf.png") no-repeat left top; }
.documents-list .item-data .item .filename.doc { background: url("../../../images/icon_doc.png") no-repeat left top; }
.documents-list .item-data .item .filename.jpg { background: url("../../../images/icon_jpg.png") no-repeat left top; }
.documents-list .item-data .item .filename.jpeg { background: url("../../../images/icon_jpg.png") no-repeat left top; }

.documents-list .actions { float: right; }

.expenses-list { }
.expenses-list .item-data { margin: 0; }
.expenses-list .item-data .item { padding: 5px 15px; float: left; width: 100%; font-size: 18px; color: #6d6e71; text-align: left; }
.expenses-list .item-data .item .wrap { line-height: 30px; }
.expenses-list .item-data .item .filename { color: #6d6e71; padding-left: 32px; padding-bottom: 5px; }
.expenses-list .item-data .item .filename.pdf { background: url("../../../images/icon_pdf.png") no-repeat left top; }
.expenses-list .item-data .item .filename.doc { background: url("../../../images/icon_doc.png") no-repeat left top; }
.expenses-list .item-data .item .filename.jpg { background: url("../../../images/icon_jpg.png") no-repeat left top; }
.expenses-list .item-data .item .filename.jpeg { background: url("../../../images/icon_jpg.png") no-repeat left top; }

.incomes-list { }
.incomes-list .item-data { margin: 0; }
.incomes-list .item-data .item { padding: 5px 15px; float: left; width: 100%; font-size: 18px; color: #6d6e71; text-align: left; }
.incomes-list .item-data .item .wrap { line-height: 30px; }
.incomes-list .item-data .item .filename { color: #6d6e71; padding-left: 32px; padding-bottom: 5px; }
.incomes-list .item-data .item .filename.pdf { background: url("../../../images/icon_pdf.png") no-repeat left top; }
.incomes-list .item-data .item .filename.doc { background: url("../../../images/icon_doc.png") no-repeat left top; }
.incomes-list .item-data .item .filename.jpg { background: url("../../../images/icon_jpg.png") no-repeat left top; }
.incomes-list .item-data .item .filename.jpeg { background: url("../../../images/icon_jpg.png") no-repeat left top; }

.tasks-list { }
.tasks-list .item-data { margin: 0; }
.tasks-list .item-data .item { padding: 5px 15px; float: left; width: 100%; font-size: 18px; color: #6d6e71; text-align: left; }
.tasks-list .item-data .item .wrap { line-height: 30px; }
.tasks-list .item-data .item .filename { color: #6d6e71; padding-left: 32px; padding-bottom: 5px; }
.tasks-list .item-data .item .filename.pdf { background: url("../../../images/icon_pdf.png") no-repeat left top; }
.tasks-list .item-data .item .filename.doc { background: url("../../../images/icon_doc.png") no-repeat left top; }
.tasks-list .item-data .item .filename.jpg { background: url("../../../images/icon_jpg.png") no-repeat left top; }
.tasks-list .item-data .item .filename.jpeg { background: url("../../../images/icon_jpg.png") no-repeat left top; }

.jobs-list { }
.jobs-list .item-data { margin: 0; }
.jobs-list .item-data .item { padding: 5px 15px; float: left; width: 100%; font-size: 18px; color: #6d6e71; text-align: left; }
.jobs-list .item-data .item .wrap { line-height: 30px; }
.jobs-list .item-data .item .filename { color: #6d6e71; padding-left: 32px; padding-bottom: 5px; }
.jobs-list .item-data .item .filename.pdf { background: url("../../../images/icon_pdf.png") no-repeat left top; }
.jobs-list .item-data .item .filename.doc { background: url("../../../images/icon_doc.png") no-repeat left top; }
.jobs-list .item-data .item .filename.jpg { background: url("../../../images/icon_jpg.png") no-repeat left top; }
.jobs-list .item-data .item .filename.jpeg { background: url("../../../images/icon_jpg.png") no-repeat left top; }

.documents-list .actions { float: right; }


.form-view-only { }
.form-view-only input, .form-view-only select, .form-view-only textarea, .form-view-only label { pointer-events:none; }
.form-view-only .form-actions { display: none; }
.form-view-only input[type="radio"] + label { display: none; }
.form-view-only input[type="radio"]:checked + label { display: inline-block; }
.form-view-only .form-group { }
.form-view-only .form-group label { display: inline; }
.form-view-only .form-group label::after { content: ': '; }
.form-view-only .form-group label.empty-label::after { content: ''; }
.form-view-only .form-control { border-bottom: 0px; display: inline-block; width: auto; }
.form-view-only .fill-width label { display: block; }
.form-view-only .fill-width textarea { width:100%; }
.form-view-only .chosen-container-single .chosen-single div { display: none; }

.center-buttons { clear: both; text-align: center; margin: 1.5em auto; }

.daterange-picker { border: 0; padding-left: 25px; }
.daterange-picker-wrap { position: relative; }
.daterange-picker-wrap::before { content: ''; display: inline-block; background: url("../images/icon_list.png") no-repeat center left; width: 17px; height: 13px; position: absolute; top: 5px; left: 0; }
.daterange-picker-wrap:hover::before { background-image: url("../images/icon_list_o.png"); }

.budget { position: relative; }
.budget .form-control { padding-right: 100px; }
.budget #budget_alternative, 
.budget #amount_alternative { position: absolute; right: 20px; top: auto; bottom: 0; font-size: 18px; height: 30px; float: right; font-weight: 300; }
.budget #budget_alternative::before, 
.budget #amount_alternative::before { content: '('; }
.budget #budget_alternative::after,
.budget #amount_alternative::after { content: ')'; }

.status_offer1 { color: #ffcc24; } /* In Progress */
.status_offer2 { color: #79d76d; } /* Approved */
.status_offer3 { color: #e82458; } /* Rejected */

.status_project1 { color: #ffcc24; } /* In Progress */
.status_project2 { color: #79d76d; } /* Completed */
.status_project3 { color: #e82458; } /* Rejected */

.status_task1 { color: #00beff; } /* Planned */
.status_task2 { color: #ffcc24; } /* In Progress */
.status_task3 { color: #79d76d; } /* Completed */
.status_task4 { color: #e82458; } /* Needs attention */

.addForm .hide-if-add { display: none; }
.editForm .hide-if-add { display: block; }

.calendar-container {
    padding: 50px 0;
}
.event-tooltip {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.75); /* Dark background with transparency */
  color: #fff; /* White text */
  padding: 10px; /* Some padding */
  border-radius: 5px; /* Rounded corners */
  font-size: 12px; /* Adjust text size */
  z-index: 1000; /* Make sure it appears above other elements */
  pointer-events: none; /* Ensure the tooltip doesn't interfere with mouse events */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); /* Slight shadow for better visibility */
  white-space: nowrap; /* Prevent text wrapping */
}
.nowrap { white-space: nowrap; }
.has-project { background-color: #e0f7fa}

.eventtype-offer { background-color: #ffecb3; border: 1px solid #ffcc24; color: #000000; }
.eventtype-project { background-color: #00b0cd; border: 1px solid #00b0cd; color: #FFFFFF; }
.fc-direction-ltr .fc-daygrid-event .fc-event-time { flex-shrink: 0;}

.icon_help {
    display: inline-flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    border: 1px solid #ed0d97;
    border-radius: 50%;
    font-size: 14px;
    font-family: serif;
}
.icon_help::after {
    content: 'i';
    color: #ed0d97;
    font-weight: 300;
}
.icon_help:hover::after {
    color: #ed0d97;
}

h1 {
    font-size: 32px;
    font-weight: 300;
    margin-bottom: 20px;
    color: #000000;
}

h2 {
    font-size: 24px;
    font-weight: 300;
    margin-bottom: 20px;
    color: #000000;
}
.video-hd-container {
    position: relative;
    padding: 0 0 56.25% 0;
    height: 0;
}
.video-hd-container iframe,
.video-hd-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#footer {
    background: #f7f7f4;
    border-top: 1px solid #e1e1e1;
    padding: 15px 0;
    margin-top: 50px;
    font-size: 14px;
    color: #6d6e71;
    text-align: center;
}
.eu-logos-guest, #footer .eu-logos { justify-content: space-between;}
.eu-financing-guest img,
#footer .eu-logos img {
    max-height: 60px;
}
.eu-financing-guest p,
#footer p {
    margin: 30px auto;
    text-align: center;
    font-style: italic;
}
.eu-financing-guest {
    margin-top: 50px;
}
.guest-top-heading .title {
    font-size: 24px;
    font-weight: 300;
    margin-top: 5px;
    margin-left: 100px;
}
.guest-top-heading .subtitle {
    font-size: 14px;
    font-weight: 300;
    margin-left: 100px;
    font-style: italic;
}