/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/ty9dfvLAziwdqQ2dHoyjphTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/frNV30OaYdlFRtH2VnZZdhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/gwVJDERN2Amz39wrSoZ7FxTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/aZMswpodYeVhtRvuABJWvBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/VvXUGKZXbHtX_S_VCTLpGhTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/e7MeVAyvogMqFwwl61PKhBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(https://fonts.gstatic.com/s/roboto/v15/2tsd397wLxj96qwHyNIkxPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/0eC6fl06luXEYWpBSJvXCBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Fl4y0QdOxyyTHEGMXX8kcRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/-L14Jk06m6pUHB-5mXQQnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/I3S1wsgSg9YCurV6PUkTORJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/NYDWBdD4gIq26G5XYbHsFBJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(https://fonts.gstatic.com/s/roboto/v15/Hgo13k-tfSpn0qi1SFdUfVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v15/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


@font-face {
    font-family: 'Roboto Condensed';
	font-weight: normal;
	font-style: normal;
    src: 	url('../../fonts/RobotoCondensed-Regular.eot') format('embedded-opentype'),
			url('../../fonts/RobotoCondensed-Regular.woff2') format('woff2'),
			url('../../fonts/RobotoCondensed-Regular.woff') format('woff'),
			url('../../fonts/RobotoCondensed-Regular.ttf') format('truetype'),
			url('../../fonts/RobotoCondensed-Regular.svg') format('svg');
}

@font-face {
    font-family: 'Roboto Condensed';
	font-weight: bold;
	font-style: normal;
    src: 	url('../fonts/RobotoCondensed-Bold.eot') format('embedded-opentype'),
			url('../fonts/RobotoCondensed-Bold.woff2') format('woff2'),
			url('../fonts/RobotoCondensed-Bold.woff') format('woff'),
			url('../fonts/RobotoCondensed-Bold.ttf') format('truetype'),
			url('../fonts/RobotoCondensed-Bold.svg') format('svg');
    
}



/* MAIN SETTINGS */

body, input, textarea {font-family: "Roboto", arial, verdana, tahoma, sans-serif; color: black; margin: 0px; padding: 0px;}
body {background: white;}
a {text-decoration: none;}
img {max-width: 500px;}
input {width: auto; font-size: 15px; box-sizing: border-box;}
textarea {width: 100%; display: inline-block; vertical-align: top; background: transparent; background-image: none; position: static; box-sizing: border-box;}
::-webkit-input-placeholder {font-style:italic; color: #ad9b00;}
:-moz-placeholder {font-style:italic; color: #ad9b00;}
::-moz-placeholder {font-style:italic; color: #ad9b00;}
:-ms-input-placeholder {font-style:italic; color: #ad9b00;}
input:focus::-webkit-input-placeholder {color: #d7d7a3;}
input:focus:-moz-placeholder {color: #d7d7a3;}
textarea:focus::-webkit-input-placeholder {color: #d7d7a3;}
textarea:focus:-moz-placeholder {color: #d7d7a3}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ddd; margin: 0; padding: 0;}






/* DEFAULT STYLES - BORDERS */

.border1 {border: 1px solid #555;}
.border1-grey {border: 1px solid #bcbcbc;}
.border2 {border: 2px solid #555;}
.border2-grey {border: 2px solid #bcbcbc;}

.border1-top {border-top: 1px solid #555;}
.border1-top-grey {border-top: 1px solid #bcbcbc;}
.border2-top {border-top: 2px solid #555;}
.border2-top-grey {border-top: 2px solid #bcbcbc;}

.border1-bot {border-bottom: 1px solid #555;}
.border1-bot-grey {border-bottom: 1px solid #bcbcbc;}
.border2-bot {border-bottom: 2px solid #555;}
.border2-bot-grey {border-bottom: 2px solid #bcbcbc;}

.border1-left {border-left: 1px solid #555;}
.border1-left-grey {border-left: 1px solid #bcbcbc;}
.border2-left {border-left: 2px solid #555;}
.border2-left-grey {border-left: 2px solid #bcbcbc;}

.border1-right {border-right: 1px solid #555;}
.border1-right-grey {border-right: 1px solid #bcbcbc;}
.border2-right {border-right: 2px solid #555;}
.border2-right-grey {border-right: 2px solid #bcbcbc;}


.noborder {border: none !important;}
.noborder-top {border-top: none !important;}
.noborder-bot {border-bottom: none !important;}
.noborder-left {border-left: none !important;}
.noborder-right {border-right: none !important;}





/* DEFAULT STYLES - BACKGROUND */

.background-silver {background: #eee;}
.nobackground {background: #fff;}





/* DEFAULT STYLES - WIDTH */

.w25 {width: 24%;}
.w50 {width: 44%;}
.w75 {width: 69%;}
.w100 {width: 100%;}
.wauto {width: auto;}





/* TITLE OF DOCUMENTS */

.title {width: auto !important;}
#field_value-80 {background: rgba(249, 187, 0, 0.52); padding: 2px 0px 2px 5px; box-sizing: content-box;}

.invoice thead .title td {padding: 0px;}
.invoice thead .title input, .invoice thead .title textarea {}
.invoice thead .title textarea, .invoice thead .title div {}

.invoice thead .title .id-document {border: 1px solid #aaa; padding: 3px 6px;}
.invoice thead .title td div {width: auto;}

.title6, .title6 div, .title6 div span, .title6 span, .title6 input, .title6 span input, .title6 textarea {font-size: 34px;}
.title6 textarea {height: 36px !important;}
.title6 {padding-bottom: 18px;}

.title5, .title5 div, .title5 div span, .title5 span, .title5 input, .title5 span input, .title5 textarea {font-size: 32px;}
.title5 textarea {height: 34px !important;}
.title5 {padding-bottom: 18px;}


.title4, .title4 div, .title4 div span, .title4 span, .title4 input, .title4 span input, .title4 textarea {font-size: 30px;}
.title4 textarea {height: 32px !important;}
.title4 {padding-bottom: 16px;}


.title3, .title3 div, .title3 div span, .title3 span, .title3 input, .title3 span input, .title3 textarea {font-size: 28px;}
.title3 textarea {height: 30px !important;}
.title3 {padding-bottom: 14px;}


.title2, .title2 div, .title2 div span, .title2 span, .title2 input, .title2 span input, .title2 textarea {font-size: 26px;}
.title2 textarea {height: 28px !important;}
.title2 {padding-bottom: 12px;}


.title1, .title1 div, .title1 div span, .title1 span, .title1 input, .title1 span input, .title1 textarea {font-size: 24px;}
.title1 textarea {height: 26px !important;}
.title1 {padding-bottom: 10px;}


.title0, .title0 div, .title0 div span, .title0 span, .title0 input, .title0 span input, .title0 textarea {font-size: 22px;}
.title0 textarea {height: 24px !important;}
.title0 {padding-bottom: 8px;}


.title-1, .title-1 div, .title-1 div span, .title-1 span, .title-1 input, .title-1 span input, .title-1 textarea {font-size: 20px;}
.title-1 textarea {height: 22px !important;}
.title-1 {padding-bottom: 6px;}


.title-2, .title-2 div, .title-2 div span, .title-2 span, .title-2 input, .title-2 span input, .title-2 textarea {font-size: 18px;}
.title-2 textarea {height: 20px !important;}
.title-2 {padding-bottom: 4px;}



.title-2, .title-2 div, .title-2 input, .title-2 textarea, .title-1, .title-1 div, .title-1 input, .title-1 textarea, .title0, .title0 div, .title0 input, .title0 textarea, .title1, .title1 div, .title1 input, .title1 textarea, .title2,  .title2 div, .title2 input, .title2 textarea, .title3, .title3 div, .title3 input, .title3 textarea, .title4, .title4 div, .title4 input, .title4 textarea, .title5, .title5 div, .title5 input, .title5 textarea, .title6, .title6 div, .title6 input, .title6 textarea {font-weight: bold; vertical-align: bottom;}

.print-list thead th.t-right {text-align: right !important;}


@media print {
#field_value-80 {background: none !important;}
.title-2 {font-size: 11pt;}
.title-1 {font-size: 13pt;}
.title0 {font-size: 15pt;}
.title1 {font-size: 18pt;}
.title2 {font-size: 21pt;}
.title3 {font-size: 23pt;}
.title4 {font-size: 25pt;}
.title5 {font-size: 26pt;}
.title6 {font-size: 27pt;}
}



/* LOGO */

.print-list .logo {text-align: right;}
.print-list .logo img {max-height: 70px;}




/* INPUT & TEXTAREA */

.print-list span input {text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #5f5f5f;}
.print-list input, .print-list textarea {margin: 0px; width: 99%; resize: vertical;}
.print-list input, .print-list textarea {border: 1px solid #f7f1d5; background: rgba(236, 230, 164, 0.10); box-shadow: none;}
.print-list textarea {padding: 2px 3px;}


.print-list input:hover, .print-list textarea:hover {border: 1px dotted #ff0000; box-shadow: none;}
.print-list input:focus, .print-list textarea:focus {background: #f9f9f9; outline:1px solid #ff0000; box-shadow: none;}
.print-list thead select, .print-list thead optgroup, .print-list thead option {font-size: 15px; padding: 4px; color: #555;}

.animated {-webkit-transition: height 0.2s; -moz-transition: height 0.2s; transition: height 0.2s;} /* DYNAMIC HEIGHT TEXTAREA */







/* DEFAULT TABLE SETTINGS */

.print-list {margin: auto; width: 100%;}
table.print-list-collapse {border-collapse: collapse; border-spacing: 0px; vertical-align: top;}
.print-list-separate {border-collapse: separate; border-spacing: 5px;}
.print-list td, .print-list th {text-align: left; vertical-align: top;}
.print-list span {color: #333; font-size: 14px; letter-spacing: 0.5pt;}






/* FIELD */

.field-print, .field-edit, .field-free {display: block; clear: both; vertical-align: top; position: relative;}



/* DEFAULT FIELD EDIT - SESSION */
.field-edit {position: relative;}





/* FIELD INLINE (in row) DESC - VALUE - 30% - 70% */
.field-inline .field-free > span, .field-inline .field-edit > span, .field-inline .field-print > span {vertical-align: top; display: inline-block; width: 30%;}
.field-inline .field-free > div, .field-inline .field-edit > div, .field-inline .field-print > div {vertical-align: top; display: inline-block; width: 70%;}



/* FIELD INLINE (in row) DESC - VALUE - 50% - 50% */
.field-inline50 .field-free > span, .field-inline50 .field-edit > span, .field-inline50 .field-print > span {vertical-align: top; display: inline-block; width: 50%; white-space: nowrap;}
.field-inline50 .field-free > div, .field-inline50 .field-edit > div, .field-inline50 .field-print > div {vertical-align: top; display: inline-block; width: 50%;}



/* FIELD INLINE (in row) DESC - VALUE - 70% - 30% */
.field-inline70 .field-free > span, .field-inline70 .field-edit > span, .field-inline70 .field-print > span {vertical-align: top; display: inline-block; width: 70%; white-space: nowrap;}
.field-inline70 .field-free > div, .field-inline70 .field-edit > div, .field-inline70 .field-print > div {vertical-align: top; display: inline-block; width: 30%;}



/* FIELD INLINE (in row) DESC - VALUE - no % width */
.field-inline-nop .field-free, .field-inline-nop .field-edit, .field-inline-nop .field-print {display: table; width: 100%;}
.field-inline-nop .field-free > span, .field-inline-nop .field-edit > span, .field-inline-nop .field-print > span {vertical-align: top; display: table-cell; white-space: nowrap; padding-right: 3px;}
.field-inline-nop .field-free > div, .field-inline-nop .field-edit > div, .field-inline-nop .field-print > div {vertical-align: top; display: table-cell; width: 80%;}



/* FIELD BLOCK (1 in row) above DESC - under VALUE */
.field-block .field-free > span, .field-block .field-edit > span, .field-block .field-print > span {vertical-align: top; display: block; width: auto; margin-bottom: 3px;}
.field-block .field-free > div, .field-block .field-edit > div, .field-block .field-print > div {vertical-align: top; display: block; width: auto;}



/* FIELD BLOCK + NO DESC only VALUE */
.field-nodesc .field-free > span, .field-nodesc .field-edit > span, .field-nodesc .field-print > span {display: none;}



/* FIELD BLOCK + NO VALUE only DESC */
.field-noval .field-free > div, .field-noval .field-edit > div, .field-noval .field-print > div {display: none;}



/* FIELD NORMAL & BOLD */
.field-boldesc .field-free > span, .field-boldesc .field-edit > span, .field-boldesc .field-print > span, .field-boldesc span  input {font-weight: bold;}
.field-boldval .field-free > div, .field-boldval .field-edit > div, .field-boldval .field-print > div, .field-boldval div textarea {font-weight: bold;}




/* DEFAULT STYLES - TEXT */

/* SMALLEST SIZE 3 */
.text-smallest3, .text-smallest3 input, .text-smallest3 textarea, .text-smallest3 div {font-size: 11px; line-height: 11px;}
.text-smallest3 span {font-size: 10px; line-height: 9px; padding-top: 2px;}


/* SMALLEST SIZE 2 */
.text-smallest2, .text-smallest2 input, .text-smallest2 textarea, .text-smallest2 div {font-size: 12px; line-height: 12px;}
.text-smallest2 span {font-size: 11px; line-height: 10px; padding-top: 2px;}


/* SMALLEST SIZE */
.text-smallest, .text-smallest input, .text-smallest textarea, .text-smallest div {font-size: 13px; line-height: 13px;}
.text-smallest span {font-size: 12px; line-height: 10px; padding-top: 2px;}


/* SMALL SIZE */
.text-small, .text-small input, .text-small textarea, .text-small div {font-size: 15px; line-height: 14px;}
.text-small span {font-size: 14px; line-height: 12px; padding-top: 1px;}


/* NORMAL SIZE */
.text-normal, .text-normal input, .text-normal textarea, .text-normal div {font-size: 16px; line-height: 17px;}
.text-normal span {font-size: 15px; line-height: 13px; padding-top: 2px;}


/* BIG SIZE */
.text-big, .text-big input, .text-big textarea, .text-big div {font-size: 17px; line-height: 18px;}
.text-big span {font-size: 16px; line-height: 14px; padding-top: 2px;}


/* BIGGER SIZE */
.text-bigger, .text-bigger input, .text-bigger textarea, .text-bigger div {font-size: 18px; line-height: 19px;}
.text-bigger span {font-size: 17px; line-height: 15px; padding-top: 2px;}


/* BIGGEST SIZE */
.text-biggest, .text-biggest input, .text-biggest textarea, .text-biggest div {font-size: 20px; line-height: 21px;}
.text-biggest span {font-size: 19px; line-height: 17px; padding-top: 2px;}



/* TEXT COLOR - SILVER */
.text-color-silver, .text-color-silver input, .text-color-silver textarea, .text-color-silver div, .text-color-silver span {color: #555;}
.text-color-silver-val input, .text-color-silver-val textarea, .text-color-silver-val div {color: #555;}
.text-color-silver-desc span {color: #555;}


/* TEXT COLOR - RED */
.text-color-red, .text-color-red input, .text-color-red textarea, .text-color-red div, .text-color-red span {color: #FF0000;}
.text-color-red-val input, .text-color-red-val textarea, .text-color-red-val div {color: #FF0000;}
.text-color-red-desc span {color: #FF0000;}


/* TEXT COLOR - DARK RED */
.text-color-darkred, .text-color-darkred input, .text-color-darkred textarea, .text-color-darkred div, .text-color-darkred span {color: #bb0000;}
.text-color-darkred-val input, .text-color-darkred-val textarea, .text-color-darkred-val div {color: #bb0000;}
.text-color-darkred-desc span {color: #bb0000;}


/* TEXT COLOR - GREEN */
.text-color-green, .text-color-green input, .text-color-green textarea, .text-color-green div, .text-color-green span {color: #59B300;}
.text-color-green-val input, .text-color-green-val textarea, .text-color-green-val div {color: #59B300;}
.text-color-green-desc span {color: #59B300;}


/* TEXT COLOR - BLUE */
.text-color-blue, .text-color-blue input, .text-color-blue textarea, .text-color-blue div, .text-color-blue span {color: #0036D9;}
.text-color-blue-val input, .text-color-blue-val textarea, .text-color-blue-val div {color: #0036D9;}
.text-color-blue-desc span {color: #0036D9;}



/* SPACING */
.spacing {display: block; margin: 2px 0px; visibility: hidden; color: #fff;}



/* BUTTON - OPEN MENU */
img.icoselect {position: absolute; top: 5px; right: 12px; opacity: 0.3;}
img.icoselect:hover {opacity: 1.0;}


/* BUTTON - OPEN MENU */
.field-edit .ico-menu {display: block; text-align: right; width: 99% !important; clear: both; padding: 8px 10px 30px 0px;}
.field-edit div.ico-menu select {font-size: 14px; max-width: 200px; padding: 3px;}



@media print {
.text-smallest3, .text-smallest3 input, .text-smallest3 div {font-size: 6.5pt}
.text-smallest3 span {font-size: 6.5pt;}

.text-smallest2, .text-smallest2 input, .text-smallest2 div {font-size: 7pt}
.text-smallest2 span {font-size: 7pt;}

.text-smallest, .text-smallest input, .text-smallest div {font-size: 7.5pt}
.text-smallest span {font-size: 7.5pt;}

.text-small, .text-small input, .text-small div {font-size: 8.5pt}
.text-small span {font-size: 8.5pt;}

.text-normal, .text-normal input, .text-normal div {font-size: 9.5pt;}
.text-normal span {font-size: 9.5pt;}

.text-big, .text-big input, .text-big div {font-size: 10pt}
.text-big span {font-size: 10pt;}

.text-bigger, .text-bigger input, .text-bigger div {font-size: 11pt}
.text-bigger span {font-size: 11pt;}

.text-biggest, .text-biggest input, .text-biggest div {font-size: 13pt}
.text-biggest span {font-size: 13pt;}
}





/* INVOICE
.print-invoice-text {vertical-align: top; padding: 17px 10px !important;}
.print-invoice-text-bold, .print-invoice-text-bold input , .print-invoice-text-bold textarea{font-weight: bold; font-size: 15px;}
.print-4-columns input.w25 {width: 84%;}
.print-4-columns textarea.w75 {width: 100%; display: block;}
 */

 

/* INVOICE + DELIVERY NOTE */

.invoice thead td {padding: 1px 4px 3px 6px;}
.invoice tfoot td {padding: 12px 8px;}
.invoice thead table, .invoice tfoot table {width: 100%;}
.invoice thead .supplier td, .invoice thead .buyer td {padding: 0px;}
.invoice .logo {text-align: left;}
.invoice .logo img {margin-bottom: 15px;}
.invoice .inv-notice {padding: 14px 6px;}

/* INVOICE - PRICE + TAX PART */
.invoice tfoot .noborder {padding-right: 0px !important;}
.invoice .invoice-price-frame {border: 1px solid #999; padding: 12px 2px 12px 18px;}
.invoice .invoice-price th {padding: 0px;}
.invoice .invoice-price td {padding: 2px 2px 2px 4px !important;}
.invoice .invoice-price textarea, .invoice .invoice-price td .field-print div {text-align: right !important;}
.invoice .footer {padding: 12px 0px;}
.invoice .foot-footer {border-top: 1px solid #bcbcbc;}
.invoice .foot-footer td {padding: 3px 8px 0px 0px; white-space: nowrap;}


/* DELIVERY NOTE */

.dn .buyer-table {border-top: 1px solid #bcbcbc; margin: 0px 0px 20px 0px;}
.dn tfoot .buyer-table td {padding: 14px 8px 8px 8px;}

/* DKL 1 */

.dkl1 thead td, .dkl1 tfoot td {padding: 7px 10px;}



/* DKL 2 */

.dkl2 .print-list-result thead td {font-size: 14px;}
.dkl2 .print-list-result tbody td {padding: 8px 0px;}
.dkl2 .print-list-result tbody td:nth-child(1), .dkl2 .print-list-result tbody td:nth-child(7), .dkl2 .print-list-result thead td:nth-child(1), .dkl2 .print-list-result thead td:nth-child(7) {width: 20px; text-align: center; font-size: 12px;}
.dkl2 .print-list-result tbody td:nth-child(7) {border-left: 1px solid  #000 !important;}

@media print {
.dkl2 .print-list-result thead td {font-size: 9.0pt;}
.dkl2 .print-list-result tbody td:nth-child(1), .dkl2 .print-list-result tbody td:nth-child(7) {font-size: 8.5pt;}
.dkl2 .print-list-result tbody td:nth-child(7) {border-left: 1px solid  #000 !important;}
}






/* THEAD
.print-list>thead h1, .print-list .h1 {font-size: 25px; font-weight: bold;}
.print-list>thead h2 {font-size: 23px; font-weight: bold;}
.print-list>thead th {font-size: 13px; font-weight: bold; border: none; vertical-align: bottom;}
.print-list>thead td, .print-list>tfoot td, .print-list>tfoot th, .print-list>thead textarea, .print-invoice-text textarea {font-size: 17px; line-height: 21px;}
.print-list>thead div, .print-list>thead span, .print-list>tfoot div, .input-label {font-size: 14px;}



.print-list>thead th img {max-height: 40px;}
.print-list>thead td, .print-list>tfoot td {border: 1px solid #ddd;}
.print-list>thead td, .print-list>tfoot td {vertical-align: top; padding: 11px; line-height: 18px;}
.print-list>thead div, .print-list>thead span, .print-list>tfoot div {color: #444; margin: 0; padding: 0px;}
.print-list>tbody td {padding: 0px;}
.print-list>tfoot td, .print-list>tfoot th {vertical-align: top; padding: 9px 10px;}




.print-invoice-text {font-size: 16px;}
.print-list-nodesc textarea, .print-invoice-text textarea {width: 100%;}
 */



.template_inner {padding: 0px 10px;}


/* RESULT PART */
.print-list-result {border-collapse: collapse; border-spacing: 0px; font-family: "Roboto", sans; font-weight: normal;}
.print-list-result th, .print-list-result td {font-family: "Roboto", sans; font-weight: normal;}
.print-list-result>thead td, .print-list-result>thead td span {font-size: 12px;}
.print-list-result>thead th{vertical-align: bottom; padding-bottom: 6px;}
.print-list-result>tbody td, .print-list-result>tbody input {font-size: 14px;}
.print-list-result>tfoot td, .print-list-result>tfoot td span {font-size: 15.5px;}
.print-list-result>tbody input {width: 100%;}
.print-list-result>tbody select {width: 100%; max-width: 280px;}
.print-list-result input {background: none;}
.print-list-result {margin: 20px auto; width: 100%; border-spacing: 0px; border-collapse: collapse;}
.print-list-result>thead td {font-weight: bold; border-bottom: 1px solid #000; padding: 6px 2px 6px 2px; text-align: left; vertical-align: bottom;}
.print-list-result>thead td span {font-weight: normal;}
.print-list-result>tbody td {border: 1px solid #ccc; text-align: left; margin: 0px;}
.print-list-result>tbody th, .print-list-result>tbody td {vertical-align: middle;}
.print-list-result>tbody input, .print-list-result>tbody select {background: none; box-shadow: none; box-sizing: border-box; margin: 0px; border: 1px solid transparent; width: 100%; min-width: 33px; height: 100%; min-height: 37px; padding: 4px 0px 4px 8px; font-size: 14px; outline: none !important;}
.print-list-result>tbody input:hover, .print-list-result>tbody select:hover {border: 1px dotted #ff0000; background: rgba(255, 255, 255, 1);}
.print-list-result>tbody input:focus, .print-list-result>tbody select:focus {border: 1px solid #ff0000; background: rgba(255, 255, 255, 1);}
.print-list-result>tbody svg {background: none; padding: 0px; margin: 0px; width: 18px; height: 18px;}
.print-list-result>tfoot td {font-weight: bold; border-top: 1px solid #000; padding: 8px 0px 0px 4px; text-align: left; vertical-align: top;}
.print-list-result>tfoot td.foot-price {text-align: right; padding-right: 4px;}
.print-list-result>tfoot td span {font-weight: normal; color: #000;}
.print-list-result th {text-align: center;}
.print-list-result .note {font-size: 12px; color: #444;}
.print-list-result button {background: none; border: none; box-shadow: none; height: 24px; width: 24px; margin: 0 auto; padding: 0;}

.print-list-result>thead td:first-child, .print-list-result>tbody td:first-child {min-width: 25px; max-width: 35px;}

.print-list-result .tally-join-form td {background:#F2FFF2;}
.print-list-result .tally-join-form td:first-child {padding-left: 7px;}
.print-list-result>tbody tr:hover td , .print-list-result .tally-join-form:hover td {background:#FDF0E1;}













.print-list-bold, .print-list-bold span, .print-list-bold div {font-weight: bold !important;} 

.print-hidden {display: none !important; width: 16px; padding: 3px; text-align: center;}


.border-none, .border-none td , .border-none th {border: none !important;}







.print-list-nodesc span, .print-list-nodesc img, .print-list-nodesc select, .print-invoice-text span, .print-invoice-text img, .print-invoice-text select, .print-list-noselect img, .print-list-noselect select, .print-list-notextarea div textarea, .print-list-notextarea select, .print-list-notextarea img {display: none !important;}






/* COVER + WRAP */

.template-wrap {border: 1px solid #bbb; width: auto; margin: 10px auto; padding: 35px 25px; background: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 0px 17px rgba(0,0,0,0.34); -moz-box-shadow: 0px 0px 17px rgba(0,0,0,0.34); box-shadow: 0px 0px 17px rgba(0,0,0,0.34); max-width: 1220px; vertical-align: top;}

/* .template-background {
background: -moz-radial-gradient(center, ellipse cover, rgba(211,154,63,0.65) 0%, rgba(63,46,19,0) 70%, rgba(0,0,0,0) 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(211,154,63,0.65)), color-stop(70%,rgba(63,46,19,0)), color-stop(100%,rgba(0,0,0,0))); background: -webkit-radial-gradient(center, ellipse cover,  rgba(211,154,63,0.65) 0%,rgba(63,46,19,0) 70%,rgba(0,0,0,0) 100%); background: -o-radial-gradient(center, ellipse cover,  rgba(211,154,63,0.65) 0%,rgba(63,46,19,0) 70%,rgba(0,0,0,0) 100%); background: -ms-radial-gradient(center, ellipse cover,  rgba(211,154,63,0.65) 0%,rgba(63,46,19,0) 70%,rgba(0,0,0,0) 100%); background: radial-gradient(ellipse at center,  rgba(211,154,63,0.65) 0%,rgba(63,46,19,0) 70%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6d39a3f', endColorstr='#00000000',GradientType=1 );
}
 */















/* CMR */

.cmr {background:url('/images/cmr-logo2.png') no-repeat center center; background-size: 80% auto;}

.cmr tbody td, .cmr tbody th {padding: 4px 6px; color: #222;}
.cmr tbody td div, .cmr tbody th div {color: #000;}

/*
.cmr > thead td {font-size: 12px;}
.cmr td {line-height: 19px !important;}
.cmr textarea {font-size: 12px; margin: 5px 0px 0px 20px; display: block; width: 96%;}

*/

.cmr td b {font-size: 20px; margin: 0px 3px 2px 0px; float: left; color: #555; font-family: "Arial Narrow", Arial, sans-serif;}
.cmr span, .cmr span input {display: none;}




/* TOP PART - HEADER */
.cmr .pheader .title0 {text-align: right; line-height: 20px;}
.cmr .pheader {width: 100%; padding-bottom: 2px;}
.cmr .pheader .logo {width: 60px;}
.cmr .pheader .logo img {max-height: 45px;}
.cmr .pheader td, .cmr .pheader th {vertical-align: middle; padding: 0px; width: 33%; white-space: nowrap;}
.cmr .pheader td {line-height: 16px; vertical-align: middle; color: #000;}
.cmr .pheader th {font-weight: normal;color: #000;}
.cmr .pheader td img {vertical-align: middle; margin-right: 3px;}
.cmr .pheader th img {height: 10px; vertical-align: middle; margin: 0px 3px 0px 0px;}



/*
.cmr .smalltext {font-size: 12px; line-height: 16px !important; vertical-align: middle; color: #444;}

.cmr .table-small td, .cmr .table-small th, .cmr .table-small span input {font-size: 11px; line-height: 11px !important;}
.cmr .table-small div {line-height: 15px !important;}
.cmr .table-small span input {width: 75%;}
.cmr .table-small textarea {width: 100%; margin: 3px 0px 0px 0px; font-size: 14px; line-height: 17px;}
.cmr .table-small .print-list-span span {font-size: 11px;}
*/


.cmr .table-small .row1 td {border-bottom: none; padding-bottom: 0px; padding-right: 4px;}
.cmr .table-small .row2 .print-list-noselect {border-top: none; padding-top: 0px;}
.cmr .table-small2 th, .cmr .table-small2  td {padding: 2px 4px !important; border: 1px solid #ddd !important; vertical-align: middle;}
.cmr .table-small2 th, .cmr .table-small2 th input, .cmr .table-small2 th  span, .cmr .table-small2 textarea {font-weight: normal; text-align: center;}
.cmr .table-small2 thead td, .cmr .table-small2 thead input {font-weight: normal; text-align: center; vertical-align: middle;}
.cmr .table-small2 textarea {font-size: 11px;}
.cmr .table-small2 thead td span input, .cmr .table-small2 tbody span input, .cmr .table-small2 span {width: 100%;}





.cmr .textarea-higher textarea {height: 150px;}
.cmr .textarea-higher td {border-top: none;}

.cmr .print-list-span {display: inline;}
.cmr .print-list-span span {font-size: 12px;}

.nooutlineborder {border-collapse: collapse;}
.nooutlineborder td, .nooutlineborder th {border: 1px solid black;}
.nooutlineborder thead tr:first-child th, .nooutlineborder thead tr:first-child td {border-top: none !important;}
.nooutlineborder tr:last-child th, .nooutlineborder tr:last-child td {border-bottom: none !important;}
.nooutlineborder tr td:first-child, .nooutlineborder tr th:first-child {border-left: none !important;}
.nooutlineborder tr td:last-child, .nooutlineborder tr th:last-child {border-right: none !important;}















/* DELIVERY NOTE */

.dn thead div, .dn thead span {vertical-align: top;}











/* SAMPLE OVERLYING WARNING */
.warning-overlay {z-index: 1; background: #fff; position: absolute; top: 0; left: 0; bottom: 0; right: 0; vertical-align: middle; text-align: center; font-size: 48px; padding-top: 64px; opacity: 0.55; filter: alpha(opacity=55);}
.warning-overlay b {text-align: center; font-size: 68px;}
.warning-overlay:hover {text-shadow: 0px 0px 7px #fff;}









/* STYLES FOR PRINTING */

@media print {
body {font-size: 12pt; line-height: 1.0; font-family: "Roboto", sans;}

.template_inner {padding: 0px;}
.template-wrap {border: none; width: auto; margin: auto; padding: 0px; background: #fff; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.template-background  {background: none;}

.print-list-result {font-family: "Roboto Condensed", "Roboto", sans;}
.print-list-result>tbody td {padding: 6px 2px 6px 4px;}

.print-list {width: 100%;}

.print-list-result th {display: none;}

.print-list-result > thead td, .print-list-result > thead td span {font-size: 8.5pt; font-weight: bold;}
.print-list-result > tbody td {font-size: 8.5pt; font-weight: normal;}
.print-list-result > tfoot td, .print-list-result > tfoot td span {font-size: 9.5pt; font-weight: normal;}

.cmr thead {display: table-row-group !important;}
.cmr tbody td b {font-size: 12.5pt; margin-left: -4px;}





/*

.print-list>thead td, .print-list>tfoot td {border: thin solid #555; vertical-align: top;}
.print-list>thead th {font-size: 10pt; padding: 0px 0px 8px 0px; margin: 0px;}
.print-list>thead td, .print-list>tfoot td, .print-list>tfoot th {font-size: 10pt; padding: 4px 8px; line-height: 12pt;}
.print-list>thead span, .print-list>tfoot span {font-size: 8pt; color: #333; letter-spacing: 0.5pt;}
.print-list>thead div, .print-list>tfoot div {font-size: 9pt; letter-spacing: 0.5pt; color: #000;}
.print-list>thead h1 {font-size: 17pt; padding: 0px; margin: 0px;}
.print-list>thead h2 {font-size: 14pt; padding: 0px; margin: 0px;}

.print-list-result>thead td {font-size: 8pt;}
.print-list-result>tbody td, .print-list-result>tbody input {font-size: 8pt; padding: 6px 8px;}
.print-list-result>tfoot td {font-size: 9pt;}


.print-invoice-text{font-size: 10pt;}

*/


/*

.cmr td b {font-size: 12.5pt; margin-left: -4px;}

.cmr .pheader th {line-height: 10px !important; white-space: nowrap;}
.cmr .pheader td {line-height: 15px !important; white-space: nowrap;}
.cmr .pheader .print-list-nodesc  {font-size: 14pt;}
.cmr .smalltext {font-size: 7pt; line-height: 8pt !important;}
.cmr thead td, .cmr thead td span {font-size: 7pt; line-height: 9pt !important; color: #444;}
.cmr thead td div {font-size: 8.5pt; color: #000; line-height: 10pt !important; padding-top: 1px;}
.cmr .table-small td, .cmr .table-small th, .cmr .table-small span {font-size: 6.0pt; line-height: 7pt !important;}
.cmr .table-small div {font-size: 7.5pt; line-height: 8pt !important;}
.cmr .table-small2 tbody th,.cmr .table-small2 tbody td, .cmr .table-small2 tbody span {font-size: 6pt; line-height: 6pt !important; text-align: center;}
.cmr .table-small2 tbody div {font-size: 6.5pt;}
*/

}