@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);

/*
 * 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;
}



/* sticky footer */

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: 60px;
  background-color: #f5f5f5;
}

.titlebar {background-color:#f51032}
.navsection {border-bottom: solid 2px #f51032;}
.topsection {padding-top:15px; padding-left:15px; padding-bottom:5px; padding-right:15px; background-color:#f51032!important;}
.mainsection {padding-top:15px; padding-left:15px; padding-bottom:5px; padding-right:15px; background-color:#f51032!important;}

.topsection input[type="button"] {padding: 10px 20px !important; font-size:20px !important; font-family: 'Open Sans', sans-serif!important; font-weight:300!important; margin-right:25px !important; min-width:200px !important;}

.DTTT_container {padding-left:30px !important;}
.dataTables_filter {padding-right:30px !important;}

.topsection h1 {font-family: 'Open Sans', sans-serif!important; font-weight:300!important; margin-bottom:10px !important; padding-top:7px !important; color:#FFF!important; font-size:24px !important; text-transform:uppercase!important;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #ffffff!important;
  color: #333333!important;
}


/* event options */


.eventoptions input[type='checkbox'] {
    width:30px!important;
    height:30px!important;
    border-radius:5px!important;
    border:1px solid #555!important;
}

.eventoptionstd { text-align:center!important;}

.eventoptions tr:nth-child(even) {
    background-color: #f4f4f4!important;
}

.eventoptions th, .eventoptions td {padding-left:4px!important;}

.eventoptions th { padding-bottom:10px;}

.eventoptions { margin-bottom:30px!important;}

.stylingoptions input[type='checkbox'] {
    width:30px!important;
    height:30px!important;
    border-radius:5px!important;
    border:1px solid #555!important;
	text-align:left!important;
	float:left!important;
}

.stylingoptions th, .eventoptions td {padding-left:4px!important;}

.stylingoptions th { padding-bottom:10px;}

.stylingoptions { margin-bottom:30px!important;}



@media only screen and (max-width: 767px) {
	
.topsection input[type="button"] { margin:0 auto !important; text-align:center !important; margin-right:0px!important; margin-bottom:20px!important; float:none !important; width:100% !important;}

.DTTT_container {padding-left:0px !important; margin-left:0px !important; margin-bottom:25px !important;}
.dataTables_filter {padding-right:0px !important; padding-bottom:30px !important;}

button.DTTT_button, div.DTTT_button, a.DTTT_button {
position: relative;
display: inline-block;
margin-right: 8px !important;
padding: 8px 10px !important;
border: 1px solid #999;
cursor: pointer;
font-size: 1em !important;
}

}


/*
 * 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 {
  color: #fff;
  background-color: #428bca;
}


/*
 * 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%;
}


#nospacemobile { height:35px;}
#calc { display:none;}

@media (max-width: 767px) {

.topsection input[type="button"] {
font-size: 26px !important;
font-family: 'Open Sans', sans-serif!important; font-weight:300!important;
margin-right: 25px !important;
min-width: 200px !important;
min-height:60px !important;
border-radius:5px!important;
-webkit-appearance: none!important;
background-color:#e1e1e1 !important;
}

#nospacemobile { height:0px !important;}

h1 {
font-family: 'Open Sans', sans-serif!important; font-weight:300!important;
margin-bottom: 15px !important;
padding-top: 5px !important;
font-size:20px !important;
}

#calcToggle { display:none !important;}
#calc { display:inline-block !important;}

}

input[type="text"] {
    min-width: 75px;
}

.bpanel .panel-heading {
    min-height: 70px !important;
}