/*
 * firefly.css
 * Copyright (c) 2019 james@firefly-iii.org
 *
 * This file is part of Firefly III (https://github.com/firefly-iii).
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */

/* used in transaction groups */
.no-margin-pagination {padding-bottom:0;padding-top:0;}
.no-margin-pagination ul.pagination {margin:0 !important;}

/* date range */
.date-range-holder {color:#fff;padding: 15px;display: block;line-height: 20px;}
.dropdown-holder {cursor:default;color:#fff;padding: 15px;display: block;line-height: 20px;}

/** new classes because of CSP */
.wide-chart {width:100%;height:400px;}
.low-chart {width:100%;height:200px;}
.medium-chart {width:100%;height:250px;}
.center-chart {width:100%;margin:0 auto;}
.map-size {width:100%;height:300px;}

/* install box border */
.install-box-border {border:1px #ddd solid;}
.install-box-title {font-family: monospace;font-size:16pt;}

/* some borders and lines */
.top-light-border {border-top:1px #aaa solid;}
.top-dark-border {border-top:1px #777 solid;}
.bottom-light-border {border-bottom:1px #aaa solid;}

/* misc */
.calendar-display {max-width: 400px;margin: 0 auto;}
.empty-high-block {height:400px;}
.fw-normal {font-weight: normal;}
.position-relative {position: relative;}
.pointer {cursor:pointer;}
.big-line {line-height:1.8em;}
.bold-label {font-weight: normal;font-size:0.9em;}

/** tables **/
th.five {width:5%;}
th.ten {width:10%;}
th.fifteen td.fifteen {width:15%;}
td.twenty th.twenty {width:25%;}
td.onetwenty {width:120px;}
td.quarter th.quarter {width:25%;}
td.thirty th.thirty {width:30%;}
td.third th.third {width:33%;}
td.forty th.forty {width:40%;}
td.half th.half {width:50%;}
td.sixty-six th.sixty-six {width:66%;}
td.twenty-px {width:20px;}
td.forty-px {width:40px;}
td.sixty-px {width:60px;}
td.hundred-px {width:100px;}

/** width for progress bar **/
.width-0 {width:0;}
.width-1 {width:1%;}
.width-2 {width:2%;}
.width-3 {width:3%;}
.width-4 {width:4%;}
.width-5 {width:5%;}
.width-6 {width:6%;}
.width-7 {width:7%;}
.width-8 {width:8%;}
.width-9 {width:9%;}
.width-10 {width:10%;}
.width-11 {width:11%;}
.width-12 {width:12%;}
.width-13 {width:13%;}
.width-14 {width:14%;}
.width-15 {width:15%;}
.width-16 {width:16%;}
.width-17 {width:17%;}
.width-18 {width:18%;}
.width-19 {width:19%;}
.width-20 {width:20%;}
.width-21 {width:21%;}
.width-22 {width:22%;}
.width-23 {width:23%;}
.width-24 {width:24%;}
.width-25 {width:25%;}
.width-26 {width:26%;}
.width-27 {width:27%;}
.width-28 {width:28%;}
.width-29 {width:29%;}
.width-30 {width:30%;}
.width-31 {width:31%;}
.width-32 {width:32%;}
.width-33 {width:33%;}
.width-34 {width:34%;}
.width-35 {width:35%;}
.width-36 {width:36%;}
.width-37 {width:37%;}
.width-38 {width:38%;}
.width-39 {width:39%;}
.width-40 {width:40%;}
.width-41 {width:41%;}
.width-42 {width:42%;}
.width-43 {width:43%;}
.width-44 {width:44%;}
.width-45 {width:45%;}
.width-46 {width:46%;}
.width-47 {width:47%;}
.width-48 {width:48%;}
.width-49 {width:49%;}
.width-50 {width:50%;}
.width-51 {width:51%;}
.width-52 {width:52%;}
.width-53 {width:53%;}
.width-54 {width:54%;}
.width-55 {width:55%;}
.width-56 {width:56%;}
.width-57 {width:57%;}
.width-58 {width:58%;}
.width-59 {width:59%;}
.width-60 {width:60%;}
.width-61 {width:61%;}
.width-62 {width:62%;}
.width-63 {width:63%;}
.width-64 {width:64%;}
.width-65 {width:65%;}
.width-66 {width:66%;}
.width-67 {width:67%;}
.width-68 {width:68%;}
.width-69 {width:69%;}
.width-70 {width:70%;}
.width-71 {width:71%;}
.width-72 {width:72%;}
.width-73 {width:73%;}
.width-74 {width:74%;}
.width-75 {width:75%;}
.width-76 {width:76%;}
.width-77 {width:77%;}
.width-78 {width:78%;}
.width-79 {width:79%;}
.width-80 {width:80%;}
.width-81 {width:81%;}
.width-82 {width:82%;}
.width-83 {width:83%;}
.width-84 {width:84%;}
.width-85 {width:85%;}
.width-86 {width:86%;}
.width-87 {width:87%;}
.width-88 {width:88%;}
.width-89 {width:89%;}
.width-90 {width:90%;}
.width-91 {width:91%;}
.width-92 {width:92%;}
.width-93 {width:93%;}
.width-94 {width:94%;}
.width-95 {width:95%;}
.width-96 {width:96%;}
.width-97 {width:97%;}
.width-98 {width:98%;}
.width-99 {width:99%;}
.width-100 {width:100%;}


/* spacing and padding */
.m-0 { margin:0!important; }
.m-1 { margin:.25rem!important; }
.m-2 { margin:.5rem !important; }
.m-3 { margin:1rem !important; }
.m-4 { margin:1.5rem !important; }
.m-5 { margin:3rem!important; }

.mt-0 { margin-top:0!important; }
.mr-0 { margin-right:0!important; }
.mb-0 { margin-bottom:0!important; }
.ml-0 { margin-left:0!important; }
.mx-0 { margin-left:0 !important;margin-right:0!important; }
.my-0 { margin-top:0 !important;margin-bottom:0!important; }

.mt-1 { margin-top:.25rem!important; }
.mr-1 { margin-right:.25rem!important; }
.mb-1 { margin-bottom:.25rem!important; }
.ml-1 { margin-left:.25rem!important; }
.mx-1 { margin-left:.25rem!important;margin-right:.25rem!important; }
.my-1 { margin-top:.25rem!important;margin-bottom:.25rem!important; }

.mt-2 { margin-top:.5rem!important; }
.mr-2 { margin-right:.5rem!important; }
.mb-2 { margin-bottom:.5rem!important; }
.ml-2 { margin-left:.5rem!important; }
.mx-2 { margin-right:.5rem!important;margin-left:.5rem!important; }
.my-2 { margin-top:.5rem!important;margin-bottom:.5rem!important; }

.mt-3 { margin-top:1rem!important; }
.mr-3 { margin-right:1rem!important; }
.mb-3 { margin-bottom:1rem!important; }
.ml-3 { margin-left:1rem!important; }
.mx-3 { margin-right:1rem!important;margin-left:1rem!important; }
.my-3 { margin-bottom:1rem!important;margin-top:1rem!important; }

.mt-4 { margin-top:1.5rem!important; }
.mr-4 { margin-right:1.5rem!important; }
.mb-4 { margin-bottom:1.5rem!important; }
.ml-4 { margin-left:1.5rem!important; }
.mx-4 { margin-right:1.5rem!important;margin-left:1.5rem!important; }
.my-4 { margin-top:1.5rem!important;margin-bottom:1.5rem!important; }

.mt-5 { margin-top:3rem!important; }
.mr-5 { margin-right:3rem!important; }
.mb-5 { margin-bottom:3rem!important; }
.ml-5 { margin-left:3rem!important; }
.mx-5 { margin-right:3rem!important;margin-left:3rem!important; }
.my-5 { margin-top:3rem!important;margin-bottom:3rem!important; }

.mt-auto { margin-top:auto!important; }
.mr-auto { margin-right:auto!important; }
.mb-auto { margin-bottom:auto!important; }
.ml-auto { margin-left:auto!important; }
.mx-auto { margin-right:auto!important;margin-left:auto!important; }
.my-auto { margin-bottom:auto!important;margin-top:auto!important; }

.p-0 { padding:0!important; }
.p-1 { padding:.25rem!important; }
.p-2 { padding:.5rem!important; }
.p-3 { padding:1rem!important; }
.p-4 { padding:1.5rem!important; }
.p-5 { padding:3rem!important; }

.pt-0 { padding-top:0!important; }
.pr-0 { padding-right:0!important; }
.pb-0 { padding-bottom:0!important; }
.pl-0 { padding-left:0!important; }
.px-0 { padding-left:0!important;padding-right:0!important; }
.py-0 { padding-top:0!important;padding-bottom:0!important; }

.pt-1 { padding-top:.25rem!important; }
.pr-1 { padding-right:.25rem!important; }
.pb-1 { padding-bottom:.25rem!important; }
.pl-1 { padding-left:.25rem!important; }
.px-1 { padding-left:.25rem!important;padding-right:.25rem!important; }
.py-1 { padding-top:.25rem!important;padding-bottom:.25rem!important; }

.pt-2 { padding-top:.5rem!important; }
.pr-2 { padding-right:.5rem!important; }
.pb-2 { padding-bottom:.5rem!important; }
.pl-2 { padding-left:.5rem!important; }
.px-2 { padding-right:.5rem!important;padding-left:.5rem!important; }
.py-2 { padding-top:.5rem!important;padding-bottom:.5rem!important; }

.pt-3 { padding-top:1rem!important; }
.pr-3 { padding-right:1rem!important; }
.pb-3 { padding-bottom:1rem!important; }
.pl-3 { padding-left:1rem!important; }
.py-3 { padding-bottom:1rem!important;padding-top:1rem!important; }
.px-3 { padding-right:1rem!important;padding-left:1rem!important; }

.pt-4 { padding-top:1.5rem!important; }
.pr-4 { padding-right:1.5rem!important; }
.pb-4 { padding-bottom:1.5rem!important; }
.pl-4 { padding-left:1.5rem!important; }
.px-4 { padding-right:1.5rem!important;padding-left:1.5rem!important; }
.py-4 { padding-top:1.5rem!important;padding-bottom:1.5rem!important; }

.pt-5 { padding-top:3rem!important; }
.pr-5 { padding-right:3rem!important; }
.pb-5 { padding-bottom:3rem!important; }
.pl-5 { padding-left:3rem!important; }
.px-5 { padding-right:3rem!important;padding-left:3rem!important; }
.py-5 { padding-top:3rem!important;padding-bottom:3rem!important; }






/* TODO find out where this is used. */
input.ti-new-tag-input {
    font-size: 14px !important;
    line-height: 1.42857143;
    color: #555;
    font-family:"Source Sans Pro", "Helvetica Neue",Helvetica,Arial,sans-serif !important;
}

/* TODO Find out where this is used. */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; font-weight: bold;}
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

#daterange {
    cursor: pointer;
}

.info-box-number {
    line-height: 1.4;
}

.markdown blockquote p {
    font-size: 14px;
}

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

.general-chart-error {
    height: 30px;
    background: url('/v1/images/error.png') no-repeat center center;
}

p.tagcloud .label {
    line-height: 2;
}

.piggy-handle {
    cursor: move;
}
.object-handle {
    cursor: move;
}
.rule-handle {
    cursor: move;
}
.bill-handle {
    cursor: move;
}

body.waiting * {
    cursor: progress;
}

.preferences-box {
    border: 1px #ddd solid;
    border-radius: 4px 4px 0 0;
    padding: 15px;
    margin: 15px;
}

#map-canvas {
    height: 100%;
    margin: 0;
    padding: 0;
}

/* cursors */
.rule-triggers {
    cursor: move;
}

.rule-actions {
    cursor: move;
}

.firefly-info-button {
    cursor: pointer;
}

#testTriggerModal .modal-body {
    max-height: 500px;
    overflow-y: scroll;
}

.bootstrap-tagsinput {
    margin-bottom: 10px;
    width: 100%;
}

.loading {
    background: url('/v1/images/loading-small.gif') no-repeat center center;
    min-height: 30px;
}

@media print {
    a[href]:after {
        content: none !important;
    }
}

.edit_tr_buttons {
    white-space: nowrap;
}

.edit_tr_buttons .btn {
    float: none;
    display: inline-block;
}

span.info-box-text a, span.info-box-number a {
    color: #fff;
}

span.info-box-icon a {
    color: #fff;
}

span.info-box-text a:hover, span.info-box-number a:hover {
    color: #fff;
    text-decoration: underline;
}

.dropdown-menu {
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.accordion {
    margin-bottom:-3px;
}

.accordion-group {
    border: none;
}

span.twitter-typeahead .tt-menu,
span.twitter-typeahead .tt-dropdown-menu {
    cursor: pointer;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}
span.twitter-typeahead .tt-suggestion {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #333333;
    white-space: nowrap;
}
span.twitter-typeahead .tt-suggestion.tt-cursor,
span.twitter-typeahead .tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7;
}
.input-group.input-group-lg span.twitter-typeahead .form-control {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.input-group.input-group-sm span.twitter-typeahead .form-control {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}
span.twitter-typeahead {
    width: 100%;
}
.input-group span.twitter-typeahead {
    display: block !important;
    height: 34px;
}
.input-group span.twitter-typeahead .tt-menu,
.input-group span.twitter-typeahead .tt-dropdown-menu {
    top: 32px !important;
}
.input-group span.twitter-typeahead:not(:first-child):not(:last-child) .form-control {
    border-radius: 0;
}
.input-group span.twitter-typeahead:first-child .form-control {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group span.twitter-typeahead:last-child .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.input-group.input-group-sm span.twitter-typeahead {
    height: 30px;
}
.input-group.input-group-sm span.twitter-typeahead .tt-menu,
.input-group.input-group-sm span.twitter-typeahead .tt-dropdown-menu {
    top: 30px !important;
}
.input-group.input-group-lg span.twitter-typeahead {
    height: 46px;
}
.input-group.input-group-lg span.twitter-typeahead .tt-menu,
.input-group.input-group-lg span.twitter-typeahead .tt-dropdown-menu {
    top: 46px !important;
}

.search-word {
    white-space: pre;
    background-color: #f5f5f5;
}


/*
.twitter-typeahead {
    width:100%;
}
span.twitter-typeahead {
    display: inline !important;width:100%;

}
.tt-input {
    background-color:#fff !important;
}


.twitter-typeahead .tt-query,
.twitter-typeahead .tt-hint {
    margin-bottom: 0;
}

.twitter-typeahead .tt-hint
{
    display: none;
}

.tt-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
    cursor: pointer;
}

.tt-suggestion {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: nowrap;
}

.tt-suggestion:hover,
.tt-suggestion:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
}
*/
