body {
    padding-top: 0px;
    padding-bottom: 20px;
    background-color: #fcfcfc;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }

    .section-no-print
    {
        margin-top:20px;
        border:0 !important;
    }
}

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

  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
   }
   .col-sm-12 {
        width: 100%;
   }
   .col-sm-11 {
        width: 91.66666667%;
   }
   .col-sm-10 {
        width: 83.33333333%;
   }
   .col-sm-9 {
        width: 75%;
   }
   .col-sm-8 {
        width: 66.66666667%;
   }
   .col-sm-7 {
        width: 58.33333333%;
   }
   .col-sm-6 {
        width: 50%;
   }
   .col-sm-5 {
        width: 41.66666667%;
   }
   .col-sm-4 {
        width: 33.33333333%;
   }
   .col-sm-3 {
        width: 25%;
   }
   .col-sm-2 {
        width: 16.66666667%;
   }
   .col-sm-1 {
        width: 8.33333333%;
   }
}

@media print {
    .btn {
        border: none;
    }

    .filterbox {
        padding-left: 5px !important;
        border: solid 1px 0px 1px 0px !important;
    }
    .filterbody {
        margin-left: 5px !important;
        border: none !important;
    }

    .print-only {
        display: initial !important;
    }
    .print-bold
    {
        font-weight:bold;
    }

    .overdue a, .overdue
    {
        color:#DD4433;
        font-weight:bold;
    }
    td.overdue div button span
    {
        color:#DD4433 !important;
        font-weight:bold !important;
    }
    .container
    {
        margin:0;
        width:100%;
    }
}

@media screen
    {
    .print-only
    {
        display:none !important;
    }
}

a.back-button
{
    cursor:pointer;
}
a.control-link
{
    color:#a3a3a3 !important;
}

.field-validation-valid
{
  padding: 0 !important;
  margin: 0 !important;
  display: none !important;
}

tr.deleted {
    background-color: #dbdbdb;
    color:#5f5f5f;
    text-decoration:line-through;
}

a.deleted {
    color:#5f5f5f;
    text-decoration:line-through;
}
.deleted-striketrough
{
    text-decoration:line-through;
}

td span.new
{
    font-weight:bold;
    color:#4CAF50;
}

td.active-task a
{
    font-weight:bolder !important;
}

a.canceled
{
    color:#e1ab3b !important;
}

a.draft
{
    color:#888888 !important;
}

td.draft a
{
    color:#888888 !important;
}

span.draft
{
    color:#b0afaf !important;
}
.title-info
{
    cursor:help;
}

.fullcontrol
{
    color:#DD4433;
}

.commentonly
{
    color:#30cbee;
}

.noaccess
{
    color:#CCC;
}

.nomargin
{
    margin:0px !important;
}
.nopadding {
    padding: 0px !important;
}

.attachement
{
    color:#89c0dc;
}
.task {
    color:#56c4fb;
}
.task-bc {
    border-color:#56c4fb !important;
    }
ul.nav .task-bg a {
    background-color:#53baee !important;
}
.task-bg {
    background-color:#56c4fb !important;
}


.project {
    color:#ffd634;
}
.project1 {
    color:#ffd634;
}
.project2 {
    color:#f2b17a;
}
.project3 {
    color:#56c4fb;
}
.project4 {
    color:#a3a3a3;
}
.project5 {
    color:#86e87b;
}

.project-bc {
    border-color:#ffd634 !important;
    }
.project-bc1 {
    border-color:#ffd634 !important;
}
.project-bc2 {
    border-color:#f2b17a !important;
}
.project-bc3 {
    border-color:#ffd634 !important;
    /*border-color:#56c4fb !important;*/
}
.project-bc4 {
    border-color:#a3a3a3 !important;
}
.project-bc5 {
    border-color:#ffd634 !important;
    /*border-color:#86e87b !important;*/
}


ul.nav .project-bg a {
    background-color:#ffd634 !important;
}

.project-bg {
    background-color:#fbe58b !important;
}

.project-bg1 {
    background-color:#ffd634 !important;
}
.project-bg2 {
    background-color:#f2b17a !important;
}
.project-bg3 {
    background-color:#ffd634 !important;
    /*border-color:#56c4fb !important;*/
}
.project-bg4 {
    background-color:#a3a3a3 !important;
}
.project-bg5 {
    background-color:#ffd634 !important;
    /*border-color:#86e87b !important;*/
}


.kontace {
    color: #77dc7b;
}
.kontace-bg, .kontace-bg a {
    background-color: #77dc7b !important;
}

.operationLog {
    color: #a1d9ee;
}

.operationLog-bg, .operationLog-bg a {
    background-color: #a1d9ee !important;
}
.operationlog-bc {
    border-color: #a1d9ee !important;
}

.proces {
    color: #bc70dd;
}
.proces-bg, .proces-bg a  {
    background-color:#bc70dd !important;
}
.proces-bc {
    border-color:#bc70dd !important;
}

.proces-bc-info
{
    color:#CCC;
}
.proces-run
{
    color:#bc70dd;
}
.proces-info
{
    color:#CCC;
}

.record {
    color:#4CAF50;
}
.record-bg, .record-bg a  {
    background-color:#4CAF50 !important;
}

.file {
    color:#a1baee;
}

.not-visited {
    position: relative;
    top: -1px;
    padding-top: 4px;
    padding-bottom: 3px;
}
.note {
    color: #a1d9ee;
}
.note-bg, .note-bg a  {
    background-color:#8cc6dc !important;
}

.note-bc {
    border-color:#8cc6dc !important;
    }

span.task-list-item 
{
    border-left:solid 3px;
    padding-left:2px;
}

span.task-list-item-inside
{
    border-left:solid 2px;
    padding-left:2px;
}

h2 span.task-list-item {
    border-left:solid 5px;
    padding-left:5px;
    font-size:20px;
    font-weight:bolder;
}
span.inside-number
{
    position:relative;
    left:-2px;
    color:white;
    margin:0 2px 0 0;
    padding:0 2px 0 0;
    
}
/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    /*margin-right:50px;
    margin-left:50px;*/
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    /*max-width: 280px;*/
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"]
{
    width: 100%;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 768px) {
  /* Hide captions */
  .carousel-caption {
    display: none
  }
}

/* Změna velikost MCE editoru*/
.mce-btn button  {
    padding:0px 6px 2px 6px !important;
}
.mce-path {
    padding:0px 6px 2px 6px !important;
}


/* Project Stage */

span.idea
{
    display:inline-block;
    height:16px;
    margin:0;
    padding:0 0 0 25px;
    background: url(../images/ico/idea-xl.png); /* color:333333;*/
    background-clip:border-box;
    background-position:left bottom;
    background-size: contain;
    background-repeat:no-repeat;
    box-sizing: border-box;
}
span.gathering
{
    display:inline-block;
    height:16px;
    margin:0;
    padding:0 0 0 25px;
    background: url(../images/ico/edit-11-xl.png); /* color:333333;*/
    background-clip:border-box;
    background-position:left bottom;
    background-size: contain;
    background-repeat:no-repeat;
    box-sizing: border-box;
}
span.plan
{
    display:inline-block;
    height:16px;
    margin:0;
    padding:0 0 0 25px;
    background: url(../images/ico/planner-xl.png); /* color:333333;*/
    background-clip:border-box;
    background-position:left bottom;
    background-size: contain;
    background-repeat:no-repeat;
    box-sizing: border-box;
}
span.testing
{
    display:inline-block;
    height:16px;
    margin:0;
    padding:0 0 0 25px;
    background: url(../images/ico/test-tube-2-xl.png); /* color:333333;*/
    background-clip:border-box;
    background-position:left bottom;
    background-size: contain;
    background-repeat:no-repeat;
    box-sizing: border-box;
}
span.pilot
{
    display:inline-block;
    height:16px;
    margin:0;
    padding:0 0 0 25px;
    background: url(../images/ico/airport-xl.png); /* color:333333;*/
    background-clip:border-box;
    background-position:left bottom;
    background-size: contain;
    background-repeat:no-repeat;
    box-sizing: border-box;
}
span.sumary
{
    display:inline-block;
    height:16px;
    margin:0;
    padding:0 0 0 25px;
    background: url(../images/ico/area-chart-xl.png); /* color:333333;*/
    background-clip:border-box;
    background-position:left bottom;
    background-size: contain;
    background-repeat:no-repeat;
    box-sizing: border-box;
}
span.done
{
    display:inline-block;
    height:16px;
    margin:0;
    padding:0 0 0 25px;
    background: url(../images/ico/check-mark-xl.png);
    background-clip:border-box;
    background-position:left bottom;
    background-size: contain;
    background-repeat:no-repeat;
    box-sizing: border-box;
}
span.block
{
    display:inline-block;
    height:16px;
    margin:0;
    padding:0 0 0 25px;
    background: url(../images/ico/error-3-xl.png);
    background-clip:border-box;
    background-position:left bottom;
    background-size: contain;
    background-repeat:no-repeat;
    box-sizing: border-box;
}
span.closed
{
    display:inline-block;
    height:16px;
    margin:0;
    padding:0 0 0 25px;
    background: url(../images/ico/x-mark-xl.png);
    background-clip:border-box;
    background-position:left bottom;
    background-size: contain;
    background-repeat:no-repeat;
    box-sizing: border-box;
}
span.running
{
    display:inline-block;
    height:16px;
    margin:0;
    padding:0 0 0 25px;
    background: url(../images/ico/running-xl.png); /* color:333333;*/
    background-clip:border-box;
    background-position:left bottom;
    background-size: contain;
    background-repeat:no-repeat;
    box-sizing: border-box;
}
span.paused
{
    display:inline-block;
    height:16px;
    margin:0;
    padding:0 0 0 25px;
    background: url(../images/ico/stop-3-xl.png);
    background-clip:border-box;
    background-position:left bottom;
    background-size: contain;
    background-repeat:no-repeat;
    box-sizing: border-box;
}


/* NAVBAR */
.navbar-awec 
{
    background-color:#888888;
    border-width:0 !important;
    
}
.navbar-awec ul li a
{
    color:#fbfbfb;
    font-size:larger;

}
.navbar-awec .navbar-brand
{
    color:#fbfbfb;
}

.navbar-nav li.active a{
    background-color: #4CAF50;
    color: white;
} 
.navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-nav li  a , .navbar-brand {
    padding-top: 10px;
    padding-bottom: 10px;
}
li.small a {
    padding-top: 3px;
    padding-bottom: 3px;
}

.navbar-brand {
    height: 26px;
}

.navbar-brand img {
    height:26px;
    position:relative;
    top:-4px;
}

.navbar-nav input {
    padding-top: 2px;
    padding-bottom: 2px;
}

.navbar {
    position: relative;
    min-height: 40px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-bottom: 1px solid #EEE;
    background-color:#f2f2f2;
}

h2, h3, h4, h5 
{
    padding:5px;
    margin:0px;
}

/* SECTION */
.section
{
    margin-top:20px;
    border:solid 1px #dadada;
}

.section .section-head
{
    /*background-color:#fBfBfB;*/    
    background-color: #f2f2f2;
    border-bottom:solid 1px #dadada;
}

.section .section-head div
 {
    padding-left:0px;
}
.section .section-head div span.column-name
{
    padding-left:5px;
    padding-top:3px;
    display:inline-block;
}

.section .section-head h3, .section .section-head h2 {
    /*font-size:small;*/
    font-size:14px;
    /*font-weight:normal;*/
    font-weight: bold;
    color:#3c3c3c;
    display:inline-block;
    margin:0px;
}

.section .section-head h3 label, .section .section-head h2 label {
    /*font-size:small;*/
    font-size:14px;
    /*font-weight:normal;*/
    font-weight: bold;
    display:inline-block;
    margin:0px;
}

.section .section-head h1 {
    font-size:x-large;
    font-weight:normal;
    display:inline-block;
    padding: 3px 0px 5px 5px;
    margin:0px;
}
.section-body table tbody tr td span.pull-right a {
    position:relative;
    top:2px;
}
.section .section-head a {
    /*font-size:small;*/
    font-size:14px;
    float:right;
    padding-right:5px;
    padding-top:2px;
}

.section .section-head h3 a {
    padding-right:0px;
    padding-top:0px;
    /*font-weight:normal;*/
    font-weight: bold;
    margin:0;
    float:none;
}

span.move-right {
    float:right;
}

.section .head-xl
{
  height:40px;
  line-height:30px;
}
.head-xl h3
{
    margin:10px;
    padding:10px;
}
.head-xl h3 a
{
    font-size:large !important;
    margin:0;
}

h3.h-section {
    margin: 5px 15px 8px 10px;
    font-size:19px;
    background-color: #eeeeee;
}

.section .section-body {
    padding: 5px;
    background-color: #FFFFFF;
}

.section .section-body .section-title {
    margin-right:3px;
    margin-left:0px;
}

.section .section-body .section-value {
    font-weight:bold;
    margin:0px;
}
.section .section-body p {
    margin-left:5px;    
    margin-bottom:5px;
    }

.section .table-inside
{
    padding:0px;
}

.metadata .metadata-body
{
    padding:0px 3px 3px 0px;
}

.metadata .metadata-body .metadata-title {
    font-size:small;
    margin-right:3px;
    margin-left:0px;
}

.metadata .metadata-body .metadata-title-info {
    color:#BBB;
    font-size:small;
    margin-right:3px;
    margin-left:0px;
}

.metadata .metadata-body .metadata-value {
    font-size:small;
    font-weight:bold;
    margin:0px;
}

.metadata .metadata-body .metadata-value-info {
    color:#BBB;
    font-size:small;
    font-weight:normal;
    margin:0px;
}

.metadata .metadata-body p {
    margin:0px;    
    }

.comment p {
    margin-bottom: 5px !important;
}

.reply
{
    background-color:#d9edf7;
}

.wysiwyg table
{
    border:solid 1px #CCC;
}
.wysiwyg tr:first-child 
{
    color:#555;
    background-color:#EEE;
    font-weight:bolder;
}
.wysiwyg td
{
    padding-left:5px;
    padding-right:5px;
    border:solid 1px #CCC;
}

.color-white {
    color:#ffffff;
}
.color-stage-0 {
    color:#a3a3a3;
}
.color-stage-0-bg {
    background-color:#a3a3a3;
}

.color-stage-5 {
    color:#0094ff;
}

.color-stage-7 {
    color:#6d6d6d;
}

.color-stage-10 {
    color:#0094ff;
}
.color-stage-10-bg {
    background-color:#0094ff;
}

.color-stage-15 {
    color:#0094ff;
}

.color-stage-20 {
    color:#a4a4a4;
}

.color-stage-30 {
    color:#0094ff;
}
.color-stage-40 {
    color:#0094ff;
    /*color:#DD4433;*/
}
.color-stage-50 {
    color:#4CAF50;
}
.color-stage-50-bg {
    background-color:#4CAF50;
}
.time-estimate
{
    color:#CCC;
    font-size:small;
}
tr.summary-footer 
{
    height:15px;
}
tr.summary-footer td 
{
    height:15px;
    padding:3px 5px 3px 5px !important;
    color:#CCC;
    font-size:smaller;
}
tr.summary-footer td span strong
{
    color:#BBB;    
}

.unatended-bg
{
    background-color:#DD4433;
}
.color-stage-60 {
    color:#4CAF50;
}

.unatended
{
    color:#DD4433;
}

.color-stage-deleted {
    color:#DD4433;
}

.overdue a, .overdue 
{
    color:#DD4433;
}

.invalid, .field-validation-error
{
    color:#DD4433;
}

/*
    GLYPHI
*/
.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}

/* SEARCH */
.search-highlight
{
    background-color:yellow;
}

/* GANT */
table.gant {
    font-size: smaller;
    color:#dadada;
}
.gant td.first {
    width:120px !important;
    padding-left:5px;
}
.gant td {
    width:25px;
    border:solid 1px #F8F8F8;
    overflow:hidden;
}
.gant td span 
{
    overflow:hidden;
    white-space:nowrap;
}
.gant td.today
{
    border-left:solid 2px #888888;
    border-right:solid 2px #888888;
}
.gant td.danger
{
    background-color:#ff006e;
}
.gant td.success
{
    background-color:#74ea79;
}
.gant td.warning
{
    background-color:#ffc334;
}
.gant td.info
{
    background-color:#dadada;
}

.gant td.default
{
    background-color:white;
}

.gant td.primary
{
    background-color:#30cbee;
}

/*.gant tr {
    background-color:white;
}
.gant td
{
    font-size:5px;
    margin-top:2px;
    margin-bottom:2px;
}*/

.fluid-resize .imgF {
    cursor: zoom-out;
}
.fluid-resize .img-responsive {
    cursor: zoom-in !important;
}

td.date-header:hover
 {
    background-color:gray;
    cursor:help;
}
td.date-item:hover
 {
    background-color:#dadada;
}

tr.closed
{
    background-color:#dadada;
}

.btn-closed
{
    background-color:#999999 !important;
    color:white;
}
.btn-group {
  /*display: flex;*/
  display:inline-flex;
}
.tag-bill {
    color: #fff;
    background-color: #6dc885;
    border-color: #58b06f;
    margin-bottom: 1px;
}
.tag-db {
    color: #fff;
    background-color: #6dcf6d;
    border-color: #61c361;
    margin-bottom: 1px;
}
.tag-conf {
    color: #fff;
    background-color: #5696ce;
    border-color: #4f8abd;
    margin-bottom: 1px;
}
.tag-changelog {
    color: #fff;
    background-color: #a1d9ee;
    border-color: #8bc8de;
    margin-bottom: 1px;
}
.tag-warning {
    color: #fff;
    background-color: #ffde5e;
    border-color: #e8cc20;
    cursor:help;
    margin-bottom:1px;
}
.detail-info-warning {
    color: #9c8911;
    background-color: #ffde5e;
    border-color: #e8cc20;
}

.detail-info-info {
    color: #11549c;
    background-color: #a9d5ff;
    border-color: #7ebffc;
}

.glyph-warning {
    color: #ffde5e;
}
.alert-xs {
    padding: 1px 5px !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
    display: inline-block !important;
}
.bill {
    color: #6dc885;
}
.db {
    color: #6dcf6d;
}
.conf {
    color: #5696ce;
}
.changelog {
    color: #a1d9ee;
}
.version {
    color: #e98ad2;
}

.tag-version {
    color: #fff;
    background-color: #e98ad2;
    border-color: #d971c0;
    margin-bottom: 1px;
}
.tag-inactive {
    color: #dadada;
    background-color: #FFF;
    border-color: #DDDDDD;
    margin-bottom: 1px;
}

 :hover .btn-closed
{
    color:white;
    
}
a:hover.btn-closed {
    background-color:#888888 !important;
}

span.info {
    color:#CCC;
    font-style:italic;
}

li.merge:before {
    padding: 0 2px !important;
    content: "" !important;
}

/* FILTER */
.remove-filter {
    position: relative;
    top: 2px;
    left: 3px;
}

.filterbox
{
    margin:0;
    padding:0;
    border: solid 1px #DDDDDD;
    border-radius: 10px;
    background-color:#f9f9f9;
}

.filterbox-active
{
    background-color:#f0ad4e;
}

.filterbody
{
    padding:5px 0 0px 0;
    border-left: solid 1px #DDDDDD;
    border-right: solid 1px #DDDDDD;
    background-color:#fbfbfb;
}

/* BREAKPOINT: 768px je hranice, kdy se col-md-X zalomí pod sebe */
@media (max-width: 767px) {
    .filterbody {
        /* 1. Zrušíme boční "přepážky", které na mobilu vypadají jako dvojitý rám */
        border-left: none !important;
        border-right: none !important;
        /* 2. Místo toho přidáme oddělovače nahoru a dolů */
        border-top: 1px solid #DDDDDD;
        border-bottom: 1px solid #DDDDDD;
        /* 3. Drobná úprava, aby to hezky sedělo na tom nápisu "Filtr:" nad tím */
        margin-left: 0;
        margin-right: 0;
        /* Pokud chcete zachovat zakulacení rohů i na mobilu, 
           možná budete chtít upravit i border-radius, např.: */
        /* border-radius: 0 0 5px 5px; */
    }

    /* Pokud má ten nápis "Filtr:" (filterhead) nějaké styly, 
       tady je můžete taky doladit pro mobilní zobrazení */
    .filterhead {
        border-bottom: none; /* Aby se netloukl spodní okraj hlavičky s horním okrajem body */
    }
}



.filterhead
{
    margin-top:5px;
    color:#CCC;
    height:100%;
    display:inline-block;
}

.filterhead-active
{
    margin-top:5px;
    color:#FFF;
    height:100%;
    display:inline-block;
}

.filterfooter
{
    margin-top:5px;
    margin-right:10px;
    width:10px;
}

.filterbody .form-group
{
    margin-bottom:5px;
}

.filterbody label
{
    margin-top:3px;
    margin-bottom:0px;
}

.public
{
    color:#DD4433;
}

.internal
{
    color:#56c4fb;
}

.external
{
    color:#d971c0;
}
.external-bg {
    background-color: #d971c0;
}

.anyone {
    color: #cccccc;
}

.lock
{
    color:#ffdf1f;
}

.delete
{
    color:red;
}

.edit
{
    color:#3ede37;
}

.create
{
    color:#92d3ff;
}
.desired
{
    color:#92d3ff;
}
.notify-creator
{
    color:#56c4fb;
}
.notify-emails
{
    color:#808080;
}
.report-emails
{
    color:#f6b34c;
}
.confirm-email {
    color:#7ca9ff;
}
.sms-alert {
    color: #f76b6b;
}

.not-desired {
    color: #f67d7d;
}

.start
{
    color:#98e994;
}

.finish
{
    color:#717171;
}

.category-a
{
    color:#fc6c58;
}

.category-b
{
    color:#fccc58;
}

.category-c
{
    color:#9d9d9d;
}

.new-request
{
    color:#98e994;
}


.selected {
    font-weight:bold;
}
a.selected {
    font-weight:bold;
    
    text-decoration:underline;
}
.important {
    margin:0;
    background-color:#ffdad6;
    border:solid 1px #ffa9a0;
    border-radius:5px;
    font-size:large;
    font-weight:bold;
    color:#DD4433;
}

label.important {
    padding: 0px 5px 0px 7px;
}

span.important {
    padding: 0px 6px 0px 6px;
}

.color-stage-0-bt, .task-stage-0-bt, .task-stage-20-bt, .task-stage-7-bt
{
    background-color:#acacac;
    color:white;
    font-weight:bolder;
    border-color:#acacac;
}

.color-stage-10-bt, .task-stage-5-bt, .task-stage-10-bt, .task-stage-15-bt, .task-stage-30-bt, .task-stage-40-bt
{
    background-color:#53a9e4;
    color:white;
    font-weight:bolder;
    border-color:#53a9e4;
}

.color-stage-50-bt, .task-stage-50-bt, .task-stage-60-bt
{
    background-color:#6dd468;
    color:white;
    font-weight:bolder;
    border-color:#6dd468;
}

.unatended-bt
{
    background-color:#e86457;
    color:white;
    font-weight:bolder;
    border-color:#e86457;
}

 .task-stage-0
{
    background-color:#fff;
    color:#555;
    border-color:#999;
}
  .task-stage-5
{
    background-color:#c5e5fb;
    color:#2c78ac;
    border-color:#48a0dc;
}
  .task-stage-7
{
    background-color:#fff;
    color:#555;
    border-color:#999;
}
 .task-stage-10
{
    background-color:#c5e5fb;
    color:#2c78ac;
    border-color:#48a0dc;
}
 .task-stage-15
{
    background-color:#c5e5fb;
    color:#2c78ac;
    border-color:#48a0dc;
} 
 .task-stage-20
{
    background-color:#fff;
    color:#555;
    border-color:#999;
}
 .task-stage-30
{
    background-color:#c5e5fb;
    color:#2c78ac;
    border-color:#48a0dc;
}
 .task-stage-40
{
    background-color:#c5e5fb;
    color:#2c78ac;
    border-color:#48a0dc;
}
 .task-stage-50
{
    background-color:#c7f8c5;
    color:#2c9d28;
    border-color:#50c24a;
}
 .task-stage-60
{
    background-color:#c7f8c5;
    color:#2c9d28;
    border-color:#50c24a;
}

 .severity-0
 {
     color:#f35757;
 }
 .severity-1
 {
     color:#f35757;
 }
 .severity-2
 {
     color:#f35757;
 }
 .severity-3
 {
     color:#f35757;
 }
 .severity-4
 {
     color:#f5c235;
 }
 .severity-5
 {
     color:#92d3ff;
 }
 .severity-6
 {
     color:#dddddd;
 }
 .severity-7
 {
     color:#abdc6d;
 }

 /*circle {
  fill: #DDDDDD;
  stroke: #c6c6c6;
  stroke-width: 1;
}*/

/*path {
  fill: #c6c6c6;
}*/

/*svg.pie {
  width: 230px;
  height: 230px;
}*/

.priority {
    margin:0;
    padding: 1px 6px 0px 6px;
    border-radius:5px;
    font-size:inherit;
    font-weight:bold;
    background-color:#e2e2e2;
    border:solid 1px #c1c1c1;
    color:#9f9f9f;
}

.priority-1 {
    background-color:#ffdad6 !important;
    border:solid 1px #ffa9a0 !important;
    color:#DD4433 !important;
    
}
.priority-2 {
    background-color:#ffeed6 !important;
    border:solid 1px #fcd398 !important;
    color:#d9a252 !important;
}
.priority-3 {
    background-color:#e2e2e2 !important;
    border:solid 1px #c1c1c1 !important;
    color:#9f9f9f !important;
}
.priority-empty {
    background-color:inherit !important;
    border:none !important;
    color:inherit !important;
}

.task-info-inline .state
 {
    color:#888888;
    cursor:help;
}

a {
    color:#235f92;
}
.futura-logo
{
    padding:0;
    margin:0;
    height:20px;   
    display:inline-block;
    position:relative;
    text-align:left;
}
.logo-helpdesk
{
    margin-left: 10px;
    margin-top:5px;
    color:#111111;
}
.task-id-go
{
    width:80px !important;
}

span.ico 
{
    display:inline-block;
    height:16px;
    width:16px;
    margin:0;
    padding:0;
    background-clip:border-box;
    background-position:center;
    background-size: contain;
    background-repeat:no-repeat;
    box-sizing: border-box;
}

span.ico-bug-a
{
    background: url(../images/ico/bug-A.png) no-repeat center; 
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}
span.ico-bug-b
{
    background: url(../images/ico/bug-B.png) no-repeat center; 
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}
span.ico-bug-c
{
    background: url(../images/ico/bug-C.png) no-repeat center; 
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}
span.ico-bug-d
{
    background: url(../images/ico/bug-D.png) no-repeat center; 
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

span.ico-new
{
    background: url(../images/ico/new.png) no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain; 
}

span.ico-new-service {
    background: url(../images/ico/new-service.png) no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

span.ico-usd {
    background: url(../images/ico/usd.png) no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

span.ico-internal {
    background: url(../images/ico/internal.png) no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

span.ico-call {
    background: url(../images/ico/call.png) no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
}

.proces-new {
    color: #59BE41;
}

span.ico-question
{
    background: url(../images/ico/question.png) no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;  
}

span.ico-wrench
{
    background: url(../images/ico/plus.png) no-repeat center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain; 
}

fieldset.login-form {
    padding:5px;
    padding-left:25px;
    border:solid 1px #efefef;
    width:inherit;
    border-radius:2px;
}
fieldset.login-form legend{
    padding:5px;
    width:auto !important;
    border:solid 1px #efefef;
    font-size:small;
    border-radius:2px;
    
}
span.internal-note
{
    color:#b1b1b1;
    font-weight:lighter;
}

span.active
{
    font-weight:bolder;
}

span.userbox
{
    display:inline-block;
    height:18px;
    font-size:small;
    font-weight:bold;
    background:#dadada;
    border:solid 1px #888888;
    padding: 0px 3px 4px 3px;
}
span.mode-1, span.mode-3{
    background: #c4ebff !important;
}
span.mode-2, span.mode-4{
    background: #faeceb !important;
}

.session-timeout-warn
{
    background: #ffd69d !important;
}

div.is-dragover {
    background-color: grey;
}

.drop-file-box {
    border: 2px dashed #CCC;
    border-radius: 5px;
    display: block;
    padding: 20px;
    margin-top:10px;
    color:#888888;
    font-weight:normal;
}


/* --- AUTOMATICKÉ SBALOVÁNÍ SEKCÍ --- */
/* Třída, kterou JS přidá dynamicky tělu */
.js-collapsible-body {
    transition: max-height 0.4s ease-out;
    overflow: hidden;
    position: relative; /* Důležité pro umístění tlačítka */
}

/* Stav sbaleno */
    .js-collapsible-body.collapsed {
        max-height: 150px; /* Výška sbaleného stavu */
        padding-bottom: 40px; /* Místo pro oranžovou lištu */
        border-bottom: 1px solid #a1d9ee; /* Warning oranžová */
        
    }

/* Třída pro klikací hlavičku (přidá JS) */
.js-clickable-header {
    cursor: pointer;
}

    .js-clickable-header * {
        cursor: pointer !important; /* Vynutí ručičku i na nadpisech a labelech */
    }

/* Ikonka šipky (vloží JS) */
.toggle-icon {
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
    font-size: 0.8em;
    transition: transform 0.3s;
    color: #888;
    /* --- POSUN NAHORU --- */
    position: relative;
    top: -1px; /* Posune ikonku o 2px výše oproti textu */
}
.toggle-large
{
    font-size:1em !important;
}
/* Otočení ikonky */
.collapsed-icon-rotate {
    transform: rotate(-90deg);
}

/* Oranžové tlačítko "Zobrazit více" (vloží JS) */
.expand-trigger {
    /* --- TOTO JE TA OPRAVA --- */
    display: none; /* Ve výchozím (rozbaleném) stavu tlačítko SKRYJEME */
    /* ------------------------ */
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 65px;
    /* Přechod z průhledné do jemné modré */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 20%, #d9edf7 100%);
    /* Text */
    color: #31708f; /* Tmavší modrá pro text (Bootstrap info text) */
    text-shadow: 1px 1px 0px rgba(255,255,255,0.85); /* Bílý stín pro lepší čitelnost na modré */

    text-align: center;
    font-size: 0.85em;
    font-weight: bold;
    line-height: 95px;
    cursor: pointer;
    z-index: 10;
}

/* --- A TOTO JE NOVÉ PRAVIDLO --- */
/* Tlačítko zobrazíme JENOM TEHDY, když je sekce sbalená (má třídu .collapsed) */
.js-collapsible-body.collapsed .expand-trigger {
    display: block;
}

/* --- SBALOVÁNÍ KOMENTÁŘŮ (Upravený vzhled) --- */

/* 1. Klikací oblast v hlavičce */
.note-header-clickable {
    cursor: pointer;
    display: inline-block; /* Aby se choval hezky vedle křížku */
}

    /* 2. Ikonka šipky (vloží JS) */
    .note-header-clickable .toggle-icon {
        margin-left: 8px; /* Odstup od textu "(interní)" */
        color: #999; /* Výchozí barva (šedá) */
        transition: color 0.2s, transform 0.3s; /* Plynulá změna barvy a rotace */
        font-size: 0.85em; /* Decentní velikost */
    }

    /* 3. HOVER EFEKT: Když najedu na text, ikonka zmodrá */
    .note-header-clickable:hover .toggle-icon {
        color: #337ab7; /* Bootstrap Primary Blue (nebo vaše barva) */
        /* Volitelně můžete mírně ztmavit i text, pokud chcete: */
        /* color: #333; */
    }

/* Otočení ikonky při sbalení */
.collapsed-icon-rotate {
    transform: rotate(-90deg);
}

/* --- Hlavička komentáře --- */
.note-header {
    cursor: pointer; /* Celý řádek bude mít ručičku */
    /* Volitelně: zamezí výběru textu při rychlém dvojkliku */
    user-select: none;
}

    /* Hover efekt: Když najedu kamkoliv na řádek, ikonka zmodrá */
    .note-header:hover .toggle-icon {
        color: #337ab7;
    }

/* --- ZBYTEK (Tělo a tlačítko dole) ZŮSTÁVÁ STEJNÝ --- */
.comment {
    position: relative;
    overflow: hidden;
    /* NOVĚ: Také přidáme padding-bottom */
    transition: max-height 0.4s ease-out, padding-bottom 0.4s ease-out;
}


/* 1. Tělo komentáře - pokud je rodič sbalený, omezíme výšku */
.collapsed .comment {
    max-height: 80px; /* Tvoje nastavená výška */
    padding-bottom: 25px;
    border-bottom: 1px solid #a1d9ee;

}


/* Subtilnější tlačítko pro komentáře */
.comment-expand-trigger {
    display: none; /* Defaultně skryté */
    /* --- ABSOLUTNÍ POZICE V RODIČI --- */
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; /* Roztáhne se přesně na šířku rodiče (přes okraje) */
    height: 45px; /* Výška lišty */
    /* --- MODRÝ PŘECHOD (Transparent -> Modrá) --- */
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 20%, #d9edf7 100%);
    /* Text */
    color: #31708f;
    text-shadow: 1px 1px 0px rgba(255,255,255,0.9);
    text-align: center;
    font-size: 0.75em;
    font-weight: bold;
    line-height: 55px; /* Text zarovnaný dolů */
    cursor: pointer;
    z-index: 10;
    /* Pokud má karta kulaté rohy dole, zdědíme je, aby tlačítko nepřečuhovalo */
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
}

.collapsed .comment-expand-trigger {
    display: block;
}

.delete-note-confirmation {
    position: relative;
    top: 2px; /* Posune ikonku o 2px výše oproti textu */
}

/* --- Tlačítko pro SBALENÍ (šipka nahoru) --- */
.comment-collapse-trigger {
    /* Pozice: úplně dole, přes celou šířku (aby šlo centrovat) */
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    /* Velikost a vzhled */
    height: 15px; /* Výška klikací plochy */
    line-height: 15px;
    text-align: center; /* Vycentrování šipky */
    cursor: pointer;
    /* Barvy - decentní šedá, žádné pozadí */
    color: #ddd; /* Hodně světlá šedá (nenápadná) */
    background: transparent;
    border: none;
    font-size: 10px; /* Malá ikonka */
    transition: color 0.2s;
    z-index: 10;
}

/* Při najetí myší ztmavne */
.comment-collapse-trigger:hover {
    color: #888;
}

/* --- LOGIKA ZOBRAZOVÁNÍ --- */
/* Když je kontejner SBALENÝ (.collapsed-container), šipku nahoru skryjeme */
.collapsed .comment-collapse-trigger {
    display: none !important;
}

/* --- ŠIPKA PRO SBALENÍ V HLAVNÍCH SEKCÍCH --- */

/* 1. Skrývání: Když je sekce sbalená, šipku nahoru skryjeme */
.js-collapsible-body.collapsed .comment-collapse-trigger {
    display: none !important;
}

/* 2. Odsazení: Když je sekce ROZBALENÁ, přidáme dole místo, 
   aby text nezasahoval do šipky */
.js-collapsible-body {
    /* padding-bottom: 0; <-- Původně */
    padding-bottom: 20px; /* Nově: místo pro šipku */
    /* NOVĚ: Přidáme čárku a padding-bottom */
    transition: max-height 0.4s ease-out, padding-bottom 0.4s ease-out;
    overflow: hidden;
    position: relative;
}

    /* Ale když je sbalená, padding řídí třída .collapsed (tam je těch 40px pro lištu) */
    .js-collapsible-body.collapsed {
        padding-bottom: 40px;
    }