/* This would ensure scrollbar appear outside of main body in IE */
@-ms-viewport { width: auto; }

html,body {height:100%;margin:0;}
body, p, span, a, div, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;}
hr {margin-top:5px;margin-bottom:5px;}
.container {min-width:1500px;height:100%;padding:0;margin:0;max-width:none !important;}
.float-left {float:left;}
.float-right {float:right;}
.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.no-padding {padding:0;}
.no-margin {margin:0;}
.full-width {width:100%;}
.white-font {color:white;}
.center {text-align:center;}
.clearfix { zoom: 1; }

/* colors */
.green {font-weight:bold;color:#2AB05B;}
.yellow {font-weight:bold;color:#EADE16;}
.red {font-weight:bold;color:#FD595B;}
.cyan {font-weight:bold;color:#00abec;}
.blue {font-weight:bold;color:#1244ac;}
.gray {font-weight:bold;color:#393939;}
.lighterGray {font-weight:bold;color:#888;}
.faintGray {color:#ccc;}
.black {color:black;}
.orange {color:#ff6600;}
.white {color:#fff;}

/* bootstrap navbar overwrite */
.navbar {background-color:midnightblue;margin-bottom:0px;color:white;border-radius:0px;}
.navbar-header {padding:0;width:100%;height:56px;}
.navbar-header {margin:0;}
.navbar-brand {color:white;font-weight:normal;}
.navbar-brand img {height:48px;position:relative;top:-10px;}
.navbar-menu {position:relative;top:16px;left:0px;}
.navbar-nav {margin:-4px 0 0 0;padding-left:0px;position:relative;top:0px;background-color:midnightblue;width:100%;}
.navbar a, .navbar a:hover, .navbar a:visited {color:white;text-decoration:none;outline:none;}
.nav {font-size:14px;font-weight:normal;margin-left:0;display:flex;}
.nav > li > div {text-align: center;display:flex;flex-direction:column;}
.nav > li > div {margin:0 20px;padding:8px 0 10px 0;}
.navbar-nav > li > div > i {color:white;font-size:32px;}
.navbar-active {font-size:1.1em;margin-bottom:-14px;line-height:15px;position:relative;top:6px;}
.nav > li:hover, .nav > li:focus {font-weight:600;}
.nav > li > div > a:hover,.nav > li > span > a:hover,.nav > li > div > a:focus,.nav > li > span > a:focus {text-decoration:none;color:white;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background:none;}
.nav .caret {color:white;border-top-color:white;border-bottom-color:white;}
.navbar-nav .dropdown-menu{border-radius:0;margin:0;top:45px;}
.navbar-nav .dropdown .dropdown-menu li > a{font-size:14px;padding:5px 15px;}
.navbar-nav .dropdown .dropdown-menu li > a:hover,.navbar-nav .dropdown .dropdown-menu li > a:focus{background:#eee;}
.nav .section-indicator {width:10px;padding-top:0px;margin-right:15px;margin-left:15px;font-size:inherit;}
.navbar-nav {float:left;}
.dropdown-menu li {text-align:left;}
.dropdown .dropdown-menu li > a:hover, .dropdown .dropdown-menu label:hover, .filterListItem {background-color:#eee;cursor:pointer;}
.dropdown .dropdown-menu li > a, .dropdown .dropdown-menu label, .dropdown-menu ul {
    display: block;
    color: #555;
    text-decoration: none;
    line-height: 18px;
    font-size:12px;
    list-style:none;
}
.maintenance-text {color:red;font-size:28px;line-height:32px;}
.appsite-text {color:red;font-size:28px;line-height:32px;left:300px;}

/* Set padding to keep content from hitting the edges */
.body-content {padding-left:15px;padding-right:15px;}

/* Override the default bootstrap behavior where horizontal description lists  will truncate texts that are too long to fit in the left column */
.dl-horizontal dt {white-space:normal;}

/* Set default width on the form input elements since they're 100% wide by default */
/*input, select, textarea {max-width:500px;}*/
input.btn {width:auto;}
select {height:30px;}

.model-wide {width:80%; /* either % (e.g. 60%) or px (400px) */}

.form-group .urla {margin-top:7px;}
.tab-content .control-label {text-align:left;}
.grid-header-wide {min-width:300px;}

/* to to top styling */
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px; /* negative of the offset - height of link element */
    right: 10px; /* padding from the left side of the window */
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px; /* height of link element */
    left: 10px; /* padding from the left side of the window */
}

/* shared generic styles */
.vertical-align {display:flex; flex-direction:row; align-items:center;}
.vertical-align > [class^="col-"],.vertical-align > [class*=" col-"] {display:flex;align-items:center;}

/* error */
.bug-margin {margin-top:25px;}

/* alert */
.alert-container {margin-top:10px;}

/* Wait Spinner Styles */
#waitAnimation {
    display: none;
    font-size: 100px;
    z-index: 10000;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -50px;
    width: 100px;
    height: 100px;
}

/* sticky footer - hug the bottom of the browser window */
#app-page {min-height:100%;margin-bottom:-30px;}
.app-footer, .sticky {float:right;height:30px;}
.footer span {color:black;}

/* app page master layout */
.app-page-container {padding:10px 20px;min-height:600px;min-width:1200px;width:100%;}
.app-login {float:right;text-align:right;padding:5px 20px;}
/*.login-text a {color:black !important;}*/
.login-text a:hover {text-decoration:underline;}
.empty-menu {color:white;position:relative;top:0px;height:36px;background-color:midnightblue;width:100%;}
ul.client-menu {top:-35px;left:150px;}
.app-title {color:white;font-size:24px;position:relative;top:-5px;}
.home-page {display:flex;}
.home-pane {color:black;font-size:20px;font-family:sans-serif;flex:0 0 820px;}
.home-pane ul {list-style-type:square;}
.home-pane ul li {margin:5px;}
.home-pane-paragraph {}
.home-pane-bar {background-color:green;color:white;padding:10px;margin-bottom:10px;}
.signin-pane {margin-left:40px;flex:1;max-width:200px;}
.signin-pane-divider {background-color:white;height:1px;width:100%;padding-top:1px;}
.signin-pane-title {padding:10px;background-color:green;color:white;border-radius:10px 10px 0 0;}
.signin-pane-title span {padding-left:10px;}
.signin-pane-account {padding:1px 0 1px 0;background-color:#8bd48f;color:black;margin-top:20px;border-radius:10px;}
.round-corner {border-radius:10px;}
#appClient {position:absolute;left:250px;top:24px;}
.social-account {margin:10px;}
.social-account button {width:160px;text-align:left;}
.social-account button i {width:16px;}