html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
block, pre, form, fieldset, table, th, td, span, embed { border: 0; margin: 0; padding: 0; }

body { margin: 20px 10px; background: #fff; text-align: left; font-family: Tahoma, sans-serif; font-size: 12px; color: #454545; }

/* BUTTONS */
input[type="submit"] {
    height: 25px !important;
}

.mybutton   {
  -moz-box-shadow:inset 0 1px 0 0 #ffffff;
  -webkit-box-shadow:inset 0 1px 0 0 #ffffff;
  box-shadow:inset 0 1px 0 0 #ffffff;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
  background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
  background-color:#e0e0e0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  text-indent:0;
  border:1px solid #cccccc;
  display:inline-block;
  color:#545454;
  text-decoration:none;
  text-shadow:1px 1px 0 #ffffff;
  padding: 2px 4px 2px 22px;
  cursor: pointer;
  margin-right: 1px;
}


.mybutton:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
  background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
  background-color:#dfdfdf;
}

.mybutton:active {
  position:relative;
  top:1px;
}

.mybutton.no_text { margin-bottom: -6px; height: 18px; width: 18px; padding: 2px 0 2px 4px; }
.mybutton2 {text-indent: -9999em;}
.mybutton.disabled        { background-color:#e0e0e0; cursor: default; color: #777777; }
.mybutton.disabled:hover  { background-color:#e0e0e0; color:#777777;}
.mybutton.disabled:active { top:0; }

.b_login,.b_login:hover     {background-image: url(../images/is/individual.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_edit,.b_edit:hover       {background-image: url(../images/is/cog_edit.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_delete,.b_delete:hover   {background-image: url(../images/is/delete.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_activate,.b_activate:hover{background-image: url(../images/is/activate.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_cancel,.b_cancel:hover   {background-image: url(../images/is/cross.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_ok,.b_ok:hover           {background-image: url(../images/is/accept.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_thumbs,.b_thumbs:hover   {background-image: url(../images/is/thumbs_down.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_thumbs_up,.b_thumbs_up:hover   {background-image: url(../images/is/thumbs_up.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_filtr,.b_filtr:hover     {background-image: url(../images/is/filtr.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_info,.b_info:hover       {background-image: url(../images/is/info.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_note,.b_note:hover       {background-image: url(../images/is/note.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_add,.b_add:hover         {background-image: url(../images/is/add.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_add_open_popup_note,.b_add_open_popup_note:hover         {background-image: url(../images/is/add.png); background-repeat: no-repeat; background-position: 2px 2px;}
.button-with-note { background-color: #9fcdd6 !important; color: black;}
.open-popup-add,.open-popup-add:hover         {background-image: url(../images/is/add.png); background-repeat: no-repeat; background-position: 5% 50%;}
.open-popup-edit,.open-popup-edit:hover         {background-image: url(../images/is/cog_edit.png); background-repeat: no-repeat; background-position: 5% 50%;}
.open-popup-note-add,.open-popup-note-add:hover         {background-image: url(../images/is/add.png); background-repeat: no-repeat; background-position: 5% 50%;}
.open-popup-note-edit,.open-popup-note-edit:hover         {background-image: url(../images/is/cog_edit.png); background-repeat: no-repeat; background-position: 5% 50%;}
.b_added,.b_added:hover     {background-image: url(../images/is/plugin_add.gif); background-repeat: no-repeat; background-position: 3px 4px;}
.b_check,.b_check:hover     {background-image: url(../images/is/agreement_exception.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_go,.b_go:hover           {background-image: url(../images/is/control_forward.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_duplicate,.b_duplicate:hover           {background-image: url(../images/is/duplicate.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_send_form,.b_send_form:hover{background-image: url(../images/is/application_go.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_evaluate,.b_evaluate:hover{background-image: url(../images/is/note.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_tel,.b_tel:hover         {background-image: url(../images/is/tel.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_email,.b_email:hover     {background-image: url(../images/is/send_email.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_email_deliver,.b_email_deliver:hover     {background-image: url(../images/is/deliver_email.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_email2,.b_email2:hover   {background-image: url(../images/is/write_email.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_email2_disabled,.b_email2_disabled:hover   {background-image: url(../images/is/disabled_email.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_save,.b_save:hover       {background-image: url(../images/is/save.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_upload,.b_upload:hover   {background-image: url(../images/is/upload.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_pay,.b_pay:hover         {background-image: url(../images/is/pay.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_account,.b_account:hover {background-image: url(../images/is/account.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_admin,.b_admin:hover     {background-image: url(../images/posts/administrator.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_man,.b_man:hover         {background-image: url(../images/posts/manager.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_tra,.b_tra:hover         {background-image: url(../images/posts/translator.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_arrowup,.b_arrowup:hover {background-image: url(../images/is/arrow_up.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_arrowdown,.b_arrowdown:hover {background-image: url(../images/is/arrow_down.png); background-repeat: no-repeat; background-position: 3px 4px;}
.b_invoice_individual,.b_invoice_individual:hover {background-image: url(../images/is/individual.png); background-repeat: no-repeat; background-position: 3px 3px;}
.b_invoice_corporate,.b_invoice_corporate:hover {background-image: url(../images/is/corporate.png); background-repeat: no-repeat; background-position: 3px 3px;}
.b_invoice_abroad,.b_invoice_abroad:hover {background-image: url(../images/is/abroad.png); background-repeat: no-repeat; background-position: 3px 3px;}
.b_invoice_proz,.b_invoice_proz:hover {background-image: url(../images/is/proz.png); background-repeat: no-repeat; background-position: 3px 3px;}
.b_no_invoice,.b_no_invoice:hover {background-image: url(../images/is/agreement_exception.png); background-repeat: no-repeat; background-position: 3px 3px;}
.b_arrowleft,.b_arrowleft:hover {background-image: url(../images/is/arrow_left.png); background-repeat: no-repeat; background-position: 3px 3px;}
.b_arrowright,.b_arrowright:hover {background-image: url(../images/is/arrow_right.png); background-repeat: no-repeat; background-position: 3px 3px;}

#show_all { margin: 0 5px 0 0; }
#hide_all { margin: 0; }

#wrapper			{ width: 1800px; margin: 0 auto; }
#header 			{ height: 50px; padding: 0 0 10px 15px; }
#filter 			{ float: left; padding: 0 5px; }
#filter table                   { margin: -2px 5px 0 5px; padding: 0; }
#filter table td                { padding: 0; }
#logged 			{ float: right; padding: 8.5px 10px; background: #dff0f3;; }
#logged a                       {  }
#logged a.logout                { padding-right: 17px; background-image: url(../images/is/log_out.png);  background-repeat: no-repeat; background-position: right center; }
#logged a.logout:hover          { padding-right: 17px; background-image: url(../images/is/log_out_active.png);  background-repeat: no-repeat; background-position: right center; }
#logo img                       { width: 250px; }

#menu         { height: 35px; background: #c2e1e7; padding: 0 0 0 0; font-size: 13px }
#menu ul      { margin: 0; background: #c2e1e7;}
#menu ul li {
    list-style-type: none;
    display: block;
    float: left;
    text-align: center;
    position:relative;
    border-right: 1px solid #dff0f3;
}
#menu ul li a {
    display: block;
    text-decoration: none;
    color: #005880;
    padding: 0 25px 0 25px;
    height: 35px;
    line-height: 35px;
}
#menu ul li a:hover {
    background-color: #dff0f3;
}
#menu ul ul {
    padding: 0;
    display: none;
    position: absolute;
    background: #c2e1e7;
}
#menu ul ul li {
    clear: both;
    display: block;
    border-right: 0;
    width: 100%;
}
#menu ul ul li a {
    height: 30px;
    width: 130px;
    line-height: 30px;
    text-align: left;
    padding: 0 0 0 25px;
    border-bottom: 1px solid #dff0f3;
}
#menu ul li.last {
    border-right: 0;
}

.leftTD td {
    text-align: left;
    padding-left: 0px;
    font-weight: bold;
}


#context_menu   { padding: 10px; min-height: 25px; border-top: 1px solid #c2e1e7; }
#context_menu a { margin-left: 0; float: left;}
#context_menu a.mybutton    { margin-right: 10px !important; }

#multipleActionButtons      { float: left; }
#_multipleActionButtons a   { margin-left: 10px;}

#content  { border: 1px solid #c2e1e7; }

#footer   { height: 25px; color: #6e6e6e; background-color: #eaeaea; padding: 10px; margin-top: 0;}

h1 		{ font-size: 2em; font-weight: normal; padding: 10px 0 10px 10px; color: #3484D2; }
h2 		{ font-size: 1.5em; font-weight: normal; color: #3484D2; padding: 5px 10px;}
h3 		{ color: #005880; font-weight: normal; margin: 10px 20px 10px 10px; font-size: 1.4em; clear: both;}

a 		{ color: #005880; text-decoration: none; }
a:hover 	{ color: #005880; }
a.no_underline 	{ text-decoration: none; }
a.page 		{ margin: 5px; }
a.actual	{ font-weight: bold; }
a.target_blank  { padding-right: 18px; background: transparent url(../images/is/target_blank.gif) no-repeat top right; }
a.proz          { color: #7e7f37; !important;}
a.nklanga_eur          { color: #750202; }
a.nklanga_usd          { color: #021975; }
a.nkexpand          { color: #bb33ea; }
a.nkexpand_eur          { color: #78199e; }
a.nkonline          { color: #23a632; }
a.ceeec          { color: #093301; }
a.ceeec_eur          { color: #ac5700; }
a img		    { margin: 0 0 -3px 0; padding-right: 3px; }

.local {color: #005880;}
.nklanga_eur {color: #750202;}
.nklanga_usd {color: #021975;}
.proz2 {color: #7e7f37;}
.nkexpand2 {color: #bb33ea;}
.nkexpand2_eur {color: #78199e;}
.nkonline2 {color: #23a632;}
.ceeec2 {color: #093301;}
.ceeec2_eur {color: #ac5700;}

p   { padding: 10px; }

span.link   { color: #005880; text-decoration: underline; margin: 5px; cursor: pointer; }

img 	{ border: none; }

ul      { margin: 10px 25px; }
ol 	    { margin-left: 20px; }
ol li 	{ margin: 5px; border-bottom: 1px dashed #fff; }
hr	    { clear: both; padding-top: 8px; height: 0; border-width: 0; border-bottom:1px dashed #ccc; }

#content h2 {font-weight: normal; _border-bottom: 1px #ccc dashed; _margin-bottom: 10px; }

.heading { margin-bottom: -10px; }

.bold 		{ font-weight: bold; }
.italic 	{ font-style: italic; }
.underline	{ text-decoration: underline; }
.small 		{ font-size: 0.85em; }
.grey 		{ color: #888888; }
.blue 		{ color: #005880; }
.green 		{ color: #4eab1e; }
.unfilled 	{ background-color: #f97f72; }
.filled 	{ background-color: #fff; }
.nowrap 	{ white-space: nowrap; }
.sort {
    background: none;
    border: none;
    color: #fff;
    font: normal 12px arial, sans-serif;
	text-decoration: underline;
	cursor: pointer;
	padding: 0;
}
.hidden 	{ display: none; }
.hidden_project 	{ display: none; }
.hidden2 	{ display: none; }
.storno 	{ display: none; }
.storno2 	{ display: none; }
.storno3 	{ display: none; }
.hide 		{ display: none; }
.float_left { float: left; }
.float_right{ float: right; }
.erasePopup{
    position: relative;
    left: 15%;
}
.bottom 	{ vertical-align: bottom; }
.clear 		{ clear: both; }
.left		{ text-align: left !important; }
.right 		{ text-align: right !important; }
.center 	{ text-align: center !important; }
.valign_middle  { vertical-align: middle; }
.valign_top	{ vertical-align: top !important; }
._plus 		{ margin: auto; background: url(../images/is/info.png); width: 16px; height: 16px; cursor: pointer; }
._minus 	{ margin: auto; background: url(../images/is/minus.png); width: 22px; height: 22px; cursor: pointer; display:block; }
.info       { font-style: italic; margin: 0px 0 6px; color: #555; }
.red 		{ color: #e3321a !important; }
.red a 		{ color: #e3321a !important; }
.red_tel	{ background: url(../images/is/tel_red.png) 15px 9px no-repeat; }
.orange		{ color: #e38500 !important; }
.important      { color: red; font-size: 2em; }
.star 		{ color: #f97f72; margin-left: 5px; }
.box 		{ float: left; margin: 0 20px 20px 0; }
.inactive td{ background-color: #dedede; }
.absent td 	{ background-color: #c6ff7b; }
.absent_text{ background-color: #c6ff7b; float: right; padding: 3px 10px; margin: -3px 0 0 0; }
.zero_padding   { padding: 0 !important; }
.differ 	{ background: #c2e1e7 !important; }
.help       { color: #6b6b6b; font-style: italic; }
.no-wrap    { white-space: nowrap; }
.margin_top { margin-top: 20px; }
.selected   { background-color: #dff0f3 !important; }
.selected td{ background-color: #dff0f3 !important; }
.address    { line-height: 25px; }

.rounded {
  moz-border-todius: 10px;
  -webkit-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  behavior: url(../images/border-radius.htc);
  border-radius: 10px;
}

div.info {
    padding: 0px 0 10px 20px;
    background: #dff0f3;
    color: #125970;
    margin: 0;
    border: 1px solid #125970;
    font-style: normal;
}

div.info h3 {
    margin-left: 0;
}

div.info ul {
    margin: 5px 0 0 30px;
}

#messages ul { margin: 5px 0 0 20px; list-style-type: circle; }

.flash.success {
  padding: 10px 0 10px 35px;
  background: #d1ffb8 url(../images/is/accept.png) 10px no-repeat;
  color: #3f8d14;
  margin: 0;
  border: 1px solid #73c867;
}

.flash.info {
  padding: 10px 0 10px 35px;
  background: #dff0f3 url(../images/is/info.png) 10px 10px no-repeat;
  color: #125970;
  margin: 0;
  border: 1px solid #125970;
}

.flash.warning {
  padding: 10px 0 10px 35px;
  background: #fff995 url(../images/is/error.png) 10px no-repeat;
  color: #947f00;
  margin: 0;
  border: 1px solid #948d00;
}

.flash.error {
  padding: 10px 0 10px 35px;
  background: #ffcccc url(../images/is/cross.png) 10px 10px no-repeat;
  color: #cc0000;
  margin: 0;
  border: 1px solid #cc0000;
}

.company            { font-size: 0.85em; font-style: italic; float: left; }
div.content         { background: #dff0f3; clear: both; }
.form-error-message { display: block; color: #ec3636; }


/**
 * FORMULARE
 */

form {
    background-color: #e8edff;
    padding: 10px 0 0 0;
}

form label {
    padding: 5px 5px;
    color: #333333;
    line-height: 2em;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

form input, form select {
    padding: 6px 10px 4px 10px;
    color: #333333;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input.price_for_translator, input.standard_pages, input.price_for_customer, input.margin { width: 50px; }

#frm-evaluateTranslatorForm td {
    padding: 10px;
}

form td, form th {
    vertical-align: middle;
    padding-left: 10px;
}

form td.valign_top, form th.valign_top {
    vertical-align: top;
}

#frm-newProjectForm{
    position: relative;
}

#frm-newProjectForm-project_type {
    width: 150px;
    margin: 0;
    -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
    -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
    box-sizing: border-box;
}

#frm-newProjectForm-other_project_type {
    width: 185px;
    margin: 0;
    -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
    -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
    box-sizing: border-box;
}

#frm-newProjectForm-number_of_order,#frm-newProjectForm-name,#frm-newProjectForm-existing_customer,#frm-newProjectForm-field, #frm-cancelAndExportCustomerForm-target_customer{
    width: 340px;
    margin: 0;
    -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
    -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
    box-sizing: border-box;
}

#frm-newProjectForm-existing_contact{
    width: 200px;
    margin: 0;
    -webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
    -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
    box-sizing: border-box;
}

#frm-newProjectForm .service_type {
    width: 60px;
    padding-left: 0;
    padding-right: 0;
}

#frm-newProjectForm .service_type:disabled { background-color: #ebebe4; }

.newTranslatorForm {
    padding-bottom: 0;
}

#new_translator_data {
    float: left;
    width: 38%;
}

#frm-newProjectForm-customer {
    max-width: 337px;
}

#frm-uploadInvoiceForm {
    margin: 0;
}

#frm-uploadInvoiceForm-invoice {
    border: 0;
    box-shadow: 0;
    padding: 0;
    margin: 10px 0 20px 0;
}

#frm-worktimeForm {
    float: left;
    width: 600px;
    padding-bottom: 1px;
}

.translatorBackground {
    background-color: #9FCDD6 !important;
    text-align: right !important;
}

.translatorBackgroundControl {
    background-color: #ea8ada !important;
    text-align: right !important;
}

#edit_profile_data {
    float: left;
}

.small_form {
    border: 1px solid #c2e1e7;
}

.submit_form {
    clear: both;
    width: 99%;
    height: 25px;
    padding: 10px 10px 10px 0px;
    background-color: #c2e1e7;
    text-align: right;
}

.nopadding td {
    padding: 0px !important;
}

.padding5 {
    padding: 5px;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginLeft100 {
    margin-left: 100px;
}

.marginRight10 {
    margin-right: 10px;
}

.marginBottom20 {
    margin-bottom: 20px;
}

#frm-numbersYearForm { background-color: transparent; padding: 0 0 10px 0; }
#frm-yearForm { background-color: transparent; padding: 2px 0 0px 0px; }
#frm-archiveYearForm { background-color: transparent; padding: 0 0 10px 0; }

#totals_narrow {
    width: 1400px;
    height: 30px;
    background: #edf4ff;
    border: 1px solid #9fcdd6;
    position: fixed;
    top: 0px;
    z-index: 100;
    /*display: none;*/
    -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.5);
}

#totals_narrow th { white-space: nowrap; vertical-align: middle; }
#totals_narrow input[type="text"] { vertical-align: middle; }
#totals_narrow input.b_cancel { background-position: 3px 2px; vertical-align: middle; }

.pagination { background: #c2e1e7; padding: 7px 5px; }

#frm-profileCompleteForm { float: right; margin: -40px 10px; background-color: transparent; }

#frm-filterProjectsForm-existing_customer { width: 312px; }

/**
 * TABLES
 */

.login 		{ margin: auto; color: #545454; }
.login td   { margin: 3px; display: block; }
#login 		{ margin: auto; padding: 100px; }

#report 	{ width: 100%; }

table.control               { border-collapse: collapse; width: 100%; }
table.control th            { border-bottom: 1px solid #fff; padding: 7px 5px;	background: #c2e1e7; text-align: center; font-weight: normal; font-size: 15px; }
table.control tr            { background-color: #edf4ff; }
table.control tr.show:hover { background-color: #fff; }
table.control td            { font-size: 14px; border-bottom: 1px solid #fff; padding: 3px 3px;	vertical-align: middle; height: 25px; text-align: center }
table.control td.row_no     { background: #c2e1e7; border-right: 1px solid #FFFFFF; max-width: 30px; text-align: center; }
table.control td.details    { padding: 0; }



table.default               { border-collapse: collapse; width: 100%; }
table.default th            { border-bottom: 1px solid #fff; padding: 7px 5px;	background: #c2e1e7; text-align: left; font-weight: normal; }
table.default th a          { background-image: url(../images/is/sort.png); background-repeat: no-repeat; background-position: 0px 1px; padding-left: 16px; }
table.default tr            { background-color: #edf4ff; }
table.default tr.show:hover { background-color: #fff; }
table.trhover tr.show:hover { background-color: #fff; }
table.default td            { font-size: 12px; border-bottom: 1px solid #fff; padding: 3px 3px;	vertical-align: middle; height: 25px; }
table.default td.row_no     { background: #c2e1e7; border-right: 1px solid #FFFFFF; max-width: 30px; text-align: center; }
table.default td.details    { padding: 0; }



table.default_toff               { border-collapse: collapse; width: 100%; }
table.default_toff th            { border-bottom: 1px solid #fff; padding: 7px 5px;	background: #83bbd7; text-align: center; font-weight: bold; }
table.default_toff th a          { background-image: url(../images/is/sort.png); background-repeat: no-repeat; background-position: 0px 1px; padding-left: 16px;}
table.default_toff tr            { background-color: #c2e1e7; }
table.default_toff tr.show:hover { background-color: #fff; }
table.default_toff tr.show:hover { background-color: #fff; }
table.default_toff td            { font-size: 12px; border-bottom: 1px solid #fff; padding: 3px 3px;	vertical-align: middle; height: 25px; font-weight: bold; text-align: center;}
table.default_toff td.row_no     { background: #c2e1e7; border-right: 1px solid #FFFFFF; max-width: 30px; text-align: center; }
table.default_toff td.details    { padding: 0; }

table.popup                 { border-collapse: collapse; width: 1000px; border: 3px solid #c2e1e7; }
table.popup th              { font-size: 1.2em; background: #c2e1e7; padding: 5px 10px; text-align: left; }
table.popup th a            { text-decoration: none; font-weight: bold; font-size: 1.4em; }
table.popup td              { font-size: 14px; font-family: Arial; background: #fff; border-bottom: 1px solid #ccc; padding: 5px 20px 5px 10px !important; }
table.popup td.grey         { background: #768787; color: #ffffff; font-weight: bold; }

table.details               { border-collapse: collapse; width: 100%; margin: 0 -8px 40px 0; }
table.details th            { font-weight: bold; }
table.details td            { padding: 5px 7px; background: #f3faff; }
table.details form          { float: left; }
table.details .mybutton     { margin-bottom: 2px; }

table.details-control               { border-collapse: collapse; width: 100%; margin: 0 -8px 40px 0; }
table.details-control th            { font-weight: bold; }
table.details-control td            { padding: 5px 7px; background: #f3faff; width: 12%}
table.details-control form          { float: left; }
table.details-control .mybutton     { margin-bottom: 2px; }

.width100_precent            { width: 100%; }
.width60_precent             { width: 60%; }
.width40_precent             { width: 40%; }
.width0_precent              { width: 0; }


table.details_toff          { border-collapse: collapse; width: 100%; margin: 0 -8px 0 0; }
table.details_toff th       { font-weight: bold; background: #c2e1e7 }
table.details_toff td       { max-width: 500px; padding: 5px 7px; background: #f3faff; font-weight: normal; width: 250px}
table.details_toff form     { float: left; }
table.details_toff .mybutton{ margin-bottom: 2px; }

table.details_right         { float: right; width: 800px;}
table.details_right th      { font-weight: normal; }

table.inner                 { width: 100%; padding: 0; border-collapse: collapse; margin: -4px 0 -6px 0; }
table.inner th              { text-align: left; padding: 10px 5px 5px 5px; background: transparent; }
table.inner td              { padding: 5px 35px 5px 5px; border: none;  border-bottom: 1px solid #fff; }

table.project_inner         { width: 100%; padding: 0; border-collapse: collapse; margin: -4px 0 -6px 0; }
table.project_inner th      { text-align: left; padding: 10px 10px 5px 0; background: #f3faff; }
table.project_inner td      { padding: 1px 5px 1px 0; border: none;  border-bottom: 1px solid #fff; }

table#new_customer th       {display: block; width: 200px; !important;}
table#new_customer label       { width: 200px; !important;}

td.target_language_cell,th.target_language_cell  { text-align: left; padding-left: 180px; }

/*table#languages2 { width: 40%; float: left}*/
table#languages { width: 50%; }
table#new_proj { width: 80%; }
table#new_proj th {display: block; width: 200px; !important;}
table#notes { position: absolute; top: 3px; left: 45%; width: 55%; font-weight: bold }
table#notes th {width: 140px}
table#notes tr {display: inline-block}
div#filterPicker {width: 50%}
/*td#picker_left { width: 100%; height: 24px; float: left }*/
td#picker_right {width: 150px}
table#price_calculation         { clear: both; width: 100%; border-collapse: collapse; border-left: 1px solid #9fcdd6; border-bottom: 1px solid #9fcdd6;  }
table#price_calculation th      { text-align: left; white-space: nowrap !important; padding: 4px 5px; }
table#price_calculation td      { text-align: left; white-space: nowrap !important; padding: 1px 5px; }
table#price_calculation input   { text-align: right; padding: 3px; }
table#price_calculation select  { padding: 2px; }
table#price_calculation th.repetitions, table#price_calculation td.repetitions  { background-color: #9FCDD6; }

table#translator_languages td       { padding: 3px; }
table#translator_languages input    { text-align: right; padding: 3px; }

table.summarization td th {
    padding-right: 10px;
}

table.price_quote           { font-family: Arial, sans-serif !important;
                              font-size: 14px !important;
                              color: #000000 !important; 
                              border-collapse: collapse; margin: 0 0 10px 10px; }
table.price_quote td        { border: 1px solid #8c8c8c !important; padding: 0px 10px !important; }
table.price_quote th        { border: 1px solid #8c8c8c !important; padding: 0px 10px !important; background-color: #edf4ff; font-weight: bold; font-size: 1em !important; }

table th.headline           { background-color: #9fcdd6; text-align: left !important; padding: 5px; }
table th.headline img       { margin-bottom: 0 !important; }

table.stats                 { float: left; width: 430px; margin: 0 2px 1px 0; }
table.year_stats            { margin-bottom: 30px; }
table.total_stats           {  }
table.company_stats         {  }
table.month_stats           {  }
table tr.highest_value td   { background: #c1fbad; }

table.customer td           { background-color: #e8f5f7; border: 1px solid #fff !important; }

table.legend                { margin: -42px 0 0 0; padding: 20px; width: auto; }
table td.left_col           { width: 160px; }
tr.red                      { color: #ec1515; }
tr.actual                   { }
tr.total td                 { font-weight: bold; border-top: 1px solid #9fcdd6 !important; }
tr.totalControl td          { border-top: 1px solid #9fcdd6 !important; background-color: #f5c7ed}
tr.upload td                { background-color: #9fcdd6; padding: 15px 7px !important; font-weight: bold; }
tr.hidden td                { _background-color: #9fcdd6; }

table tr.filter             { }

table tr.poptavka           { background: #d7d7d7; }
table tr.potvrzenoklientem  { background: #fff; }
table tr.potvrzenoklientem:hover{ background: #d5eff4 !important; }
table tr.aktualni           { background: #c1fbad; }
table tr.aktualni td        { border-bottom: 1px solid #d5eff4; }
table tr.fakturace          { background: #d5eff4; }
table tr.nezaplaceny        { background: #c2e1e7; }
table tr.nevyuctovany       { background: #9fcdd6; }

table tr.native_language td { background: #fff; }
table td.native_speaker a   { color: #d99309; }
table.new                   { width: 100% !important; }
table td.lang_pics img      { margin-right: 20px; vertical-align: middle; }
table tr.firsttr            { margin-top: 10px; border-top: 2px solid #C2E1E7; }

table#worktime              { width: 695px; float: right; margin-bottom: 20px;}

#extra_payment, #discount   { cursor: pointer; }

th.plus     { padding-left: 25px !important; background: url(../images/is/plus.png); background-repeat: no-repeat; background-position: 4px 6px; }
th.minus    { padding-left: 25px !important; background: url(../images/is/minus.png); background-repeat: no-repeat; background-position: 4px 6px; }


/* zobrazovaci okno po scrollovani */
#totals {
    width: 1800px;
    height: 85px;
    background: #edf4ff;
    border: 1px solid #9fcdd6;
    position: fixed;
    top: 0px;
    z-index: 100;
    display: none;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.5);
}

#totals table {
    margin: 10px auto;
}

#totals table tr th label {
    margin-left: 40px !important;
}

#totals2 {
    width: 1500px;
    height: 30px;
    background: #edf4ff;
    border: 1px solid #9fcdd6;
    position: fixed;
    top: 0px;
    z-index: 100;
    /*display: none;*/
    -webkit-box-shadow: 0px 3px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 3px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 3px 5px 0px rgba(50, 50, 50, 0.5);
}


.submenu {
    z-index: 9000;
}

/* Vyskakovaci okno */

.details_mask {
    z-index: 9000;
    background-color: #000000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    font-size: 14px;
    font-family: Arial;
}

.close-popup-note {
    position: relative;
    float: right;
    right: 10px; /* Adjust the distance from the right */
    padding: 5px 10px; /* Add padding */
    font-size: 14px; /* Adjust font size */
    cursor: pointer; /* Pointer cursor on hover */
    transition: background-color 0.3s ease; /* Smooth hover effect */
}

.mybutton.open-popup-note {
    background-color: #7faebc; /* Tmavší modrá než #9fcdd6 */
    color: black; /* Bílý text */
    border: none; /* Bez okrajů */
    border-radius: 4px; /* Mírně zaoblené rohy */
    padding: 5px 15px; /* Menší vnitřní odsazení */
    font-size: 12px; /* Menší velikost písma */
    cursor: pointer; /* Ukazatel myši při najetí */
    transition: background-color 0.3s ease; /* Plynulý efekt při najetí */
    margin-bottom: 5px;
}

.mybutton.open-popup-note:hover {
    background-color: #6a97a3; /* Darker blue on hover */
    transform: scale(1.05); /* Slightly enlarge on hover */
}

.mybutton.open-popup-note:active {
    background-color: #004085; /* Even darker blue when clicked */
    transform: scale(0.95); /* Slightly shrink on click */
}

table.translator_details {
    width: 1400px !important;
    margin-bottom: 150px;
}

table.translator_details_popup {
    width: 800px !important;
    margin: auto;
}

.scroll_window_translator {
    margin: auto;
    margin-bottom: 150px !important;
    left: 0;
    right: 0;
    top: 10px;
    z-index: 9000;
    position: fixed;
    width: 1413px !important;
    height: 1000px !important;
    overflow: auto;
}

.note_popup {
    position: relative;
    margin: auto;
    margin-bottom: 150px !important;
    left: 0;
    right: 0;
    top: 200px;
    z-index: 9000;
    position: fixed;
    width: 1413px !important;
    height: 1000px !important;
    overflow: auto;
}

.scroll_window_popup {
    margin: auto;
    margin-bottom: 150px !important;
    left: 0;
    right: 0;
    top: 10px;
    z-index: 9000;
    position: fixed;
    width: 1413px !important;
    height: 1000px !important;
    overflow: auto;
}

.scroll_window {
    margin: auto;
    left: 0;
    right: 0;
    top: 10px;
    z-index: 9000;
    position: fixed;
    width: 1300px !important;
    height: 1000px !important;
    overflow: auto;
}

.scroll_window.customer_detail_centered {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%);
    width: 1300px !important;
    height: auto !important;
    max-width: calc(100vw - 40px);
    max-height: calc(100vh - 40px);
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    overflow: auto;
    line-height: 0;
}

.scroll_window.customer_detail_centered table.customer_details2,
.scroll_window.customer_detail_centered table.customer_contacts {
    line-height: normal;
}

.scroll_window.translator_detail_centered {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    right: auto !important;
    bottom: auto !important;
    transform: translate(-50%, -50%);
    width: auto !important;
    height: auto !important;
    max-width: calc(100vw - 40px);
    max-height: calc(100vh - 40px);
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box;
    overflow: auto;
}

.scroll_window.translator_detail_centered table.translator_details {
    width: auto !important;
    margin-bottom: 0;
}

.scroll_window.translator_detail_centered table.translator_details > tbody > tr > td,
.scroll_window.translator_detail_centered table.translator_details > tr > td {
    white-space: nowrap;
}

table.translator_languages td,
table.translator_languages th {
    white-space: nowrap;
}

.translator_lang_avail {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.translator_lang_avail > table.translator_languages {
    flex: 0 0 auto;
}

.translator_lang_avail > table.translator_unavailability {
    flex: 0 0 auto;
}

.scroll_window.customer_detail_centered table.customer_details2 {
    position: relative;
    margin: 0;
    top: auto;
    left: auto;
    right: auto;
}

.scroll_window_note {
    margin: auto;
    /*margin-right: 25%;*/
    left: 0;
    right: 0;
    top: 10px;
    z-index: 9000;
    position: fixed;
    width: 1300px !important;
    overflow: auto;
}

table.translator_details_left {
    width: 900px !important;
}

table.customer_details {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0%;
    z-index: 9000;
    position: fixed;
}

table.customer_details2 {
    position: relative;
    margin: 0;
    width: 100%;
    z-index: 9000;
    border: 0px;
    table-layout: fixed;
}

table.customer_contacts {
    width: 100%;
    border-collapse: collapse;
    border: 0;
    table-layout: fixed;
}

table.customer_contacts th {
    font-size: 1.2em;
    background: #c2e1e7;
    padding: 5px 10px;
    text-align: left;
}

table.customer_contacts td {
    font-size: 14px;
    font-family: Arial;
    background: #fff;
    border-bottom: 1px solid #ccc;
    padding: 5px 20px 5px 10px;
    vertical-align: middle;
}

table.customer_details2.popup td {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Customer detail popup — keep label cells on a single line and give upper rows more breathing room */
table.customer_details2.popup tr.info-row td {
    padding: 9px 20px 9px 10px !important;
}
table.customer_details2.popup tr.info-row td.label {
    white-space: nowrap;
    width: 1px;
    min-width: 175px;
    color: #555;
    font-weight: 500;
}
table.customer_details2.popup tr.info-row td.label:not(:first-child) {
    padding-left: 80px !important;
}

/* Notes rows: label header on its own line, value spanning the full table width */
table.customer_details2.popup tr.notes-label-row td {
    padding: 14px 10px 4px 10px !important;
    font-weight: bold;
    color: #2c5777;
    border-bottom: none;
    background: #f5fafd;
}
table.customer_details2.popup tr.notes-value-row td {
    padding: 4px 10px 14px 10px !important;
    background: #f5fafd;
}

table.quote_email {

    position: fixed;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    width: 1295px;
    max-height: 900px;
    z-index: 9000;
    border: 0px;
    /*_position: fixed;*/
}

table.quote_email2 {

    position: relative;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    width: 1295px;
    max-height: 900px;
    z-index: 9000;
    border: 0px;
    /*_position: fixed;*/
}

table.quote_email tr td {
    vertical-align: top;
    border-right: 1px solid #ccc;
}

table.quote_email2 tr td {
    vertical-align: top;
    border-right: 1px solid #ccc;
}

#mask {
    position: absolute;
    z-index: 9000;
    background-color: #000000;
    display: none;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 10px;
}  

#mask2 {  
    position: absolute;
    z-index: 9000;
    background-color: #000000;
    display: none;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 10px;
}
    
.boxes .window {  
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    z-index: 9999;
	background: #e8f5f7;
	width: auto;
	margin-top: 120px;
}

.quote_email p {
    font-family: Arial, sans-serif !important;
    font-size: 14px;
    line-height: 20px;
    color: #000000;
}

/** SPINNER **/
#ajax-spinner {
    position:fixed;
    left: 50%;
    top: 50%;
    margin: -15px 0 0 -15px;
    background: white url('../images/is/spinner.gif') no-repeat 50% 50%;
    padding: 20px;
}

#spinner-mask {
    position: absolute;
    z-index: 9900;
    background-color: #000000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    top: 0;
    left: 0;
    position: fixed;
    width: 100%;
    height: 100%;
}


img.profile { width: 200px; margin: 0 auto 0 50px; border: 1px solid #c2e1e7; }

img.close 	{ position: relative; margin: 0 0 -16px 0; }
img.close2 	{ position: relative; margin: 0 0 -16px 0; }

.thumbs_up	{ margin-left: 255px; }
.radio_evaluation input	{ margin-left: 25px; }

#paging 	{ margin: 3px auto; display: block; width: 150px; }


/* Profil prekladatele*/

#profile                    { min-height: 400px; background: #c2e1e7; padding: 20px; }
#profile img.profile        { width: 220px; padding: 8px; background: #fff; border: 1px solid #c2e1e7; margin-left: -20px; }
#profile h2                 { margin: 0 0 20px 0; padding: 0 30px; }
#profile table.profile      { margin: 0 40px 20px 0; }
#profile table.profile th   { padding: 5px; }
#profile table.profile td   { min-width: 10px; height: 40px; padding: 5px 15px 5px 5px; }


/* GRAF numbers */

#graph      { margin: auto; }
#graph td   { vertical-align: bottom; padding: 0 0 0 0; text-align: center; border-bottom: 0; border-right: 1px solid #c2e1e7;}
#y_axis     { padding: 0 0 31px 0 !important; border-right: 0 !important; }
#y_axis td  { padding: 14px 10px 0 0; text-align: right; border-bottom: 1px solid #c2e1e7; width: 100px; }
td.month    { padding: 45px 0 0 10px !important; border: 0 !important; border-bottom: 1px solid #c2e1e7 !important; }
.column     { width: 5px; }
.column_table {
    float: left;
    width: 31%;
    padding: 10px;
}
.row_table:after {
    content: "";
    display: table;
    clear: both;
}
.projekty   { background-color: #7ac7d6; }
.obrat      { background-color: #f25454; }
.zisk       { background-color: #83e761; }
.spolecnici { background-color: #FFAB00; }
.changing,.changing2,.changing3,.changing4 { width: 5px !important; }
.td_legend  { text-align: left !important; width: 120px; padding: 0 0 6px 0 !important;}
div.legend  { width: 10px; height: 5px; float: left; margin: 5px 5px 0 5px;}
#moving     { height: 180px; margin-bottom: 19px; border-bottom: 1px solid #c2e1e7; padding: 0 !important; }
#moving td  { padding: 0 0 2px 7px !important; border: 0; }
#moving div { margin-bottom: -2px !important; }

.ui-datepicker-week-end {background-color: #FFAB00;}
.control-table-week-end {background-color: #dfbc78 !important;}

.ui-datepicker-friday {background-color: #7fdfff;}

.invoice_date { float: right; margin: 5px 0 0 0; }

.reveal-modal table.default { margin: 0 -10px !important; }


td.nova_databaze a    { color: #4eab1e !important; }

.updateInvoice {
    float: right;
}
.updateInvoice form {
    float: none;
    background-color: transparent;
    padding: 0;
}
.customer--notes {
    max-width: 300px
}

#logo {
    position: relative;
}
/*#logo:after {*/
    /*position: absolute;*/
    /*content: 'NOVÝ HOSITNG';*/
    /*color: white;*/
    /*border: 1px solid black;*/
    /*padding: 3px;*/
    /*background-color: rgb(107, 143, 0);*/
    /*left: -20px;*/
    /*top: -10px;*/
    /*border-radius: 10px;*/
    /*font-size: 8px;*/
/*}*/

.price_quote tr td:nth-child(2) {
    text-align: right;
}

.redAndCrossed {
    color: red;
    text-decoration: line-through;
}

#snippet--new_project_customers_details {
    max-width: 600px;
    margin-left: -250px;
}

.width70 {
    width: 70px;
}

.width50 {
    width: 50px;
}

.ui-icon-closethick {
    left: 0px !important;
    top: 0px !important;
}

.stopwatch {
    display: inline-block;
    background-color: white;
    border: 1px solid #eee;
    padding: 5px;
    margin: 5px;
}

.stopwatch span {
    font-weight: bold;
    display: block;
}

.stopwatch a {
    padding-right: 5px;
    text-decoration: none;
}

.h1-timewatch {
    font-size: 4em;
}

.h2-timewatch {
    font-size: 2em;
}

.row {
    background-color: #e8edff
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.column-layout-bigger {
    margin-left: 10px;
    float: left;
    width: 65%;
}

.column-layout-smaller {
    float: left;
    width: 33%;
}

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

.width450 {
    display: inline-block;
    width: 450px;
}

.padding-top-30 {
    padding-top: 30px;
}

.blink_me {
    animation: blinker 1s linear infinite;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.break_line_notes {
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

div.clearfix {
    clear: both;
}

.control-texts p {
    padding: 5px 5px 0 5px;
}

.control-texts li {
    border-bottom: 0px;
}

.control-texts ul {
    margin-top: 5px;
}

#loading-overlay {
    /* Překryje celou plochu obrazovky */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    /* Zajištění, že překryv je nad všemi ostatními prvky */
    z-index: 9999;

    /* Vytvoření neviditelné bariéry proti kliknutí/tabulaci */
    pointer-events: auto; /* Zajišťuje, že zachytí události myši */

    /* Volitelné: průhledná barva, aby nebylo nic vidět */
    background-color: transparent;
}

.circle {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 20px;          /* průměr kruhu */
    height: 20px;
    background-color: #5B9BD5; /* modrá barva, můžeš upravit */
    color: white;
    border-radius: 50%;    /* udělá z boxu kruh */
    margin-right: 5px;
}

.highlighted {
    background-color: #417bbd !important;
    color: white !important;
}


.gray-background tr td:nth-child(2n) {
    background-color: #dfdfdf; /* Light grey background */
}

.green-background {
    background: #c1fbad !important;
}

.yellow-background {
    background: #fffbb0 !important;
}