@charset "utf-8";
/* CSS Document */

/* page setup */
#main.inner-page {  margin-top: 0;}
section.inner-page { padding: 10px 0 }
section.inner-page .ip-lrg { margin-top: -200px; z-index: 100; position: relative; }
section.inner-page .ip-lrg.sc { min-height: 200px; background:none }
section.inner-page .ip-lrg h3.pheader { color: #eee; background: #f7710f; padding: 5px 0; margin: 0 2px;  text-align: center; font-size:1.2rem}
.home-header { background:#b82025;; padding:3px 0;margin-bottom: 10px; }
.home-header h3 { font-size:16px; color: #eee; margin:0 }
#home-content { width:100%; max-width:500px; margin:0 auto; padding:10px 10px 20px }
.tinyDiv { padding:2px 4pxpx; min-height:120px; text-align:left }
#response { position: fixed; left:0; top:5px; padding:5px 10px; width:100%; max-width:350px; left:5px; z-index:1000; font-size: 13px; }
#response.alert-dismissible .btn-close { padding: .25rem;}
.dropDiv { background:#FCC; border:1px dotted; padding:6px 12px 2px 16px; text-align:center; color:#666}
#header .logo img { width: 160px }
@media screen and (max-width:  768px) {
section.inner-page { padding: 10px 0 }
section.inner-page .ip-lrg { margin-top: 5px; z-index: 200 }
.breadcrumbs { margin-top: 5px; }
.dropDiv { padding:0}
.dropDiv span { display:none }
}
#clientContentDiv, #clientMenuDiv { background:#fff }
#clientMenuDiv { padding:5px 10px; max-width:300px }
#clientMenuDiv .nav-pills .nav-link.active, .nav-pills .show > .nav-link{background-color: #b82025;; padding: .3rem 1rem; }
#clientMenuDiv .nav-pills .nav-link { padding: .2rem;  }
#clientMenuDiv .nav-pills .nav-link:hover { background-color: #d16165; border-radius:2px; color:#eee}
/* login form */
section.inner-page .ip-lrg.sc.login { background:none }
section.inner-page .ip-lrg h2.pheader { color: #eee; background:#f7710f; padding:5px 0;  margin: 0 2px; text-align: center;}
#formsDiv { position:relative;overflow: hidden;min-height: 300px; }
#mainDiv { padding:20px;margin: 20px 0;background: #fff;min-height: 260px;}
#mainFormsDiv { position:relative; min-height:300px }
#login-form, #pass-form { float:left;  overflow: hidden; width:100%; position:absolute; top:10px}
#pass-form { left:-1000px;padding: 0 10px;}
#alertDiv { position:absolute; bottom:0; width:100%; margin:0}
#labelpass { position:relative }
#showpass { position:absolute;right: 12px;top: -4px;z-index:100 }
#showpass a { font-size:11px }
/* tab css */
.divClientInfo legend { font-size:20px; margin-bottom:12px; float:none  }
#v-pills-tabContent { width:100%;padding:5px 20px 20px; min-height: 200px; }
.picDiv { width:100%; float:left; display:inline-block; padding:5px 0 }
.picDiv div{ width:100%; color:#fff;background:#5163ad}
.picDiv img{max-width: 100%; width: auto;}
.divClientInfo label { font-size:16px; font-weight:bold; color:#222 }

@media screen and (max-width:  768px) {
#v-pills-tabContent { width:100%;padding:5px 0 20px; min-height: 200px; }	
}