﻿/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
}


/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Top navigation
 * Hide default border to remove 1px line.
 */
.navbar-fixed-top {
  border: 0;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}
@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    top: 51px;
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}
.nav-sidebar li ul {
    list-style: none;
    margin: 0;
    padding: 10px 0;
    background: #eee;
}
.nav-sidebar li ul li a {
    display: block;
    padding: 5px 40px;
}
.nav-sidebar li ul li a:hover, .nav-sidebar li ul li a:active, .nav-sidebar li ul li a:focus {
    text-decoration: none;
}
/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}


/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}


/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 50px;
  /*background-color: #f5f5f5;*/
}
.footer p {
    padding:10px 20px;
    margin:0;
}
.answer-group {
    padding-bottom:20px;
}
.answer {
    padding:5px 10px;
    transition: background .2s linear; 
    -o-transition: background .2s linear; 
    -moz-transition: background .2s linear; 
    -webkit-transition: background .2s linear;
    border-radius:5px;
}
    .answer:hover {
        background:#f5f5f5;
    }
.answer .rbSkinnedButton {
    margin:3px 0 0 5px;
    opacity:0;
    transition: opacity .2s linear; 
    -o-transition: opacity .2s linear; 
    -moz-transition: opacity .2s linear; 
    -webkit-transition: opacity .2s linear;
}
.answer:hover .rbSkinnedButton, .rbSkinnedButton.rbSkinnedButtonChecked, .touch .answer .rbSkinnedButton {
    opacity:1;
}
    .answer .delete-photo {
        margin:3px 0 0;
        opacity:0;
        transition: opacity .2s linear; 
        -o-transition: opacity .2s linear; 
        -moz-transition: opacity .2s linear; 
        -webkit-transition: opacity .2s linear;
    }
    .answer:hover .delete-photo, .touch .answer .delete-photo {
        opacity:1;
    }

body.login {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #eee;
  /* ADDED BELOW TO CHANGE LOGIN PAGE */
  /*background: #eee url('https://www.anwcasting.com/ANW7_Background.jpg') top center no-repeat;*/
  background: #eee url('/images/login-bg.jpg') top center no-repeat;
  background-size: cover;
}

img.unbreakable-logo { max-width: 100%; height: auto; }

#login-content .panel-primary { border-color: #999; }
#login-content .panel-primary>.panel-heading, #login-content .btn-primary { background-color: #999; border-color: #999; }
.recovery.pull-left a { color: #888; }
body.login .btn-primary {
  background-image: -webkit-linear-gradient(#999, #888 60%, #777);
  background-image: -o-linear-gradient(#999, #888 60%, #777);
  background-image: linear-gradient(#999, #888 60%, #777);
}
  /* ADDED ABOVE TO CHANGE LOGIN PAGE */

.form-signin {
  max-width: 430px;
  min-width:300px;
  padding: 15px;
  margin: 0 auto;
}
    .form-signin .error {
        color:red;
    }
    .form-signin table {
        width:100%;
    }
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  height: auto;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="email"] {
  margin-bottom: -1px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}


table#ctl00_MainContent_RadGrid1_ctl00 td {
    text-align: center;
}

table#ctl00_MainContent_RadGrid1_ctl00 thead th {
    font-weight: bold;
    text-align: center;
    background: #eee;
    font-size: 13px;
    padding-bottom: 10px;
    padding-top: 10px;
    color: #000;
}
table#ctl00_MainContent_RadGrid1_ctl00 tr:hover td {
    background:#eee;
    cursor:pointer;
}

tr.rgNoRecords div {
    padding: 20px;
    text-align: center;
}