@media (max-width: 991px) {
	.logo {
		display:none;
	}
}
@media (min-width: 992px) {
	#button-custom {
		font-family: helvetica;
		font-size: 15px;
		font-weight: bold;
	}
	#button-custom li a:hover{
		/*color: #ffffff !important;*/
		background-color: #bc0031;
	}
	#button-custom  > .active > li:a {
		color: #000 !important;
	}
}
@media (max-width: 767px) {
	.logo {
		display:block;
	}
}
@media print {
	body {
		display:none;
	}
}

.base-popover{
    position: relative; /* parent needs to be set for icon-popover{ absolute } to work */
    cursor: pointer;
}
.icon-popover{
    position:absolute;
    top: 1px;
    right: 1px;
}

.icon-popover::before{
    font-size: 80%;
    content:"\1F50E";  /* UniCode ICON:magnifying glass - \1F50D; (to the right) or \1F50E; (to the left) */
}

.separate .btn.disabled, .separate .btn[disabled], .separate fieldset[disabled] .btn {
    opacity: 0.5;
}

.separate .btn {
    border-color: #111;
    border-radius: 4px;
}

li[hiddencourse='1'] {
    border: 2px darkgrey solid;
    border-radius: 5px;
    opacity: 0.4;
}

/* SHORTHAND ORDER: top right bottom left */

.ui-front {
	z-index: 9999999 !important;
}
.dataTables_paginate {
    float: left !important;
    margin: 20px 0 !important;
}
#bootstrap-overrides .jumbotron {
	font-size: 12px;
}
#bootstrap-overrides .jumbotron h1 {
	font-size: 26px;
}
#bootstrap-overrides .jumbotron h2.override {
    padding: 8px;
}
#bootstrap-overrides p {
	font-size: 12px;
	margin: 0 0 10px;
}

#bootstrap-overrides table thead tr th {
  /*  min-width:25px; */
}

.browser_ok, .browser_unsupported, .services, .testinfo {
	margin-top: -20px;
	padding:0;
}

.browser_ok, .services{
	color: #d2d2d2;
	float: right;
	padding-right: 10px;
}

.testinfo{
    color: red;
    font-weight: bold;
}

.container .testinfo, .container .browser_ok {
    min-height: 20px;
}

.services{
    float: left;
}

.browser_unsupported {
	color: white;
	background-color:red;
	padding: 12px;
	width: inherit;
    display: grid;
    height: 66px;
    vertical-align: middle;
    z-index: 1100;
}

.browser_unsupported div:first-of-type{
    font-size: 34px;
    margin-top: -3px;
    margin-right: 10px;
}

.browser_unsupported div{
    float: left;
}

#uvanoseAlert-I[data-descr]:hover::after {
	content: attr(data-descr);
	position: absolute;
	left: 20px;
	top: -10px;
	min-width: 150px;
	border: 1px #aaaaaa solid;
	border-radius: 10px;
	background-color: #ffffcc;
	padding: 4px;
	color: #000000;
	z-index: 100;
	font: arial;
	font-size: 12px;
}

.blok {
	padding: 10px;
	border: 1px solid #ababab;
	background-color: white;
	margin-bottom: 15px;
}
.titel {
	margin-bottom: 20px;
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; background-color: transparent; color: #333; -webkit-font-smoothing: antialiased;
}
.faculteit{
	font-size: 12px;
	margin: 0;
	padding:0;
}
.titel.faculteit {
	margin-bottom: 0;
}
div.faculteit {
	margin-top: 8px;
	margin-left: 0;
}
.tabel {
	background-color: white;
}
.formulier {
	margin-left: 4px;
}

span.asterisk{
    line-height:10px;
    vertical-align:bottom;
    margin: 0 0 0 0;
}

.descript-border-radius{
    border: 1px solid black;
    border-radius: 4px;
    padding-left: 6px;
    padding-right: 6px;
}

input[type=checkbox] {  /* MHE 05-08-2019  */
	cursor: pointer;
}

.checkit {
    vertical-align: middle;
}

div.row_message {
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
}

div.row_message details{
    padding-left: 10px;
}

div.row_message details summary{
    padding-left: 0px;
}

div.dbg{
    width: 200px;
    height: 200px;
    color: white;
    background-color: blue;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* settings START */
/*
user agent style sheet - :focus{ -webkit-focus-ring-color auto 1px; }
*/

details{
	border-style: solid;
	border-width: 1px;
	border-color: black;
	border-radius: 3px;
	padding: 2px;
	margin: 4px;
	padding-bottom: 10px;
    clear: left;
    overflow: auto; /* clearfix */
	/* display: flex; NB: overrides float-left in details tag - so disable */
}

details.groups{
    width: 360px;
    padding: 4px;
}

details.header{
	border-style:none;
}

details.header summary{
	font-weight: bold;
}

summary:focus{
    outline:none;
}

summary::-webkit-details-marker {
	display: none
}

summary:before{
	content: "\25BD";
	margin: 0 5px 0 0;
}

details.header summary{
	font-weight: bold;
	margin: 0;
	padding: 0;
}

details.header summary:before{
	content: none;
}

details[open].access summary:before, details[open].texts summary:before{ /*   */
    content: none;
}

details.access details.groups summary:before{
    content: "\25BD";
    margin: 0 5px 0 0;
}

details.groups input, details.groups label{
    vertical-align: text-bottom;
    margin-bottom: 0;
}

aside{
	margin-left: 4px;
}

aside.templates{
    margin-top: 7px;
    margin-left: 24px;
}

details#devdata{
    color: red;
    font-family: verdana;
    font-size: 8px;
    border-color: red;
    border-radius: 3px;
}

details#devdata ul{
    list-style-type: none;
}

table>tbody>tr>td.cell-marker{
    padding: 0;
}

div.cell-marker{
    margin: 0;
    border-style: solid;
    border-width: 2px;
    border-color: red;
    border-radius: 5px;
    padding: 6px;
    width: 50px;
}

input[type=radio]{
	width: 20px;
	margin-top: 0;
	padding-top: 0;
	margin-left: 6px;
	margin-right: 6px;
	font-size: 14px;
}

div.toggledept{
    margin-top: 14px;
}

div.toggledept > input{
    vertical-align: text-bottom;
}

.flex{
	display: flex;
}

.flexCol{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

aside.columns{
	margin-left: 4px;
	margin-bottom: 6px;
}

select[data-before]::before{
	content: attr(data-before);
}

select[data-before]::before{
	margin: -2px;
	margin-bottom: 2px;
	display: inline-block;
	width: 120px;
	padding-top: 1px;
	padding-bottom: 1px;
    border-style: solid;
    border-width: 1px;
    border-color: rgb(153,153,153);
	background-color: #eee;
	text-align: center;
    color: black;
    font-weight: bold;
}
/*
select option[disabled], select[cat] option{
	background-image: linear-gradient(to right, white, white);
}
*/
.floatleft{
	float: left; 	/* color: red; */
}

.floatright{
    float: right; 	/* color: red; */
}

div.multi-box{
    position: relative;
    display: none;
    border: 1px solid red;
    background-color: rgba(255, 0, 0, 0.2);  /* transparant color instead of: transparent; */
    z-index: 199;
    left: 30px;
    top: 90px;
    width: 10px;
    height: 10px;
}

div.multi-select{
    overflow: hidden;
    width: 110px;
    border: 1px solid black;
    background-color: inherit;
}

label.multi-select{
    width: 110px;
    margin: 0;
    padding: 2px;
    border-bottom: 1px solid black;
    background-color: #eee;
}

select.multi-select{
    width: 120px;
    overflow: hidden;
    border: none;
    margin: 0;
    margin-top: 4px;
    background-color: inherit;
}

select.multi-select option{
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 106px;
    background-color: white;
}

select.multi-select option[required]{
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: lightblue;
}

/* select.multi-select option[chosen]{
    -webkit-appearance: none;
    -moz-appearance: none;
} */

select.multi-select:focus{
    outline: none !important;
}

select.multi-select option[disabled]{
    -webkit-appearance: none;
    -moz-appearance: none;
    visibility: hidden;
    display: none;
}

div.updown_columns, div.fromto_columns{
    height: 200px;
}

div.checkid{
    margin-top: 20px;
    margin-left: 5px;
}

button.setting, button[data-action=execFilter]:not([disabled]) {
	display: block;
	margin: auto;
    margin-right: 0px;
	background-color: #00AA00;
}

button[data-action=execFilter]:disabled{
    display: block;
    margin: auto;
    margin-right: 0px;
    background-color: lightgrey;
}

button.setting:disabled{
	background-color: inherit;
}

.topdiv{
	min-width: 80px;
}

button.topButton{
	display: block;
	margin: 15px;
	font-size: 24px;
	width: 40px;
}

.arrowbutton {
	font-size: 20px;
}

.clear {
	clear:both;
}

.clearfix:after {
	content: ".";   /* "." */
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.access_dept{
    background-color: inherit;
}

.line_space_border_top{
    border-width: 1px;
    border-color: #777;
    border-style: solid none none none;
    height: 12px;
}
/* settings END top right bottom left  */

.hidden{
	display: none !important;
}
.clickablerow:hover, .clickablerow:focus {
	cursor: pointer;		/* MHE 05-08-2019 - instead of table-hover */
	text-decoration: underline;
	color: #2a6496;
}

.clickablerow a {
	display: block;
}

#navigatie-custom{
	background-color: #333;
}
#navigatie-custom a{
	color: #ffffff;
}
/*.active  a {*/
	/*color: #333333 !important;*/
/*}*/
#content-custom {
	padding: 0;
	margin: 0;
	width: 100%;
}
#content-custom .jumbotron {
	margin: 0;
	padding: 15px;
}

#content-custom table {
	width: 100%;
}

#content-custom table select,
#content-custom table input {
	margin: 1px 0;
}

#tester, #tester th, #tester td{
    border: 1px solid black;
}

/* SELECT2 - start
 * Styling of a search box in a multiple select field is not supported by select2
 * to put the search box at the top and following selections beneath */
tr[data-type=filters] td .select2-container .select2-selection--single{
	height: 20px;
	line-height: 20px;
	padding: 0;
	background-color: #f2f2f2;
}
.select2-container--default .select2-container--classic{
	height: 20px;
	line-height: 20px;
}
/* all options in the column MULTIPLE select2 lists */
.select2-results__option, .select2-search--dropdown .select2-search__field {
	padding: 0;
	padding-left: 4px;
	font-size: 10px;
}
/* SINGLE select2 lists */
.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0;
	padding-left: 4px;
	height: 20px;
	line-height: 20px;
}

.select2-container--default .select2-selection--multiple{
  /*  background-color: red; /* for debug purposes */
}
/* override space between selected items in select2 list */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    margin-top: 3px;
    margin-right: 3px;
}
/* input field for search - POSITION
 * Styling for search in a multiple selectbox is not supported by select2
 * the search input field dangles in-between choices => force to the TOP */
ul.select2-selection__rendered  li.select2-search.select2-search--inline > input{
    position: absolute;
    top: 3px;
    left: 6px;
    width: 50%;
}

/* input field for search - ON-FOCUS - highlight the search input moderately */
ul.select2-selection__rendered  li.select2-search.select2-search--inline > input:focus{
    background-color: lightyellow;
    border-style: dotted;
    border-width: 1pt;
    border-radius: 4px;
    padding-left: 3px;
    margin-bottom: 6px;
}
/* activated by javascript */
tr[data-type=filters] td .select2-selection__arrow{	/* pijltje omlaag / omhoog */
	display: none;
}

/* Custom filter spacer - Force correct positioning of selected items relative to search input & 'x' (clear-all)
 * Spacer forces other elements down (on-load with selections, on-select, on-open) */
span.select2-filter-spacer{
    float: left;
    clear: left;
    height: 12px;
    line-height: 12px;
    width: 80%;
    padding-left: 5%;
    padding-right: 15%;
    margin-top: 5px;
    margin-left: 0;
    color:white;
}

/* #filters > td:nth-child(7) > span > span.selection > span > ul > span.select2-filter-spacer
*/
/* to ensure the clear-all 'x' stays put on the top-right side, absolute positioning is added */
.select2-selection__clear{
    height: 10px;
	line-height: 10px;
	padding-right: 4px;
    text-align: right;
    margin-bottom: 6px;
    clear:right;
    position:absolute;
    top:0;
    right:0;
}

/* SELECT2 - end */

.select-column{
	width: 26px;
}

#content-custom table.edit-bar{
	max-width: 99vw;
}

.btn-login {
	width: 100%;
}

.btn-leiden {
    color: #FFFFFF;
    background-color: #001158;
    border-color: #00061F;
}

.btn-rug {
	color: rgb(204, 0, 0);
	background-color: #FFFFFF;
	border-color: #00061F;
}

.btn-leiden:hover,
.btn-leiden:focus,
.btn-leiden:active,
.btn-leiden.active,
.open .dropdown-toggle.btn-leiden {
    color: #FFFFFF;
    background-color: #7f88ab;
    border-color: #00061F;
}

.btn-leiden:active,
.btn-leiden.active,
.open .dropdown-toggle.btn-leiden {
    background-image: none;
}

.btn-leiden.disabled,
.btn-leiden[disabled],
fieldset[disabled] .btn-leiden,
.btn-leiden.disabled:hover,
.btn-leiden[disabled]:hover,
fieldset[disabled] .btn-leiden:hover,
.btn-leiden.disabled:focus,
.btn-leiden[disabled]:focus,
fieldset[disabled] .btn-leiden:focus,
.btn-leiden.disabled:active,
.btn-leiden[disabled]:active,
fieldset[disabled] .btn-leiden:active,
.btn-leiden.disabled.active,
.btn-leiden[disabled].active,
fieldset[disabled] .btn-leiden.active {
    background-color: #001158;
    border-color: #00061F;
}

.btn-leiden .badge {
    color: #001158;
    background-color: #FFFFFF;
}

.btn-feb {
	color: #FFFFFF;
	background-color: #BEB511;
	border-color: #9e940f;
}

.btn-feb:hover,
.btn-feb:focus,
.btn-feb:active,
.btn-feb.active,
.open .dropdown-toggle.btn-feb {
	color: #FFFFFF;
	background-color: #9c9210;
	border-color: #9e940f;
}

.btn-feb:active,
.btn-feb.active,
.open .dropdown-toggle.btn-feb {
	background-image: none;
}

.btn-feb.disabled,
.btn-feb[disabled],
fieldset[disabled] .btn-feb,
.btn-feb.disabled:hover,
.btn-feb[disabled]:hover,
fieldset[disabled] .btn-feb:hover,
.btn-feb.disabled:focus,
.btn-feb[disabled]:focus,
fieldset[disabled] .btn-feb:focus,
.btn-feb.disabled:active,
.btn-feb[disabled]:active,
fieldset[disabled] .btn-feb:active,
.btn-feb.disabled.active,
.btn-feb[disabled].active,
fieldset[disabled] .btn-feb.active {
	background-color: #BEB511;
	border-color: #9e940f;
}

.btn-feb .badge {
	color: #BEB511;
	background-color: #FFFFFF;
}

.btn-row {
	padding: 0;
	margin: 0;
}

.bar{
	font-size: smaller;
	cursor:help;
}

.ec{
    font-size: smaller;
}

.spacer{
	margin: 0;
	padding: 0;
	height:24px;
}

td button .fa-stack{
	width: auto;
	color: grey;
    top: 50px;
    background-color: inherit;
    z-index: 10;
    overflow: auto;
}

/* .stick: initial settings: (td) 50 px / (th) 77px - -webkit-sticky => Safari */
.stick thead tr td{
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
    background-color: inherit;
    z-index: 10;
	overflow:auto;
}

.stick thead tr th{
    position: -webkit-sticky;
    position: sticky;
    top: 77px;
    background-color: white;
    z-index: 10;
    min-width: 15px;
    box-shadow: 0 1px #ddd;
/*  resize: horizontal;
    overflow: auto; */
}

.stick thead tr{
    padding: 0;
    margin: 0;
}
/* Option: Firefox resize column header
@-moz-document url-prefix() {
    .stick thead tr th div{
        resize: horizontal;
        overflow: auto;
    }
}  */

/*
.stick thead tr th.noresize{
    resize: none;
} */

.diff{
    color: #337ab7;
    position: absolute;
    top: 3px;
    padding: 2px;
    padding-top: 5px;
    z-index: 100;
    overflow: hidden;
    cursor: pointer;
}

span.diff{
    color: #337ab7;
    position: static;
    margin-top: 5px;
}

.no-diff{
    display: none;
}

.input-xs{
    height: 20px;
    line-height: 1.5;
    font-size: 12px;
    padding: 1px 1px;
    border-radius: 3px;
}

textarea.input-xs{
    font-size: 10px;
}

tr#multi-edit-row, tr#multi-edit-row td{
	line-height: 0;
	padding: 0;
	margin: 0;
}

tr#multi-edit-row td select, tr#multi-edit-row td input, tr[data-type=edit] td select, tr[data-type=edit] td input{
	font-family: inherit;
	font-size: 10px;
	font-weight: normal;
	color: black;
	z-index: 400;
}

tr#multi-edit-row td select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

tr[data-type=read].editable{    /* staffing & planning */
    /* text-decoration:underline; */
    cursor: pointer;
}

tr[data-type=read].non-editable{  /* staffing & planning */
    color: #909090;
    cursor: not-allowed;
}

tr#multi-edit-row td select:hover, tr#multi-edit-row td input:hover, tr[data-type=edit] td select:hover, tr[data-type=edit] td input:hover {
	cursor: pointer;
}

tr#multi-edit-row td{
	padding-left: 4px;
	padding-right: 2px;
	padding-top: 4px;
	padding-bottom: 3px;
}

tr#multi-edit-row td.button{
	padding-left: 2px;
	padding-top: 4px;
	padding-bottom: 3px;
	font-size: 12px;
	text-align: left;
}

tr[data-type=edit], tr[data-type=edit] td{
    background-color: rgb(150, 200, 255);
}

tr[data-type=read].editable .info-gravatar {
    cursor: zoom-in;
}

form[data-type='prints']{
	padding-top: 5px;
}

.btn-multi:hover, .btn-multi:active, .btn-multi:focus {
	color: red;
	background-color: white;
	text-decoration: none;
}

td.button{
	padding-left: 2px;
	margin: 0;
}

td button[disabled]:hover {
	/* cursor: none; */
}

td .fa-close{
	color: inherit;
	padding: 0;
	/* margin: 1px 1px 1px 1px;   /* top right bottom left */
	font-size:12px;
}
/*
td .fa-square-o{
	color: inherit;
	padding: 0;
	font-size:14px;
} */

td button .fa-stack:hover{
	color: inherit;
}

.delete-none {
	display: none;
}

.add-row-none{
	display: none;
}

#content-custom .loader{
	background-color: rgb(200, 200, 200);
	background-color: rgba(200, 200, 200, 0.7);
	position: fixed;
	left: 0;
	top: 0;
	width: 110vw;
	height: 110vw;
	padding: 20%;
	z-index: 1400;
	text-align: center;
	display: none;
	cursor: none;
}

#content-custom .loader p{
	display: inline-block;
	vertical-align: middle;
	color: white;
	font-size: 30px;
	font-weight: bold;
	text-shadow: 4px 4px rgb(180, 180, 180);
}

.loader{
    background-color: rgb(200, 200, 200);
    background-color: rgba(200, 200, 200, 0.7);
    position: fixed;
    left: 0;
    top: 0;
    width: 110vw;
    height: 110vw;
    padding: 20%;
    z-index: 1400;
    text-align: center;
    display: none;
    cursor: none;
}

.loader p{
    display: inline-block;
    vertical-align: middle;
    color: white;
    font-size: 30px !important;
    font-weight: bold;
    text-shadow: 4px 4px rgb(180, 180, 180);
}

.back {
	width: 30%;
	padding-left: 100px;
	color: black;
}

.col-login {
	padding-left: 7px;
	padding-right: 7px;
}

.bg-success {
	background-color: #dff0d8;
	border-color: #afc0a8;
	border-width: 1px;
	border-style: solid;
	border-radius: 5px;
	padding: 5px;
	margin: 5px;
}

.bg-warning {
	background-color: #FCC432;
	border-style: solid;
	border-width: 1px;
	border-color: #DCA412;
	border-radius: 5px;
	padding: 6px 0 1px 6px;
	margin: 5px;
}

.bg-warning p{		/* contracts.show */
	font-weight: bold;
}

.form-control[name='total']{	/* contracts.show */
	background-color: LightCoral;
}

.form-control[name='total'][value='100']{	/* contracts.show */
	background-color: lightgreen;
}

.select2-selection {
    transition: background-color 0.3s ease;
}

/*.select2-selection.flash-success {*/
/*    background-color: lightgreen !important; !* Bootstrap's success background *!*/
/*}*/

/*.select2-selection.flash-danger {*/
/*    background-color: LightCoral !important; !* Bootstrap danger bg *!*/
/*}*/

.selectable {   /* MHE - 05-08-2019 added select & removed */
	cursor: pointer;
	transition: background-color 1s;
}

.selectable:hover {   /* MHE - 05-08-2019 added select & removed */
	transition: background-color 1s;
	background-color: #d7d7d7 !important;
}

.copied-row {
	color: #00AA00;
	font-style: italic;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float:none;
}

#lecturer_staffings, .fade-in {
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
}

#lecturerhours-table thead tr th{
    height: 0px;
    font-size: 0px;
	background-color: black;
}

#lecturer_staffings_table thead tr th{
    display: none;
}

#lecturer_select, #lecturer_staffings {
	min-height: 200px;
}

.dataTables_scrollBody {
	min-height: 150px;
}

.special-slash{
    padding-left: 1px;
    padding-right: 1px;
    font-weight: bold;
    font-size: larger;
    vertical-align: middle;

}

table.floatThead-table {
    border-top: none;
    border-bottom: none;
}

.table-hover {
	/*  cursor:pointer;  // also fires on titles and empty cells -> use clickable row */
}

table tr:target td{
    background-color: bisque;
}

.popover-danger {
	background-color: #d9534f;
	border-color: #d43f3a;
	color: white;
	font-weight: bold;
}

.popover-danger.top .arrow:after {
	border-top-color: #d9534f;
}

td div.popover-danger.top .arrow:after {
	border-top-color: #d9534f;
}

td div.popover-content, td div.popover-title{
	font-weight: inherit;
	background-color: #FFFFCC;
}

.background-login{
    background: #333;
    max-height: 20em;
}

.login-box {
    width: 12px;
    height: 12px;
    margin-top: 2px;
    -webkit-box-shadow: -1px 1px 2px -1px rgba(0, 0, 0, 0.5);
    box-shadow: -1px 1px 2px -1px rgba(0, 0, 0, 0.5);
    border: 1px #ddd solid;
}

tr[id=filters].loadfilters td select{   /* prevent filters from showing before select2 kicks in */
    max-height: 3px;
    height: 3px;
    overflow: hidden;
    /* background-color: orange; */
}

@keyframes fadeSucces {
	0% {
		background-color: #dbffef;
	}
	33% {
		background-color: #99ff99;
	}
	100% {
		background-color: auto;
	}
}

@-webkit-keyframes fadeSucces {
	0% {
		background-color: #dbffef;
	}
	33% {
		background-color: #99ff99;
	}
	100% {
		background-color: auto;
	}
}


@keyframes fadeFailure {
	0% {
		transform: scaleX(1) scaleY(1);
		background-color:#dbffef;
	}
	33% {
		transform: scaleX(1.075) scaleY(1.075);
		background-color: #ff9999;
	}
	100% {
		transform: scaleX(1) scaleY(1);
		background-color: auto;
	}
}

@-webkit-keyframes fadeFailure {
	0% {
		transform: scaleX(1) scaleY(1);
		background-color: #dbffef;
	}
	33% {
		transform: scaleX(1.075) scaleY(1.075);
		background-color: #ff9999;
	}
	100% {
		transform: scaleX(1) scaleY(1);
		background-color: auto;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0.01;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0.01;
	}
	100% {
		opacity: 1;
	}
}

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

.datatable-overflow {
    overflow-y: hidden;
}

.table-filter {
    max-width: 200px;
}

@media only screen and (max-width: 1750px) {

    .table-condensed > thead > tr > th,
    .table-condensed > tbody > tr > th,
    .table-condensed > tfoot > tr > th,
    .table-condensed > thead > tr > td,
    .table-condensed > tbody > tr > td,
    .table-condensed > tfoot > tr > td {
        padding: 3px;
        font-size: 11px;
    }

    table.dataTable.table-condensed > thead > tr > th {
        padding-right: 20px;
    }
    table.dataTable.table-condensed .sorting:after,
    table.dataTable.table-condensed .sorting_asc:after,
    table.dataTable.table-condensed .sorting_desc:after {
        top: 4px;
        right: 4px;
    }

    .table-filter {
        max-width: 100px;
    }

    /*  #staffing-table {
         word-break: break-all;
    } */

}

@media only screen and (max-width: 1280px) {

    .table-condensed > thead > tr > th,
    .table-condensed > tbody > tr > th,
    .table-condensed > tfoot > tr > th,
    .table-condensed > thead > tr > td,
    .table-condensed > tbody > tr > td,
    .table-condensed > tfoot > tr > td {
        padding: 3px;
        font-size: 10px;
    }

    table.dataTable.table-condensed > thead > tr > th {
        padding-right: 10px;
    }
    table.dataTable.table-condensed .sorting:after,
    table.dataTable.table-condensed .sorting_asc:after,
    table.dataTable.table-condensed .sorting_desc:after {
        top: 4px;
        right: 4px;
    }

    .table-filter {
        max-width: 100px;
    }

    /*   #staffing-table {
           word-break: break-all;
    } */

    #bootstrap-overrides .jumbotron {
        font-size: 11px;
    }

    #bootstrap-overrides p {
        font-size: 10px !important;
        margin: 0 0 10px;
    }

}

.arrangement-warning {
    border-top: 1px solid #ddd;
}

.ui-datepicker {
    position: relative;
    z-index:1060 !important;
}

/* Super Selective Override */
div#devsectiondiv{
    border: 2px solid #043e62;
    border-radius: 10px;
    padding-left: 20px;
    padding-bottom: 20px;
    margin: 0px;
    background-color: #e7f5fe;
    width: 600px;
}

div#devsectiondiv h1#devsectionh1{
    font-size: 20px;
}

div#devsectiondiv h2#devsectionuser, div#devsectiondiv h2#devsectionlect, div#devsectiondiv h2#devsectionlog{
    font-size: 16px;
    margin-bottom: 12px;
    margin-top: 36px;
}

div#devsectiondiv .button, div#devsectiondiv .button:hover {
    border: 2px solid #000000;
    border-radius: 10px;
    background-color: #043e62;
    color: white;
    padding: 5px 10px;
    margin-top: 200px;
    text-decoration: none;
}

div#devsectiondiv .button:hover {
    background-color: #e7f5fe;
    color: black;
}

.hover-bold:hover {
    font-weight: bold; /* Bold weight */
}