html,
body {
  background-image: url('https://odysseyreg.com/images/OdysseyBGLogo01.png');
  background-repeat: no-repeat;
  background-position: right;
  background-size: 567px 350px;
}

.navbar {
/*  height: 40px; */
  background-color: #519FED;
}

.navbar .nav > li > a {
    color: #1c1c1c;
    padding-top:15px !important;
    padding-bottom:0px !important;
    font-size: 0.9em;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 5px 30px 5px 15px;
    margin-bottom: -1px;
    border: 1px solid #ddd;
}

.form-control {
display: block;
width: 100%;
height: 28px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.428571429;
color: #555;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.help-block {
display: block;
margin-top: 0px;
margin-bottom: 10px;
color: #737373;
}

.form-group {
margin-bottom: 5px;
}

h1, h2, h3 {
margin-top: 10px;
margin-bottom: 5px;
}

.btn-default {
color: #fff;
background-color: #519FED;
border-color: #187EE6;
padding: 3px;
}

.well {
    padding: 5px;
}

.table td, th {
text-align: center;
}

.table-curved
{
background-color: #F3F781;
}

.table-curved {
   border-collapse: separate;
   border: solid #ccc 1px;
   border-radius: 6px;
   border-left: 0px;
   border-top: 0px;
}
.table-curved > thead:first-child > tr:first-child > th {
    border-bottom: 0px;
    border-top: solid #ccc 1px;
}
.table-curved td, .table-curved th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.table-curved > :first-child > :first-child > :first-child {
    border-radius: 6px 0 0 0;
}
.table-curved > :first-child > :first-child > :last-child {
    border-radius: 0 6px 0 0;
}
.table-curved > :last-child > :last-child > :first-child {
    border-radius: 0 0 0 6px;
}
.table-curved > :last-child > :last-child > :last-child {
    border-radius: 0 0 6px 0;
}

.alert-info {
color: #000000;
background-color: #CED8F6;
}

.alert-error {
background-color: #FFFFFF;
}

.red {
color: #FF0000;
}

.blue_link {
color: #2E64FE;
}

.dark_blue {
color: #08088A;
}

.gray {
color: #BDBDBD;
}

.dark_gray {
color: #6E6E6E;
}

.table-condensed {
   border-collapse: separate;
   border: solid #ccc 0px;

}

.table-condensed td, .table-condensed th {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.dropdown-menu {
    font-size: 0.9em;
}

.printable {
	display: none;
}

@media print {
    .non-printable {
    	display: none;
    }
    .printable {
    	display: none;
    }
}

 .audio_volume_only {
    width: 25px;
  }

.input-tinymc{
width: 50px;
height: 17px !important;
margin-bottom: 1px !important;
line-height: 7px !important;
padding: 2px 2px !important;
font-size: 10px !important;
font-weight: bold;
color: blue;
}

/*Custom colored button for event set times by age group page*/
.btn-times {
    color: black;
    background-color: lightblue;
    border-color: lightblue; /*set the color you want here*/
    width: 50px;
    height: 17px !important;
    margin-bottom: 1px !important;
    line-height: 7px !important;
    padding: 2px 2px !important;
    font-size: 10px !important;
    font-weight: bold;
}
.btn-times:hover, .btn-times:focus, .btn-times:active, .btn-times.active, .open>.dropdown-toggle.btn-times {
    color: #fff;
    background-color: lightgreen;
    border-color: green; /*set the color you want here*/
}

/*Custom colored button for event details accounting*/
.btn-ed-accounting {
    color: black;
    background-color: #9fed51;
    border-color: green; /*set the color you want here*/
    padding: 3px;

}
.btn-ed-accounting:hover, .btn-ed-accounting:focus, .btn-ed-accounting:active, .btn-ed-accounting.active, .open>.dropdown-toggle.btn-ed-accounting {
    color: #fff;
    background-color: gray;
    border-color: gray; /*set the color you want here*/
}

/*Custom colored button for event details programs*/
.btn-ed-programs {
    color: black;
    background-color: #ed519f;
    border-color: red; /*set the color you want here*/
    padding: 3px;

}
.btn-ed-programs:hover, .btn-ed-programs:focus, .btn-ed-programs:active, .btn-ed-programs.active, .open>.dropdown-toggle.btn-ed-programs {
    color: #fff;
    background-color: gray;
    border-color: gray; /*set the color you want here*/
}

/*Custom colored button for event details stat sheets*/
.btn-ed-stat {
    color: black;
    background-color: #ed5151;
    border-color: red; /*set the color you want here*/
    padding: 3px;

}
.btn-ed-stat:hover, .btn-ed-stat:focus, .btn-ed-stat:active, .btn-ed-stat.active, .open>.dropdown-toggle.btn-ed-stat {
    color: #fff;
    background-color: gray;
    border-color: gray; /*set the color you want here*/
}

/*Custom colored button for event details labels*/
.btn-ed-address {
    color: black;
    background-color: #ed9f51;
    border-color: orange; /*set the color you want here*/
    padding: 3px;

}
.btn-ed-address:hover, .btn-ed-address:focus, .btn-ed-address:active, .btn-ed-address.active, .open>.dropdown-toggle.btn-ed-address {
    color: #fff;
    background-color: gray;
    border-color: gray; /*set the color you want here*/
}

/*Custom colored button for event details registration stuff*/
.btn-ed-reg {
    color: black;
    background-color: #eded51;
    border-color: yellow; /*set the color you want here*/
    padding: 3px;

}
.btn-ed-reg:hover, .btn-ed-reg:focus, .btn-ed-reg:active, .btn-ed-reg.active, .open>.dropdown-toggle.btn-ed-reg {
    color: #fff;
    background-color: gray;
    border-color: gray; /*set the color you want here*/
}

/*Custom colored button for event details email*/
.btn-ed-email {
    color: #fff;
    background-color: #9f51ed;
    border-color: purple; /*set the color you want here*/
    padding: 3px;

}
.btn-ed-email:hover, .btn-ed-email:focus, .btn-ed-email:active, .btn-ed-email.active, .open>.dropdown-toggle.btn-ed-email {
    color: black;
    background-color: gray;
    border-color: gray; /*set the color you want here*/
}

/*Custom colored button for event details excel*/
.btn-ed-excel {
    color: #519fed;
    background-color: #fff;
    border-color: #519fed; /*set the color you want here*/
    padding: 3px;
    font-weight:bold;

}
.btn-ed-excel:hover, .btn-ed-excel:focus, .btn-ed-excel:active, .btn-ed-excel.active, .open>.dropdown-toggle.btn-ed-excel {
    color: black;
    background-color: gray;
    border-color: gray; /*set the color you want here*/
}

/*Custom colored button for ed-staff*/
.btn-ed-staff {
    height:26px;
    padding:3px;
    font-size:12px;
    color:white;
    background-color:#a366ff;
    border-color:#a366ff;
}
.btn-ed-staff:hover, .btn-ed-staff:focus, .btn-ed-staff:active, .btn-ed-staff.active, .open>.dropdown-toggle.btn-ed-staff {
    color: white;
    background-color: #323232;
    border-color: #323232; /*set the color you want here*/
}

/*Custom colored button for job*/
.btn-job {
    width: 120px;
    height: 20px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 1px 3px !important;
    font-size: 10px !important;
    color:black;
    background-color:#f2f2f2;
    border-color:#C2FF66;
    border-width:2px;
}
.btn-job:hover, .btn-job:focus, .btn-job:active, .btn-job.active, .open>.dropdown-toggle.btn-job {
    color: black;
    font-weight:bold;
    background-color: #C2FF66;
    border-color: #C2FF66; /*set the color you want here*/
}

/*Custom colored button for removestaff*/
.btn-removestaff {
    width: 50px;
    height: 20px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 1px 3px !important;
    font-size: 10px !important;
    color:darkgray;
    background-color:#f2f2f2;
    border-color:gray;
    border-width:2px;
}
.btn-removestaff:hover, .btn-removestaff:focus, .btn-removestaff:active, .btn-removestaff.active, .open>.dropdown-toggle.btn-removestaff {
    color: red;
    font-weight:bold;
    background-color: black;
    border-color: gray; /*set the color you want here*/
}

/*Custom colored button for room*/
.btn-room {
    width: 50px;
    height: 20px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 1px 3px !important;
    font-size: 10px !important;
    color:black;
    background-color:#f2f2f2;
    border-color:lightblue;
    border-width:2px;
}
.btn-room:hover, .btn-room:focus, .btn-room:active, .btn-room.active, .open>.dropdown-toggle.btn-room {
    color: white;
    font-weight:bold;
    background-color: orange;
    border-color: gray; /*set the color you want here*/
}

/*Custom colored button for jobselect*/
.btn-jobselect {
    width: 400px;
    height: 30px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 1px 3px !important;
    font-size: 14px !important;
    color:black;
    background-color:#f2f2f2;
    border-color:#C2FF66;
    border-width:2px;
}
.btn-jobselect:hover, .btn-jobselect:focus, .btn-jobselect:active, .btn-jobselect.active, .open>.dropdown-toggle.btn-jobselect {
    color: #C2FF66;
    font-weight:bold;
    background-color: black;
    border-color: #C2FF66; /*set the color you want here*/
}

/*Custom colored button for eventstaff*/
.btn-eventstaff {
    width: 230px;
    height: 25px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 1px 3px !important;
    font-size: 12px !important;
    font-weight:bold;
    color:black;
    background-color:lightblue;
    border-color:blue;
    border-width:2px;
}
.btn-eventstaff:hover, .btn-eventstaff:focus, .btn-eventstaff:active, .btn-eventstaff.active, .open>.dropdown-toggle.btn-eventstaff {
    color: blue;
    background-color: gray;
    border-color: blue; /*set the color you want here*/
}

/*Custom colored button for eventstaffemail*/
.btn-eventstaffemail {
    width: 230px;
    height: 25px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 1px 3px !important;
    font-size: 12px !important;
    font-weight:bold;
    color:black;
    background-color:#fff066;
    border-color:orange;
    border-width:2px;
}
.btn-eventstaffemail:hover, .btn-eventstaffemail:focus, .btn-eventstaffemail:active, .btn-eventstaffemail.active, .open>.dropdown-toggle.btn-eventstaffemail {
    color: blue;
    background-color: gray;
    border-color: blue; /*set the color you want here*/
}

/*Custom colored button for eventstaffschedule*/
.btn-eventstaffschedule {
    width: 230px;
    height: 25px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 1px 3px !important;
    font-size: 12px !important;
    font-weight:bold;
    color:black;
    background-color:#c2ff66;
    border-color:green;
    border-width:2px;
}
.btn-eventstaffschedule:hover, .btn-eventstaffschedule:focus, .btn-eventstaffschedule:active, .btn-eventstaffschedule.active, .open>.dropdown-toggle.btn-eventstaffschedule {
    color: blue;
    background-color: gray;
    border-color: blue; /*set the color you want here*/
}

/*Custom colored button for eventstaffhotel*/
.btn-eventstaffhotel {
    width: 300px;
    height: 30px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 1px 3px !important;
    font-size: 12px !important;
    font-weight:bold;
    color:white;
    background-color:#a366ff;
    border-color:gray;
    border-width:2px;
}
.btn-eventstaffhotel:hover, .btn-eventstaffhotel:focus, .btn-eventstaffhotel:active, .btn-eventstaffhotel.active, .open>.dropdown-toggle.btn-eventstaffhotel {
    color: white;
    background-color: gray;
    border-color: black; /*set the color you want here*/
}

/*Custom colored button for eventreg*/
.btn-eventreg {
    width: 130px;
    height: 20px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 1px 3px !important;
    font-size: 10px !important;
    font-weight:normal;
    color:black;
    background-color:#64E87E;
    border-color:green;
    border-width:1px;
}
.btn-eventreg:hover, .btn-eventreg:focus, .btn-eventreg:active, .btn-eventreg.active, .open>.dropdown-toggle.btn-eventreg {
    color: white;
    background-color: gray;
    border-color: black; /*set the color you want here*/
}

.light-green-menu-button {
    background-color:lightgreen !important;
    border-color:#B8D8F8 !important;
    color:#000000 !important;
    font-weight:bold !important;
    font-size:0.8em !important;
}

.dark-green-menu-button {
    background-color:#5cb88a !important;
    border-color:#B8D8F8 !important;
    color:#000000 !important;
    font-weight:bold !important;
    font-size:0.8em !important;
}

.judge-default-menu-button {
    font-weight:bold !important;
    font-size:0.8em !important;
}