body, html {
    height: 100%; margin: 0px;
    font-family: verdana,helvetica,tahoma,sans-serif;
    font-size: 10pt;
}

.maindiv {
    background-color: white; /*#F2F2F2;*/
    padding: 0px;
    margin: 0px 0px 0px 0px;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
}

.Wt-itemview { /* This is treeview, tables (address all content panels) */
    background-color: white;
    border:1px solid lightgrey;
    /* border-top: 2px solid  #37A092; */
    margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.Wt-treeview {
    height:100%;
    width:100%;
}

.title {
    font-weight: bold;
}

.about {
    background-color: white;
    border: 1px solid #98B0D0;
    font-size: 80%;
}

.panel-class {
    padding: 0px;
    margin: 3px 0px 0px 0px;
    border-color: #37A092;
    color: black;
}
fieldset { 
    display: block;
    border:2px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; 
    border-color: #37A092;
    background-color: white;
}

.tabwidget { 
    display: block;
    border:none;
}

.panel-class legend {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  border: 2px solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;  
  font-size: 110%;
  text-align: left;
  margin-bottom: 5px;
  border-color: #37A092;
  color: black;
  background-color:rgb(242, 253, 253); 
  width:auto;
 }

.tabwidget > .nav > li > a { /* Caption of the tab page in Views (within central content panel)*/
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
    color: black;
    font-size: 100%;
    background-color:rgb(242, 253, 253); 
    border-color: #37A092;
}

.toolbar-icon-buttons {
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding: 2px;
    margin: 1px;
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 1px;
    margin-bottom: 1px;
    width:22px;
    height:22px;
    vertical-align: central;
    border:hidden;
}

/* Popup dialog windows: */
#about-dialog-content div, #about-dialog-content h3, #about-dialog-content p, #about-dialog-content li{
    background-color: white;
    color: black;
}
#about-dialog-content div, #about-dialog-content body {
    margin:15px 15px 15px 15px;
}

#quick-start-content div, #about-dialog-content body {
    margin:15px 15px 15px 15px;
}
#quick-start-content div, #about-dialog-content h3, #about-dialog-content p, #about-dialog-content li{
    background-color: white;
    color: black;
}

#about-dialog .modal-header {
    min-height: 16.428571429px;
    padding: 15px;
    border-bottom: 1px solid #37A092;
    background-color: #37A092;
    background-image: linear-gradient(#00B9B9,#009999);
    color: white;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}
#about-dialog-content a {
    font-weight: bold;
    background-color: white;
    color: black;
}
#about-dialog-content a:hover {
    font-weight: bold;
    background-color: white;
    color: forestgreen;
}
#about-dialog-content a:visited {
    color: #4FCFD6;
    font-weight: bold;
}

.terms-of-use-content {
    background-color: white;
    color: black;
    margin:15px;
}
.terms-of-use-content body {
    margin:15px;
}
.terms-of-use-content html {
    margin:15px;
}
.terms-of-use-content a:hover {
    font-weight: bold;
    background-color: white;
    color: forestgreen;
}
.terms-of-use-content a:visited {
    color: #4FCFD6;
    font-weight: bold;
}

.registration-error {
    color:red;
    width:auto;
    padding:5px;
}
.registration-required-field {
    color:orangered;
    vertical-align:middle;
}
.registration-fields{
    border:0;
    padding:5px;
    width:100%;
}

.registration-fields tr:nth-child(odd) {
  background-color:#EBF7F6;
}

.registration-fields tr:nth-child(even) {
  background-color:white;
}

.registration-fields-labels {
    text-align:left;
    vertical-align:middle;
    min-width:initial;
    width:auto;
    padding:5px;
}
.registration-fields-labels td {
    vertical-align:middle;
}
.registration-fields-values {
    text-align:left;
    width:auto;
    padding:5px;
}

/* #OWA-user-registration-dialog */
.modal-header { /*The same as About dialog window*/
    min-height: 16px;
    padding: 15px;
    border-bottom: 1px solid #37A092;
    background-color: #37A092;
    background-image: linear-gradient(#00B9B9,#009999);
    color: white;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

.login-fields{
    border:0;
    padding:5px;
    width:100%;
}

.navbar, .navbar-default {
    color: white;
    background-color:#37A092;
    background-image: linear-gradient(#00B9B9,#009999);
    min-height:20px;
    padding:0px;
    margin:0px 0px 0px 0px;
    margin-bottom:0px;
    border:none;
    border-radius: 0px;
}
.navbar-brand {
    vertical-align:middle;
    background-color: transparent;
    background-image:none;
}
.navbar-header a, .navbar-header a:visited {
    color: #3BFFF8;
    background-color: transparent;
    background-image:none;
}
.navbar-header, .navbar-header a:hover, .navbar-brand, .navbar-brand a:hover{
    color:white;
    background-color: transparent;
    background-image:none;
}

.navbar-left {
    vertical-align:middle;
    color:white;
    background-color: transparent;
    background-image:none;
    font-size:14pt;
}

.owa-title-product a:hover {
    color:white;
}
.owa-title-product a:visited {
    color: #3BFFF8;
}
.owa-title-product a {
    color: #3BFFF8;
}
.owa-title-product {
    color: #3BFFF8;
}

.owa-title-vendor {
    color:white;
}
.owa-title-vendor a {
    color:white;
}
.owa-title-vendor a:hover {
    color: #3BFFF8;
}
.owa-title-vendor a:visited {
    color:white;
}

#owa-announcements {
    display:block;
    font-size:12pt;
    vertical-align:middle;
    color:red;
    background-color: transparent;
    background-image:none;
}


::-webkit-scrollbar {
    width: 12px;
    height: 12px;
    background-color: #F2F2F2;
}
 
::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    /*/border-radius: 3px; */
    background-color:#F2F2F2;
}
 
::-webkit-scrollbar-thumb {

    border-radius: 6px;
    background-color: #F2F2F2;
    -webkit-box-shadow: inset 0 0 6px grey; /*#3abbc2;*/
}

::-webkit-scrollbar-button
{

    /*background-image:url("icons/arrowRight16.png");*/

    background-color: #F2F2F2;
    -webkit-box-shadow: inset 0 0 8px grey;
    
    
    border-radius: 3px; 
    /*border-color:blue;*/
    /*-webkit-box-shadow: inset 0 0 6px #3abbc2; */
}
::-webkit-scrollbar-corner {
    color: #F2F2F2;
    background-color: #F2F2F2;
    /* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
}

.owa-svg {
    fill:#37A092;
}

svg {
    fill:#37A092;
}

.discoveryTree {
    border-width:2px;
}

.Wt-auth-login legend {
    font-size: 10pt;
    text-align:center;
    width:auto;
    margin-bottom:0px;

    padding-left: 5px;
    padding-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;

    border: 1px solid;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;  
    border-color: darkcyan;
    color: darkcyan;
    background-color:rgb(242, 253, 253); 
    width:auto;
}

.Wt-auth-login fieldset {
    color: darkcyan;
    border-color: darkcyan;
    min-width: 325px;
    border: 1px solid;
}

.owa-oauth-controls {
    vertical-align: central;
    padding: 5px 5px 5px 5px;
}

.owa-oauth-google {
    color:white;
    background:blue;
    border-radius:4px;
    margin-right: 10px;
}

.owa-oauth-facebook {
    color:white;
    background:#4267B2; /*This is the color recommended by Facebook*/
    border-radius:4px;
    padding: 0px 0px 0px 0px; 
}

.owa-oauth-controls .btn { /* To override settings inherited from .btn class */
    padding: 0px 0px 0px 0px;
    border:none;
    margin-left: 10px;
}

.Wt-auth-icon {
    padding:0px 5px 0px 5px;
}
.Wt-itemview .Wt-tv-rh
{
	height:20px;
}

.modal-body
{
    height:80%;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: auto; /* Auto makes login windows have nice minimal width */
        margin: 30px auto;
        max-width: 50%; /* Limitation for other then login windows */
    }
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}