/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, input, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, select {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 10pt;
  font-family: Arial, Verdana, Helvetica;
  vertical-align: baseline;
  /*color: $defaultcolor;*/
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-word;
  word-break: break-word;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*End reset*/
.defaultcolor {
  color: #000000;
}

.maincolor {
  color: #D4021d;
}

.maincolorbg {
  background-color: #D4021d;
}

.errorcolor {
  color: red;
}

.errorcolorbg {
  background-color: red;
}

.successcolor {
  color: green;
}

.successcolorbg {
  background-color: green;
}

.readwritecontent {
  background-color: #FFFFFF;
}

.readwritecontentheader {
  background-color: #EFEFEF;
}

.readwritecontenttext {
  color: #000000;
}

.readonlycontent {
  background-color: #FFFFFF;
}

.readonlycontentheader {
  background-color: #EFEFEF;
}

.readonlycontenttext {
  color: #6a696a;
}

.navbarbackground {
  background-color: #EAEAEA;
}

.tableoddrow {
  background-color: #FFFFFF;
}

.tableevenrow {
  background-color: #EAEAEA;
}

.tablestyle1 {
  background-color: #D0D0D0;
}

.tablestyle2 {
  background-color: #D0D0D0;
}

.tablestyle3 {
  background-color: #EFEFEF;
}

thead.tablestyle1, thead.tablestyle2, thead.tablestyle3 {
  border-top: 1px dotted #949596;
}

label {
  cursor: pointer;
}

form {
  /*margin: 10px 0 0 0;*/
}

h3 {
  font-family: Arial;
  font-weight: bold;
  font-size: 16px;
  color: #D4021d;
}

table {
  font-size: 10pt;
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  line-height: 16pt;
}
table thead {
  line-height: 1.75em;
}
table thead th {
  text-align: left;
  padding-right: 2px;
}
table thead th:first-child {
  padding-left: 2px;
}
table tbody td {
  padding-right: 2px;
}
table tbody td:first-child {
  padding-left: 2px;
}
table tfoot td {
  padding-right: 2px;
  padding-bottom: 1px;
  padding-top: 2px;
  border-top: 1px solid;
}
table tfoot td:first-child {
  padding-left: 2px;
}

thead.nodotted {
  border-top: none;
}

textarea {
  height: auto;
  resize: none;
  overflow: auto;
  font-family: Arial, Verdana, Helvetica;
  font-size: 10pt;
}

p {
  line-height: 16pt;
}

.mailTextArea {
  overflow-x: hidden;
  height: 300px;
  margin-left: 5px;
}

.comment {
  color: gray;
}

a:link {
  color: #000000;
  text-decoration: underline;
}

a:visited {
  color: #000000;
  text-decoration: underline;
}

a.highlight:link {
  color: #000000;
  text-decoration: underline;
}

a.highlight:visited {
  color: #000000;
  text-decoration: underline;
}

input, select, textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #949596;
}
input :focus, select :focus, textarea :focus {
  outline: none;
  border: #D4021d solid 1px;
}

input, select {
  -ms-word-wrap: normal;
  word-wrap: normal;
  -ms-word-break: normal;
  word-break: normal;
  height: 20px;
}

input[type=checkbox] {
  height: initial;
}

input {
  padding: 0 2px;
}

textarea {
  padding: 2px 2px 0 2px;
}

input[type=submit], input[type=button] {
  min-width: 40px;
  color: #FFFFFF;
  border: 0;
}

input[type=button] {
  font-weight: normal;
}

input[type=text]:focus, input[type=password]:focus, textarea:focus {
  background: #FFFFCC;
}

.pager a.selected {
  font-size: 1.3em;
  font-weight: bold;
  color: #D4021d;
}

.pager a:hover {
  font-weight: bold;
}

.pager a {
  font-size: 1.1em;
  color: #666666;
  text-decoration: none;
  padding: 0 0.4em 0 0.4em;
}

#header {
  width: 985px;
  margin: 15px auto 10px auto;
  background-color: #FFFFFF;
}
#header .colorbarpart {
  height: 4px;
  width: 164.1666666667px;
  float: left;
}
#header .loginwrapper {
  background-color: #D4021d;
  height: 20px;
  padding: 0 5px;
  line-height: 16pt;
  margin-bottom: 2px;
  color: white;
}
#header a.white:link {
  color: white;
}
#header a.white:visited {
  color: white;
}

.colorbarpartlogin {
  height: 2px;
  width: 61.1666666667px;
  float: left;
}

#footer {
  margin: 0 auto;
  width: 985px;
  border-top: 1px solid #D1D1D1;
  font-size: 8pt;
  color: #6a696a;
  padding-top: 5px;
}
#footer span {
  font-size: inherit;
}

#maincontentwrapper {
  width: 985px;
  margin: 0 auto;
  overflow: hidden;
  min-height: 650px;
  margin-bottom: 10px;
}

#navbar {
  margin-right: 10px;
  width: 236.25px;
  background-color: #EAEAEA;
  float: left;
  padding-bottom: 20000px;
  margin-bottom: -20000px;
  font-weight: bold;
  line-height: 26px;
}
#navbar a {
  position: relative;
  color: #6a696a;
  text-decoration: none;
}
#navbar a.selectedMenu {
  color: #D4021d;
}
#navbar .menuParent {
  background-color: #949596;
  height: 26px;
  color: white;
  border-bottom: 1px dotted black;
  padding-left: 4px;
}
#navbar .menuChild {
  height: 26px;
  padding-left: 25px;
  border-bottom: 1px dotted black;
}

#maincontent {
  width: 738.75px;
  background-color: #FFFFFF;
  float: left;
  padding-bottom: 2000px;
  margin-bottom: -2000px;
}

.l-centered {
  margin: 0 auto;
  width: 50%;
}

.valignbottom {
  vertical-align: bottom;
}

.valignmiddle {
  vertical-align: middle;
}

.valigntop {
  vertical-align: top;
}

.italic {
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.normal {
  font-weight: normal;
}

a.nodecoration:link {
  text-decoration: none;
}
a.nodecoration:visited {
  text-decoration: none;
}

.xxxxsmall {
  width: 4%;
  padding: 0px;
}

.xxxsmall {
  width: 15%;
}

.xxsmall {
  width: 25%;
}

.xsmall {
  width: 33%;
}

.small {
  width: 40%;
}

.medium {
  width: 50%;
}

.large {
  width: 75%;
}

.xlarge {
  width: 90%;
}

.xxlarge {
  width: 96%;
}

.allwidth {
  width: 100%;
}

.l-section {
  overflow: hidden;
  padding: 2px 0;
  line-height: 16pt;
  padding-left: 2px;
}

input[type=radio], input[type=checkbox] {
  width: initial;
  /*margin: 3px 0;*/
}

.l-sectionReadonly {
  background-color: #FFFFFF;
  color: #6a696a;
}

.l-subSectionReadonly {
  background-color: #FFFFFF;
  color: #6a696a;
}

.l-sectionReadonly tfoot td {
  border-top-color: #6a696a;
}

.l-subSectionReadonly tfoot td {
  border-top-color: #6a696a;
}

.l-sectionReadonlyHeader {
  background-color: #EFEFEF;
  color: #000000;
}

.l-subSectionReadonlyHeader {
  background-color: #FFFFFF;
  color: #000000;
}

div.l-sectionReadonlyHeader {
  font-weight: bold;
  border-top: 1px dotted #949596;
}

div.l-subSectionReadonlyHeader {
  font-weight: bold;
  border-top: none;
}

.l-sectionReadwrite {
  background-color: #FFFFFF;
  color: #000000;
}

.l-subSectionReadwrite {
  background-color: #FFFFFF;
  color: #000000;
}

.l-sectionReadwriteHeader {
  background-color: #EFEFEF;
  color: #000000;
}

.l-subSectionReadwriteHeader {
  background-color: #FFFFFF;
  color: #000000;
}

div.l-sectionReadwriteHeader {
  font-weight: bold;
  border-top: 1px dotted #949596;
}

div.l-subSectionReadwriteHeader {
  font-weight: bold;
  border-top: none;
}

.l-sectionLeft {
  float: left;
  width: 27.5%;
  margin-right: 0.5%;
}

.l-sectionRight {
  float: left;
  width: 71.5%;
}

.l-section2columns {
  float: left;
  width: 50%;
}

.l-section3columns {
  float: left;
  width: 33.3%;
}

.l-section4columns {
  float: left;
  width: 25%;
}

.l-section20percent {
  float: left;
  width: 20%;
}

.l-section25percent {
  float: left;
  width: 25%;
}

.l-section33percent {
  float: left;
  width: 32.3%;
  padding-left: 1%;
}

.l-section40percent {
  float: left;
  width: 40%;
}

.l-section50percent {
  float: left;
  width: 50%;
}

.l-section60percent {
  float: left;
  width: 60%;
}

.l-section66percent {
  float: left;
  width: 65.6%;
  padding-right: 1%;
}

.l-section75percent {
  float: left;
  width: 75%;
}

.l-section80percent {
  float: left;
  width: 80%;
}

.barseparator {
  border-top: 2px solid #D4021d;
  padding-top: 10px;
  /*    margin-top: 10px;*/
}

.tablebarseparator {
  padding-top: 10px;
  border-bottom: 2px solid #D4021d;
}

.barseparatordown {
  border-bottom: 2px solid #D4021d;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.minboxlog {
  min-height: 132px;
  min-width: 367px;
}

.barseparator2 {
  line-height: 0;
}

.extrapadding {
  padding-bottom: 10px;
}

.extrapaddingbefore {
  padding-top: 10px;
}

.extramargin {
  margin-bottom: 10px;
}

.extramarginbefore {
  margin-top: 10px;
}

.negativemargin {
  margin-top: -5px;
}

.bignegativemargin {
  margin-top: -10px;
}

.spinnertop {
  margin-bottom: -10px;
  width: 24px;
}

ul.horizontallist {
  list-style: none;
}
ul.horizontallist li {
  display: inline;
}

ul.horizontallistblock {
  list-style: none;
}
ul.horizontallistblock li {
  display: inline-block;
}

ul.usuallist {
  list-style: disc;
}
ul.usuallist li {
  display: list-item;
}

ul.noliststyle {
  list-style: none;
}

ul.xsmallseparation li {
  margin: 0 1px 0 0;
}

ul.smallseparation li {
  margin: 0 5px 0 0;
}
ul.smallseparation li:last-child {
  margin: 0;
}

ul.mediumseparation li {
  margin: 0 10px 0 0;
}

ul.bigseparation li {
  margin: 0 15px 0 0;
}

ul.xbigseparation li {
  margin: 0 20px 0 0;
}

.l-floatright {
  float: right;
  /*Overwrite here what may change when content is right aligned*/
}
.l-floatright li {
  margin: 0 0 0 5px;
}

.alignleft {
  text-align: left;
}

.aligncenter {
  text-align: center;
}

.alignjustify {
  text-align: justify;
}

.alignright {
  text-align: right;
  /*Overwrite here what may change when content is right aligned*/
}

.alignright li {
  margin: 0 0 0 5px;
}

.alignright ul.xsmallseparation li {
  margin: 0 0 0 1px;
}

.alignright ul.smallseparation li {
  margin: 0 0 0 5px;
}

.alignright ul.mediumseparation li {
  margin: 0 0 0 10px;
}

.alignright ul.bigseparation li {
  margin: 0 0 0 15px;
}

.alignright ul.xbigseparation li {
  margin: 0 0 0 20px;
}

input[type=button].buttonAsLink, input[type=submit].buttonAsLink {
  background-color: #FFFFFF;
  color: #000000;
  border: 0 solid;
  text-decoration: underline;
  text-align: left;
  padding: 0;
  cursor: pointer;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  height: auto;
}

.validation-summary-errors, .errorfield {
  font-weight: bold;
  color: red;
}

.validation-summary-warnings, .warningfield {
  font-weight: bold;
  color: black;
}

.field-validation-error {
  color: red;
  vertical-align: top;
}

/*START Icons for buttons*/
.btnNext, .btnCancel, .btnClose, .btnDelete, .btnDetails, .btnBack, .btnFinish, .btnCreate, .btnSave, .btnUpdate, .btnSearch, .btnPrint, .btnReject, .btnDetails, .btnRight, .btnDown {
  padding-left: 22px;
  padding-right: 8px;
  background: url("images/icons/greyicons-v.png") no-repeat scroll left center #949596;
  background-size: 20px;
}

.btnNext {
  background-position: 0 -40px !important;
}

.btnCancel, .btnClose {
  background-position: 0 -100px !important;
}

.btnDelete, .btnReject {
  background-position: 0 -120px !important;
}

.btnBack {
  background-position: 0 0 !important;
}

.btnFinish {
  background-position: 0 -280px !important;
}

.btnCreate {
  background-position: 0 -80px !important;
}

.btnSave {
  background-position: 0 -240px !important;
}

.btnUpdate {
  background-position: 0 -300px !important;
}

.btnSearch {
  background-position: 0 -260px !important;
}

.btnRight {
  background-position: 0 -360px !important;
}

.btnDown {
  background-position: 0 -180px !important;
}

.btnPrint {
  background-position: 0 -220px !important;
}

.btnDetails {
  background-position: 0 -140px !important;
}

.imgUseInTransfer, .imgReuse, .imgEdit, .imgDelete, .imgShowDetails, .imgAccountDetails {
  border: 0;
  background: url("images/icons/redicons-h.png");
  background-size: 100px;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

.imgShowDetails {
  background-position: -80px 0 !important;
}

.imgUseInTransfer, .imgReuse {
  background-position: -60px 0 !important;
}

.imgEdit {
  background-position: -40px 0 !important;
}

.imgDelete {
  background-position: -20px 0 !important;
}

.imgAccountDetails {
  cursor: pointer;
  background-position: 0 0 !important;
}

.imgWarning {
  cursor: pointer;
  background-position: 0 0 !important;
  border: 0;
  background: url("images/icons/icon_exclamation.png") !important;
  background-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
}

.imgTakeAction {
  border: 0;
  background: url("images/icons/redicon-takeaction.png");
  background-size: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  background-position: 0 0 !important;
}

.imgBankPhone, .imgBankEmail, .imgBankWeb {
  padding-left: 22px;
  padding-right: 8px;
  background: url("images/icons/redBankicons-v.png") no-repeat scroll left center;
  background-size: 30px;
}

.imgBankEmail {
  background-position: 0 0 !important;
}

.imgBankWeb {
  background-position: 0 -24px !important;
}

.imgBankPhone {
  background-position: 0 -48px !important;
}

.imgPlus {
  cursor: pointer;
  background-position: 0 0 !important;
  border: 0;
  background: url("images/icons/plus.png");
  background-size: 20px !important;
  width: 20px !important;
  height: 20px !important;
}

.btnUpload {
  background-position: 0px -320px !important;
}

/*END Icons for buttons*/
/*State classes*/
.is-hidden {
  display: none !important;
}

.is-error {
  /*border: 2px solid $maincolor;*/
}

.toppopup {
  position: fixed;
  top: 0;
  left: 0;
  height: 49px;
  line-height: 50px;
  width: 100%;
  text-align: center;
  background-color: #D0D0D0;
  display: none;
  border-bottom: 1px dotted black;
  white-space: nowrap;
  z-index: 999;
}

.is-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.highlightHeader {
  text-transform: uppercase;
  font-weight: 600;
}

.javascriptErrorHeader {
  position: relative;
  background-color: #D4021d;
  height: 35px;
}

.javascriptErrorSubHeader {
  position: absolute;
  top: 30%;
  width: 100%;
  text-align: center;
  color: white;
  font-size: 1.1em;
}

.eAlbaniaOrdersColor {
  color: #D4021d;
}