body {
  font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
  margin:0;
  padding:0;
  background: #F4F3EC;
}

div.fund-list {
  width : 1000px;
  margin: 0 auto;
  font-family: Verdana;
  background: #F4F3EC;
  font-size: 8pt;
}

div.head-div {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 90px;
}

div.head-div.fund-list-head{

  width: 100%;
  height: 95px;
  margin-bottom: 40px;
  box-shadow: 0 5px 20px 2px #888888;
  background: white;
}

div.head-div.fund-list-head div.logo {
  padding: 25px 20px 20px 20px;
}

div.topBar {
  height: 44px;
}
div.body-div{
  background: white;
  width:100%;
}

div.navBar {
  padding: 0 5px;
  margin: 0;
}

hr.navBarRule {
  margin-top: 0;
  margin-bottom: 10px;
}

h2.navTitle {
  margin-bottom: 0;
  font-family: Arial;
  font-size: 20px;
  font-weight: normal;
  text-transform: uppercase;
}

h2.navTitle small {
  font-size: 8pt;
}

div.table-div {
  padding: 5px;
}

table.list {
  min-height: 10px;
  max-height: 400px;
  overflow-y: scroll;
  overflow-x: hidden;
  width : 100%;
  border-collapse: collapse;
  background: white;
}

table.list thead tr{
  height: 30px;
  border-right: dotted 1px #919191;
  border-left: dotted 1px #919191;
  border-top: solid 1px #E9E9E9;
  font-weight: normal;
  background: #E9E9E9;
}

table.list thead th{
  height: 30px;
  border-right: dotted 1px #919191;
  border-left: dotted 1px #919191;
  border-top: solid 1px #E9E9E9;
  font-weight: normal;
}

table.list tbody tr:nth-child(even) {
  background: #F4F3EC;
}

td.body-cell {
  height: 20px;
  border: dotted 1px #919191;
}

td.body-cell.fund-name {
  text-align: left;
}

td.body-cell.fund-file {
  text-align: center;
}

div.head-container {
  margin: 0 10px;
}

div.navigation {
  width: 100%;
  background: #d6d4d4;
}
div.navigation-container {
  padding: 0px 2px;
}

div.links{
  margin-right: 10px;
  text-align: right;

}

a.request {
  margin-left: 10px;
}

div.links {
  min-height: 17px;
}

div.links a{
  color: white;
  cursor: pointer;
}

div.logo {
  width: 40%;
  float: left;
  height: 50px;
  color: white;
}

div.logo img {
  height: 100%;
  width: auto;
}

div.fund-name{
  display: table-cell;
  vertical-align: middle;
  float: right;
}

div.fund-name p {
  text-align: right;
  margin-right: 10px;
  color: white;
}

div.navigation {
  color: #000000;
  font-size: 11px;
  min-height: 25px;
}

td.td-tab {
  border-right: 1px black solid;
}

a.tab {
  display: block;
  padding: 5px 20px 10px 20px;
  margin: 0;
  text-decoration: none;
  cursor: pointer;
}

td.td-tab:hover a.tab {
  background: rgba(0,0,0,0.3);
}

td.td-tab a.tab.selected {
  background: rgba(0,0,0,0.3);
}

div.docframe-container {
  width: 100%;
  height: calc(100vh - 150px);
  margin: 0;
}

iframe#docframe {
  width: 100%;
  height: 100%;
  margin: 0;
  border: none;
}

.form-group {
  margin-bottom: 50px;
}

.col-sm-3 {
  width: 25%;
  float: left;
}

.col-sm-9 {
  width: 75%;
  float: left;
}

.col-offset-4 {
  margin-left: 33%;
}

.col-md-4 {
  width: 33%;
  float: left;
}

.form-control {
  display: block;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-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;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
  margin-top: 5px;
}

.form {
  margin-top: 20px ;
}

.text-center {
  text-align: center;
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}

.btn-primary {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
  background-image: linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #245580;
}

.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

#overlay {
  display:none;
  position:fixed;
  top:0;
  width:100%;
  height:100vh;
  z-index:1;
  text-align:center ;
}

#overlay .mask {
  background: #000000;
  opacity: 0.5;
  width: 100%;
  height: 100vh;
  position: fixed;
  z-index: -1;
}

#overlay .window {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  z-index:2;
}

#overlay .window .window-box {
  height: 500px;
  width: 700px;
  background: #F4F3EC;
  margin: auto;
  border: 1px solid black;
  text-align: left;
}

#overlay .window .window-box .window-title{
  height: 19px;
  text-indent: 3px;
  font-weight: bold;
  font-size: 8pt;
  overflow: hidden;
  width: 100%;
  border-bottom: 1px solid black;
  background: #ffffff;
}

#overlay .window .window-box .window-title .window-title-container {
  padding: 3px 3px 3px 0px;
}

#overlay .window .window-box .window-title .close{
  float: right;
  padding: 0 8px;
  cursor: pointer;
}

#overlay .window .window-box .window-body .window-body-container {
  height: 410px;
  width: 650px;
  padding: 5px ;
  border: solid 1px #CCCCCC;
  background: #FFFFFF;
  margin-left: 19px;
  margin-top:  30px;
}

#overlay .window .window-box .window-body .window-body-container .mail-form-container {
  width: 50%;
}

.mail-form-container h3, .mail-form-container h4 {
  margin: 0;
}

.mail-form-container label {
  width: 100%;
  font-size: 11px ;
}

.mail-form-container input {
  width: 100%;
  font-size: 11px ;
  border: solid 1px  black;
}


.mail-form-container span.asterik {
  color: red;
}

.mail-form-button {
  width: 100%;
  text-align: right;
}

.mail-form-button .btn {
  font-size: 12px;
  border: 1px solid black;
  background: #d4d4d4;
}