body {
    /*margin-top: 80px;*/
    background-color:lightgray
}

.form-control {
    background-color: #E2ECF5;
}

input[type=text], input[type=password] {
    background-color: #E2ECF5;
}
select {
    background-color: #E2ECF5;
}

input[type=textarea] {
    background-color: #E2ECF5;
}
textarea {
    background-color: #E2ECF5;
}
/*input[type=reset], input[type=submit] {
    background-color: #E2ECF5;
}*/

a:link, a:visited
{
    color:#6699CC;
    font-family:Arial Regular, Arial;
    font-weight:400;
    /*text-decoration:none;*/
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
    cursor:pointer
}

a:active
{
    color: #034af3;
}

maincontent {
    min-height: 800px;
}

.btn-round {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.btn-round.btn-lg {
    width: 48px;
    height: 48px;
}

.btn-round.btn-sm {
    width: 34px;
    height: 34px;
}

.btn-round.btn-xs {
    width: 24px;
    height: 24px;
}


.padding-sm {
    margin-bottom:2px;
    margin-top:2px;
}

.newStyle1
{
  font-family: "Glyphicons Halflings";
  /*content: "\e079";*/
}



/*This is here to change the fonts to serif like sandy wanted*/

    h1,h2,h3 {
      font-family: Georgia, "Times New Roman", Times, serif;
      /*font-size: 2.2em;*/
    }


/*This is here so i can meke my glyphicons bigger*/
.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}



.radioPad label,
.checkboxPad label {
  min-height: 20px;
  padding-left: 10px;
  margin-bottom: 10px;
  font-weight: bold;
  cursor: pointer;  
}

.btn-cust {
  background-color: #9DC3E0;
  color:darkslategrey;
  /*color: #000;
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);*/
  
  background-color: #8ebadb;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom,#9DC3E0,#76abd4);
    border-left-color: #76abd4;
    border-right-color: #76abd4;
    border-top-color: #76abd4;
    border-bottom-color: #3d88c1;
    border-color: #76abd4;
}
.btn-cust:hover,
.btn-cust:focus {
    color: #fff;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  -moz-transition: background-position .1s linear;
  -o-transition: background-position .1s linear;
  transition: background-position .1s linear;
}
.btn-cust:hover,
.btn-cust:focus {
  background-color: #76abd4;
}
.btn-cust:active,
.btn-cust.active,
.btn-cust.active:hover {
  background-color: #8ab7da;
  border-color: #76abd4;
}
.btn-cust.disabled:hover,
.btn-cust.disabled:focus,
.btn-cust.disabled:active,
.btn-cust.disabled.active,
.btn-cust[disabled] .btn-oldstyle:hover,
.btn-cust[disabled] .btn-oldstyle:focus,
.btn-cust[disabled] .btn-oldstyle:active,
.btn-cust[disabled] .btn-oldstyle.active {
  background-color: #9DC3E0;
  border-color: #9DC3E0;
}





.center {
    text-align:center;
}
.right {
    text-align:center;
}
.left {
    text-align:left;
}

.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination-ys table > tbody > tr > td {
    display: inline;
}

.pagination-ys table > tbody > tr > td > a,
.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #dd4814;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}

.pagination-ys table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.42857143;
    text-decoration: none;    
    margin-left: -1px;
    z-index: 2;
    color: #aea79f;
    background-color: #f5f5f5;
    border-color: #dddddd;
    cursor: default;
}

.pagination-ys table > tbody > tr > td:first-child > a,
.pagination-ys table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.pagination-ys table > tbody > tr > td:last-child > a,
.pagination-ys table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.pagination-ys table > tbody > tr > td > a:hover,
.pagination-ys table > tbody > tr > td > span:hover,
.pagination-ys table > tbody > tr > td > a:focus,
.pagination-ys table > tbody > tr > td > span:focus {
    color: #97310e;
    background-color: #eeeeee;
    border-color: #dddddd;
}


.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: #000;
    background: white;
}


.errlabel {font-size:  small; color: #900; font-weight:bold;}
.errvalidator {font-size: small; color: #900;}

/*### GridView ###*/
.GridView {margin-bottom:15px;}
.GridView td, .GridView th {padding:3px 5px 3px 5px; border:solid 1px #E6E6FA}
.GridView tr.Header {border:1px solid #ccc;}
.GridView .Header th {text-align:left;background-color:silver;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.GridView .Header2 th {background-color:silver;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
/*.GridView .Row td {border-bottom:1px solid #e1e1e1;}
.GridView .AltRow td {border-bottom:1px solid #ccc;background-color:#F1F1F1;}
.GridView .Row:hover td, .GridView .AltRow:hover td {background-color:yellow;}*/
.GridView td.Center {text-align:center;}
.GridView tr.Pager{font-weight:bold;}
.GridView .alt { background: #fcfcfc url(Images\grd_alt.png) repeat-x top; } 
.GridView .hdr {background-color:lightsteelblue;}
/*.GridView .hdr {background: #424242 url(Images\grd_head.png) repeat-x top;}*/



/* AJAX TOOLKIT CALENDAR
----------------------------------------------------------*/
.MyCalendar .ajax__calendar_container {
    border:1px solid Black;
    background-color: LightYellow;
    color: red;
}

.MyCalendar .ajax__calendar_active 
{
	border:1px solid Black;
    background-color: Khaki;
    color: Black;
}

.MyCalendar .ajax__calendar_header
{
	border:1px solid Black;
    background-color: #77614D;
    color: #FFE0C0;
}

.MyCalendar .ajax__calendar_footer
{
    background-color: #DDCCBB;
    color: #884400;
}

.MyCalendar .ajax__calendar_dayname
{
    color: #884400;
}

.MyCalendar .ajax__calendar_other
{
	background-color: White;
	color: #DDCCBB;
}



.box {
	border-color: #e6e6e6;
	background: #FFF;
	border-radius: 6px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
	padding: 10px;
	margin-bottom: 40px;
}

.box-center {
	margin: 20px auto;
}
/* input [type = file]
----------------------------------------------- */

input[type=file] {
	/*display: block !important;*/
	/*right: 1px;
	top: 1px;*/
	height: 34px;
	/*opacity: 0;
    width: 100%;*/
	/*background: none;*/
	/*position: absolute;*/
    /*overflow: hidden;*/
    /*z-index: 2;*/
}

.control-fileupload {
    display: block;
    background: #FFF;
    border-radius: 4px;  
}
  
  /*&:before, input, label {
    cursor: pointer !important;
  }

  &:before {

    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: color 0.2s ease;

    
    content: 'Browse';
    display: block;
    position: absolute;
    z-index: 1;
    top: 2px;
    right: 2px;
    line-height: 20px;
    text-align: center;
  }
  &:hover, &:focus {
    &:before {
      color: #333333;
      background-color: #e6e6e6;
      color: #333333;
      text-decoration: none;
      background-position: 0 -15px;
      transition: background-position 0.2s ease-out;
    }
  }*/
   

/* The navigation menu links 
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s
}*/

/* When you mouse over the navigation links, change their color
.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
} */

/* Position and style the close button (top right corner) 
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}*/

/* Style page content - use this if you want to push the page content to the right when you open the side navigation 
#main {
    transition: margin-left .5s;
    padding: 20px;
}*/

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) 
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
} */


/*#header {
    position: fixed;
    z-index: 10;
    right: 0;
    left: 0;
    top: 0;
}
.headroom {
    transition: transform 200ms linear;
}
.headroom--pinned {
    transform: translateY(0%);
}
.headroom--unpinned {
    transform: translateY(-100%);
}
.animated{-webkit-animation-duration:.5s;-moz-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideDown{0%{-moz-transform:translateY(-100%)}100%{-moz-transform:translateY(0)}}@-o-keyframes slideDown{0%{-o-transform:translateY(-100%)}100%{-o-transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}.animated.slideDown{-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-100%)}}@-moz-keyframes slideUp{0%{-moz-transform:translateY(0)}100%{-moz-transform:translateY(-100%)}}@-o-keyframes slideUp{0%{-o-transform:translateY(0)}100%{-o-transform:translateY(-100%)}}@keyframes slideUp{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}.animated.slideUp{-webkit-animation-name:slideUp;-moz-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp}@-webkit-keyframes swingInX{0%{-webkit-transform:perspective(400px) rotateX(-90deg)}100%{-webkit-transform:perspective(400px) rotateX(0deg)}}@-moz-keyframes swingInX{0%{-moz-transform:perspective(400px) rotateX(-90deg)}100%{-moz-transform:perspective(400px) rotateX(0deg)}}@-o-keyframes swingInX{0%{-o-transform:perspective(400px) rotateX(-90deg)}100%{-o-transform:perspective(400px) rotateX(0deg)}}@keyframes swingInX{0%{transform:perspective(400px) rotateX(-90deg)}100%{transform:perspective(400px) rotateX(0deg)}}.animated.swingInX{-webkit-transform-origin:top;-moz-transform-origin:top;-ie-transform-origin:top;-o-transform-origin:top;transform-origin:top;-webkit-backface-visibility:visible!important;-webkit-animation-name:swingInX;-moz-backface-visibility:visible!important;-moz-animation-name:swingInX;-o-backface-visibility:visible!important;-o-animation-name:swingInX;backface-visibility:visible!important;animation-name:swingInX}@-webkit-keyframes swingOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg)}100%{-webkit-transform:perspective(400px) rotateX(-90deg)}}@-moz-keyframes swingOutX{0%{-moz-transform:perspective(400px) rotateX(0deg)}100%{-moz-transform:perspective(400px) rotateX(-90deg)}}@-o-keyframes swingOutX{0%{-o-transform:perspective(400px) rotateX(0deg)}100%{-o-transform:perspective(400px) rotateX(-90deg)}}@keyframes swingOutX{0%{transform:perspective(400px) rotateX(0deg)}100%{transform:perspective(400px) rotateX(-90deg)}}.animated.swingOutX{-webkit-transform-origin:top;-webkit-animation-name:swingOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:swingOutX;-moz-backface-visibility:visible!important;-o-animation-name:swingOutX;-o-backface-visibility:visible!important;animation-name:swingOutX;backface-visibility:visible!important}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}100%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}}@-moz-keyframes flipInX{0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}100%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}}@-o-keyframes flipInX{0%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}100%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}100%{transform:perspective(400px) rotateX(0deg);opacity:1}}.animated.flipInX{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible!important;-moz-animation-name:flipInX;-o-backface-visibility:visible!important;-o-animation-name:flipInX;backface-visibility:visible!important;animation-name:flipInX}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0}}@-moz-keyframes flipOutX{0%{-moz-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-moz-transform:perspective(400px) rotateX(90deg);opacity:0}}@-o-keyframes flipOutX{0%{-o-transform:perspective(400px) rotateX(0deg);opacity:1}100%{-o-transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}100%{transform:perspective(400px) rotateX(90deg);opacity:0}}.animated.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible!important;-o-animation-name:flipOutX;-o-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-200px)}60%{opacity:1;-webkit-transform:translateY(30px)}80%{-webkit-transform:translateY(-10px)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes bounceInDown{0%{opacity:0;-moz-transform:translateY(-200px)}60%{opacity:1;-moz-transform:translateY(30px)}80%{-moz-transform:translateY(-10px)}100%{-moz-transform:translateY(0)}}@-o-keyframes bounceInDown{0%{opacity:0;-o-transform:translateY(-200px)}60%{opacity:1;-o-transform:translateY(30px)}80%{-o-transform:translateY(-10px)}100%{-o-transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-200px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}100%{transform:translateY(0)}}.animated.bounceInDown{-webkit-animation-name:bounceInDown;-moz-animation-name:bounceInDown;-o-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0)}30%{opacity:1;-webkit-transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-200px)}}@-moz-keyframes bounceOutUp{0%{-moz-transform:translateY(0)}30%{opacity:1;-moz-transform:translateY(20px)}100%{opacity:0;-moz-transform:translateY(-200px)}}@-o-keyframes bounceOutUp{0%{-o-transform:translateY(0)}30%{opacity:1;-o-transform:translateY(20px)}100%{opacity:0;-o-transform:translateY(-200px)}}@keyframes bounceOutUp{0%{transform:translateY(0)}30%{opacity:1;transform:translateY(20px)}100%{opacity:0;transform:translateY(-200px)}}.animated.bounceOutUp{-webkit-animation-name:bounceOutUp;-moz-animation-name:bounceOutUp;-o-animation-name:bounceOutUp;animation-name:bounceOutUp}

@media screen and (max-width: 768px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
  }

  .row-offcanvas-left
  #sidebarLeft {
    left: -50%;
  }

  .row-offcanvas-left.active {
    left: 50%;
  }
 
  .row-offcanvas-right 
  #sidebarRight {
    right: -50%;
  }

  .row-offcanvas-right.active {
    right: 50%;
  }*/
  
  
  /**/

  #myChecks label{margin-left:10px;}

.navbar-default .navbar-nav > li > a {
  color: white;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: white;
}

.container {
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}

.btn {
    width:75px;
}

li {
    width:95px;
    text-align:center;
}


.center-hor-vert {
    text-align: right;
    margin-top: auto;
    margin-bottom: auto;
}

.page {
    max-width: 960px;
    background-color: #fff;
    margin: 20px auto 0px auto;
    padding: 20px 20px 20px 20px;
}

.mt-25 {
    margin-top: 25px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mb-25 {
    margin-bottom: 25px;
}

.mb-30 {
    margin-bottom: 30px;
}

.pr-10 {
    padding-right: 10px;
}

.bold-hr {
    height: 2px;
    background-color: black;
    margin-top: 50px;
    margin-bottom: 0px;
}