﻿/*.navbar {
 margin-bottom:0px !important;
 min-height:20px;
 border-bottom:0px;
}

.ctable thead > tr > th, .ctable tbody > tr > th, .ctable tfoot > tr > th, .ctable thead > tr > td, .ctable tbody > tr > td, .ctable tfoot > tr > td {
    border-right:0px !important;
    border-left:0px !important;
    border-top:#ddd 1px solid;
    border-bottom:#ddd 1px solid;

}

.ctable {
border:0px !important;
}

.navbar-nav > li > a {
background-color:none;
margin-right:1px;
padding:25px;
color:white;
font-family: 'Raleway', Arial;
}

.navbar-nav > li > a:hover{
background-color:rgba(40, 105, 159, 1);

}

.navbar-toggle span{
background-color:white;

}

.accountmgmtlinks a{
   
    color:white !important;
    padding:10px;
    transition:all 0.5s;
}

.accountmgmtlinks a .glyphicon{
    padding-right:5px;
}

.accountmgmtlinks a:hover {
    text-decoration:none;
    background-color:rgba(75, 75, 75, 1);
    transition:all 1s;
}

.navbar-collapse {
padding-left:0px;
padding-right:0px;

}
/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    /*max-width: 280px;*/
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .jumbotron {
        margin-top: 20px;
    }
    .body-content {
        padding: 0;
    }
}
@media screen and (max-width: 768px) {


    .navbar-right {
    width:100% !important;
    }

    .navbar-nav > li > a {
        text-align:center;
padding:15px;
}
}

input#toggle {
  max-height: 0;
  max-width: 0;
  opacity: 0;
}

input#toggle + label {
  display: block;
  position: relative;
  box-shadow: inset 0 0 0px 1px #d5d5d5;
  text-indent: -5000px;
  height: 30px;
  width: 50px;
  border-radius: 15px;
}

input#toggle + label:before {
  content: "";
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0;
  border-radius: 15px;
  background: rgba(19, 191, 17, 0);
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

input#toggle + label:after {
  content: "";
  position: absolute;
  display: block;
  height: 30px;
  width: 30px;
  top: 0;
  left: 0px;
  border-radius: 15px;
  background: white;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 4px rgba(0, 0, 0, .2);
  -moz-transition: .25s ease-in-out;
  -webkit-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

input#toggle:checked + label:before {
  width: 50px;
  background: rgba(19, 191, 17, 1);
}

input#toggle:checked + label:after {
  left: 20px;
  box-shadow: inset 0 0 0 1px rgba(19, 191, 17, 1), 0 2px 4px rgba(0, 0, 0, .2);
}