html,
body {
  background-image: url('https://www.ascreg.net/images/ASCLogoBG.png');
  background-repeat: no-repeat;
  background-position: right;
  background-size: 430px 400px;
}

.navbar {
/*  height: 40px; */
/*  background-color: #9494ff; */
}

.navbar .nav > li > a {
/*  color: #1c1c1c; */
}

.navbar .nav .open .dropdown-menu > li > a {
    padding:8px;
}

.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: #6b6bff;
border-color: #5757ff;
padding: 3px;
}

.well {
    padding-left:5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: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;
}

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

.navbar {
	/*min-height:30px !important*/
}

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

.printable {
	display: none;
}

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

   video::-internal-media-controls-download-button {
    display:none;
   }

   video::-webkit-media-controls-enclosure {
        overflow:hidden;
   }

   video::-webkit-media-controls-panel {
        width: calc(100% + 30px); /* Adjust as needed */
   }

.center-table
{
  margin: 0 auto !important;
  float: none !important;
}

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

/*Custom colored button for judged1*/
.btn-judged1 {
    width: 20px;
    height: 20px !important;
    /*margin-bottom: 1px !important;*/
    /*line-height: 9px !important;*/
    padding: 5px 5px !important;
    font-size: 9px !important;
    color:#FFFFFF;
    font-weight:bold;
    background-color:teal;
    border-color:darkblue;
}
.btn-judged1:hover, .btn-judged1:focus, .btn-judged1:active, .btn-judged1.active, .open>.dropdown-toggle.btn-judged1 {
    color: white;
    font-weight:bold;
    background-color: lightgreen;
    border-color: green; /*set the color you want here*/
}

/*Custom colored button for judged2*/
.btn-judged2 {
    width: 20px;
    height: 20px !important;
    /*margin-bottom: 1px !important;*/
    /*line-height: 9px !important;*/
    padding: 5px 5px !important;
    font-size: 9px !important;
    color:#FFFFFF;
    font-weight:bold;
    background-color:red;
    border-color:purple;
}
.btn-judged2:hover, .btn-judged2:focus, .btn-judged2:active, .btn-judged2.active, .open>.dropdown-toggle.btn-judged2 {
    color: white;
    font-weight:bold;
    background-color: yellow;
    border-color: black; /*set the color you want here*/
}

/*Custom colored button for adminJudge*/
.btn-adminJudge {
    width: 20px;
    height: 20px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 3px 3px !important;
    font-size: 9px !important;
    color:white;
    background-color:#6173FA;
    border-color:#394ff9;
    border-width:2px;
}
.btn-adminJudge:hover, .btn-adminJudge:focus, .btn-adminJudge:active, .btn-adminJudge.active, .open>.dropdown-toggle.btn-adminJudge {
    color: white;
    font-weight:bold;
    background-color: blue;
    border-color: teal; /*set the color you want here*/
}

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

/*Custom colored button for printStat*/
.btn-printStat {
    width: 20px;
    height: 20px !important;
    margin-bottom: 1px !important;
    padding: 3px 3px !important;
    font-size: 9px !important;
    color:white;
    background-color:#ACAC8F;
    border-color:#9B9B78;
    border-width:2px;
}
.btn-printStat:hover, .btn-printStat:focus, .btn-printStat:active, .btn-printStat.active, .open>.dropdown-toggle.btn-printStat {
    color: black;
    font-weight:bold;
    background-color: #d5d1c3;
    border-color: #b6ae96;
}

/*Custom colored button for printScoreSheet*/
.btn-printScoreSheet {
    width: 20px;
    height: 20px !important;
    margin-bottom: 1px !important;
    padding: 3px 3px !important;
    font-size: 9px !important;
    color:white;
    background-color:#7A7154;
    border-color:#4b4634;
    border-width:2px;
}
.btn-printScoreSheet:hover, .btn-printScoreSheet:focus, .btn-printScoreSheet:active, .btn-printScoreSheet.active, .open>.dropdown-toggle.btn-printScoreSheet {
    color: black;
    font-weight:bold;
    background-color: #d5d1c3;
    border-color: #b6ae96;
}

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

/*Custom colored button for judged1*/
.btn-videoUpd1 {
    width: 70px;
    height: 20px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 3px 3px !important;
    font-size: 9px !important;
    color:teal;
    font-weight:bold;
    background-color:white;
    border-color:teal;
    border-width:2px;
}
.btn-videoUpd1:hover, .btn-videoUpd1:focus, .btn-videoUpd1:active, .btn-videoUpd1.active, .open>.dropdown-toggle.btn-videoUpd1 {
    color: white;
    font-weight:bold;
    background-color: orange;
    border-color: green; /*set the color you want here*/
}

/*Custom colored button for judged1*/
.btn-videod1 {
    width: 20px;
    height: 20px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 3px 3px !important;
    font-size: 9px !important;
    color:white;
    font-weight:bold;
    background-color:teal;
    border-color:darkblue;
}
.btn-videod1:hover, .btn-videod1:focus, .btn-videod1:active, .btn-videod1.active, .open>.dropdown-toggle.btn-videod1 {
    color: black;
    font-weight:bold;
    background-color: lightgreen;
    border-color: green; /*set the color you want here*/
}

/*Custom colored button for judged1*/
.btn-videod1play {
    width: 70px;
    height: 20px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 3px 3px !important;
    font-size: 9px !important;
    color:white;
    font-weight:bold;
    background-color:teal;
    border-color:darkblue;
}
.btn-videod1play:hover, .btn-videod1play:focus, .btn-videod1play:active, .btn-videod1play.active, .open>.dropdown-toggle.btn-videod1play {
    color: black;
    font-weight:bold;
    background-color: lightgreen;
    border-color: green; /*set the color you want here*/
}

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

/*Custom colored button for ed-email*/
.btn-ed-email {
    height:30px;
    padding:5px;
    font-size:0.9em;
    color:white;
    vertical-align: middle;
    background-color:#ff6666;
    border-color:#ff6666;
}
.btn-ed-email:hover, .btn-ed-email:focus, .btn-ed-email:active, .btn-ed-email.active, .open>.dropdown-toggle.btn-ed-email {
    color: white;
    background-color: #323232;
    border-color: #323232; /*set the color you want here*/
}

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

/*Custom colored button for ed-report*/
.btn-ed-report {
    height:30px;
    padding:5px;
    font-size:0.9em;
    color:white;
    vertical-align: middle;
    background-color:#ffa366;
    border-color:#ffa366;
}
.btn-ed-report:hover, .btn-ed-report:focus, .btn-ed-report:active, .btn-ed-report.active, .open>.dropdown-toggle.btn-ed-report {
    color: white;
    background-color: #323232;
    border-color: #323232; /*set the color you want here*/
}

/*Custom colored button for ed*/
.btn-ed {
    height:30px;
    padding:5px;
    font-size:0.9em;
    color:black;
    vertical-align: middle;
    background-color:#E5E5E5;
    border-color:#E5E5E5;
}
.btn-ed:hover, .btn-ed:focus, .btn-ed:active, .btn-ed.active, .open>.dropdown-toggle.btn-ed {
    color: white;
    background-color: #323232;
    border-color: #323232; /*set the color you want here*/
}

/*Custom colored button for ed-reg*/
.btn-ed-reg {
    height:30px;
    padding:5px;
    font-size:0.9em;
    color:#FFFFFF;
    vertical-align: middle;
    background-color:#6666ff;
    border-color:#6666ff;
}
.btn-ed-reg:hover, .btn-ed-reg:focus, .btn-ed-reg:active, .btn-ed-reg.active, .open>.dropdown-toggle.btn-ed-reg {
    color: white;
    background-color: #323232;
    border-color: #323232; /*set the color you want here*/
}

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

/*Custom colored button for ed-staff*/
.btn-ed-staff {
    height:26px;
    /*width:250px; */
    padding:5px;
    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 awards-results*/
.btn-awards-results {
    height:26px;
    width:300px;
    padding:4px;
    font-size:11px;
    font-weight:bold;
    color:black;
    background-color:#E0E0E0;
    border-color:black;
    border-width:2px;
}
.btn-awards-results:hover, .btn-awards-results:focus, .btn-awards-results:active, .btn-awards-results.active, .open>.dropdown-toggle.btn-awards-results {
    color: white;
    background-color: black;
    border-color: black; /*set the color you want here*/
}

/*Custom colored button for scoring-results*/
.btn-scoring-results {
    height:26px;
    width:300px;
    padding:4px;
    font-size:11px;
    font-weight:bold;
    color:green;
    background-color:#E0E0E0;
    border-color:green;
    border-width:2px;
}
.btn-scoring-results:hover, .btn-scoring-results:focus, .btn-scoring-results:active, .btn-scoring-results.active, .open>.dropdown-toggle.btn-scoring-results {
    color: white;
    background-color: green;
    border-color: green; /*set the color you want here*/
}

/*Custom colored button for highpoint*/
.btn-highpoint {
    height:26px;
    width:150px;
    padding:4px;
    font-size:11px;
    font-weight:bold;
    color:#DB1818;
    background-color:#E0E0E0;
    border-color:#DB1818;
    border-width:2px;
}
.btn-highpoint:hover, .btn-highpoint:focus, .btn-highpoint:active, .btn-highpoint.active, .open>.dropdown-toggle.btn-highpoint {
    color: white;
    background-color: #DB1818;
    border-color: #DB1818; /*set the color you want here*/
}

/*Custom colored button for results-cheer*/
.btn-results-cheer {
    height:26px;
    width:130px;
    padding:4px;
    font-size:10px;
    font-weight:bold;
    color:blue;
    background-color:#E0E0E0;
    border-color:blue;
    border-width:2px;
}
.btn-results-cheer:hover, .btn-results-cheer:focus, .btn-results-cheer:active, .btn-results-cheer.active, .open>.dropdown-toggle.btn-results-cheer {
    color: white;
    background-color: blue;
    border-color: blue; /*set the color you want here*/
}

/*Custom colored button for results-prep*/
.btn-results-prep {
    height:26px;
    width:130px;
    padding:4px;
    font-size:10px;
    font-weight:bold;
    color:purple;
    background-color:#E0E0E0;
    border-color:purple;
    border-width:2px;
}
.btn-results-prep:hover, .btn-results-prep:focus, .btn-results-prep:active, .btn-results-prep.active, .open>.dropdown-toggle.btn-results-prep {
    color: white;
    background-color: purple;
    border-color: purple; /*set the color you want here*/
}

/*Custom colored button for results-worlds*/
.btn-results-worlds {
    height:26px;
    width:130px;
    padding:4px;
    font-size:10px;
    font-weight:bold;
    color:black;
    background-color:#E0E0E0;
    border-color:black;
    border-width:2px;
}
.btn-results-worlds:hover, .btn-results-worlds:focus, .btn-results-worlds:active, .btn-results-worlds.active, .open>.dropdown-toggle.btn-results-worlds {
    color: white;
    background-color: black;
    border-color: black; /*set the color you want here*/
}

/*Custom colored button for results-school-rec*/
.btn-results-school-rec {
    height:26px;
    width:130px;
    padding:4px;
    font-size:10px;
    font-weight:bold;
    color:green;
    background-color:#E0E0E0;
    border-color:green;
    border-width:2px;
}
.btn-results-school-rec:hover, .btn-results-school-rec:focus, .btn-results-school-rec:active, .btn-results-school-rec.active, .open>.dropdown-toggle.btn-results-school-rec {
    color: white;
    background-color: green;
    border-color: green; /*set the color you want here*/
}

/*Custom colored button for results-individuals*/
.btn-results-individuals {
    height:26px;
    width:130px;
    padding:4px;
    font-size:10px;
    font-weight:bold;
    color:orange;
    background-color:#E0E0E0;
    border-color:orange;
    border-width:2px;
}
.btn-results-individuals:hover, .btn-results-individuals:focus, .btn-results-individuals:active, .btn-results-individuals.active, .open>.dropdown-toggle.btn-results-individuals {
    color: white;
    background-color: orange;
    border-color: orange; /*set the color you want here*/
}

/*Custom colored button for results-smallgroups*/
.btn-results-smallgroups {
    height:26px;
    width:130px;
    padding:4px;
    font-size:10px;
    font-weight:bold;
    color:brown;
    background-color:#E0E0E0;
    border-color:brown;
    border-width:2px;
}
.btn-results-smallgroups:hover, .btn-results-smallgroups:focus, .btn-results-smallgroups:active, .btn-results-smallgroups.active, .open>.dropdown-toggle.btn-results-smallgroups {
    color: white;
    background-color: brown;
    border-color: brown; /*set the color you want here*/
}

/*Custom colored button for results-dance*/
.btn-results-dance {
    height:26px;
    width:130px;
    padding:4px;
    font-size:10px;
    font-weight:bold;
    color:gray;
    background-color:#E0E0E0;
    border-color:gray;
    border-width:2px;
}
.btn-results-dance:hover, .btn-results-dance:focus, .btn-results-dance:active, .btn-results-dance.active, .open>.dropdown-toggle.btn-results-dance {
    color: white;
    background-color: gray;
    border-color: gray; /*set the color you want here*/
}

/*Custom colored button for adminjudge*/
.btn-adminjudge {
    height:26px;
    width:260px;
    padding:4px;
    font-size:11px;
    font-weight:bold;
    color:white;
    background-color:#DA011E;
    border-color:gray;
    border-width:2px;
}
.btn-adminjudge:hover, .btn-adminjudge:focus, .btn-adminjudge:active, .btn-adminjudge.active, .open>.dropdown-toggle.btn-adminjudge {
    color: #DA011E;
    background-color: gray;
    border-color: #DA011E; /*set the color you want here*/
}

/*Custom colored button for scoringresults*/
.btn-scoringresults {
    height:26px;
    width:260px;
    padding:4px;
    font-size:11px;
    font-weight:bold;
    color:white;
    background-color:#189F00;
    border-color:gray;
    border-width:2px;
}
.btn-scoringresults:hover, .btn-scoringresults:focus, .btn-scoringresults:active, .btn-scoringresults.active, .open>.dropdown-toggle.btn-scoringresults {
    color: #189F00;
    background-color: white;
    border-color: #189F00; /*set the color you want here*/
}

/*Custom colored button for scoringcharts*/
.btn-scoringcharts {
    height:26px;
    width:260px;
    padding:4px;
    font-size:11px;
    font-weight:bold;
    color:white;
    background-color:gray;
    border-color:green;
    border-width:2px;
}
.btn-scoringcharts:hover, .btn-scoringcharts:focus, .btn-scoringcharts:active, .btn-scoringcharts.active, .open>.dropdown-toggle.btn-scoringcharts {
    color: #189F00;
    background-color: white;
    border-color: #189F00; /*set the color you want here*/
}

/*Custom colored button for awardsresults*/
.btn-awardsresults {
    height:26px;
    width:260px;
    padding:4px;
    font-size:11px;
    font-weight:bold;
    color:white;
    background-color:black;
    border-color:gray;
    border-width:2px;
}
.btn-awardsresults:hover, .btn-awardsresults:focus, .btn-awardsresults:active, .btn-awardsresults.active, .open>.dropdown-toggle.btn-awardsresults {
    color: black;
    background-color: gray;
    border-color: black; /*set the color you want here*/
}

/*Custom colored button for adminjudging*/
.btn-adminjudging {
    height:26px;
    width:260px;
    padding:4px;
    font-size:11px;
    font-weight:bold;
    color:white;
    background-color:#6173FA;
    border-color:gray;
    border-width:2px;
}
.btn-adminjudging:hover, .btn-adminjudging:focus, .btn-adminjudging:active, .btn-adminjudging.active, .open>.dropdown-toggle.btn-adminjudging {
    color: #6173FA;
    background-color: white;
    border-color: #6173FA; /*set the color you want here*/
}

/*Custom colored button for editreg*/
.btn-editreg {
    width: 40px;
    height: 20px !important;
    margin-bottom: 1px !important;
    /*line-height: 9px !important;*/
    padding: 3px 3px !important;
    font-size: 10px !important;
    font-weight:bold;
    color:black;
    background-color:lightblue;
    border-color:blue;
    border-width:1px;
}
.btn-editreg:hover, .btn-editreg:focus, .btn-editreg:active, .btn-editreg.active, .open>.dropdown-toggle.btn-editreg {
    color: white;
    font-weight:bold;
    background-color: red;
    border-color: orange; /*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*/
}

.day2Modal{
    width:650px;
    margin-left:0%;
}

.modal .modal-body-gi {
    max-height: 500px;
    overflow-y: auto;
}

.modal .modal-size-gi {
    width:800px;
    margin-left:0%;
}

/*Custom colored button for judgescore*/
.btn-judgescore {
    height:24px;
    width:70px;
    padding:4px;
    font-size:9px;
    font-weight:bold;
    color:white;
    background-color:#990000;
    border-color:gray;
    border-width:2px;
}
.btn-judgescore:hover, .btn-judgescore:focus, .btn-judgescore:active, .btn-judgescore.active, .open>.dropdown-toggle.btn-judgescore {
    color: #990000;
    background-color: white;
    border-color: #990000; /*set the color you want here*/
}

.btn-comp1 {
    height:25px;
    padding: 4px 10px;
    line-height:1.5;
    border-radius:3px;
    color: #FFFFFF;
    background-color: #6b6bff;
    border-color: #5757ff;
    font-size:0.8em;
    font-weight:bold;
    word-wrap:break-word;
    white-space:normal;
}

.btn-comp1:hover, .btn-comp1:focus, .btn-comp1:active, .btn-comp1.active, .open>.dropdown-toggle.btn.comp1 {
    font-size:10px;
    color: #FFFFFF;
    font-weight:bold;
    word-wrap:break-word;
    white-space:normal;
    background-color: #474949;
}

.btn-comp2 {
    height:25px;
    padding: 4px 10px;
    line-height:1.5;
    border-radius:3px;
    color: #FFFFFF;
    background-color: #1f1fff;
    border-color: #343499;
    font-size:0.8em;
    font-weight:bold;
    word-wrap:break-word;
    white-space:normal;
}

.btn-comp2:hover, .btn-comp2:focus, .btn-comp2:active, .btn-comp2.active, .open>.dropdown-toggle.btn.comp2 {
    font-size:10px;
    color: #FFFFFF;
    font-weight:bold;
    word-wrap:break-word;
    white-space:normal;
    background-color: #474949;
}

/*Custom colored button for schedule*/
.btn-schedule {
    height:30px;
    padding:5px;
    font-size:0.9em;
    color:#000000;
    vertical-align: middle;
    background-color:#f4d03f;
    border-color:#f4d03f;
}
.btn-schedule:hover, .btn-schedule:focus, .btn-schedule:active, .btn-schedule.active, .open>.dropdown-toggle.btn-schedule {
    color: white;
    background-color: #323232;
    border-color: #323232; /*set the color you want here*/
}