/* css document */

/* generally */				/* Definovány základní tagy bez id nebo class */

html{
    height:100%;
}
body{
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    margin:0px;
    padding:0px;
    color:#313334;
    height:100%;
}
a{
    text-decoration:none;
    color:#255d7e;
}
a:hover,
a:hover strong{
    color:#43abe9;
}
strong{
    color:#235979;
}
small{
    color:#b2bcc4;
    font-size:12px;
}
h1 , h2 , h3 , h4 , h5{
    color:#235979;
    padding:0px;
    margin:5px 0px 5px 0px;
    font-weight:normal;
}
h1{
    font-size:20px;
    line-height:30px;
}
h2{
    font-size:18px;
    line-height:26px;
}
h3{
    font-size:16px;
    line-height:22px;
    border-bottom:1px solid #97b2c0;
}
h4{
    font-size:14px;
    line-height:18px;
}
table{
    border-collapse:collapse;
    margin:5px 0px 5px 0px;
}
td{
    border:1px solid #c3ced6;
    padding:3px;
}
th{
    padding:3px 3px 3px 4px;
    color:#72797E;
    font-size:11px;
    font-weight:normal;
    text-align: left;
}
p{
    margin:5px 0px 5px 0px;
    padding:0px;
}
ul{
    margin:5px 0px 5px 0px;
    padding:0px 0px 0px 15px;
}

/* generally forms*/				/* Definovány forms inputs a selects , type nahrazeno class */

input[type=text],
input[type=tel],
input[type=email],
input[type=url],
input[type=datetime],
input[type=description],
input[type=file],
.input-text,
textarea,
select{
    border:1px solid #a4b2bc;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#424141;
    padding:3px;
    margin:2px 5px 2px 5px;
}
.input-text:hover,
textarea:hover,
select:hover{
    border:1px solid #3d9bd3;
}
span.input-padding{
    padding:6px 9px 6px 9px;
    display:inline-block;
}
.input-small{width:61px;}
.input-medium{width:131px;}
.input-large{width:208px;}
.input-extra-large{width:440px;}
.input-ticket-size{width:355px;}

::-webkit-input-placeholder {
    color:#a2afb9;
}
::-moz-placeholder {
    color:#a2afb9;
}
:-ms-input-placeholder {
    color:#a2afb9;
}

.select-small{width:63px;}
.select-medium{width:133px;}
.select-large{width:216px;}
.select-extra-large{width:440px;}
.select-ticket-size{width:363px;}

.textarea-small{width:220px; height:65px;}
.textarea-medium{width:220px; height:65px;}
.textarea-large{width:220px; height:65px;}
.textarea-extra-large{width:440px; height:200px;}
.textarea-ticket-size{width:355px; height:200px;}

.input-text-readonly,
.textarea-readonly,
.select-readonly{
    background-color:#fff;
    border:1px solid #fff;
    padding:0px;
    margin:2px;
    color:#000;
}
.input-text-readonly:hover,
.textarea-readonly:hover,
.select-readonly:hover{
    border:1px solid #fff;   /* border musi byt definovan aby pretloukal defaultni hover efect u inputu */
}
button.submit,
input.submit{ /* neutralizuje rozdily mezi "a" a input type="submit" */
    border:none;
    cursor:pointer;
    color:#3a637c;
    font-family:Arial, Helvetica, sans-serif;
}
input.submit:hover{
    color:#3290af;
}
input.checkbox {
    border:none;
    float:left;
}
label{
    font-size:11px;
    color:#72797e;
    display:block;
    margin:2px 5px 0px 5px;
}
.checkbox-label{
    float:left;
}
.chosen-container {
    margin: 2px 0px 2px 0px;
    width:100% !important;
    box-sizing:border-box;
    max-width:35rem;
}
.chosen-container a.chosen-single,
.chosen-container-multi .chosen-choices{
    background: none;
    border:1px solid #a4b2bc;
    border-radius:3px;
    box-shadow: none;
}
.chosen-container-multi .chosen-choices li.search-choice{
    background-image: none;
    background-color:#f8fbfd;
    border: 1px solid #c3ced6;
}
select.select-huge + .chosen-container {
    width:100% !important;
    max-width:960px;
    font-size:18px;
}
select.select-huge + .chosen-container .chosen-results {
    font-size:13px;
}
select.select-huge + .chosen-container .chosen-single {
    color:#235979;
    line-height:26px;
    height:26px;
    padding-left:17px;
    padding-top:10px;
    border-radius:5px;
    padding-bottom:10px;
}
select.select-huge + .chosen-container.chosen-with-drop .chosen-single {
    border-radius:5px 5px 0 0;
}
select.select-huge + .chosen-container-single .chosen-single span {
    margin-right: 44px;
}
select.select-huge + .chosen-container-single .chosen-single span:before {
    content: "Produkty pro: "
}
select.select-huge + .chosen-container .chosen-single div {
    width:28px;
}
select.select-huge + .chosen-container .chosen-single div b {
    display: block;
    width: 8px;
    border-right:2px solid #235979;
    border-bottom:2px solid #235979;
    height:8px;
    margin-top:15px;
    transform:rotate(45deg);
    background:none;
}
.obligate{
    color:#000;
    font-weight:bold;
}
.validator-invalid{ /*barevne ohraniceni ramecku spatne vyplnenych kolonek */
    border-color:#d01022; border-width:1px;
}
label.validator-invalid
{
    color: #d01022;
}
.text-right{
    text-align:right;
}
.text-center{
    text-align:center;
}
.nowrap { white-space: nowrap; }
/* generally tables*/			/* Definovány tabulky */

table.no-border{
    width:auto;
}
table.no-border td{
    border:none !important;
    background:none !important;
    margin:0px;
    vertical-align:top;
}
table.no-border td.validator-invalid, li.validator-invalid{ /*barevne ohraniceni ramecku spatne vyplnenych kolonek */
    border: 1px solid #d01022 !important;
}

.word-break {
    word-break: break-word;
}


/* title hint */ /* vyskakujici bublinka s napovedou */

.title-hint {
    position: relative;
    display: inline-block;
}

.title-hint:before,
.title-hint:after {
    position: absolute;
    opacity: 0;
    z-index: 10;
    pointer-events: none;
    font-size:12px;
    text-align: left;
    white-space: pre-line;
}
.title-hint:hover:before,
.title-hint:hover:after {
    opacity: 1;
}
.title-hint:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    top: 100%;
    left: 10%;
    margin: -6px 0 0 0;
    border-bottom-color: rgba(0, 41, 56, 0.9);
}
.title-hint:after {
    content: attr(data-hint);
    background: rgba(0, 41, 56, 0.9);
    color: white;
    padding: 1.5em;
    line-height:1.5em;
    box-shadow:0 2px 4px rgba(0,0,0,0.6);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
    top: 100%;
    left: 10%;
    margin: 6px 0 0 -10px;
    border-radius:5px;
    width:250px;
}

/* title hint end */

/* data table generally */

.dataTables_wrapper .dataTables_paginate {
    float: left;
    width: 100%;
    text-align: left;
    padding: 12px 0;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
    color: inherit;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    margin: 3px;
    cursor: pointer;
    color: inherit !important;
    border: 1px solid #dbe5ea;
    border-radius: 50%;
    background: #f8fbfd;
    vertical-align: top;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous,
.dataTables_wrapper .dataTables_paginate .paginate_button.next{
    color: transparent !important;
    overflow: hidden;
    width: 32px;
    position: relative;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous{
    margin-left: 0;
    transform:rotate(180deg);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.next{
    margin-right: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:after,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:after{
    width: 6px;
    height: 6px;
    display: block;
    content: '';
    border-top: 2px solid #313334;
    border-right: 2px solid #313334;
    position: absolute;
    transform:rotate(45deg);
    left: calc(50% - 5px);
    top: calc(50% - 4px);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #e8f2f7;
    border: 1px solid #dbe5ea;
    font-weight: bold;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:active {
    color: inherit !important;
    background: #e8f2f7 !important;
    border: 1px solid #dbe5ea;
    box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.next:hover{
    color: transparent !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    background: #f8fbfd;
    border: 1px solid #dbe5ea;
    pointer-events: none;
    opacity: 0.5;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
    display: inline-block;
    vertical-align: top;
    width: 32px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    text-align: center;
    font-weight: bold;
}

/* data table generally end */

/* universal listing */

.universal-listing {
    float: left;
    width: 100%;
    padding: 12px 0;
}
.universal-listing .item {
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    text-decoration: none !important;
    min-width: 32px;
    height: 32px;
    line-height: 32px;
    padding: 0;
    margin: 3px;
    color: inherit !important;
    border: 1px solid #dbe5ea;
    border-radius: 50%;
    background: #f8fbfd;
    vertical-align: top;
}
.universal-listing .item:hover,
.universal-listing .item.active {
    background: #e8f2f7;
    border: 1px solid #dbe5ea;
}
.universal-listing .item.active {
    font-weight: bold;
}
.universal-listing .item.prev,
.universal-listing .item.next {
    position: relative;
}
.universal-listing .item.prev {
    margin-left: 0;
    transform: rotate(180deg);
}
.universal-listing .item.ellipsis {
    background: none;
    border: 0;
    font-weight: bold;
    line-height: 26px;
}
.universal-listing .item.prev:after,
.universal-listing .item.next:after {
    width: 6px;
    height: 6px;
    display: block;
    content: '';
    border-top: 2px solid #313334;
    border-right: 2px solid #313334;
    position: absolute;
    transform: rotate(45deg);
    left: calc(50% - 5px);
    top: calc(50% - 4px);
}

/* universal listing end */

/* components */					/* Definovány všeobecně používané prvky a tlačítka */

/* switch */

.switch-medium{ /* přepínací tlačítko */
    height:26px;
    line-height:26px;
    padding:0px 0px 0px 50px;
    display:block;
    float:left;
    margin:1px;
    font-size:11px;
    background:url(../images/switch-medium.png) no-repeat;
}
.switch-medium.switch-on          {background-position:left 0px;}       /* stavy přepínacího tlačítka */
.switch-medium.switch-on:hover    {background-position:left -26px;}
.switch-medium.switch-off         {background-position:left -52px;}
.switch-medium.switch-off:hover   {background-position:left -78px;}

/* buttons */

/* large buttons */

.button-large.button-add                             {background:url(../images/buttons/button-large-add.png) top right no-repeat;}                            /* new icon */
.button-large.button-logout                          {background:url(../images/buttons/button-large-logout.png) top right no-repeat;}                         /* new icon */
.button-large.button-proceed                         {background:url(../images/buttons/button-large-proceed.png) top right no-repeat; float:right;}           /* new icon */
.button-large.button-search                          {background:url(../images/buttons/button-large-search.png) top right no-repeat;}                         /* new icon */

.button-large{ /* obecne vlastnosti button-large */
    height:36px;
    line-height:36px;
    padding:0px 36px 0px 0px;
    display:block;
    float:left;
    margin:1px;
    font-size:12px;
    cursor: pointer;
}
.button-large:hover                                  {background-position:bottom right;} /* hover */
.button-large span                                   {margin:0px 5px 0px 5px;} /* odsazeni pripadneho textu uvnitr tlacitka */
.button-large.button-text-right                      {background-position:top left; padding:0px 0px 0px 36px;} /* Zarovnani textu v tlacitku do prava */
.button-large.button-text-right:hover                {background-position:bottom left;} /* Zarovnani textu v tlacitku do prava */
input[type=submit].button-large                      {padding:0px 40px 0px 0px;} /* korekce paddingu pro tlačítka z input.submit*/
input[type=submit].button-large.button-text-right    {padding:0px 0px 0px 40px;} /* korekce paddingu pro tlačítka z input.submit*/

/* medium buttons */

/*definovano pozadi jednotlivych tlacitek*/ /* Tento styl plati pro prvek, jenz ma oba dva classy */

.button-medium.button-absence                        {background:url(../images/buttons/button-medium-absence.png) top right no-repeat;}
.button-medium.button-accept                         {background:url(../images/buttons/button-medium-accept.png) top right no-repeat;}
.button-medium.button-add                            {background:url(../images/buttons/button-medium-add.png) top right no-repeat;}
.button-medium.button-add-work-outside               {background:url(../images/buttons/button-medium-add-work-outside.png) top right no-repeat;}
.button-medium.button-back                           {background:url(../images/buttons/button-medium-back.png) top right no-repeat;}
.button-medium.button-bin                            {background:url(../images/buttons/button-medium-bin.png) top right no-repeat;}
.button-medium.button-cancel                         {background:url(../images/buttons/button-medium-cancel.png) top right no-repeat;}
.button-medium.button-custommer                      {background:url(../images/buttons/button-medium-custommer-medium.png) top right no-repeat;}
.button-medium.button-cut                            {background:url(../images/buttons/button-medium-cut.png) top right no-repeat;}
.button-medium.button-databank                       {background:url(../images/buttons/button-medium-databank.png) top right no-repeat;}
.button-medium.button-delete                         {background:url(../images/buttons/button-medium-delete.png) top right no-repeat;}
.button-medium.button-detail                         {background:url(../images/buttons/button-medium-detail.png) top right no-repeat;}
.button-medium.button-dns                            {background:url(../images/buttons/button-medium-dns.png) top right no-repeat;}
.button-medium.button-domain                         {background:url(../images/buttons/button-medium-domain.png) top right no-repeat;}
.button-medium.button-duplicate                      {background:url(../images/buttons/button-medium-duplicate.png) top right no-repeat;}
.button-medium.button-edit                           {background:url(../images/buttons/button-medium-edit.png) top right no-repeat;}
.button-medium.button-linkedin                       {background:url(../images/buttons/button-medium-linkedin.png) top right no-repeat;}
.button-medium.button-google                         {background:url(../images/buttons/button-medium-google.png) top right no-repeat;}
.button-medium.button-ext-link                       {background:url(../images/buttons/button-medium-ext-link.png) top right no-repeat;}
.button-medium.button-email                          {background:url(../images/buttons/button-medium-email.png) top left no-repeat;}
.button-medium.button-generate-billing-item-inactive {background:url(../images/buttons/button-medium-generate-billing-item-inactive.png) top left no-repeat;}
.button-medium.button-hosting                        {background:url(../images/buttons/button-medium-hosting.png) top right no-repeat;}
.button-medium.button-invoice                        {background:url(../images/buttons/button-medium-invoice.png) top right no-repeat;}
.button-medium.button-logout                         {background:url(../images/buttons/button-medium-logout.png) top right no-repeat; float:right;}
.button-medium.button-isdoc                          {background:url(../images/buttons/button-medium-isdoc.png) top left no-repeat;}
.button-medium.button-offer                          {background:url(../images/buttons/button-medium-offer.png) top right no-repeat;}
.button-medium.button-payment-call                   {background:url(../images/buttons/button-medium-payment-call.png) top right no-repeat;}
.button-medium.button-payment-item                   {background:url(../images/buttons/button-medium-payment-item.png) top right no-repeat;}
.button-medium.button-pdf                            {background:url(../images/buttons/button-medium-pdf.png) top left no-repeat;}
.button-medium.button-persone                        {background:url(../images/buttons/button-medium-persone.png) top left no-repeat;}
.button-medium.button-post                           {background:url(../images/buttons/button-medium-post.png) top left no-repeat;}
.button-medium.button-proceed                        {background:url(../images/buttons/button-medium-proceed.png) top right no-repeat; float:right;}
.button-medium.button-project                        {background:url(../images/buttons/button-medium-project.png) top right no-repeat;}
.button-medium.button-renew                          {background:url(../images/buttons/button-medium-renew.png) top right no-repeat;}
.button-medium.button-save                           {background:url(../images/buttons/button-medium-save.png) top left no-repeat;}
.button-medium.button-sms                            {background:url(../images/buttons/button-medium-sms.png) top left no-repeat;}
.button-medium.button-ticket                         {background:url(../images/buttons/button-medium-ticket.png) top left no-repeat;}
.button-medium.button-timesheet                      {background:url(../images/buttons/button-medium-timesheet.png) top left no-repeat;}
.button-medium.button-download                      {background:url(../images/buttons/button-medium-download.png) top left no-repeat;}

.button-medium{ /* obecne vlastnosti button-medium*/
    height:26px;
    line-height:26px;
    padding:0px 26px 0px 0px;
    display:block;
    float:left;
    margin:1px;
    font-size:12px ;
    cursor: pointer;
    color: #255d7e;
}
.button-medium:hover                                 {background-position:bottom right; color: #43abe9;} /* hover */
.button-medium span                                  {margin:0px 5px 0px 5px !important} /* odsazeni pripadneho textu uvnitr tlacitka */ /* Important prekryva styly JQ UI */
.button-medium.button-text-right                     {background-position:top left; padding:0px 0px 0px 24px;} /* Zarovnani textu v tlacitku do prava */
.button-medium.button-text-right:hover               {background-position:bottom left;} /* Zarovnani textu v tlacitku do prava */
input[type=submit].button-medium                     {padding:0px 28px 0px 0px;} /* korekce paddingu pro tlačítka z input.submit*/
input[type=submit].button-medium.button-text-right   {padding:0px 0px 0px 28px;} /* korekce paddingu pro tlačítka z input.submit*/

/*small buttons*/

.button-small.button-delete-small                    {background:url(../images/button-delete-small.png) top left no-repeat;}
.button-small.button-edit-small                      {background:url(../images/button-edit-small.png) top left no-repeat;}
.button-small.button-accept-small                    {background:url(../images/button-accept-small.png) top left no-repeat;}
.button-small.button-add-small                       {background:url(../images/button-add-small.png) top left no-repeat;}

.button-small{ /* obecne vlastnosti button-small*/
    height:15px;
    line-height:15px;
    padding:0px 17px 0px 0px;
    display:block;
    float:left;
    margin:2px;
    font-size:11px;
    cursor: pointer;
}
.button-small:hover                                  {background-position:bottom right;} /* hover */
.button-small span                                   {margin:0px 5px 0px 5px;} /* odsazeni pripadneho textu uvnitr tlacitka */
.button-small.button-text-right                      {background-position:top left; padding:0px 0px 0px 17px;} /* Zarovnani textu v tlacitku do prava */
.button-small.button-text-right:hover                {background-position:bottom left;} /* Zarovnani textu v tlacitku do prava */
input[type=submit].button-small                      {padding:0px 20px 0px 0px;} /* korekce paddingu pro tlačítka z input.submit*/
input[type=submit].button-small.button-text-right    {padding:0px 0px 0px 20px;} /* korekce paddingu pro tlačítka z input.submit*/

/* medium icons */

.icon-medium.icon-action                            {background:url(../images/icons/icon-medium-action.png) top right no-repeat;}
.icon-medium.icon-confirm                           {background:url(../images/icons/icon-medium-confirm.png) top right no-repeat;}
.icon-medium.icon-deny                              {background:url(../images/icons/icon-medium-deny.png) top right no-repeat;}
.icon-medium.icon-employee                          {background:url(../images/icons/icon-medium-employee.png) top right no-repeat;}
.icon-medium.icon-favorite                          {background:url(../images/icons/icon-medium-favorite.png) top right no-repeat;}
.icon-medium.icon-git-active                        {background:url(../images/icons/icon-medium-git-active.svg) top right no-repeat;}
.icon-medium.icon-git-inactive                      {background:url(../images/icons/icon-medium-git-inactive.svg) top right no-repeat;}
.icon-medium.icon-go                                {background:url(../images/icons/icon-medium-go.png) top right no-repeat;}
.icon-medium.icon-gr                                {background:url(../images/icons/icon-medium-gr.png) top right no-repeat;}
.icon-medium.icon-green-flag                        {background:url(../images/icons/icon-medium-green-flag.png) top right no-repeat;}
.icon-medium.icon-hosting-active                    {background:url(../images/icons/icon-medium-hosting-active.png) top right no-repeat;}
.icon-medium.icon-hosting-inactive                  {background:url(../images/icons/icon-medium-hosting-inactive.png) top right no-repeat;}
.icon-medium.icon-high-priority                     {background:url(../images/icons/icon-medium-high-priority.png) top right no-repeat;}
.icon-medium.icon-lightblue-flag                    {background:url(../images/icons/icon-medium-lightblue-flag.png) top right no-repeat;}
.icon-medium.icon-leader                            {background:url(../images/icons/icon-medium-leader.png) top right no-repeat;}
.icon-medium.icon-low-priority                      {background:url(../images/icons/icon-medium-low-priority.png) top right no-repeat;}
.icon-medium.icon-medium-priority                   {background:url(../images/icons/icon-medium-medium-priority.png) top right no-repeat;}
.icon-medium.icon-new                               {background:url(../images/icons/icon-medium-new.png) top right no-repeat;}
.icon-medium.icon-no-account                        {background:url(../images/icons/icon-medium-no-account.png) top right no-repeat;}
.icon-medium.icon-no-stats                          {background:url(../images/icons/icon-medium-no-stats.png) top right no-repeat;}
.icon-medium.icon-old-price                         {background:url(../images/icons/icon-medium-old-price.png) top right no-repeat;}
.icon-medium.icon-orange-flag                       {background:url(../images/icons/icon-medium-orange-flag.png) top right no-repeat;}
.icon-medium.icon-payment-1-reminder                {background:url(../images/icons/icon-medium-payment-1-reminder.png) top right no-repeat;}
.icon-medium.icon-payment-2-reminder                {background:url(../images/icons/icon-medium-payment-2-reminder.png) top right no-repeat;}
.icon-medium.icon-payment-delayed                   {background:url(../images/icons/icon-medium-payment-delayed.png) top right no-repeat;}
.icon-medium.icon-payment-last-reminder             {background:url(../images/icons/icon-medium-payment-last-reminder.png) top right no-repeat;}
.icon-medium.icon-payment-not-payed                 {background:url(../images/icons/icon-medium-payment-not-payed.png) top right no-repeat;}
.icon-medium.icon-payment-paid                      {background:url(../images/icons/icon-medium-payment-paid.png) top right no-repeat;}
.icon-medium.icon-payment-waiting-for-payment       {background:url(../images/icons/icon-medium-payment-waiting-for-payment.png) top right no-repeat;}
.icon-medium.icon-petriny                           {background:url(../images/icons/icon-medium-petriny.png) top right no-repeat;}
.icon-medium.icon-photo                             {background:url(../images/icons/icon-medium-photo.png) top right no-repeat;}
.icon-medium.icon-prepared                          {background:url(../images/icons/icon-medium-prepared.png) top right no-repeat;}
.icon-medium.icon-quest-connected                   {background:url(../images/icons/icon-quest-connected.png) top right no-repeat;}
.icon-medium.icon-quest-not-connected               {background:url(../images/icons/icon-quest-not-connected.png) top right no-repeat;}
.icon-medium.icon-red-flag                          {background:url(../images/icons/icon-medium-red-flag.png) top right no-repeat;}
.icon-medium.icon-stop                              {background:url(../images/icons/icon-medium-stop.png) top right no-repeat;}
.icon-medium.icon-subreg                            {background:url(../images/icons/icon-medium-subreg.png) top right no-repeat;}
.icon-medium.icon-unknown                           {background:url(../images/icons/icon-medium-unknown.png) top right no-repeat;}
.icon-medium.icon-vshosting                         {background:url(../images/icons/icon-medium-vshosting.png) top right no-repeat;}
.icon-medium.icon-ticket-normal                     {background:url(../images/icons/icon-medium-ticket-normal.png) top right no-repeat;}
.icon-medium.icon-ticket-normal                     {background:url(../images/icons/icon-medium-ticket-normal.png) top right no-repeat;}
.icon-medium.icon-ticket-complaint                  {background:url(../images/icons/icon-medium-ticket-complaint.png) top right no-repeat;}
.icon-medium.icon-type-adjustment                   {background:url(../images/icon-adjustment.svg) top right no-repeat; background-size: 100%;}
.icon-medium.icon-type-project                      {background:url(../images/icon-project.svg) top right no-repeat; background-size: 100%;}
.icon-medium.icon-medium-web-management-active      {background:url(../images/icons/icon-medium-web-management-active.png) top right no-repeat;}
.icon-medium.icon-medium-web-management-inactive    {background:url(../images/icons/icon-medium-web-management-inactive.png) top right no-repeat;}
.icon-medium.icon-bulb-active                       {background:url(../images/icons/icon-medium-bulb-active.svg) top right no-repeat; width:2.250em; height:2.750em; margin:0.583em 0 0 0; text-align:center; color:#fff; padding:0; background-size:100% auto; text-decoration:none;}
.icon-medium.icon-bulb-inactive                     {background:url(../images/icons/icon-medium-bulb-inactive.svg) top right no-repeat; width:2.250em; height:2.750em; margin:0.583em 0 0 0; text-align:center; color:#fff; padding:0; background-size:100% auto; text-decoration:none;}
.icon-medium.icon-development-active                {background:url(../images/icons/icon-medium-development-active.svg) center center / 100% auto no-repeat; margin-left:0.375rem;}
.icon-medium.icon-development-inactive              {background:url(../images/icons/icon-medium-development-inactive.svg) center center / 100% auto no-repeat; margin-left:0.375rem;}
.icon-medium.icon-customer-center-active            {background:url(../images/icons/icon-medium-customer-center-active.svg) center center / 100% auto no-repeat;}
.icon-medium.icon-customer-center-inactive          {background:url(../images/icons/icon-medium-customer-center-inactive.svg) center center / 100% auto no-repeat;}
.icon-medium.icon-customer-center-unused            {background:url(../images/icons/icon-medium-customer-center-unused.svg) center center / 100% auto no-repeat;}
.icon-medium.icon-medium-trello-active              {background:url(../images/icons/icon-medium-trello-active.svg) center center / 100% auto no-repeat;}
.icon-medium.icon-medium-trello-inactive            {background:url(../images/icons/icon-medium-trello-inactive.svg) center center / 100% auto no-repeat;}
.icon-medium.icon-medium-pipedrive-active           {background:url(../images/icons/icon-medium-pipedrive-active.svg) center center / 100% auto no-repeat;}
.icon-medium.icon-medium-pipedrive-inactive         {background:url(../images/icons/icon-medium-pipedrive-inactive.svg) center center / 100% auto no-repeat;}
.icon-medium.icon-linkedin-active                   {background:url(../images/icons/icon-medium-linkedin-active.svg) center center / 100% auto no-repeat;}
.icon-medium.icon-linkedin-inactive                 {background:url(../images/icons/icon-medium-linkedin-inactive.svg) center center / 100% auto no-repeat;}
.icon-medium.icon-smartemailing-active              {background:url(../images/icons/icon-medium-smartemailing-active.svg) center center / 100% auto no-repeat;}
.icon-medium.icon-smartemailing-inactive            {background:url(../images/icons/icon-medium-smartemailing-inactive.svg) center center / 100% auto no-repeat;}
.icon-medium.icon-facebook-active                   {background:url(../images/icons/icon-medium-facebook-active.svg) center center / 100% auto no-repeat;}
.icon-medium.icon-facebook-inactive                 {background:url(../images/icons/icon-medium-facebook-inactive.svg) center center / 100% auto no-repeat;}

.icon-medium{
    height:26px;
    line-height:26px;
    padding:0px 26px 0px 0px;
    display:block;
    float:left;
    margin:1px;
    font-size:12px;
}
.icon-medium span{margin:0px 5px 0px 5px;} /* odsazeni pripadneho textu uvnitr tlacitka */
.icon-medium span.hide-text{display:none;} /* zneviditelnění textu u ikony */
.icon-medium.icon-text-right{background-position:top left; padding:0px 0px 0px 26px;} /* Zarovnani textu v tlacitku do prava */

/* small icons */

.icon-small.icon-cell                         {background:url(../images/icons/icon-small-cell.png) top left no-repeat;}                                 /* new icon */
.icon-small.icon-phone                        {background:url(../images/icons/icon-small-phone.png) top left no-repeat;}                                /* new icon */
.icon-small.icon-email                        {background:url(../images/icons/icon-small-email.png) top left no-repeat;}                                /* new icon */
.icon-small.icon-invoice-contact              {background:url(../images/icons/icon-small-invoice-contact.png) top left no-repeat;}                      /* new icon */

.icon-small{
    height:20px;
    padding:0px 20px 0px 20px;
    line-height:20px;
    display:block;
    float: left;
    margin:1px;
    font-size:12px;
    white-space: nowrap;
}
.icon-small span{margin:0px 5px 0px 5px;} /* odsazeni pripadneho textu uvnitr tlacitka */
.icon-small span.hide-text{display:none;} /* zneviditelnění textu u ikony */
.icon-small.icon-text-right{background-position:top left; padding:0px 0px 0px 20px;} /* Zarovnani textu v tlacitku do prava */

/* messages */

.message{
    margin:10px 0px 10px 0px;
    padding:10px 10px 10px 50px;
    font-weight:bold;
    background:8px 6px no-repeat;
    border:1px solid #d0d5c8;
    border-radius:5px;
    line-height:25px;
    -moz-border-radius:5px;
    clear:left;
    background-position:7px center;
    /*min-width:500px;*/
    min-height:25px;
    display:block;
}
div.side-dashboard-neighbor-message{
    margin:10px 0px 10px 175px;
}
.ui-dialog div.message {
    min-width: 0;
}
.message-error ul,
.message-success ul,
.message-question ul,
.message-important ul{
    font-size:12px;
    font-weight:normal;
}
.message-error{background-image:url(../images/message-error.png); color:#b40514; border-color:#eba5ab; background-color:#f9e7e9;}
.message-success{background-image:url(../images/message-success.png); color:#2c8a0a; border-color:#7db96a; background-color:#e7f4de;}
.message-question{background-image:url(../images/message-question.png); color:#1880b1; border-color:#92c0e7; background-color:#e8f2f7;}
.message-important{background-image:url(../images/message-important.png); color:#c06c0d; border-color:#f5c565; background-color:#f9efdb;}

.message-error a,
.message-error:hover,
.message-error h2 {color:#b40514;}

.message-success a,
.message-success:hover,
.message-success h2 {color:#2c8a0a;}

.message-question a,
.message-question:hover,
.message-question h2{color:#1880b1;}

.message-important a,
.message-important:hover,
.message-important h2{color:#c06c0d;}

p.comment{
    margin:10px 0px 10px 0px;
    padding:10px;
    border:1px solid #d0d5c8;
    background:#f9fae1;
    color:#505144;
    border-radius:5px;
    -moz-border-radius:5px;
    width:100%;
    max-width:600px;
    font-size:0.916em;
    box-sizing:border-box; /* border-box = padding + border se zapocitavaji do width elementu */
    -moz-box-sizing:border-box;
    display: inline-block;
}
p.comment a{
    color:#505144;
    text-decoration: underline;
}
p.comment strong{
    color:#505144;
}
.email-preview,
.sms-preview{
    font-family:"Courier New", Courier, monospace;
    padding:20px 20px 40px 20px;
}

/* time bar */

div.time-bar{
    width:150px;
    height:5px;
    margin:2px 0px 2px 0px;
    background:url(../images/time-bar-gradient.jpg) #cfcfcf;
    font-size:1px;
}
div.time-bar-cover{
    width:150px;
    height:5px;
    background-image:url(../images/time-bar-cover.png);
    font-size:1px;
}
div.time-bar span{
    display:none;
}


/* list table */			/* Definovana tabulka s vypisem polozek */

table.list{
    margin:10px 0px 10px 0px;
    width: auto;
    border-collapse: collapse;
}
table.list-roll-out tr:nth-child(2n) td{background-color:#f8fbfd;}      /* roll-out oznacuje tabulku s moznosti rozkliku dalsiho radku*/
table.list-roll-out tr:nth-child(2n+1) td{background-color:#f8fbfd; border-bottom-width:2px;}
table.list-roll-out tr:nth-child(4n+1) td{background-color:#e8f2f7;}
table.list-roll-out tr:nth-child(4n) td{background-color:#e8f2f7;}

table.list-no-roll tr:nth-child(2n) td{background-color:#f8fbfd;}   /* no-roll oznacuje tabulku bez moznosti rozkliku dalsiho radku*/
table.list-no-roll tr:nth-child(2n+1) td{background-color:#fff;}

table.list-no-roll tr:nth-child(2n):hover td{background:#e8f2f7;}
table.list-no-roll tr:nth-child(2n+1):hover td{background:#e8f2f7;}

table.list-no-roll tr.even td{background-color:#f8fbfd;}   /* pouziva se tam, kde je prilis obtizne pocitat */
table.list-no-roll tr.odd td{background-color:#fff;}

/*table.list-no-roll tr:nth-child(2n+1) td{background:#e8f2f7;}*/

table.list tr.red td, table.list tr td.red{background-color:#fce6e6; color:#5b4343;} /*barevne zvyrazneni radku*/
table.list tr.red td a, table.list tr td.red a{color:#5b4343;}

table.list tr.green td, table.list tr td.green{background-color:#f0fce6; color:#435335;} /*barevne zvyrazneni radku*/
table.list tr.green td a, table.list tr td.green a{color:#435335;}

table.list tr.gray td, table.list tr td.gray{background-color:#e7e7e7; color:#666666;} /*barevne zvyrazneni radku*/
table.list tr.gray td a, table.list tr td.gray a{color:#666666;}

table.list tr.blue td, table.list tr td.blue{background-color:#d4e7f4;} /*barevne zvyrazneni radku*/

table.dataTable.list td,
table.list td{
    border:1px solid #dbe5ea;
    height:33px;
    line-height:1.5em;
    padding: 0.25em;
}
table.list td td{
    height:auto;
}

table .align-right,
table .price {
    text-align:right;
}
table.dataTable.list th,
table.list th{
    color:#3e5d6f;
    background:#fff;
    padding: 0.25em;
    font-weight: normal;
    border-bottom:1px solid #dbe5ea;
}
ul.clear-list{  /* používá se pro formuláře - input radio s ikonkou */
    list-style-type:none;
    padding:0px;
    margin:0px;
    float:right;
}
ul.clear-list li{
    float:left;
    text-align: center;
}
ul.clear-list li label{
    margin:0px;
}
ul.clear-list li label div
ul.clear-list li label span{
    float: none;
}
table.list ul.status-payment {
    list-style-type:none;
    padding:0px;
    margin:0px;
}
table.list ul.status-payment li{
    float:left;
    width:26px;
    text-align:center;
}
table.list-no-roll td.rank{
    border:none;
    padding-right:10px;
}
table.list-no-roll tr:nth-child(2n) td.rank{background:none;}
table.list-no-roll tr:nth-child(2n+1) td.rank{background:none;}

table.list-no-roll td.rank div,
table td div.rank{
    color:#fff;
    background:#016389;
    border-radius:26px;
    font-size:12px;
    float:left;
    width:27px;
    height:27px;
    line-height:27px;
    text-align:center;
    margin:2px;
}
table.list-no-roll td.rank.light div,
table td div.rank.light{
    color:#fff;
    background:#0097d2;
}
table.list-no-roll td.rank.red div,
table td div.rank.red{
    color:#fff;
    background:#881717;
}

/* table sizes */			/* Definovay sirky tabulek */

th.extra-large, td.extra-large       {max-width:440px;width:440px;}
th.large, td.large                   {max-width:240px;width:240px;}
th.medium, td.medium                 {max-width:150px;width:150px;}
th.medium-sm, td.medium-sm           {max-width:110px;width:110px;}
th.small, td.small                   {max-width:80px;width:80px;}

th.one-button, td.one-button         {max-width:28px;width:28px;}
th.two-buttons, td.two-buttons       {max-width:58px;width:58px;}
th.three-buttons, td.three-buttons   {max-width:84px;width:84px;}
th.four-buttons, td.four-buttons     {max-width:112px;width:112px;}
th.five-buttons, td.five-buttons     {max-width:140px;width:140px;}
th.six-buttons, td.six-buttons       {max-width:168px;width:168px;}

/* rozvrzeni */					/* Definovány hlavni prvky a rozvrzeni */

div#topper{
}
div#content{
    padding:0px 0px 0px 5px;
}
div#main{
    padding:0px 0px 0px 205px;
}

/* main menu */					/* Definováno hlavni a sekundarni menu */

div#main-menu{   /* zajistuje fixni pozici menu */
    width:100%;
    position:fixed;
    padding-bottom:5px;
    background:url(../images/topper-shadow.png) left bottom repeat-x;
    z-index:10;
}
div#main-menu li.menu-item a{
    display:block;
    padding:0px 10px 0px 10px;
    height:100%; /* relativni zadani vysky je potrba, protoze vyska "li" se meni */
    text-shadow: 0px 1px 2px #283849;
    font-size:14px;
    color: #add2e9;
    line-height:60px;
    background:url(../images/topper-1level-item-border.png) left top no-repeat;
}
div#main-menu a.menu-item-level-1:hover{
    color:#fff;
    background:url(../images/topper-1level-item-border.png) left bottom no-repeat;
}
div#main-menu li.activated a.menu-item-level-1,        /* vkladaji se pouze rozdilne vlastnosti od neaktivniho "a" */
div#main-menu li.activated a.menu-item-level-1:hover{  /* prebiji hover nad activated */
    color: #fff;
    background:url(../images/topper-1level-item-activated.png) left top no-repeat;
}

/* main menu level 1 */

ul#main-menu-level-1{
    width:100%;
    padding:0px;
    margin:0px;
    float:left;
    position:relative;
    list-style-type:none;
    background:url(../images/topper-1level-background.png);
}
ul#main-menu-level-1 li{
    float:left;
    margin:0px;
    height:60px;
    border-bottom: 1px solid #6daacd;    /* border musí byt definovan v "li", protoze nektere li neobsahuji "a" */
}
ul#main-menu-level-1 li.activated{
    height:61px;
    border-bottom: none;
}

/* main menu level 2 */

ul#main-menu-level-2{
    width:100%;
    padding:0px 0px 0px 0px;
    margin:0px;
    height:36px;
    list-style-type:none;
    float:left;
    background:url(../images/topper-2level-background.png) repeat-x;
}
ul#main-menu-level-2 li{
    float:left;
    margin:0px;
    height:35px;
    border-bottom: 1px solid #6daacd;    /* border musí byt definovan v "li", protoze nektere li neobsahuji "a" */
}
ul#main-menu-level-2 li.menu-item a{   /* vkladaji se pouze rozdilne vlastnosti od "a" na prvni urovni */
    line-height:35px;
    font-size:12px;
    background:url(../images/topper-2level-item-border.png) left top no-repeat;
}
ul#main-menu-level-2 li.activated{
    height:35px;
}
ul#main-menu-level-1 li a.menu-item-level-2:hover{
    color:#fff;
    background:url(../images/topper-2level-item-border.png) left bottom no-repeat;
}
ul#main-menu-level-2 li.activated a.menu-item-level-2,
ul#main-menu-level-2 li.activated a.menu-item-level-2:hover{   /* prebiji hover nad activated */
    color:#fff;
    background:url(../images/topper-2level-item-activated.png) left top no-repeat;
}

/* main menu extensions */

ul#main-menu-level-1 a#logo{
    width:42px;
    height:42px;
    display: block;
    margin:10px 22px 9px 22px;
    background:url(../images/logo-blueghost-2020-square.svg) no-repeat;
}
ul#main-menu-level-1 li.user-status{
    float:right;
    width:auto;
}
ul#main-menu-level-1 li.user-status div{
    color:#add2e9;
    font-size:14px;
    line-height:59px;
}
ul#main-menu-level-1 li.user-status div strong{
    color:#add2e9;
    text-shadow:1px 1px 1px rgba(0,0,0,0.4);
    font-weight:normal;
}
ul#main-menu-level-1 li.user-status div a.button-logout{
    margin:17px 14px 0 2px;
}
ul#main-menu-level-1 li.user-status div a.button-add{
    margin:17px 0 0 15px;
}

/* dashboard */					/* Definovan dfashboard */

ul#dashboard,
ul.dashboard{
    margin:10px 10px 10px 0px;
    min-height:55px;
    padding:0px;
    list-style-type:none;
    float:left;
    border-radius:5px;
    -moz-border-radius:5px;
    border:1px solid #c3ced6;
    background:url(../images/background-dashboard.gif) #e3edf2 repeat-x;
}
ul#dashboard li,
ul.dashboard li{
    float:left;
    margin:5px;
}
.clear-left{
    clear:left;
}
.float-right{
    float:right;
}

/* side-dashboard */					/* Definovan dashboard v postrannim sloupci*/

div#side-dashboard{
    height:100%;
    width:200px;
    position:fixed;
    top:0px;
    left:0px;
    z-index:5;     /* nizsi z-index nez main menu */
    background: linear-gradient(#fff, #e6f3fb);
    padding:115px 0px 10px 0px;
    border-right:1px solid #c3ced6;
    overflow-y: auto;
    overflow-x: visible;
    box-sizing: border-box;
}
div#side-dashboard ul{
    margin:0px;
    padding:0px;
    background:url(../images/background-side-dashboard-li.png) center bottom no-repeat;
    list-style-type:none;
    float:left;
    width:100%;
}
div#side-dashboard ul li{
    margin:0px;
    padding:10px 10px 10px 10px;
    list-style-type:none;
    float:left;
    width:100%;
    box-sizing: border-box;
    background:url(../images/background-side-dashboard-li.png) center bottom no-repeat;
}
div#side-dashboard ul ul{
    background:none;
    width:100%;
}
div#side-dashboard ul ul li{
    padding:5px 0 5px 0;
    background:none;
    width:100%;
    font-size:11px;
}
div#side-dashboard label{
    margin-left:0;
    margin-right:0;
}
div#side-dashboard h4 {
    float:left;
    width: 100%;
}
div#side-dashboard input.input-text,
div#side-dashboard input[type=text]{
    width:100%;
    box-sizing:border-box;
    margin-left:0;
    margin-right:0;
}
div#side-dashboard select{
    width:100%;
    box-sizing:border-box;
    margin-left:0;
    margin-right:0;
}
div#side-dashboard .button-medium {
    display: flex;
    align-items: center;
    line-height: 13px;
    clear:both;
}
div#side-dashboard .button-medium span {
    display: block;
    overflow: hidden;
}
div#side-dashboard label.checkbox-wrap {
    display:flex;
    width:100%;
    align-items:flex-start;
}
div#side-dashboard label.checkbox-wrap input.checkbox {
    margin: 0 0 0 0;
    flex: none;
}
div#side-dashboard label.checkbox-wrap span {
    padding-left:5px;
}

/* rámce */ /* pro vizuální formátování obsahu */

div.frame-block{
    border-radius:5px;
    margin:10px 0px;
    border:1px solid #c3ced6;
    padding:20px;
    float:left;
}

/* doplňující mini block */

.complementary-info{
    color:#72797e;
    font-size:0.875em;
}
.complementary-info a{
    color:#72797e;
}
.complementary-info a:hover{
    text-decoration:underline;
}

/* chosen selects in side dashboard */

div#side-dashboard .chosen-single {
    color: #313334 !important;
    background:#fff !important;
    border-radius:0.25rem !important;
}
div#side-dashboard .chosen-drop{
    border-top:0.063rem solid #aaa  !important;
    margin-top:0.125rem !important;
    border-radius:0.25rem !important;
    width:125% !important;
}
div#side-dashboard .chosen-results{
    font-size:0.875rem  !important;
}
div#side-dashboard .active-result,
div#side-dashboard .group-result{
    width:100% !important;
    box-sizing:border-box !important;
    padding-left:0.313rem !important;
    padding-right:0.313rem !important;
}
div#side-dashboard .active-result:hover {
    background:#efefef !important;
}
div#side-dashboard .active-result.highlighted {
    color:#313334 !important;
}
div#side-dashboard .chosen-container{
    width:100% !important;
    margin:0 0 0.75rem 0 !important;
    box-sizing:border-box  !important;
}
div#side-dashboard .chosen-drop{
    border-top:0.063rem solid #aaa  !important;
    margin-top:0.125rem !important;
    border-radius:0.25rem !important;
}
div#side-dashboard .chosen-choices{
    border-radius:0.25rem !important;
    background:none !important;
    box-shadow:none !important;
}
div#side-dashboard .active-result:hover {
    background:#efefef !important;
    color: #313334 !important;
}

/* donut chart */

div.donut-chart-frame{
    border-radius:5px;
    margin:1em 1em 2em 0px;
    border:1px solid #c3ced6;
    padding:1em;
    display:inline-block;
    width:240px;
}
div.donut-chart-frame h3{
    border-bottom:none;
    margin:0 0 1em 0;
}
div.donut-chart-frame canvas{
    margin:0 0 0 -1em;
}
div.donut-chart-frame table{
    width:100%;
    margin:1.5em 0 0 0;
}
div.donut-chart-frame table td{
    border: none;
}

/* donut chart end */

/* bar chart */

div.stacked-bar-chart-frame{
    border-radius:5px;
    margin:1em 1em 2em 0px;
    border:1px solid #c3ced6;
    padding:1em;
    display:inline-block;
}
div.stacked-bar-chart-frame h3{
    border-bottom:none;
    margin:0 0 1em 0;
}
ul.stacked-bar-chart-legend{
    list-style-type: none;
}
ul.stacked-bar-chart-legend li{
    display: inline-block;
    margin: 1em;
}
ul.stacked-bar-chart-legend li span{
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
}

/* bar chart end */

/* contract */

div.contract-specifications{
    width:1218px;
    float:left;
}
div.contract-specifications textarea.large{
    width:595px;
}
div.contract-budget{
    width:1218px;
    float:left;
}
table#contracts td.status span{
    display:block;
    font-size:10px;
}

/* login */					/* Definováno hlavni a sekundarni menu */

div#first-page-container{
    width:100%;
    height:100%;
    float:left;
}
div.first-page-background1{background:url(../images/background-login-01.gif) center top no-repeat #002938;}
div.first-page-background2{background:url(../images/background-login-02.gif) center top no-repeat #002938;}
div.first-page-background3{background:url(../images/background-login-03.gif) center top no-repeat #002938;}
div.first-page-background4{background:url(../images/background-login-04.gif) center top no-repeat #002938;}
div.first-page-background5{background:url(../images/background-login-01.gif) center top no-repeat #002938;}
div.first-page-background6{background:url(../images/background-login-02.gif) center top no-repeat #002938;}
div.first-page-background7{background:url(../images/background-login-03.gif) center top no-repeat #002938;}

div#login-window{
    width:292px;
    height:114px;
    padding:120px 31px 20px 31px;
    background:url(../images/login-window.png) center no-repeat;
    margin:100px auto 0px auto;
    color:#fff;
}
div#login-window .input-text{
    background:#0c324e;
    border:1px solid #5791b5;
    color:#fff;
}
div#login-window label{
    width:50px;
    font-size:12px;
    height:20px;
    margin:2px;
    line-height:20px;
    color:#fff;
    display:block;
    float:left;
}
div#login-window .submit{
    color:#8bd4ff;
}
div#login-window .submit:hover{
    color:#fff;
}
p.login-error{
    color:#ff9376;
}

/* attendance */

table.attendance-list{
    margin-top:2em;
}
table.attendance-list th{
    text-align: center;
    font-size:12px;
    color:#a4b2bc;
}
table.attendance-list td{
    border: none;
    border-bottom:1px solid #e0e6ea;
    vertical-align: middle;
    padding:0.25em 1em 0.25em 1em;
    height: 64px;
}
table.attendance-list time,
table.attendance-list div.timesheet-summary,
table.attendance-list div.attendance-summary,
table.attendance-list div.worker{
    font-size: 2em;
    font-weight: bold;
    color:#a4b2bc;
    display: block;
}
table.attendance-list div.worker{
    text-align: left;
}
table.attendance-list time span,
table.attendance-list div.timesheet-summary span,
table.attendance-list div.attendance-summary span,
table.attendance-list div.worker span{
    font-size: 0.5em;
    font-weight: normal;
    display: block;
}
table.attendance-list div.attendance-summary.emoticon{
    background: url(../images/emoticon-smile.png) right top no-repeat;
    padding-right:50px;
}
table.attendance-list div.attendance-summary.emoticon.wrong-summary{
    background: url(../images/emoticon-sad.png) right top no-repeat;
}
table.attendance-list time.sunday,
table.attendance-list time.holiday{
    color:#c76664;
}
table.attendance-list .wrong-summary{
    color:#c76664 !important;
}
table.attendance-list a.button-add,
table.attendance-list a.button-email,
table.attendance-list a.button-absence{
    margin:1.5em 0.1em 1.5em 0.1em;
}
section.time-block{
    margin:0.5em;
    padding:1em;
    float:left;
    box-shadow:0 1px 1px rgba(0,0,0,0.25);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
    min-width:252px;
    background: linear-gradient(to bottom,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
}
section.time-block.red{
    background: linear-gradient(to bottom,  #f7f0f2 0%,#f4dfe1 100%);
}
section.time-block.violet{
    background: linear-gradient(to bottom,  #e5dcf6 0%,#D4C7ED 100%);
}
section.time-block input{
    float:left;
    width:80px;
}
section.time-block input[type=description]{
    width:178px;
}
section.time-block input{
    float:left;
    width:80px;
}
section.time-block input:disabled{
    background: none;
    border:1px solid rgba(0,0,0,0);
    font-weight: bold;
}
section.time-block input a.icon-small{
    float:left;
}

/* attendence plan */

table.attendance-list.compressed-list{
    margin-bottom: 2em;
}
table.attendance-list.compressed-list th:first-child,
table.attendance-list.compressed-list td:first-child{
    text-align: left;
    padding-left: 0;
}
table.attendance-list.compressed-list td{
    padding:1px 1px 1px 0;
    text-align: center;
    height:3em;
}
table.attendance-list.compressed-list div.worker{
    font-size: 1em;
    width:10em;
}
table.attendance-list.compressed-list div.attendance-summary{
    font-size: 1em;
}
table.attendance-list.compressed-list div.attendance-summary span{
    display:none;
}
table.attendance-list.compressed-list section.time-block{
    margin:0;
    padding:0.5em;
    min-width:0;
    box-shadow: none;
    height: 100%;
    max-height: 2.2em;
    overflow: hidden;
    width:7em;
    text-align: center;
}

/* attendance end */

/* connecting timesheets to attendance */

div#connecting-timesheets{
}
div#connecting-timesheets div.ticket-search input{
    width:100%;
    margin:1em 0 0.5em 0;
    box-sizing: border-box;
    font-size:1em;
    padding:0.5em;
}
div#connecting-timesheets section.ticket-timesheet{
    margin:0.25em 0;
    padding:1em;
    float:left;
    width:100%;
    box-sizing:border-box;
    box-shadow:0 1px 1px rgba(0,0,0,0.25);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
    background: #f4f4f4;
    background: -moz-linear-gradient(top,  #f4f4f4 0%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3eefa), color-stop(100%,#e9e9e9));
    background: -webkit-linear-gradient(top,  #f4f4f4 0%,#e9e9e9 100%);
    background: -o-linear-gradient(top,  #f4f4f4 0%,#e9e9e9 100%);
    background: -ms-linear-gradient(top,  #f4f4f4 0%,#e9e9e9 100%);
    background: linear-gradient(to bottom,  #f4f4f4 0%,#e9e9e9 100%);
}
div#connecting-timesheets section.registered-timesheet{
    margin:0.25em 0;
    padding:1em;
    float:left;
    width:100%;
    box-sizing:border-box;
    box-shadow:0 1px 1px rgba(0,0,0,0.25);    /* tento zpusob zapisu umozni zapsat opacity u stinu */
    background: rgb(239,245,249);
    background: -moz-linear-gradient(top,  rgba(239,245,249,1) 0%, rgba(223,236,244,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,245,249,1)), color-stop(100%,rgba(223,236,244,1)));
    background: -webkit-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: -o-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: -ms-linear-gradient(top,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
    background: linear-gradient(to bottom,  rgba(239,245,249,1) 0%,rgba(223,236,244,1) 100%);
}
div#connecting-timesheets div.timesheet-data{
    float: left;
    margin-top:0.5em;
    font-size:100%;
    width: 100%;
}
div#connecting-timesheets div.timesheet-data span,
div#connecting-timesheets div.timesheet-data input,
div#connecting-timesheets div.timesheet-data select,
div#connecting-timesheets div.timesheet-data a{
    float: left;
    margin:0 0.5em 0 0;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
    box-sizing: border-box;
}
div#connecting-timesheets div.timesheet-data span{
    padding:0.5em 0 0.5em 0;
}
div#connecting-timesheets div.timesheet-data span.timesheet-worker{width:35%;}
div#connecting-timesheets div.timesheet-data span.timesheet-job{width:35%;}
div#connecting-timesheets div.timesheet-data span.timesheet-time{width:20%;}

div#connecting-timesheets div.timesheet-data select{
    padding:0.35em;
    width:35%;
}
div#connecting-timesheets div.timesheet-data input.timesheet-job{
    padding:0.5em;
    width:35%;
}
div#connecting-timesheets div.timesheet-data input.timesheet-time{
    padding:0.5em;
    width:20%;
}
div#connecting-timesheets div.timesheet-data .timesheet-time{
    text-align: right;
}
div#connecting-timesheets div.timesheet-data .timesheet-time strong{
    display: inline-block;
    padding:0 0.5em;
}
div#connecting-timesheets div.timesheet-data a{
    float: right;
}



/* connecting timesheets to attendance end */

/* project overview */

div#project-dashboard{
    width:420px;
    border-right:none;
    float: left;
}
div#project-main{
    float: left;
}

/* overview box */

section.overview-box{
    border: 1px solid #c3ced6;
    border-radius:5px;
    padding:1em;
    margin:1em;
}
section.overview-box > table,
section.overview-box > form > table{
    width: 100%;
}
section.overview-box table h2{
    font-size: 1.75em;
    font-weight: bold;
    margin: 0 0 0 0;
}
section.overview-box table h2.float,
section.overview-box table h3.float{
    float:left;
    width: 90%;
}
section.overview-box table h2 small{
    font-size: 1em;
    font-weight: normal;
}
section.overview-box table h3{
    border-bottom: none;
}
section.overview-box table a.button-edit{
    float: right;
}
section.overview-box div.title-hint{
    width: 100%;
}
section.overview-box input[type=text],
section.overview-box input.input-text,
section.overview-box input[type=file],
section.overview-box select,
section.overview-box textarea.textarea-large{
    width: 100%;
    box-sizing: border-box;
    margin:0;
}
section.overview-box td.tinymce-project-td{
    padding: 1em 0 1em 0;
}
section.overview-box table.mceLayout{
    margin:0;
}
section.overview-box table.mceLayout#project-description_tbl{
    width:100% !important;
    height:11em !important;
}
section.overview-box table.mceLayout#project-description_tbl iframe{
    max-width:100% !important;
}
section.overview-box > table > tbody > tr > td,
section.overview-box > form > table > tbody > tr > td{
    border: none;
    padding:1em 0.25em 1em 0.25em;
    border-bottom:1px solid #e0e6ea;
    vertical-align: top;
    width:auto;
}
section.overview-box > table > tbody > tr > td:first-of-type,
section.overview-box > form > table > tbody > tr > td:first-of-type{
    /*width:160px;*/
}
section.overview-box > table > tbody > tr:last-child > td,
section.overview-box > form > table > tbody > tr:last-child > td{
    border-bottom:none;
}
section.overview-box > table > tbody > tr > td:nth-child(2),
section.overview-box > form > table > tbody > tr > td:nth-child(2){
    text-align: right;
}
section.overview-box input:disabled,
section.overview-box textarea:disabled{
    background: none;
    border:1px solid rgba(0,0,0,0);
    text-align: right;
    resize: none;
    padding: 0;
}
section.overview-box input.hour-rate:disabled{
    font-weight: bold;
    color: #255d7e;
}

/* overview box end */

/* project events */

section#project-events{
    width:750px;
    margin: 0 0 0 1em;
}
div#events-header{
    margin:3.5em 0 0 0;
    height:100px;
}
div#events-header h2{
    font-size: 2em;
    font-weight: bold;
    margin: 0 0 0 0;
    float:left;
}
div#events-header select.events-filter{
    float:right;
    border: none;
}
div#events-header div.add-comment{
    clear:left;
    float: left;
    width: 100%;
    border: 1px solid #c3ced6;
    border-radius:5px;
    padding:0.5em;
    box-sizing: border-box;
    margin-top:1em;
}
div#events-header div.add-comment time{
    float: left;
    line-height: 26px;
    margin: 0 0.5em 0 0;
    color:#9ba8b2;
    font-size: 12px;
}
div#events-header div.add-comment input[type=text]{
    float: left;
    margin: 0 0.5em 0 0;
    height:26px;
    border:none;
    padding:0;
    font-size: 12px;
    width:545px;
}
div#events-header div.add-comment input[type=text]:focus{
    outline: none;
}
div#events-header div.add-comment ::-webkit-input-placeholder{color:#9ba8b2;}
div#events-header div.add-comment :-moz-placeholder{color:#9ba8b2;}

div#events-header div.add-comment a.button-proceed{
    margin: 0 0 0 0;
}

article.project-event{
    border-radius:5px;
    float:left;
    box-shadow:0 1px 1px rgba(0,0,0,0.25);
    width:100%;
    box-sizing:border-box;
    padding:0.5em;
    margin: 0 0 0.5em 0;
    background: #eff5f9;
    background: -moz-linear-gradient(top,  #eff5f9 0%, #dfecf4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eff5f9), color-stop(100%,#dfecf4));
    background: -webkit-linear-gradient(top,  #eff5f9 0%,#dfecf4 100%);
    background: -o-linear-gradient(top,  #eff5f9 0%,#dfecf4 100%);
    background: -ms-linear-gradient(top,  #eff5f9 0%,#dfecf4 100%);
    background: linear-gradient(to bottom,  #eff5f9 0%,#dfecf4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff5f9', endColorstr='#dfecf4',GradientType=0 );
}
article.project-event time{
    float: left;
    line-height: 26px;
    margin: 0 0.5em 0 0;
    color:#9ba8b2;
    font-size: 12px;
}
article.project-event p{
    line-height: 16px;
    float: left;
    width: 600px;
}
article.project-event p strong{
    color:#313334;
}




div.icon-event{
    width: 26px;
    height: 26px;
    background-size: 100%;
    float:left;
    margin-right:0.5em;
}
div.icon-event.icon-accounting-call-added{background-image: url(../images/icon-event-call-added.svg);}
div.icon-event.icon-accounting-call-paid{background-image: url(../images/icon-event-call-paid.svg);}
div.icon-event.icon-call-added{background-image: url(../images/icon-event-call-added.svg);}
div.icon-event.icon-call-deleted{background-image: url(../images/icon-event-call-deleted.svg);}
div.icon-event.icon-call-paid{background-image: url(../images/icon-event-call-paid.svg);}
div.icon-event.icon-comment{background-image: url(../images/icon-event-comment.svg);}
div.icon-event.icon-demand{background-image: url(../images/icon-event-demand.svg);}
div.icon-event.icon-initial-call-added{background-image: url(../images/icon-event-call-added.svg);}
div.icon-event.icon-initial-call-paid{background-image: url(../images/icon-event-call-paid.svg);}
div.icon-event.icon-new-ticket{background-image: url(../images/icon-event-new-ticket.svg);}
div.icon-event.icon-new-timesheet{background-image: url(../images/icon-event-new-timesheet.svg);}
div.icon-event.icon-order{background-image: url(../images/icon-event-order.svg);}
div.icon-event.icon-project-contract{background-image: url(../images/icon-event-project-contract.svg);}
div.icon-event.icon-project-imparted{background-image: url(../images/icon-event-project-imparted.svg);}
div.icon-event.icon-ticket-assigned{background-image: url(../images/icon-event-ticket-assigned.svg);}
div.icon-event.icon-ticket-deleted{background-image: url(../images/icon-event-ticket-deleted.svg);}
div.icon-event.icon-ticket-finished{background-image: url(../images/icon-event-ticket-finished.svg);}
div.icon-event.icon-ticket-played{background-image: url(../images/icon-event-ticket-played.svg);}
div.icon-event.icon-ticket-removed{background-image: url(../images/icon-event-ticket-removed.svg);}
div.icon-event.icon-ticket-stopped{background-image: url(../images/icon-event-ticket-stopped.svg);}
div.icon-event.icon-time-expired{background-image: url(../images/icon-event-time-expired.svg);}
div.icon-event.icon-work-finished{background-image: url(../images/icon-event-work-finished.svg);}

/* project events end */


/* project overview end*/

/* project list and project tips list */

table.projects.list,
table.projects-tips.list{
    width: inherit;
}
.icon-project{
    padding-left: 22px;
    background-size:20px;
    background-repeat: no-repeat;
    line-height: 22px;
}
.icon-project.icon-project-bg{background-image: url(../images/icon-project-bg.svg);}
.icon-project.icon-project-eshop{background-image: url(../images/icon-project-eshop.svg);}
.icon-project.icon-project-otherweb{background-image: url(../images/icon-project-otherweb.svg);}
.icon-project.icon-project-web{background-image: url(../images/icon-project-web.svg);}
.icon-project.icon-project-saleweb{background-image: url(../images/icon-project-saleweb.svg);}
.icon-project.icon-project-marketing{background-image: url(../images/icon-project-marketing.svg);}
.icon-project.icon-project-graphic{background-image: url(../images/icon-project-graphic.svg);}
.icon-project.icon-project-app{background-image: url(../images/icon-project-app.svg);}

.icon-project span{
    margin:0 0.25em 0 0.25em;
}
div.project-list-form input,
div.project-list-form select,
div.project-list-form textarea{
    box-sizing: border-box;
    width: 100%;
    margin-left:0;
    margin-right:0;
}
div.project-list-form label{
    margin-left:0;
    margin-right:0;
}
div.project-list-form .button-cancel{
    float: right;
}

/* project list and project tips list end*/

/* homepage dashboards */

.dashboard-block{
    float:left;
    padding:1em;
    border-radius:5px;
    border: 1px solid #c3ced6;
    margin:0 1em 1em 0;
    height: 100%;
    box-sizing: border-box;
    height:500px;
    overflow-x: hidden;
    overflow-y: auto;
}
div#demands-dashboard{
    max-width:892px;
}
.dashboard-red{color:#b40514; border-color:#eba5ab; background-color:#f9e7e9;}
.dashboard-green{color:#2c8a0a; border-color:#7db96a; background-color:#e7f4de;}
.dashboard-blue{color:#1880b1; border-color:#92c0e7; background-color:#e8f2f7;}
.dashboard-yellow{color:#c06c0d; border-color:#f5c565; background-color:#f9efdb;}

.dashboard-red h2{color:#b40514;}
.dashboard-green h2{color:#2c8a0a;}
.dashboard-blue h2{color:#1880b1;}
.dashboard-yellow h2{color:#c06c0d;}

/* homepage dashboards end*/

/* homepage dashboard efficiency */

.dashboard-block-efficiency{
    color:#a4b2bc;
    max-width: 30em;
}
.dashboard-block-efficiency ul{
    list-style-type: none;
    padding: 0;
}
.dashboard-block-efficiency ul li{
    padding: 1em 0;
}
.dashboard-block-efficiency ul li:first-child{
    border-bottom: 1px solid #e0e6ea;
}
.dashboard-block-efficiency table{
    width: 100%;
}
.dashboard-block-efficiency table strong{
    font-size: 2em;
}
.dashboard-block-efficiency table td{
    border:none;
}
.dashboard-block-efficiency table td:first-child{
    padding-left:0;
    padding-right:2em;
}
.dashboard-block-efficiency table td:last-child{
    padding-right:0;
    text-align: right;
}

/* homepage dashboard efficiency end */


/* strankovani ( vyzvy k platbe + faktury ) */
div.strankovani {
    margin: 0.5em 0 0 0;
}
div.strankovani a {
    padding: 0 1em 0 0;
}
div.strankovani a.active {
    text-decoration: underline;
}

/* uprava stranky tickets */

table#ticket-main-data td {
    vertical-align:top;
}
.ticket-detail table#ticket-header,
.ticket-detail table#ticket-main-data,
.ticket-detail table.price-set,
.ticket-detail table.ticket-employees,
.ticket-detail table.ticket-timesheets,
.ticket-detail table.ticket-footer
{
    width:100%;
    min-width:780px;
}
table#ticket-header td.ticket-headline,
table#ticket-header td.ticket-options,
table#ticket-main-data td.project-id,
table#ticket-main-data td.ticket-name,
table#ticket-main-data td.internal-procedure,
table#ticket-main-data td.public-specification {
    width:50%;
}

.ticket-detail td.project-id input.ui-autocomplete-input{
    width:355px;
}
.ticket-detail form.frmTicket {
    clear: both;
}
.ticket-detail form.frmTicket div.tasks {
    clear: both;
    margin-bottom: 10px;
}
.ticket-detail form.frmTicket div.task div {
    float: left;
}
.ticket-detail form.frmTicket div.task {
    clear: both;
    margin: 5px 0;
}
.ticket-detail form.frmTicket a#add-worker-task {
    display: block;
    clear: both;
}
.ticket-detail form.frmTicket a#remove-worker-task {
    display: block;
    clear: both;
}
.ticket-detail #filter-list-tickets {
    clear: both;
}
.ticket-detail form.frmTicket input.input-timesheet-work-entry{
    box-sizing:border-box;
    width:100%;
    margin-left:0;
    margin-right:0;
}
.ticket-detail div.frame-block .no-border{
    width: 100%;
}
.ticket-detail div.frame-block .no-border td{
    vertical-align: middle;
}
.ticket-detail div.frame-block .price-set input{
    text-align: right;
    margin: 0;
}
.ticket-detail .total-price{
    font-size: 2em;
}

/* statistics table */

table.statistics-table div.icon-medium {
    height: auto;
}

/* statistics table end*/

/* okno pro informovani emailem z objednávky */
#ticket-mail-form, .mail-box {
    padding: 1em;
    background-color: #F8FBFD;
}

#ticket-mail-form h1, .mail-box h1 {
    margin: 0 0 0.5em 0;
}

#ticket-mail-form .email-item, .mail-box .email-item {
    padding: 0.5em 0 0.3em 1em;
}

#ticket-mail-form label, .mail-box label {
    display: inline;
}

#ticket-mail-form .email_body, .mail-box .email_body {
    margin: 2em 0 2em 0;
    padding: 1em;
    border: 1px solid black;
    background-color: white;
}


/* box s prilozenymi obrazky */
div.AttachedImages {
}
div.AttachedImages .image {
    background-color: #B1CAD8;
    float: left;
    margin: 2px;
    padding: 3px;
}
div.AttachedImages .action_box {
    padding-top: 3px;
}


/* razeni v agendach */
.order-enable {
}
.order-active {
    text-decoration: underline;
}
.order-active-desc {
}
.order-active-asc {
}

/* combobox naseptavani */

span.combobox-small {
    color:#b2bcc4;
    font-size:11px;
}
.ui-menu-item{
    border-bottom:1px solid #dbe5ea;
    max-width: 500px;
}


/* planned work list start */

.planned-work{
    float:left;
    width:100%;
    box-sizing:border-box;
    padding:0 0em 0 0em;
}
.planned-work h2{
    margin:0 0 33px 0;
}
.planned-work h3{
    font-size:24px;
    line-height:1.2;
    font-weight:bold;
    color:#a4b6c8;
    margin:0 0 0 0;
    border:0;
}
.planned-work-list {
    width:100%;
    max-width:1000px;
}
.planned-work-list th,
.planned-work-list td{
    border-left:0;
    border-right:0;
    font-size:12px;
    color:#a4b6c8;
    padding:4px 23px 5px 0px;
}
.planned-work-list th:first-of-type,
.planned-work-list td:first-of-type{
    width:45px;
    text-align:center;
}
.planned-work-list th:last-of-type,
.planned-work-list td:last-of-type{
    padding-right:0;
}
.planned-work-list .day strong {
    display:block;
    font-size:24px;
    color:#a4b6c8;
}
.planned-work-list .occupancy{
    width:85px;
    text-align:center;
}
.work-list-block{
    box-shadow:1px 1px 1px rgba(0,0,0,0.15);
    border-radius:5px;
    margin-bottom:6px;
    padding:0px 16px 0px 0px;
}
.work-list-block:last-of-type{
    margin-bottom:0px;
}
.work-list-block.time-in-future{
    background:linear-gradient(#f3f8ee, #e8f3de);
}
.work-list-block.time-expired{
    background:linear-gradient(#fdeeee, #f7d9d9);
}
.work-list-block.time-now{
    background:linear-gradient(#eff5f9, #dfecf4);
}
.work-list-block.time-empty{
    background:linear-gradient(#eff5f9, #dfecf4);
}
.work-list-in{
    display:table;
    width:100%;
}
.work-list-in div.icons{
    width:50px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
.work-list-in div.icons span.task{
    width:22px;
    height:22px;
    display:none;
    margin:12px auto;
}
.task-important div.icons span.task:nth-of-type(1){
    display:block;
    background:url(../images/plan-work-important.svg) no-repeat center center / 22px auto;
}
.task-done div.icons span.task:nth-of-type(1){
    display:block;
    background:url(../images/plan-work-successful.svg) no-repeat center center / 22px auto;
}
.task-normal div.icons span.task:nth-of-type(1){
    display:block;
    background:url(../images/plan-work-que.svg) no-repeat center center / 22px auto;
}
.task-consultation div.icons span.task:nth-of-type(2){
    display:block;
    background:url(../images/plan-work-consultation.svg) no-repeat center center / 22px auto;
}
.work-list-in div.work-info{
    display:table-cell;
    padding:10px 25px 10px 0px;
    vertical-align:middle;
}
.work-list-in .ticket-name{
    font-size:0.875rem;
    font-weight:bold;
    margin:0 0 1rem 0;
}
.no-ticket-title{
    font-size:0.875rem;
    font-weight:bold;
}
.work-list-in .project-name,
.work-list-in .ticket-id,
.work-list-in .ticket-profession,
.work-list-in .planned-hours{
    color:#313334;
    display:inline-block;
    margin-right:15px;
    text-decoration:none;
}
.planned-work .occupancy-chart{
    display:block;
    vertical-align:middle;
    margin:0 auto 3px auto;
}
.planned-work .occupancy-info{
    color:#fff;
    display:inline-block;
    line-height:18px;
    border-radius:9px;
    padding:0 8px;
    background:#75a970;
    font-weight:bold;
}
.planned-work .occupancy-info.over{
    background:#b43333;
}
.planned-work .alert{
    color:#fff;
    display:inline-block;
    line-height:18px;
    border-radius:9px;
    padding:0 8px;
    background:#b43333;
}
.work-list-block .buttons{
    display:table-cell;
    white-space:nowrap;
    vertical-align:middle;
    text-align:right;
}
.work-list-block .buttons a{
    display:inline-block;
    float:none;
    margin:0;
}

/* planned work list end */

/* new planned work start */

.new-planned-work{
    float:left;
    width:100%;
    box-sizing:border-box;
    padding:0 13px 0 13px;
}
.new-planned-work table{
    width:100%;
    table-layout:fixed;
}
.new-planned-work td{
    border-width:0 0 1px 0;
    padding:17px 0 17px 0;
}
.new-planned-work tr:first-of-type td{
    padding-top:0;
}
.new-planned-work label{
    display:inline;
    margin:0;
}
.new-planned-work input[type=text],
.new-planned-work select {
    box-sizing:border-box;
    width:100%;
    height:36px;
    line-height:36px;
    padding:0 14px;
    margin:5px 0 5px 0;
    font-size:14px;
    border-radius:5px;
}
.new-planned-work .chosen-container {
    box-sizing:border-box !important;
    width:100% !important;
    margin:5px 0 5px 0;
}
.new-planned-work .chosen-container .chosen-single{
    height:36px !important;
    line-height:36px !important;
}
.new-planned-work input.duration-input,
.new-planned-work input.date-input{
    width:42%;
    float:left;
    margin-right:10px;
}
.new-planned-work input[type=checkbox]{
    display:none;
}
.new-planned-work .comment-input + .state,
.new-planned-work .important-input + .state{
    display:block;
    width:22px;
    height:22px;
    float:left;
    cursor:pointer;
    content:'';
    margin:14px 0 0 10px;
}
.new-planned-work input.comment-input + span.state{
    background:url(../images/new-work-comment.svg) no-repeat center top / 22px auto;
}
.new-planned-work input.important-input + span.state{
    background:url(../images/new-work-important.svg) no-repeat center top / 22px auto;
    margin:11px 0 0 17px;
}
.new-planned-work input.comment-input:checked + span.state,
.new-planned-work input.important-input:checked + span.state{
    background-position:center bottom;
}
.new-planned-work ::-webkit-input-placeholder {
    opacity:1;
    color:#a2afb9;
}
.new-planned-work ::-moz-placeholder {
    opacity:1;
    color:#a2afb9;
}
.new-planned-work :-ms-input-placeholder {
    opacity:1;
    color:#a2afb9;
}
.free-days-proposal{
    float: left;
    width:100%;
    max-width:1000px;
    font-size:1rem;
    box-sizing:border-box;
    padding:1em 0em 1em 0em;
}
.free-days-proposal a{
    display:block;
    font-size:0.813em;
    margin:0;
    line-height:1.4;
    padding:0.75em 1.2em;
    border-radius:0.375em;
    background:#e8f3de;
    color:#000;
    margin-bottom:0.5em;
    transition:background-color 0.2s;
}
.free-days-proposal a:hover{
    background:#d1e2c1;
}
.free-days-proposal a.occupied{
    background:#f7d9d9;
}
.free-days-proposal a.occupied:hover{
    background:#ecc6c6;
}
.free-days-proposal br{
    display:none;
}

/* new planned work end */

/* planned work timesheet start */

.new-planned-work{
    float:left;
    width:100%;
    box-sizing:border-box;
    padding:0 13px 0 13px;
}
.planned-work-timesheet table{
    width:100%;
}
.planned-work-timesheet td{
    border-width:0 0 1px 0;
    padding:17px 0 17px 0;
}
.planned-work-timesheet tr:first-of-type td{
    padding-top:0;
}
.planned-work-timesheet label{
    display:inline;
    margin:0;
}
.planned-work-timesheet input[type=text]{
    box-sizing:border-box;
    width:100%;
    height:36px;
    line-height:36px;
    padding:0 14px;
    margin:5px 0 5px 0;
    font-size:14px;
    border-radius:5px;
}
.planned-work-timesheet ::-webkit-input-placeholder {
    opacity:1;
    color:#a2afb9;
}
.planned-work-timesheet ::-moz-placeholder {
    opacity:1;
    color:#a2afb9;
}
.planned-work-timesheet :-ms-input-placeholder {
    opacity:1;
    color:#a2afb9;
}

/* planned work timesheet end */

/* planned work dashboard start */

.filter-send.datepicker{
    width:11em;
}

/* planned work dashboard start end */

/* banner 15000 start */

.banner-15000{
    width:420px;
    height: 500px;
    display: block;
    float: left;
    margin: 0 1em 1em 0;
    background: url("../images/banner-15000.jpg") no-repeat;
}

/* banner 15000 end */

/* web management */

#web-management .handover{
    display:block;
}
div.web-manage-edit{
    min-width:500px;
}
div.web-manage-edit table{
    width:100%;
}
div.web-manage-edit input[type=text]{
    width:100%;
    margin:0px 0 7px 0;
    box-sizing:border-box;
}
div.web-manage-edit textarea{
    width:100%;
    margin:0px 0 7px 0;
    box-sizing:border-box;
}
div.web-manage-edit div.chosen-container{
    margin:0px 0 7px 0;
}

/* web management end */

/* project tips generally */

.tips-side-dashboard .button-medium{
    clear:both;
}
.frame-block.project-tip-create{
    width:37.5em;
}

/* project tips generally end */

/* project tips detail */

.project-tip-main {
    float: left;
}
.project-tip-headline{
    font-size: 2em;
    font-weight: bold;
    margin: 0 0 0.75em 0;
}
.project-tip-title{
    margin: 0 0 0.5em 0;
}
.project-tips {
    width: 62.500em;
    margin: 0 0 2em 1em;
}
.project-tips:after {
    content:'';
    width:100%;
    height:0;
    display:block;
    clear:both;
}
.project-tip{
    border-radius:0.417em;
    float:left;
    box-shadow:0 0.083em 0.083em rgba(0,0,0,0.25);
    width:100%;
    box-sizing:border-box;
    padding:0.5em 0.5em 0.5em 0.5em;
    margin: 0 0 0.5em 0;
    background: #ecf3f8;
    position: relative;
}
.project-tip.tip-project-specific:after{
    content: '';
    display: block;
    width: 4.5em;
    height: 4.5em;
    background:url("../images/medal-project-specific.svg") no-repeat;
    background-size: 4.5em;
    background-position: left top;
    position: absolute;
    right: -5.5em;
    top: 0;
}
.project-tip.tip-favourite:after{
    content: '';
    display: block;
    width: 4.5em;
    height: 4.5em;
    background:url("../images/medal-favourite.svg") no-repeat;
    background-size: 4.5em;
    background-position: left top;
    position: absolute;
    right: -5.5em;
    top: 0;
}
.communicated .project-tip{
    padding:1.2em 0.5em;
    background:#f1f0f0;
}
.project-tip-desc{
    margin:0.4em 0;
}
.project-tip-time{
    color:#9ba8b2;
    padding-right:0.3em;
}
.project-tip-buttons{
    float:right;
    margin-top:0.4em;
    padding:0.2em 0;
    border-radius:0.375rem;
    box-sizing:border-box;
}
.project-tip-buttons .button-project-tip{
    float: right;
    border:0;
    cursor:pointer;
}

/* project tips detail end */

/* project tip create */

.text-create-tip{
    width:100%;
    height:8em;
    box-sizing:border-box;
    margin:0.75em 0 1em 0;
}
.button-create-tip{
    border:0;
    margin:0;
    color: #255d7e;
    cursor:pointer;
}
.button-create-tip:hover {
    color: #43abe9;
}

/* project tip create end */

/* project tip recommenders list */

.tip-recommenders-list{
    margin:0;
    padding:0;
    list-style:none;
    font-size:1em;
    line-height:1.5;
}
.tip-recommender-item{
    margin:0;
    padding:0em 0;
    clear:both;
    color:#a4b2bc;
}
.tip-recommender-item.last-item{
    border-top:0.083em solid #c3ced6;
}
.recommender-info{
    display:block;
    float:left;
    padding:0.5em 0;
    box-sizing:border-box;
}
.recommender-position{
    width:2.833em;
    padding-left:0.3em;
}
.tip-recommender-item:nth-of-type(-n+3) .recommender-position{
    color:transparent;
    background-repeat:no-repeat;
    background-position:left center;
    background-size:1.417em auto;
}
.tip-recommender-item:nth-of-type(1) .recommender-position{
    background-image:url(../images/tip-recommender-1.svg);
}
.tip-recommender-item:nth-of-type(2) .recommender-position{
    background-image:url(../images/tip-recommender-2.svg);
}
.tip-recommender-item:nth-of-type(3) .recommender-position{
    background-image:url(../images/tip-recommender-3.svg);
}
.recommender-name{
    width:12em;
    padding-right:1.25em;
    color: #255d7e;
    font-weight:bold;
}
.recommender-tips{
    width:5em;
    text-align:right;
}
.recommender-score{
    width:3em;
    text-align:right;
    color: #255d7e;
    font-weight:bold;
}
.tip-recommenders .button-add{
    margin-top:1em;
    margin-bottom:0.7em;
}

/* project tip recommenders list end */

/* products list */

.list.products-list{
    width:100%;
    max-width: 80em;
}
.list.products-list td:nth-child(2){width:10em;}
.list.products-list td:nth-child(3){width:10em;}
.list.products-list td:nth-child(4){width:3em;}
.list.products-list td:last-child{width:12em;}

.message-product-list{
    max-width:960px;
    box-sizing:border-box;
}

/* products list end */

/* edit product */

.edit-product-form .edit-product-table{
    width:100%;
}
.edit-product-form .label{
    margin-left:0;
    margin-right:0;
}
.edit-product-form .input-text{
    width:100%;
    margin-left:0;
    margin-right:0;
    box-sizing:border-box;
}
.edit-product-form .textarea{
    width:100%;
    margin-left:0;
    margin-right:0;
    box-sizing:border-box;
}
.edit-product-form .select{
    width:100%;
    margin-left:0;
    margin-right:0;
    box-sizing:border-box;
}
.edit-product-form .defaultSkin .mceLayout {
    margin-left:0;
    margin-right:0;
    width:100%;
}
.edit-product-form .defaultSkin .mceLayout iframe{
    width:100% !important;
}
.edit-product-form .defaultSkin .mceStatusbar a.mceResize {
}
.edit-product-form .edit-product-develop {
    display:inline-block;
}

/* edit product end */

/* product detail */

.product-detail {
    max-width:53.750rem;
    width:100%;
    box-sizing:border-box;
}
.product-detail .left-part{
    float:left;
    width:64.2%;
}
.product-detail .right-part{
    float:right;
    width:33%;
}
.product-detail.concept .specification *{
    color:#a4b2bc;
}
.product-detail .workers-table{
    margin:0;
    width:100%;
}
.product-detail .workers-table td{
    border-width:0;
}
.product-detail .workers-table .license td{
    border-top-width:1px;
    border-bottom-width:1px;
}
.product-detail.developed .medallion *{
    color:#137014;
}
.product-detail.concept .medallion *{
    color:#a4b2bc;
}
.product-detail .medallion .headline{
    margin:0 0 0.5em 0;
    font-size:2em;
    font-weight:bold;
    line-height:1.2;
    padding:0.1em 0 0.1em 1.375em;
    background:url(../images/icons/icon-medallion-active.svg) no-repeat left center / 1em auto;
}
.product-detail.concept .headline{
    background-image:url(../images/icons/icon-medallion-inactive.svg);
}
.product-detail .medallion .block {
    margin-bottom:1em;
}
.product-detail .medallion .block strong{
    display:block;
    font-size:2em;
}
.product-detail .medallion .block span{
    display:block;
}

/* product detail end */

/* products stats */

.list.products-stats{
    width:100%;
    max-width: 80em;
}
.list.products-stats .product-garant{width:10em;}
.list.products-stats .product-count{width:7em;}
.list.products-stats .product-hours{width:7em;}
.list.products-stats .product-work-value{width:7em;}
.list.products-stats .product-return{width:7em;}

.list.products-stats .product-count,
.list.products-stats .product-hours,
.list.products-stats .product-work-value,
.list.products-stats .product-default,
.list.products-stats .product-return{
    text-align: right;
}

.list.products-stats td.row-sorted {
    font-weight: bold;
    background-color:#e8f2f7;
}

/* products stats end */

/* custommer stats */

.icon-medium.icon-rating-A,
.icon-medium.icon-rating-B,
.icon-medium.icon-rating-C,
.icon-medium.icon-rating-not-available{
    border-radius: 2em;
    text-align: center;
    color: #fff;
    padding: 0;
    min-width: 26px;
    padding:0 8px 0 8px;
    box-sizing: border-box;
    float: right;
}
.icon-medium.icon-rating-A{
    background:#1a7215;
}
.icon-medium.icon-rating-B{
    background:#e6a71f;
}
.icon-medium.icon-rating-C{
    background:#c56564;
}
.icon-medium.icon-rating-not-available{
    background:#b9c8cf;
}



/* custommer stats end */

/* contacts edit */

.contact-edit-form .message{
    min-width:0;
    max-width:27.875rem;
}

/* contacts edit end */

/* connecting timesheets 2 */

.connecting-timesheets-2{
    float:left;
    width:100%;
    font-size:16px; /* nastavuje výchozí velikost písma v celém bloku 16px = 1em */
}
.connecting-timesheets-2 .top-block{
    float:left;
    width:100%;
    padding-bottom:1.063rem;
    border-bottom:0.063rem solid #e0e6ea;
    margin-bottom:0.438rem;
}
.connecting-timesheets-2 .top-block .title{
    float:left;
    width:48%;
    margin-top:0.438rem;
}
.connecting-timesheets-2 .top-block .ticket-searching {
    width:48%;
    float:right;
}
.connecting-timesheets-2 .top-block .ticket-searching .search-input{
    width:100%;
    box-sizing:border-box;
    font-size:1.25em;
    margin-left:0;
    margin-right:0;
    padding:0.438rem 0.625rem;
}
.connecting-timesheets-2 .written-title,
.connecting-timesheets-2 .not-written-title{
    float:left;
    width:100%;
    color:#a4b2bc;
    font-size:0.75em;
    margin:0 0 0.375rem 0;
}
.connecting-timesheets-2 .timesheet-block{
    float:left;
    width:100%;
    box-sizing:border-box;
    background:#e7e7e7;
    border-radius:0.313rem;
    padding:1.25rem 1.25rem 0.75rem 1.25rem;
    margin-bottom:0.625rem;
    color:#666666;
}
.connecting-timesheets-2 .timesheet-block.written{
    background:#e7f1f6;
    color:#235979;
}
.connecting-timesheets-2 .timesheet-block .project-title{
    font-size:1em;
    color:#222;
    border:0;
    font-weight:bold;
    margin:0 0 0.688rem 0;
}
.connecting-timesheets-2 .timesheet-block.written .project-title{
    color:#235979;
}
.connecting-timesheets-2 .timesheet-block .timesheets-wrapper{
    width:100%;
    margin:0;
    table-layout:fixed;
}
.connecting-timesheets-2 .timesheet-block .timesheets-wrapper td{
    padding:0 0.625rem 0.625rem 0;
    font-size:0.75em;
    border:0;
}
.connecting-timesheets-2 .timesheet td.timesheet-title{
    padding-right:1.125rem;
}
.connecting-timesheets-2 .timesheet td.timesheet-title a{
    color:inherit;
}
.connecting-timesheets-2 .timesheet td.timesheet-title a:hover{
    color:#255d7e;
}
.connecting-timesheets-2 .timesheet td.times-overview{
    width:10.875rem;
}
.connecting-timesheets-2 .timesheet td.timesheet-desc{
    display: flex;
    flex-flow: row;
    align-items: center;
}
.connecting-timesheets-2 .timesheet .timesheet-desc-wrapper{
    float: left;
    position: relative;
}
.connecting-timesheets-2 .timesheet .timesheet-trello-icon{
    margin: 5px 10px 5px 0;
    cursor: pointer;
}
.connecting-timesheets-2 .timesheet .icon-medium-trello-inactive{
    cursor: default;
}
.connecting-timesheets-2 .timesheet .timesheet-list{
    z-index: 9999;
    position: absolute;
    background-color: #e7f1f6;
    color: #235979;
    border-radius: 0.313rem;
    width: 26rem;
    height: auto;
    float: left;
    margin-top: 2.7rem;
    margin-left: -12rem;
}
.connecting-timesheets-2 .timesheet .timesheet-list ul{
    list-style-type: none;
    padding: 0;
}
.connecting-timesheets-2 .timesheet .timesheet-list ul li {
    padding: 0.5rem 1rem 0.5rem 1rem;
}
.connecting-timesheets-2 .timesheet .timesheet-list:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.connecting-timesheets-2 .timesheet .timesheet-list:before {
    border-color: rgba(0, 0, 0, 0);
    border-width: 0.9rem;
    border-bottom-color: #e7f1f6;
    margin-left: -1rem;
}
.connecting-timesheets-2 .timesheet .timesheet-list ul .cards:hover{
    color: #43abe9;
    cursor: pointer;
}
.connecting-timesheets-2 .timesheet td.timesheet-desc .desc{
    display:block;
    background:#dae7ed;
    border-radius:0.313rem;
    padding:0.438rem 0.625rem;
}
.connecting-timesheets-2 .timesheet td.timesheet-timing {
    width:5.5rem;
}
.connecting-timesheets-2 .timesheet td.timesheet-timing .timesheet-time-summary{
    background:#dae7ed;
    border-radius:0.313rem;
    padding:0.438rem 0.625rem;
    font-weight:bold;
    display:block;
    text-align:center;
}
.connecting-timesheets-2 .timesheet td.buttons{
    padding-right:0;
    text-align:right;
    width:1.625rem;
}
.connecting-timesheets-2 .timesheet td.buttons .button-medium{
    margin:0;
    float:none;
    display:inline-block;
}
.connecting-timesheets-2 .timesheet input[type=text],
.connecting-timesheets-2 .timesheet select{
    box-sizing:border-box;
    width:100%;
    margin:0.1rem;
    border:0;
    font-size:1em;
    padding:0.375rem 0.625rem;
}
.connecting-timesheets-2 .timesheet select{
    padding:0.25rem 0.5rem;
}

/* connecting timesheets 2 end  */

/* Zvýraznění vyhledávaného textu */
span.mark-highlight{background-color: yellow;}

/* proforms */

div.proforma-confirm{
    float:left;
    width:25.625rem;
    padding: 0.5rem 0 1.5rem 0;
}
div.proforma-confirm input.button-medium{
    margin-top:0.438rem;
}
div.proforma-form-box-right{
    border-radius: 5px;
    margin: 10px 0px 10px 20px;
    border: 1px solid #c3ced6;
    padding: 20px;
    float: left;
}

/* proforms end */

/* monthly budget */

section.monthly-budget-box table h2.float {
    width:100%;
    margin-bottom:0;
}
section.monthly-budget-box table h3.float {
    width:100%;
    margin-top:1rem;
    margin-bottom:1rem;
}
section.monthly-budget-box div.worked-rate,
section.monthly-budget-box div.limit-rate{
    height:0.5rem;
    background:left top no-repeat;
    margin-bottom:0.125rem;
    float:left;
    width:100%;
}
section.monthly-budget-box h2.float + div.worked-rate{
    margin-top:1.063rem;
}
section.monthly-budget-box div.worked-rate.state-1{
    background-image:linear-gradient(#76aa6f, #76aa6f);
}
section.monthly-budget-box div.worked-rate.state-2{
    background-image:linear-gradient(#c76564, #c76564);
}
section.monthly-budget-box div.limit-rate{
    background-image:linear-gradient(#a4b2bc, #a4b2bc);
}
section.monthly-budget-box strong.info{
    display:block;
    width:100%;
    float:left;
    margin-top:0.875rem;
}
section.monthly-budget-box a.down-timesheets{
    float:right;
}

/* monthly budget end */

.project-desc-text{
    max-width:350px; 
    overflow: hidden;
    word-wrap: anywhere;
}
.time-expired {color:#c76664;}

/* leads content */

div.leads-wrapper:after {
    display:block;
    width:100%;
    height:0;
    clear:both;
    content:'';
}
div.leads-wrapper div.frame-block {
    clear: both;
    width: 100%;
    padding: 0;
    max-width: 800px;
    margin: 0 0 8px 0;
    box-sizing: border-box;
    transition: backround 0.3s, border-color 0.3s;
    background: linear-gradient(#fff, #eaf5fb);
}
div.leads-wrapper div.frame-block:hover,
div.leads-wrapper div.frame-block.open {
    border-color: #235979;
}
div.leads-wrapper div.frame-block.open {
    background: #fff;
}
div.leads-wrapper div.frame-block h2.title {
    padding: 10px 38px 10px 18px;
    cursor: pointer;
    position: relative;
}
div.leads-wrapper div.frame-block.details h2.title,
div.leads-wrapper div.frame-block.communication h2.title,
div.leads-wrapper.edit-lead div.frame-block h2.title {
    cursor: default;
}
div.leads-wrapper div.frame-block h2.title:after {
    transition: 0.3s;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: #235979 transparent transparent transparent;
    display: block;
    content: '';
    right: 18px;
    top: calc(50% - 3px);
    position: absolute;
}
div.leads-wrapper div.frame-block.details h2.title:after,
div.leads-wrapper div.frame-block.communication h2.title:after,
div.leads-wrapper.edit-lead div.frame-block h2.title:after {
    display:none;
}
div.leads-wrapper div.frame-block.open h2.title:after {
    transform:rotate(180deg);
}
div.leads-wrapper div.frame-block div.content {
    display: none;
    padding: 0px 15px 15px 15px;
}
div.leads-wrapper div.frame-block div.content:after {
    display:block;
    width:100%;
    height:0;
    clear:both;
    content:'';
}
div.leads-wrapper div.frame-block.details div.content,
div.leads-wrapper div.frame-block.communication div.content,
div.leads-wrapper.edit-lead div.frame-block div.content  {
    display: block;
}
div.leads-wrapper div.frame-block table {
    margin: 0;
    width: 100%;
}
div.leads-wrapper div.frame-block th {
    font-size: 12px;
}
div.leads-wrapper div.frame-block div.button-add {
}
div.leads-wrapper div.hide {
    border: 1px solid #c3ced6;
    padding: 15px;
    float: left;
    width: 100%;
    box-sizing: border-box;
    margin: 15px 0 15px 0;
    border-radius: 5px;
    background: #e6f3fb;
    display: none;
}
div.leads-wrapper label {
    margin: 0 0 6px 0;
}
div.leads-wrapper input[type=text],
div.leads-wrapper input[type=tel],
div.leads-wrapper input[type=email],
div.leads-wrapper select,
div.leads-wrapper textarea {
    box-sizing: border-box;
    width: 100%;
    margin: 0 0 12px 0;
    padding: 0 10px;
    height: 34px;
}
div.leads-wrapper input[type=file]{
    background: #fff;
    margin: 0 0 12px 0;
}
div.leads-wrapper textarea {
    height: 100px;
    padding-top: 10px;
    padding-bottom: 10px;
}
div.leads-wrapper div.chosen-select {
    position: relative;
    margin-bottom:10px;
}
div.leads-wrapper div.chosen-select select {
    width:1px;
}
div.leads-wrapper div.chosen-container {
    max-width: none;
    width: calc(100% - 10px);
    background: #fff;
}
div.leads-wrapper div.chosen-container ul.chosen-choices li.search-choice {
}
div.leads-wrapper div.chosen-container li.search-field input[type="text"] {
    box-sizing:content-box;
    height:21px;
}
div.leads-wrapper div.chosen-container-single a.chosen-single {
    box-sizing:border-box;
    height:34px;
    line-height:31px;
    padding-left:10px;
    background:#fff;
}
div.leads-wrapper div.chosen-container-single a.chosen-single div b {
    height:24px;
    margin-top: 4px;
}
div.leads-wrapper div.quarter-part,
div.leads-wrapper div.three-quarter-part {
    display:inline-block;
    vertical-align:top;
    margin-left: 10px;
}
div.leads-wrapper div.quarter-part {
    width:calc(24.98% - 10px);
}
div.leads-wrapper div.three-quarter-part {
    width:calc(75% - 3px);
}
div.leads-wrapper div.quarter-part:nth-child(4n-3),
div.leads-wrapper div.three-quarter-part:nth-child(2n-1){
    margin-left: 0;
}
div.leads-wrapper div.quarter-part.center {
    text-align:center;
}
div.leads-wrapper div.clients-assign strong  {
    display:block;
}
div.leads-wrapper div.clients-assign span.name {
    display:inline-block;
    vertical-align:middle;
}
div.leads-wrapper div.clients-assign a.button-medium {
    display:inline-block;
    float:none;
    vertical-align:middle;
    margin:0 15px 0 6px;
}
div.leads-wrapper tr.join-row-add .button-medium {
    margin-top:4px;
    margin-bottom:15px;
}
div.leads-wrapper div.login-name {
    margin-bottom:15px;
}
div.leads-wrapper div.checkbox-wrap {
    display:inline-flex;
    vertical-align:top;
    margin-bottom:22px;
}
div.leads-wrapper div.checkbox-wrap input.checkbox {
    margin:0;
}
div.leads-wrapper div.checkbox-wrap label {
    margin:0 0 0 10px;
}


/* leads content end */

/* databank */

table.list.databank td {
    height: auto;
    line-height: 26px;
    vertical-align: middle;
}
table.list.databank div.button-duplicate,
table.list.databank a.button-ext-link {
    float: right;
    margin: 0 0 0 12px;
}

/* databank end */

.js-project-summary-edit .chosen-container-single .chosen-single {
    display: none;
}
/* helper class start */

.d-none {
    display: none;
}

/* helper class end */

.invoice-buttons {
    float: left;
    clear: both;
    display: flex;
    align-items: center;
}

.invoice-buttons div {
    margin-left: 22rem !important;
}

.textarea-intern-info{
    padding: 0.3rem;
}