/* Letters SCSS Document */
.lettersSection {
  margin-top: 60px;
}
.lettersSection .lettersContainer {
  margin-bottom: 30px;
}
.lettersSection .lettersContainer h2 {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 20px 0;
  text-transform: uppercase;
}
.lettersSection .lettersContainer .lettersTab ul {
  border-bottom: 1px solid #a9a9a9;
}
.lettersSection .lettersContainer .lettersTab ul li.active {
  font-weight: 600;
}
.lettersSection .lettersContainer .tabContent {
  margin-top: 30px;
}
.lettersSection .lettersContainer .tabContent .availableParagraphs, .lettersSection .lettersContainer .tabContent .currentSelection {
  width: 28%;
  float: left;
  padding-right: 20px;
}
.lettersSection .lettersContainer .tabContent .letterPreview {
  width: 44%;
  float: left;
}
.lettersSection .lettersContainer .tabContent .subHeader {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}
.lettersSection .lettersContainer .tabContent .scrollDiv {
  width: 100%;
  border: 1px solid #a9a9a9;
  height: 500px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 15px 20px;
}
.lettersSection .lettersContainer .tabContent .treeView {
  padding: 0;
}
.lettersSection .lettersContainer .tabContent .treeView ul li {
  margin-bottom: 0;
}
.lettersSection .lettersContainer .tabContent .treeView ul.tree li {
  margin-left: 0;
}
.lettersSection .lettersContainer .tabContent .treeView ul.tree li a {
  padding-left: 65px;
}
.lettersSection .lettersContainer .tabContent .treeView ul.tree li ul.tree li a {
  padding-left: 110px;
}
.lettersSection .lettersContainer .tabContent .treeView .nav > li > a:hover, .lettersSection .lettersContainer .tabContent .treeView .nav > li > a:active, .lettersSection .lettersContainer .tabContent .treeView .nav > li > a:visited {
  background-color: #eeeeee;
}
.lettersSection .lettersContainer .tabContent .tabBtnContainer {
  margin-top: 30px;
  padding-left: 0;
  padding-right: 0;
}
.lettersSection .lettersContainer .tabContent .tabBtnContainer .btn {
  height: 36px;
  line-height: 0;
  padding: 0px 10px 6px 10px;
  margin-bottom: 0;
  margin-right: 15px;
}
.lettersSection .lettersContainer .tabContent .tabBtnContainer .btn-main {
  border: 4px solid #00a6ca;
  background-color: #fff;
}
.lettersSection .lettersContainer .tabContent .tabBtnContainer .btn-main:hover {
  background-color: #007c97;
  border-color: #007c97;
}
.lettersSection .lettersContainer .tabContent .tabBtnContainer .addSignatureGroup, .lettersSection .lettersContainer .tabContent .tabBtnContainer .selectedPrinterGroup {
  float: right;
  margin-top: 5px;
}
.lettersSection .lettersContainer .tabContent .availParagraphsButtons {
  text-align: right;
}
.lettersSection .lettersContainer .tabContent .availParagraphsButtons .btn {
  margin-right: 0;
}