/* ==========================================================================
 Author's custom styles
 ========================================================================== */

/* Signup Form Style*/
/*
green #465842
dark green #313d2e

blue #8eb0cb 657e91
dark blue #3f5765

*/

html {
  position: relative;
  min-height: 100%;
}


body {
 background: #FFF; /* For browsers that do not support gradients */
 margin-bottom: 100px;
}
.testborder{
  border:1px solid #00ffff;
}
.redtext{
  color:red;
}
.center{
  text-align:center;
}
.h50row{
  height:50px;
  border-bottom: 1px solid #cccccc;
  
}
.centervdiv{
  position: relative;
  top: 50%;
  transform: perspective(1px)  translateY(-50%);
}
.centerdiv{
  margin-left:auto;
  margin-right:auto;
}
.extravroom{
  margin-top:18px;
  margin-bottom:18px;
}
.topcontainer{
  margin-top:32px;
  
}
.trialstatus{
  font-size:12px;
  color:red;
  font-weight:600;
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 100px;
  background-color: #fff;
}

#logbox {
  border-radius:10px;
  padding: 0px;
  margin: 50px auto;
  width: 340px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
}

#logbox h1{
  width:100%;
  background: #657e91;
  color:#ffffff;
  padding-top:20px;
  padding-bottom:20px;
  border-radius: 10px 10px 0px 0px;
}

h1 {

  text-align: center;
  font-size: 175%;
  color: #757575;
  font-weight: 600;
}

h1, h2, input .navbar-brand, .checkbox-tag{
  font-family: "niveau-grotesk",sans-serif;
}

.input {
  width: 75%;
  height: 50px;
  display: block;
  margin: 0 auto 15px;
  padding: 0 15px;
  border: none;
  border-bottom: 2px solid #ebebeb;
  text-align:center;
}
.input:focus {
  outline: none;
  border-bottom-color: #3CC !important;
}
.input:hover {
  border-bottom-color: #dcdcdc;
}
.input:invalid {
  box-shadow: none;
}

.pass:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset;
}

.inputButton {
  position: relative;
  width: 85%;
  height: 50px;
  display: block;
  margin: 30px auto 30px;
  color: white;
  background-color: #3f5765;
  border:none;
  font-family: "niveau-grotesk",sans-serif;
  font-size:18px;
  font-weight:400;
  border-radius:10px;
}
.inputButton:hover {
  top: -2px;
  
  -webkit-box-shadow:  0 3px 5px rgba(0, 0, 0, .5);
          box-shadow:  0 3px 5px rgba(0, 0, 0, .5);
}
.inputButton:active {
  top: 0px;
  box-shadow: none;
}
.inputButton:focus {
  outline: none;
}


.navbar-inverse {
  background-image: -webkit-linear-gradient(top, #657e91 0%, #3f5765 100%);
  background-image:      -o-linear-gradient(top, #657e91 0%, #3f5765 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#657e91), to(#3f5765));
  background-image:         linear-gradient(to bottom, #657e91 0%, #3f5765 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff657e91', endColorstr='#ff3f5765', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  -webkit-box-shadow:  0 3px 5px rgba(0, 0, 0, .25);
          box-shadow:  0 3px 5px rgba(0, 0, 0, .25);
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
  background-image:      -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
  background-image:         linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}

.navbar-brand{
  height:80px;
}
.navbar-brand img{
  /*height:100%*/
  margin-top:0px;
}


.usercredoptions{
  text-align:center;
  color:#cccccc;
}

.usercredoptions a{
  color: #cccccc;
  text-decoration:none;
}

.appwindow{
  /*border:1px solid #fff;
  border-radius:10px;
  background:#ececec;*/
}

.appsidebar{
  position: fixed;
  top: 51px;
  bottom: 0;
  left: 0;
  z-index: 1000;
  
  padding: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  /* Scrollable contents if viewport is shorter than content. */
  display: block;
  background-color: #f5f5f5;
  border-right: 0px solid #eee;
}

.appcontent{
  
  padding:8px;
  padding-left:28px;
  /*border-radius:0px 10px 10px 0px;*/
}
#clientlist{
  padding-top:40px
}
.appwindow ul{
  margin-top:20px;
}
.appwindow .nav-item{
  font-size:16px;
  font-weight:400;
}

table td{
  font-size:14px;
}
table th{
  font-size:16px;
}
.table .headerrow{
  padding-top:8px !important;
  padding-bottom:8px !important;
  border-top:0px !important;
  border:bottom 2px !important:
}
.nav-pills>li.active>a {
  /*background-color:#3f5765 !important;*/
  background-color:#bad900 !important
    color:#fff;
}
.nav-pills>li>a {
  color:#3f5765;
}

.btn-primary {
  background-image:      -webkit-linear-gradient(#bad900 0%, #91b300 100%);
  background-image:      -moz-linear-gradient(#bad900 0%, #91b300 100%);
  background-image:      -o-linear-gradient(#bad900 0%, #91b300 100%);
  background-image:      linear-gradient(#bad900 0%, #91b300 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbad900', endColorstr='#ff91b300', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #666666
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #bad900;
    border-color: #333333;
    background-position: 0 -100px
}

.btn-primary:active, .btn-primary.active {
    background-color: #bad900;
    border-color: #666666
}

.btn-primary:disabled, .btn-primary[disabled] {
    background-color: #cccccc;
    background-image: none
}
.title-container{
  margin-bottom:40px;
  height:60px;
}
.title-heading{
  float:left;
}
.title-button{
  float:right;
  margin-right:40px;
  margin-top:20px;
}
i{
  margin-left:4px;
  margin-right:4px;
}

.modal-dialog{
  width:100%;
}
.modal-header{
  background-color: #657e91;
  color: #ffffff;
}

.modal-header .close{
  color: #ffffff;
}
#contentformleft{
  padding-left:50px;
}
#contentformright{
  padding-top:86px;
}
.titlepreview, .abstracttitlepreview, .fulltitlepreview {
  color: #333333;
  font-family: "niveau-grotesk",sans-serif;
  font-weight:600;
  font-size:18px;
}
.fulltitlepreview {
  font-size:22px;
}

.abstractpreview, .fullbodypreview{
  color: #666666;
  font-family: "niveau-grotesk",sans-serif;
  font-size:14px;
}
 .fullbodypreview{
  font-size:16px;
}
.captiontxt{
  color: #ffffff;
  display:block;
  font-family: "niveau-grotesk",sans-serif;
  font-size:12px;
  font-style: italic;
  margin-bottom: 12px;
  padding:2px;
  

}
.captionpreview{
  background:#aaaaaa;
}
.imagepreview{
  
}
.imgdisplay{
  
}
tbody img{
  width:100%  
}
.imgtext{
 
}

.previewbox{
  border-radius:10px;
  border: 2px dotted #ccc;
  padding:6px;
  margin-bottom:10px;
}
.previewbox h5{
  text-align:right;
  color:#c5c5c5;
  margin-top:-4px;
}

button.btn.btn-primary.btn-lg{
  margin-right: -28px;
}
#errortxt{
  padding:4px;
}

pre {
  display: block;
  font-family: monospace;
  font-size:16px;
  white-space: pre;
  margin: 1em 0;
  border:1px #3f5765 solid;
  background-color: #000000;
  padding:8px;
  color:white;
}
.inactivelink {
  pointer-events: none;
  cursor: default;
  color:#cccccc;
}

.tagdisplay{
  border: solid 1px #ccc;
  display:inline-block;
  padding: 8px 12px;
  margin: 4px 8px;
}

.checkbox-tag{
  border:1px #999 solid;
  color:#fff;
  background-color:#657e91;
  border-radius:4px;
  padding-left:30px;
  padding-right:10px;
  
}

#ctags,#editctags{
  display:none;
}
.tagsarea{
  
  overflow:hidden;
  padding:20px;
  background-color:#e5e5e5;
}
.adsdisplay{
  margin-bottom:40px;
}
.adstats{
  font-size:14px;
}

#contenttable a{
  cursor:pointer;
}
#contenttable h1{
  font-size:28px;
  font-weight:600;
  text-align:left;
}