ul { padding: 0px; margin: 0px; }
li { list-style-type: none; }
h2 { font-size: 2em; padding-left: 1em; }
.menu_button { min-width: 300px; margin-bottom: 5px; }
.button!md-button { min-width: 100px; margin-bottom: 5px; }
.label { width: 100px; }
.schedule_info { width: 500px; }

.hkn-state-active { background-color: #62bbe9 !important; color: white; }

.hkn-header { background-color: white; min-height: 40px; padding: 0; margin: 0; margin-bottom: 1em; width: 100%; }
.hkn-header-content { display: block; margin-left: auto; margin-right: auto; width: 100%; }
.hkn-header-logo { padding-top: 1em; padding-bottom: 1em; padding-left: 1em; width: 20%; float: left; }
.hkn-location { font-size: 2em; color: white; font-weight: bold; float: left; }
.hkn-page { display: block; margin-left: auto; margin-right: auto; width: 1200px; }
.hkn-left-panel { width: 200px; margin-right: 1em; padding: 0em; float: left; }
.hkn-left-panel-data { background-color: white; padding: 1em; margin: 0; }
.hkn-right-panel { background-color: inherit; width: 900px; float: left; }
.hkn-right-panel-data { background-color: white; padding: 1em; margin: 0; }
.hkn-panel { background-color: white; padding-top: 0.3em; padding-bottom: 0.3em; padding-left: 0.5em; margin: 0px; width: 800px; }
.hkn-search-panel { background-color: white; padding: 1em; margin: 0; }
.hkn-tooltip { padding: 1em; }
.hkn-tooltip-header { font-size: 1.2em; font-weight: bold; padding: 0; margin: 0; }
.hkn-field { padding: 2px; }
.hkn-field label { display: inline-block; width: 150px; }
.hkn-sub-label { font-size: 0.6em; }
.hkn-no-highlight { -webkit-tap-highlight-color: transparent; }
.hkn-date { width: 150px; }
.hkn-legend { color: #aaa; padding: 0; font-size: 0.8em; }
.hkn-blocked { text-decoration: line-through; } 
.hkn-sub-heading { font-size: 1.5em; padding: 0.1em 1em; margin: 0; }
.hkn-empty { text-align: center !important; }
.hkn-center { text-align: center !important; }
.hkn-details { margin-top: 0.5em; margin-bottom: 0.5em; }
.hkn-summary { padding-top: 1em; padding-bottom: 1em; padding-left: 1em; background-color: rgb(63,81,181); color: rgba(255,255,255,0.87); }
.hkn-highlight { margin: 0.5em 0em; background-color: rgb(255,239,145); border: 1px solid rgb(249,221,52); border-radius: 6px; }
.hkn-error { margin: 0.5em 0em; color: white; font-weight: bold; background-color: rgb(205,10,10); border: 1px solid rgb(121,2,2); border-radius: 6px; }
.hkn-progress { width: 400px; height: 50px; }
.hkn-error { padding: 1em !important; }
.hkn-search-panel { padding: 1em; margin-bottom: 0.5em; }
.hkn-text-input { padding: 0.4em 0.1em; }
.hkn-song-artist { }
.hkn-song-title { font-size: 1.2em !important; font-weight: bold !important; }
.hkn-song-extra { font-size: 0.9em; font-style: italic; }

.hkn-table-header { background-color: gray; }
.hkn-table-header th { padding-top: 0.5em; padding-bottom: 0.5em; }
.hkn-timeslot-time { background-color: gray; text-align: center; font-weight: bold; }

.hkn-advertisement-container { padding-bottom: 0.5em; }
.hkn-advertisement-text { padding-left: 0.5em; }

.hkn-margin { margin: 0.2em 0 !important; }

td.hkn-checkbox { width: 20px; }

input.button!md-button { min-width: 150px; }
button!md-button { width: 150px; }
.label { width: 150px; }


.hkn-menu { }
.hkn-menu li { padding-top: 0.4em; padding-bottom: 0.4em; }
.hkn-sub-menu { padding-left: 1em; }

.hkn-sidenav {  }
.hkn-sidenav .hkn-menu li { padding-top: 1.0em; padding-bottom: 1.0em; border-bottom: 1px solid rgba(1.0, 1.0, 1.0, 0.15); }
.hkn-sidenav .hkn-menu li.hkn-sub-menu { text-indent:  1.0em; }
.hkn-menu-active { font-weight: bold; color: #0070a3; }

.overflow { height: 200px; z-index: 100; }

.schedule-timeslot { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.schedule-empty { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.hkn-no-select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.hkn-pagination-content { text-align: center; }
.hkn-pagination-center { display: inline-block; }

.hkn-pagination { }
.hkn-pagination li { padding: 0.5em 1.0em; float: left; margin: 0.1em; cursor: pointer; }

.hkn-right-buttons { float: right; }



body { font-size: 100%; font-family: arial; margin: 0; padding: 0; background-color: #f3f3f4; color: #404244; }

div.jbi-table{ margin: 0; }
div.jbi-table table { margin: 1em 0; border-collapse: collapse; width: 100%; }
div.jbi-table table td, div.jbi-table table th { border: 1px solid #eee; padding: .4em 10px; text-align: left; }

a:Link
{
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  text-decoration: none;
}

a:Active
{
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  text-decoration: none;
}

a:Visited
{
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  font-family: inherit;
  text-decoration: none;
}

a:Hover
{
  color: #2e6e9e;
  font-weight: bold;
  font-size: inherit;
  font-family: inherit;
  text-decoration: none;
}

.hkn-schedule-0 { background-color: rgb(  0,  84, 166); border-bottom: 1px solid rgb(  0,  84, 166) !important; }
.hkn-schedule-1 { background-color: rgb( 13,   0,  76); border-bottom: 1px solid rgb( 13,   0,  76) !important; }
.hkn-schedule-2 { background-color: rgb(  0,  33,  87); border-bottom: 1px solid rgb(  0,  33,  87) !important; }
.hkn-schedule-3 { background-color: rgb(  0,  54,  99); border-bottom: 1px solid rgb(  0,  54,  99) !important; }
.hkn-schedule-4 { background-color: rgb(  0,   9, 127); border-bottom: 1px solid rgb(  0,   9, 127) !important; }
.hkn-schedule-5 { background-color: rgb( 27,  20, 100); border-bottom: 1px solid rgb( 27,  20, 100) !important; }
.hkn-schedule-6 { background-color: rgb(  0,  52, 113); border-bottom: 1px solid rgb(  0,  52, 113) !important; }
.hkn-schedule-7 { background-color: rgb(  0,  74, 128); border-bottom: 1px solid rgb(  0,  74, 128) !important; }
.hkn-schedule-8 { background-color: rgb(  0, 118, 163); border-bottom: 1px solid rgb(  0, 118, 163) !important; }
.hkn-schedule-9 { background-color: rgb( 46,  48, 146); border-bottom: 1px solid rgb( 46,  48, 146) !important; }


.hkn-sidenav { width: 272; min-width: 272px; max-width: 272px; }
.hkn-sidenav h3 { text-align: center; }
.hkn-login-logo { min-width: 10%; max-width: 90%; display: inline-block; margin-left: auto; margin-right: auto; padding-top: 3em; padding-bottom: 3em; }

.md-button.md-fab.md-fab-bottom-right { top: auto; right: 20px; bottom: 50px; left: auto; position: fixed; }

.schedule-dialog {
        min-width: 50%;
        background: white;
        border-radius: 4px;
        box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
            0 13px 19px 2px rgba(0, 0, 0, 0.14),
            0 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.login { width: 400px; margin: auto; }


@media screen and (max-width: 960px) {
	.schedule-dialog {
		min-width: 90%;
		background-color: red;	
	}

	.login {
		width: 100%;
	}

	.hkn-right-buttons { float: none; }	
}

.md-dialog-container {
  height: 100% !important;
  position: fixed !important;
  top: 0px !important;
}