.container { width: 100%; }
.pagination {margin:0;}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #5bc0de;
    border-color: #46b8da; /* info colours*/
    color: #fff;
    cursor: default;
    z-index: 2;
}
.alert { margin: 10px 0;}
#register_wrapper {padding-top:10px;}
#register_wrapper table.dataTable thead th, 
#register_wrapper table.dataTable thead td {  border-bottom: none;}
#register_wrapper table.dataTable thead th.last, 
#register_wrapper table.dataTable thead td.last {  border-bottom: 1px solid #111111;}
#register_wrapper .dataTables_scrollBody { /*border-bottom:1px solid red; border-top:1px solid red;*/ }
table.dataTable.row-border tbody th, 
table.dataTable.row-border tbody td, 
table.dataTable.display tbody th, 
table.dataTable.display tbody td {
   /* border-bottom: 1px solid red;*/
   border-top: 0px solid #dddddd;
   border-bottom: 1px solid #dddddd;
}


/* general */
h1 {font-size:20px; font-weight:700;}
.eregtitle {font-size:24px; font-weight:bold; color:#31B0D5 /*#0000FF*/;}
.logoreservedspace {background-color:#eeeeee; padding:200px 50px;}
.logoreservedspace2 {background-color:#eeeeee; padding:50px 50px;}
.vspacer { padding:20px 0;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.fakelegend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
.detaillabel {color:#31B0D5 /*#999999*/;}

/* header */
header {background-color:#F6F6F6; padding:20px 0;}
.headertop {padding-bottom:15px;}
#changeyear {}
#changepassword .panel {margin-top:15px;}
#changepassword .panel-heading {text-align:left; font-weight:bold;}
#emailclasslist .panel {margin-top:15px;}
#emailclasslist .panel-heading {text-align:left; font-weight:bold;}
.pagination > .disabled > span, 
.pagination > .disabled > span:hover, 
.pagination > .disabled > span:focus, 
.pagination > .disabled > a, 
.pagination > .disabled > a:hover, 
.pagination > .disabled > a:focus {
    background-color: #f6f6f6;
    border-color: #ddd;
    color: #777;
    cursor: default; /* not-allowed */
}

#listorderpills {
    padding-top: 5px;
}
#listorderpills li a, #listorderpills li span {
    padding: 0px 3px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    background-color: #5BC0DE;
    color: #fff;
}

.col-sm-6 .tab-content .form-group {margin-bottom:1px;}
.col-sm-6 #listorderpills {margin-bottom:15px;}

/* register controls */
.button-present.active {background-color: #5cb85c;border-color: #4cae4c;color: #ffffff;}
.button-present.active :hover, 
.button-present.active :focus {background-color: #47a447;border-color: #398439;}
.btn-1.active {background-color: #5cb85c;border-color: #4cae4c;color: #ffffff;}

.button-absent.active {background-color: #d9534f; border-color: #d43f3a; color: #ffffff;}
.button-absent.active :hover, 
.button-absent.active :focus {background-color: #d2322d; border-color: #ac2925;}
.btn-0.active {background-color: #d9534f; border-color: #d43f3a; color: #ffffff;}

.button-other.active {background-color: #f0ad4e; border-color: #eea236; color: #ffffff;}
.button-other.active :hover, 
.button-other.active :focus {background-color: #ed9c28; border-color: #d58512;}
.btn-P.active {background-color: #f0ad4e; border-color: #eea236; color: #ffffff;}
.btn-E.active {background-color: #f0ad4e; border-color: #eea236; color: #ffffff;}
.btn-L.active {background-color: #f0ad4e; border-color: #eea236; color: #ffffff;}
.btn-H.active {background-color: #f0ad4e; border-color: #eea236; color: #ffffff;}
.btn-S.active {background-color: #f0ad4e; border-color: #eea236; color: #ffffff;}
.btn-T.active {background-color: #f0ad4e; border-color: #eea236; color: #ffffff;}
.btn-U.active {background-color: #f0ad4e; border-color: #eea236; color: #ffffff;}
.btn-C.active {background-color: #f0ad4e; border-color: #eea236; color: #ffffff;}
.btn-N.active {background-color: #ffffff; border-color: #ccc; color: #333;}
.btn-_.active {background-color: #ffffff; border-color: #ccc; color: #333;}

/* reg form */
table.dataTable thead > tr > th {
    padding-left: 10px;
    padding-right: 10px;
	padding:5px 6px;
	 font-size: 11px;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 8px 10px;
	padding:5px 6px;
}
.extrathdata {}
.tabledataminwith { width:38px; }

.odd .withdrawn {background-color:#999999;}
.even .withdrawn {background-color:#CCCCCC;}

.odd .withdrawn2 {background-color: #999999 !important;}
.even .withdrawn2 {background-color: #CCCCCC !important;}

th.tdholiday {background-color:#CCCCCC;}
.odd .tdholiday {background-color:#999999;}
.even .tdholiday {background-color:#CCCCCC;}

th.tdcancelled {background-color:#CCCCCC;}
.odd .tdcancelled {background-color:#999999;}
.even .tdcancelled {background-color:#CCCCCC;}

.droplistpos {position:relative;}

.all1disabled, .all0disabled {border-radius: 3px; font-size: 12px; line-height: 1.5; padding: 2px 6px;cursor: pointer; display: inline-block;font-weight: 400;margin-bottom: 0;text-align: center; vertical-align: middle; white-space: nowrap;box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none;}
.all1disabled {background-color: #5cb85c; border-color: #4cae4c; color: #fff;}
.all0disabled {background-color: #d9534f; border-color: #d43f3a; color: #fff;}

.commentcol { width:65px;}
.tailcol { width:65px;}
.tloacol { width:65px;}
.destcol {width:35px;}
.rarpacol {width:45px;}
.fixedcol1 { width:250px;}
.fixedcol2 { width:100px;}
.regcol {width:45px;}
.regcolend {min-width:10px;}

.missingdatecol { width:220px;}

.imgwidth250px { width:250px;}
.imgwidth100px { width:100px;}

.highlightincomplete {box-shadow: 0px 0px 5px #cc0000;}

#myModalCourseBtn {margin:14px 0 5px 0;}
#myModalPrintBtn {margin:14px 0 5px 0;}

/* reports */
#breakdown {}
#breakdown th, #breakdown td { padding:2px 5px;}

#escmessage { display:none; visibility:hidden;}
/* .hideonprint { display:block !important; } only hide this when printing */
/* .showonprint { display:none; visibility:hidden; }  only show this when printing */
.DTTT_Print #escmessage { display:block; visibility:visible; text-align:center;}
.DTTT_Print .hideonprint,
.DTTT_Print .DTTT_container { display:none; visibility:hidden; } /* now hidden */
.DTTT_Print .showonprint { display:block !important; visibility:visible !important; } /* now shown */


.vertical-text {
	transform: rotate(-90deg);
	transform-origin: left top 0;
        flaot:left;
}
#registerprint {display:none;visibility:hidden;}

.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
    background-color: #f0f9fe;
}

/* Extra small devices only - Phones (<768px) */
@media (max-width: 767px) {
	body {/*border-right:10px solid grey;*/}
	.alignright {text-align:left;}
	#changeyear.form-inline .form-control {width: 80%; display:inline-block;}
}

/* Small devices only (tablets ) */
@media (min-width: 768px) and (max-width: 991px) {
	body {/*border-right:10px solid red;*/}

}

/* Medium devices only (desktops) */
@media (min-width: 992px) and (max-width: 1199px) {
	body {/*border-right:10px solid yellow;*/}
	#changecourse.form-inline .form-control {width:240px;}
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
.xs-mar-bot {margin-bottom:3px;}
#changecourse.form-inline .form-control {width: 80%; display:inline-block;}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	body {/*border-top:10px solid red;*/}
	.xs-mar-bot {margin-bottom:0;}
	#changecourse.form-inline .form-control {width:165px;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	body {/*border-top:10px solid yellow;*/}

}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	body {/*border-top:10px solid green;*/}
	#changecourse.form-inline .form-control {width: 300px;}
}

/*
Firefox has some awkward fieldset styling involving width that interferes with the responsive table. This cannot be overriden without a Firefox-specific hack.
See http://stackoverflow.com/questions/17408815/fieldset-resizes-wrong-appears-to-have-unremovable-min-width-min-content/17863685#17863685

@-moz-document url-prefix() {
  fieldset { display: table-cell; }
}
*/