/*$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$...   
7$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$?...7$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$~....$$$$$$$   
7$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$Z=.....$$$$$$$$$$
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ+.  ...ZZZZZZZZZZZZZ   
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZZ...  ..ZZZZZZZZZZZZZZZZ   
$ZZZZZZZZZZZZZZZZZZZZZZZZZZZ$..    ..ZZZZZZZZZZZZZZZZZZ   
$ZZZZZZZZZZZZZZZZZZZZZZZZZ...   ...ZZZZZZZZZZZZZZZZZZZZ   
$ZZZZZZZZZZZZZZZZZZZZZZ..      ..ZZZZZZZZZZZZZZZZZZZZZZ   
$ZZZZZZZZZZZZZZZZZZZ..  ...   .ZZZZZZZZZZZZZZZZZZZZZZZZ
$OOOOOOOOOOOOOOOOO..         .OOOOOOOOOOOOOOOOOOOOOOOOO
$OOOOOOOOOOOOOOO.           .OOOOOOOOOOOOOOOOOOOOOOOOOO   
ZOOOOOOOOOOOOOO.            8OOOOOOOOOOOOOOOOOOOOOOOOOO   
ZOOOOOOOOOOOOZ             .OOOOOOOOOOOOOOOOOOOOOOOOOOO   
ZOOOOOOOOOOOO.             .OOOOOOOOOOOOOOOOOOOOOOOOOO0   
ZOOOOOOOOOOO,...............+OOOOOOOOOOOOOOOOOOOOOOOOO0
ZOOOOOOOOOOO:................OOOOOOOOOOOOOOOOOOOOOOOOO0
ZOOOOOOOOOOOO.................8OOOOOOOOOOOOOOOOOOOOOOO0
Z8888888888888.................O88888888888888888888888
O88888888888888..................O888888888888888888888
O8888888888888888.................888888888888888888888
O888888888888888888?................8888888888888888888
O888888888888888888888$..............$88888888888888888
O888888888888888888888888D,............D888888888888888
O88888888888888888888888888888...........88888888888888
O888888888888888888888888888888888........:888888888888
O888888888888888888888888888888888888.......D8888888888
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD88.......DDDDDDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD..........DDDDDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDDD8,... ...   ...   .DDDDDD
ODDDDDDDDDDDDDDDDDDDD.............................DDDDD
ODDDDDDDDDDDDDDDDDDDDDDDDDDDD,.....................DDDD
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD$..............7DD
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD+.......++
8DDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDDD*/
/* Created by: 2015, Kinetic Solutions               */


/* KINETIC STUDENT BASE ---------------------------- */
/* BASE */
.KxStudentWrapper .block .block { float: left; width: 100%; margin-top: 13px;}
.KxStudentWrapper .inverse,
.KxStudentWrapper .block-welcome { background: #337ab7; color: white; }
.KxStudentWrapper .inverse *,
.KxStudentWrapper .block-welcome * { color: inherit; }
.KxStudentWrapper .block-welcome { padding: 1em; }
.KxStudentWrapper form > .block { border: 1px solid gray; margin-bottom: 2em; display: inline-block; width: 100%; }
.KxStudentWrapper .list-horizontal { margin-bottom: 0; padding: 0; }
.KxStudentWrapper .list-horizontal li { list-style: none; background: none; }
.KxStudentWrapper *[data-toggle="tooltip"] { cursor: help; }


/* TYPOGRAPHY */
.KxStudentWrapper { font-family: Cosmos, Arial, 'Helvetica Neue' , Helvetica, sans-serif !important; color: black; font-size:11px; }
.KxStudentWrapper h3 { font-size: 18px; }
.KxStudentWrapper .glyphicon-kx-content { font-size: 1.9em; display: inline-block; vertical-align: middle; }
.KxStudentWrapper .glyphicon-align-left { margin-right: 0.3em; }
.KxStudentWrapper .glyphicon-align-right { margin-left: 0.3em; }
.KxStudentWrapper h1 .glyphicon-kx-content,
.KxStudentWrapper h2 .glyphicon-kx-content,
.KxStudentWrapper h3 .glyphicon-kx-content { font-size: 1.4em; margin-top: -0.15em; }
.KxStudentWrapper h1 .glyphicon-kx-content { font-size: 1.2em; margin-top: 0; }


/* INPUT, SELECT, BUTTON */
.KxStudentWrapper select { cursor: pointer; }
.KxStudentWrapper .btn-accept { background-color: #5cb85c!important; border-color: #4cae4c; color: White!important; }
.KxStudentWrapper .btn-accept:hover,
.KxStudentWrapper .btn-accept:focus { background-color: #449d44!important; border-color: #398439; color: White!important; }
#compare .compareroom .btn-accept { background-color: #5cb85c!important; border-color: #4cae4c; color: White!important; }
#compare .compareroom .btn-accept:hover,
#compare .compareroom .btn-accept:focus { background-color: #449d44!important; border-color: #398439; color: White!important; }
.KxStudentWrapper .btn-secondary { background: #f0ad4e!important; border-color: #eea236; color: White!important; }
.KxStudentWrapper .btn-secondary:hover,
.KxStudentWrapper .btn-secondary:focus { background: #ec971f!important; border-color: #d58512; color: White!important; }
.KxStudentWrapper .btn.compare { background: #f0ad4e!important; border-color: #eea236; color: White!important; }
.KxStudentWrapper .btn.compare:hover,
.KxStudentWrapper .btn.compare:focus { background: #ec971f!important; border-color: #d58512; color: White!important; }
.KxStudentWrapper .btn.compare.selectedcompare { background: #5cb85c!important; border-color: #4cae4c; }
.KxStudentWrapper .btn.compare.selectedcompare:hover,
.KxStudentWrapper .btn.compare.selectedcompare:focus { background: #5cb85c!important; border-color: #4cae4c; }
.KxStudentWrapper input[type=checkbox] + label { cursor: pointer; }


/* BLOCK-BANNER */
.KxStudentWrapper .block-banner-image,
.KxStudentWrapper .block-banner-background { position:relative; display: inline-block; width: 100%; padding: 0; }
.KxStudentWrapper .block-banner-image .text-panel,
.KxStudentWrapper .block-banner-background .text-panel { float:left; width:100%; padding: 1em; background: rgba(51,122,183,0.8); }
.KxStudentWrapper .block-banner-image .image-panel,
.KxStudentWrapper .block-banner-background .image-panel { float: right; padding: 1em; }
.KxStudentWrapper .block-banner-image .image-panel img,
.KxStudentWrapper .block-banner-background .image-panel img { float:right; max-height: 200px; border: 5px solid white; display: none; }
.KxStudentWrapper .block-banner-background .image-panel { width:100%; background: rgba(51,122,183,0.8); display: none; }
.KxStudentWrapper .block-banner-background { background: url('../../Resources/images/core/block-welcome-background.jpg') top left repeat; }


/* BLOCK-PROGRESS */
.KxStudentWrapper .progress-steps { width: 100%; margin: 2.5em 0 4.5em!important; height: 10em; padding-top: 3.5em; overflow: hidden; background: transparent; box-shadow: none; }
.KxStudentWrapper .progress-steps .col-xs-1 { padding:0; border-top: 7px solid black; list-style: none; font-size: 1.14em!important; }
/*.KxStudentWrapper .progress-steps .col-xs-1 { border-top: 7px solid transparent; }*/
.KxStudentWrapper .progress-steps .col-xs-1 div { padding:3em 1em 1em; position:relative; text-transform:uppercase; text-align: center; }
.KxStudentWrapper .progress-steps .col-xs-1 a:before,
.KxStudentWrapper .progress-steps .col-xs-1 a:after { content:''; position:absolute; right:50%; top:-7px; z-index:50; }
.KxStudentWrapper .progress-steps .col-xs-1 a:before { background: #337ab7; height:7px; width:50%; width:100%; }
.KxStudentWrapper .progress-steps .col-xs-1 a:after { background: #337ab7; height: 5em; width: 5em; border-radius: 50%; top: -2.5em; border: 5px solid #337ab7; margin-top: -5px; margin-right: -2.5em; z-index: 51; }
.KxStudentWrapper .progress-steps .col-xs-1 a span { display: block; position: absolute; right: 50%; z-index: 60; height: 5em; width: 5em; border-radius: 50%; top: -2.5em; margin-top: -5px; margin-right: -2.5em; vertical-align: middle; text-align: center; padding-top: 2em; color: white; }
.KxStudentWrapper .progress-steps.progress-steps-8 { padding-left: 0.7em; padding-right: 0; }
.KxStudentWrapper .progress-steps.progress-steps-9 { padding-left: 1.4em; padding-right: 0.7em; }
.KxStudentWrapper .progress-steps.progress-steps-10 { padding-left: 2em; padding-right: 1.4em; }
.KxStudentWrapper .progress-steps.progress-steps-11 { padding-left: 2em; padding-right: 1.4em; }
.KxStudentWrapper .progress-steps.progress-steps-12 { padding-left: 2em; padding-right: 1.4em; }
.KxStudentWrapper .progress-steps.progress-steps-2 .col-xs-1 { width: 50%; }
.KxStudentWrapper .progress-steps.progress-steps-2 .col-xs-1.active:after { left: 38%; }
.KxStudentWrapper .progress-steps.progress-steps-3 .col-xs-1 { width: 33.33333%; }
.KxStudentWrapper .progress-steps.progress-steps-3 .col-xs-1.active:after { left: 35%; }
.KxStudentWrapper .progress-steps.progress-steps-4 .col-xs-1 { width: 25%; }
.KxStudentWrapper .progress-steps.progress-steps-4 .col-xs-1.active:after { left: 32%; }
.KxStudentWrapper .progress-steps.progress-steps-5 .col-xs-1 { width: 20%; }
.KxStudentWrapper .progress-steps.progress-steps-5 .col-xs-1.active:after { left: 29%; }
.KxStudentWrapper .progress-steps.progress-steps-6 .col-xs-1 { width: 16.66667%; }
.KxStudentWrapper .progress-steps.progress-steps-6 .col-xs-1.active:after { left: 26%; }
.KxStudentWrapper .progress-steps.progress-steps-7 .col-xs-1 { width: 14.28571%; }
.KxStudentWrapper .progress-steps.progress-steps-7 .col-xs-1.active:after { left: 23%; }
.KxStudentWrapper .progress-steps.progress-steps-8 .col-xs-1 { width: 12.5%; }
.KxStudentWrapper .progress-steps.progress-steps-8 .col-xs-1.active:after { left: 20%; }
.KxStudentWrapper .progress-steps.progress-steps-9 .col-xs-1 { width: 11.11111%; }
.KxStudentWrapper .progress-steps.progress-steps-9 .col-xs-1.active:after { left: 17%; }
.KxStudentWrapper .progress-steps.progress-steps-10 .col-xs-1 { width: 10%; }
.KxStudentWrapper .progress-steps.progress-steps-10 .col-xs-1.active:after { left: 14%; }
.KxStudentWrapper .progress-steps.progress-steps-11 .col-xs-1 { width: 9.09090%; }
.KxStudentWrapper .progress-steps.progress-steps-11 .col-xs-1.active:after { left: 11%; }
.KxStudentWrapper .progress-steps.progress-steps-12 .col-xs-1 { width: 8.33333%; }
.KxStudentWrapper .progress-steps.progress-steps-12 .col-xs-1.active:after { left: 8%; }
/*.KxStudentWrapper .progress-steps .col-xs-1:first-child a:before { display: none; }*/
.KxStudentWrapper .progress-steps .col-xs-1.active + div a:before,
.KxStudentWrapper .progress-steps .col-xs-1.active + div + div a:before,
.KxStudentWrapper .progress-steps .col-xs-1.active + div + div + div a:before,
.KxStudentWrapper .progress-steps .col-xs-1.active + div + div + div + div a:before,
.KxStudentWrapper .progress-steps .col-xs-1.active + div + div + div + div + div a:before,
.KxStudentWrapper .progress-steps .col-xs-1.active + div + div + div + div + div + div a:before,
.KxStudentWrapper .progress-steps .col-xs-1.active + div + div + div + div + div + div + div a:before,
.KxStudentWrapper .progress-steps .col-xs-1.active + div + div + div + div + div + div + div + div a:before,
.KxStudentWrapper .progress-steps .col-xs-1.active + div + div + div + div + div + div + div + div + div a:before { display: none; }
.KxStudentWrapper .progress-steps .col-xs-1.active + div a:after,
.KxStudentWrapper .progress-steps .col-xs-1.active + div + div a:after,
.KxStudentWrapper .progress-steps .col-xs-1.active + div + div + div a:after,
.KxStudentWrapper .progress-steps .col-xs-1.active + div + div + div + div a:after,
.KxStudentWrapper .progress-steps .col-xs-1.active + div + div + div + div + div a:after,
.KxStudentWrapper .progress-steps .col-xs-1.active + div + div + div + div + div + div a:after,
.KxStudentWrapper .progress-steps .col-xs-1.active + div + div + div + div + div + div + div a:after,
.KxStudentWrapper .progress-steps .col-xs-1.active + div + div + div + div + div + div + div + div a:after,
.KxStudentWrapper .progress-steps .col-xs-1.active + div + div + div + div + div + div + div + div + div a:after { background: black!important; border: 5px solid black!important; }
.KxStudentWrapper .row.progress.progress-bar-default .col-xs-1 a:before,
.KxStudentWrapper .row.progress.progress-bar-default .col-xs-1 a:after { background-color: #337ab7; }
.KxStudentWrapper .row.progress.progress-bar-default .col-xs-1 a:after { border-color: #337ab7; }
.KxStudentWrapper .row.progress.progress-bar-success .col-xs-1 a:before,
.KxStudentWrapper .row.progress.progress-bar-success .col-xs-1 a:after { background-color: #5cb85c; }
.KxStudentWrapper .row.progress.progress-bar-success .col-xs-1 a:after { border-color: #5cb85c; }
.KxStudentWrapper .row.progress.progress-bar-info .col-xs-1 a:before,
.KxStudentWrapper .row.progress.progress-bar-info .col-xs-1 a:after { background-color: #5bc0de; }
.KxStudentWrapper .row.progress.progress-bar-info .col-xs-1 a:after { border-color: #5bc0de; }
.KxStudentWrapper .row.progress.progress-bar-warning .col-xs-1 a:before,
.KxStudentWrapper .row.progress.progress-bar-warning .col-xs-1 a:after { background-color: #f0ad4e; }
.KxStudentWrapper .row.progress.progress-bar-warning .col-xs-1 a:after { border-color: #f0ad4e; }
.KxStudentWrapper .row.progress.progress-bar-danger .col-xs-1 a:before,
.KxStudentWrapper .row.progress.progress-bar-danger .col-xs-1 a:after { background-color: #d9534f; }
.KxStudentWrapper .row.progress.progress-bar-danger .col-xs-1 a:after { border-color: #d9534f; }
.KxStudentWrapper .progress-steps .col-xs-1 a.progress-step-icon span { background: url('../../Resources/images/core/block-progress-ico.png') 0 -200px no-repeat; text-indent:-9999px; overflow: hidden; }
.KxStudentWrapper .progress-steps .col-xs-1.active a.progress-step-icon span { background-position: 0 0; }
.KxStudentWrapper .progress-steps .col-xs-1:first-child + div a span { background-position: -200px -200px; }
.KxStudentWrapper .progress-steps .col-xs-1:first-child + div.active a span { background-position: -200px 0; }
.KxStudentWrapper .progress-steps .col-xs-1:first-child + div + div a span { background-position: -400px -200px; }
.KxStudentWrapper .progress-steps .col-xs-1:first-child + div + div.active a span { background-position: -400px 0; }
.KxStudentWrapper .progress-steps .col-xs-1:first-child + div + div + div a span  { background-position: -600px -200px; }
.KxStudentWrapper .progress-steps .col-xs-1:first-child + div + div + div.active a span  { background-position: -600px 0; }
.KxStudentWrapper .progress-steps .col-xs-1:first-child + div + div + div + div a span  { background-position: -800px -200px; }
.KxStudentWrapper .progress-steps .col-xs-1:first-child + div + div + div + div.active a span  { background-position: -800px 0; }
.KxStudentWrapper .progress-steps .col-xs-1:first-child + div + div + div + div + div a span { background-position: -1000px -200px; }
.KxStudentWrapper .progress-steps .col-xs-1:first-child + div + div + div + div + div.active a span { background-position: -1000px 0; }
.KxStudentWrapper .progress-steps .col-xs-1:first-child + div + div + div + div + div + div a span { background-position: -1200px -200px; }
.KxStudentWrapper .progress-steps .col-xs-1:first-child + div + div + div + div + div + div.active a span { background-position: -1200px 0; }
.KxStudentWrapper .progress-steps .col-xs-1:first-child + div + div + div + div + div + div + div a span { background-position: -1400px -200px; }
.KxStudentWrapper .progress-steps .col-xs-1:first-child + div + div + div + div + div + div + div.active a span { background-position: -1400px 0; }
.KxStudentWrapper .progress-steps .col-xs-1:first-child + div + div + div + div + div + div + div + div a span { background-position: -1600px -200px; }
.KxStudentWrapper .progress-steps .col-xs-1:first-child + div + div + div + div + div + div + div + div.active a span { background-position: -1600px 0; }
.KxStudentWrapper .progress-steps .col-xs-1:first-child + div + div + div + div + div + div + div + div + div a span { background-position: -1800px -200px; }
.KxStudentWrapper .progress-steps .col-xs-1:first-child + div + div + div + div + div + div + div + div + div.active a span { background-position: -1800px 0; }


/* BLOCK-ACCORDION */
.KxStudentWrapper .accordion { border-radius: 4px; }
.KxStudentWrapper .accordion:not(.block) + .accordion { margin-top: 2em; }
.KxStudentWrapper .inverse .accordion,
.KxStudentWrapper .block-welcome .accordion,
.KxStudentWrapper .block-hub .accordion { -webkit-box-shadow: 0 0 2px 0 rgba(255, 255, 255, 1); -moz-box-shadow: 0 0 2px 0 rgba(255, 255, 255, 1); box-shadow: 0 0 2px 0 rgba(255, 255, 255, 1); }
.KxStudentWrapper .accordion .ui-accordion-header { background: white; margin: 0; font-weight: normal; vertical-align: middle; touch-action: manipulation; cursor: pointer; padding: 7px 15px; font-size: 14px; line-height: 1.42857; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid #ccc; border-top: 0; }
.KxStudentWrapper .accordion .ui-accordion-header:first-child { border-top-left-radius: 4px; border-top-right-radius: 4px; border-top: 1px solid #ccc; }
.KxStudentWrapper .accordion .ui-accordion-header:last-of-type { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.KxStudentWrapper .accordion .ui-accordion-header.ui-state-hover,
.KxStudentWrapper .accordion .ui-accordion-header.ui-state-active,
.KxStudentWrapper .accordion .ui-accordion-content { -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.2); box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.2); }
.KxStudentWrapper .accordion .ui-accordion-header.ui-state-active:last-of-type { border-radius: 0; }
.KxStudentWrapper .accordion .ui-accordion-content:last-child { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.KxStudentWrapper .accordion .ui-accordion-header.ui-state-hover { background: #eee; }
.KxStudentWrapper .accordion .ui-accordion-header.ui-state-active { background: #337ab7; border-color: #337ab7; color: white; }
.KxStudentWrapper .accordion .ui-accordion-header span { font-family: 'Glyphicons Halflings'; margin: 0; padding: 0; font-size: 1em; line-height: 1; border: 0; text-indent: -9999px; position: relative; overflow: visible; top: 0; left: -7px; display: inline-block; font-weight: bold; background: transparent; vertical-align: middle; transform: rotate(270deg); height: 1em; width: 0.9em; color: #333; }
.KxStudentWrapper .accordion .ui-accordion-header span:before { content: '\e079'; color: inherit; text-indent: 0; position: absolute; top: 0; left:0; }
.KxStudentWrapper .accordion .ui-accordion-header.ui-state-active span { transform: rotate(90deg); color: White; left:-6px; }
.KxStudentWrapper .accordion .ui-accordion-content { background: white; border: 1px solid #ccc; border-top: 0; padding: 15px; font-size: 14px; }
.KxStudentWrapper .ui-accordion-content p,
.KxStudentWrapper .ui-accordion-content ol,
.KxStudentWrapper .ui-accordion-content ul,
.KxStudentWrapper .ui-accordion-content li,
.KxStudentWrapper .ui-accordion-content td { font-size: inherit; }


/* BLOCK-HUB */
.KxStudentWrapper .hub-year { margin-top:1em; }
.KxStudentWrapper .hub-year.ui-widget-content { background:none; border:none; border-radius:0; padding:0; }
.KxStudentWrapper .hub-year.ui-widget-content .ui-tabs-nav { background:none; border:none; border-radius:0; padding:0; margin: 0; }
.KxStudentWrapper .hub-year.ui-tabs .ui-tabs-nav li { float:none; border:none; margin:0; background: transparent; }
.KxStudentWrapper .hub-year .ui-tabs-panel,
.KxStudentWrapper .hub-year .ui-tabs-nav .ui-tabs-anchor { border:2px solid #337ab7; text-decoration: none; }
.KxStudentWrapper .hub-year .ui-tabs-nav .ui-tabs-anchor { display:block; float:none; }
.KxStudentWrapper .hub-year .ui-tabs-nav .ui-state-active .ui-tabs-anchor { border:2px solid #337ab7; border-bottom:none; }
.KxStudentWrapper .hub-year .ui-tabs-panel { border-top:none; background: #337ab7; color: black; }
.KxStudentWrapper .hub-year .tab-wrap .tab, .KxStudentWrapper .hub-year .tab-wrap:first-child .tab { padding:0; }
.KxStudentWrapper .hub-year .ui-tabs-nav .ui-tabs-anchor { background:white; border-bottom:none; color: black; padding:1em 0 1.2em; margin-top: 0; position:relative; text-align: center; }
.KxStudentWrapper .hub-year .ui-tabs-nav .ui-tabs-anchor:hover { text-decoration:none; }
.KxStudentWrapper .hub-year .ui-tabs-nav .ui-state-active .ui-tabs-anchor { background: #337ab7; color:white; }
.KxStudentWrapper .hub-year .ui-tabs-panel .row { padding:6em 0 3em; }
.KxStudentWrapper .hub-year .ui-tabs-panel .row + .row { padding-top:3em; }
.KxStudentWrapper .hub-year .tab-panel .inactive { opacity: 0.8; }
.KxStudentWrapper .hub-year .ui-tabs-nav:focus,
.KxStudentWrapper .hub-year .ui-tabs-nav *:focus { outline: 0; }
.KxStudentWrapper .hub-year .tab-wrap .tab .ui-tabs-anchor:before { content: ''; position: absolute; width: 6px; height: 100%; background: transparent; top: 0; left: -2px; }
.KxStudentWrapper .hub-year .tab-wrap:first-child .tab .ui-tabs-anchor:before { display: none; }
.KxStudentWrapper .hub-year .tab-wrap.ui-state-active .tab .ui-tabs-anchor:before { left:-8px; }
.KxStudentWrapper .hub-year .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; padding-bottom: 0; }
.KxStudentWrapper .hub-year .ico { background: url('../../Resources/images/core/block-hub-ico.png'); }
.KxStudentWrapper .hub-year .tab-panel .ico { display: block; margin: -46px auto 0 auto; background: url('../../Resources/images/core/block-hub-ico.png'); }
.KxStudentWrapper .hub-year .ui-tabs-panel .row div { text-align: center; }
.KxStudentWrapper .hub-year .ui-tabs-panel .row a,
.KxStudentWrapper .hub-year .ui-tabs-panel .row a:hover,
.KxStudentWrapper .hub-year .ui-tabs-panel .row a:focus { display: block; color: #e1e0e0; text-decoration: none; }
.KxStudentWrapper .hub-year .ui-tabs-panel .row .active,
.KxStudentWrapper .hub-year .ui-tabs-panel .row .active a,
.KxStudentWrapper .hub-year .ui-tabs-panel .row .active a:hover,
.KxStudentWrapper .hub-year .ui-tabs-panel .row .active a:focus { color: #cad400  !important; }
.KxStudentWrapper .hub-year .ui-tabs-panel .row .col-sm-3 .ico { width: 177px; height: 177px;  }
.KxStudentWrapper .hub-year .ui-tabs-panel .row .col-sm-3:first-child .ico { background-position: 40px -160px; }
.KxStudentWrapper .hub-year .ui-tabs-panel .row .col-sm-3:nth-child(2) .ico { background-position: -160px -160px; }
.KxStudentWrapper .hub-year .ui-tabs-panel .row .col-sm-3:nth-child(3) .ico { background-position: -360px -160px; }
.KxStudentWrapper .hub-year .ui-tabs-panel .row .col-sm-3:nth-child(4) .ico { background-position: -560px -160px; }
.KxStudentWrapper .hub-year .ui-tabs-panel .row .col-sm-3:first-child .active .ico { background-position: 40px 40px; }
.KxStudentWrapper .hub-year .ui-tabs-panel .row .col-sm-3:nth-child(2) .active .ico { background-position: -160px 40px; }
.KxStudentWrapper .hub-year .ui-tabs-panel .row .col-sm-3:nth-child(3) .active .ico { background-position: -360px 40px; }
.KxStudentWrapper .hub-year .ui-tabs-panel .row .col-sm-3:nth-child(4) .active .ico { background-position: -560px 40px; }


/* BLOCK-PREFERENCE */
.KxStudentWrapper .room .room-summary h3 { margin: 0 0 0.5em; }
.KxStudentWrapper .room .list-horizontal { font-size:1.3em; margin:0; }
.KxStudentWrapper .room .list-horizontal .list-title,
.KxStudentWrapper .room .list-horizontal .list-info { margin: 0; padding: 0.5em 0; }
.KxStudentWrapper .room .list-horizontal .list-title { font-weight:bold; border-bottom: 1px solid #7d7d7d; white-space: nowrap; }
.KxStudentWrapper .room .list-horizontal .list-info { font-weight:normal; }


/* BLOCK-KX-CONTENT */
.KxStudentWrapper .block-kx-content .jumbotron { padding:2em 1.5em 1.5em; margin-top: 1em; margin-bottom: 1em; border: 2px solid #7d7d7d; }
.KxStudentWrapper .block-kx-content h2 { display: inline-block; margin-bottom: 0.6em; }
.KxStudentWrapper .block-kx-content h2 a { color:inherit; text-decoration: none; position:relative; display:block; padding-right: 1em; }
.KxStudentWrapper .block-kx-content h2 a:before { content:'>'; position: absolute; right: 0; }
.KxStudentWrapper .block-kx-content h2 a:hover { text-decoration: underline; }
.KxStudentWrapper .block-kx-content p { font-size: 1.2em; margin-bottom: 1.6em; } 
.KxStudentWrapper .block-kx-content .jumbotron hr { background-color:#7d7d7d; border-color: #7d7d7d; }
.KxStudentWrapper .block-kx-content .jumbotron.jumbotron-dates { font-size:1.05em; margin-top: 3em; padding-bottom: 0; }
.KxStudentWrapper .block-kx-content .jumbotron.jumbotron-dates b,
.KxStudentWrapper .block-kx-content .jumbotron.jumbotron-dates strong { font-size:1.2em; }
.KxStudentWrapper .block-kx-content .jumbotron.jumbotron-dates .row + .row + .row { padding-bottom: 1em; }
.KxStudentWrapper .block-kx-content .jumbotron p { font-size:1em; margin:0; color: inherit; }
.KxStudentWrapper .block-kx-content .jumbotron a:not(.btn),
.KxStudentWrapper .block-kx-content .jumbotron a:not(.btn):link,
.KxStudentWrapper .block-kx-content .jumbotron a:not(.btn):visited,
.KxStudentWrapper .block-kx-content .jumbotron a:not(.btn):hover,
.KxStudentWrapper .block-kx-content .jumbotron a:not(.btn):active { color:inherit; }
.KxStudentWrapper .block-kx-content .summary { font-size:1.2em; line-height:3em; margin-top:.5em; text-transform:uppercase; }
.KxStudentWrapper .block-kx-content .summary > div { font-size: 0.9em; white-space: nowrap; }
.KxStudentWrapper .block-kx-content .summary > hr + div + div + div,
.KxStudentWrapper .block-kx-content .summary > div:first-child + div + div { text-align: right; }
.KxStudentWrapper .block-kx-content .summary + div .col-md-12 { padding-top:1.2em; padding-bottom:0.7em; }
.KxStudentWrapper .block-kx-content .price { font-size:1.2em; font-weight: bold; }
.KxStudentWrapper .block-kx-content .jumbotron.font-spaced { padding:2em 2em; } 
.KxStudentWrapper .block-kx-content .jumbotron.font-spaced h3 { margin:0; }
.KxStudentWrapper .block-kx-content .jumbotron.font-spaced p { font-size:1.2em; margin:1em 0; } 
.KxStudentWrapper .block-kx-content .jumbotron.font-spaced .price { padding-left: 1em; } 
.KxStudentWrapper .block-kx-content .jumbotron.jumbotron-primary,
.KxStudentWrapper .block-kx-content .jumbotron-primary .Panel.jumbotron { background: #7d7d7d; }
.KxStudentWrapper .block-kx-content .jumbotron-primary .jumbotron-title { color:#fff; }
.KxStudentWrapper .block-kx-content .jumbotron-primary a,
.KxStudentWrapper .block-kx-content .jumbotron-primary input[type=submit] { color: #fff; }
.KxStudentWrapper .block-kx-content .jumbotron-primary .jumbrotron-text,
.KxStudentWrapper .block-kx-content .jumbotron-primary { color:#fff; }
.KxStudentWrapper .block-kx-content .jumbotron-primary hr { background-color:#fff; border-color: #fff; }
.KxStudentWrapper .block-kx-content .jumbotron-primary .Panel.jumbotron .input-row label { color:#fff; }

.KxStudentWrapper .block-kx-content .jumbotron-parent .Panel input[type=submit] { margin: 10px 0px; }
.KxStudentWrapper .block-kx-content .jumbotron-parent .Panel { min-height: 275px; }
.KxStudentWrapper .block-kx-content .jumbotron-primary .Panel p { font-size: 1.1em; font-weight: 500; line-height: 20px; }

.KxStudentWrapper .block-kx-content .form-group { margin: 5px auto; padding: 0px; }
.KxStudentWrapper .block-kx-content .form-group label { text-align: left; }
.KxStudentWrapper .block-kx-content .form-group .form-control { background-color: #eee; font-size: 1em; height: 28px; }

.KxStudentWrapper .block-kx-content label.radioButton { cursor: pointer; padding-top: 3px; }
.KxStudentWrapper .block-kx-content textarea { background-color: #eee; margin-bottom: 20px; resize: none; }

.KxStudentWrapper .list-vertical { font-size: 1.1em; }
.KxStudentWrapper .list-title strong { display: inline-block; font-weight: bold; width: 20%; }

.KxStudentWrapper .block-kx-content ol[type="a"] { font-size: 1.2em; list-style-type: lower-alpha; }
.KxStudentWrapper .block-kx-content ol[type="1"] { font-size: 1.2em; list-style-type: decimal; }


/* BLOCK-NAVIGATION */
.KxStudentWrapper .block.navigation-center { width: 50%; float: none; margin-left: auto; margin-right: auto; display: block; }
.KxStudentWrapper .block .navigation-center { text-align: center; }


/* DATEPICKER */
.ui-widget { font-family: Arial, Helvetica, sans-serif; }
.ui-datepicker { width: 21em; padding: 1px; display: none; background: #fff; border: 1px solid #ccc; -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.2); box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.2); }
.ui-datepicker select { display: inline-block; margin: -2px 1px!important; cursor: pointer; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857; color: #555555; background-color: #fff; background-image: none; 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 0.15s, box-shadow ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; }
.ui-datepicker select:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year { width: 47.5%; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: 5px; }
.ui-datepicker table { width: 100%; font-size: 1.2em; border-collapse: collapse; margin: 0; }
.ui-datepicker table thead,
.ui-datepicker table th { background: white; color: #333 }
.ui-datepicker table tr:nth-child(odd),
.ui-datepicker table tr:nth-child(even) { background-color: white!important; }
.ui-datepicker table tr:hover td { background: white!important; }
.ui-datepicker td * { border-radius: 4px; }
.ui-datepicker .ui-widget-header { background: transparent; border-bottom-left-radius: 0; border-bottom-right-radius: 0; border: 0; color: inherit; }
.ui-datepicker table .ui-state-default { background: white; border-color: white; color: #333; padding: 6px; text-align: center; }
.ui-datepicker table .ui-state-default:focus { outline: 0; box-shadow: 0; }
.ui-datepicker table .ui-state-hover { background: #eee; border-color: #eee; color: #333; }
.ui-datepicker table .ui-state-active { background: #337ab7; border-color: #337ab7; color: white; font-weight: bold; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next span { font-family: 'Glyphicons Halflings'; width: 0; height: 0; margin: 0; padding: 0; font-size: 1em; border: 0; text-indent: -9999px; position: relative; overflow: visible; display: block; float: left; top:0; left: 0; font-weight: bold; }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { font-size: 1em; margin: 0.9em 0.3em; }
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-next span { float: right; margin-right: 0.4em; }
.ui-datepicker .ui-datepicker-prev span:before,
.ui-datepicker .ui-datepicker-next span:before { content:'\e257 \e257'; text-indent: 0; color: #333; position: absolute; top: 50%; left:0; letter-spacing: -0.5em; }
.ui-datepicker .ui-datepicker-prev-hover span:before,
.ui-datepicker .ui-datepicker-next-hover span:before { color: #337ab7; }
.ui-datepicker .ui-datepicker-next span:before { content:'\e258 \e258'; left: auto; right:0; }
.ui-datepicker .ui-datepicker-prev:not(ui-state-disabled),
.ui-datepicker .ui-datepicker-next:not(ui-state-disabled) { cursor: pointer; }


/** Inductions **/ 
.KxStudentWrapper .inductionQuestions { color: #333; font-size: 1em; }
.KxStudentWrapper .inductionQuestions .inductionQuestionOptions td { background-color: transparent; color: #333; font-size: 0.9em; }
.KxStudentWrapper .inductionQuestions .inductionQuestionOptions td label { font-size: 0.9em; }
.KxStudentWrapper .inductionQuestions .inductionQuestionOptions td label:hover { cursor: pointer; }
.KxStudentWrapper .inductionQuestions .inductionQuestionOptions td input:hover { cursor: pointer; }
.KxStudentWrapper .inductionQuestions .inductionQuestionOptions td input { margin: 4px; }

.KxStudentWrapper .standardText { }
.KxStudentWrapper .standardText tr td { background-color: #e9ebe7; color: #333; }
.KxStudentWrapper .standardText tr td input { margin: 5px; }
.KxStudentWrapper .standardText tr td label { font-size: 0.8em; margin: 5px; }


@media only screen and (max-width: 767px) {
    .KxStudentWrapper .progress-steps .col-xs-1:not(.active) a:after { height: 3em; width: 3em; top: -1.5em; margin-right: -1.5em; }
    .KxStudentWrapper .progress-steps .col-xs-1:not(.active) a span { height: 3em; width: 3em; top: -1.5em; margin-right: -1.5em; padding-top: 1em; }
    .KxStudentWrapper .progress-steps .col-xs-1:not(.active) a span { background-image: none!important; text-indent: 0; }
}


@media only screen and (max-width: 479px) {
    .KxStudentWrapper .progress { overflow: visible; }
    .KxStudentWrapper .progress-steps .col-xs-1:not(.active) a:after,
    .KxStudentWrapper .progress-steps .col-xs-1:not(.active) a span,
    .KxStudentWrapper .progress-steps .col-xs-1:not(.active) div { display: none; }
    .KxStudentWrapper .progress-steps .col-xs-1.active div { width: 300%; margin-left: -100%; }
    .KxStudentWrapper .block-navigation .row > div { width: 100%; padding-bottom: 1.5em; text-align: center; }
    .KxStudentWrapper .block-navigation .row > div .pull-right { float: none!important; }
    .KxStudentWrapper .block.navigation-center { width: 100%; }
}


@media only screen and (min-width: 480px) {
    .KxStudentWrapper .block-banner-image .text-panel,
    .KxStudentWrapper .block-banner-background .text-panel { width:72%; position:absolute; padding: 1em; background: transparent; }
    .KxStudentWrapper .block-banner-image .image-panel img,
    .KxStudentWrapper .block-banner-background .image-panel img { max-height: 100px; display: block; }
    .KxStudentWrapper .block-banner-background .image-panel { display: block; }
}


@media only screen and (min-width: 768px) {
    .KxStudentWrapper .block-banner-image .text-panel,
    .KxStudentWrapper .block-banner-background .text-panel { width:72%; padding: 1em; }
    .KxStudentWrapper .block-banner-image .image-panel img,
    .KxStudentWrapper .block-banner-background .image-panel img { max-height: 200px; }
    .KxStudentWrapper .block .block-banner-image .text-panel,
    .KxStudentWrapper .block .block-banner-background .text-panel { width:62.5%; }
    .KxStudentWrapper .block .block-banner-image .image-panel img,
    .KxStudentWrapper .block .block-banner-background .image-panel img { max-height: 100px; }

    .KxStudentWrapper .hub-year .tab-wrap .tab .ui-tabs-anchor:before { background: #337ab7; }
    .KxStudentWrapper .hub-year .ui-tabs-nav .ui-state-active .ui-tabs-anchor { margin-top:1px; }
    .KxStudentWrapper .hub-year .tab-wrap:first-child .tab .ui-tabs-anchor { margin-top:1px; }
    .KxStudentWrapper .hub-year .tab-wrap:not(.ui-state-active):first-child + .tab-wrap:not(.ui-state-active) .tab .ui-tabs-anchor { margin-top:1px; }

    .KxStudentWrapper .block-hub-multiyear { position: relative; }
    .KxStudentWrapper .block-hub-multiyear > h2 { display: block; position: absolute; z-index: 1; width: 50%; padding: 0.45em 1em; margin: 0; }
    .KxStudentWrapper .block-hub-multiyear .hub-year.ui-widget-content { overflow: hidden; }
    .KxStudentWrapper .block-hub-multiyear .hub-year.ui-widget-content .ui-tabs-nav { display: block; margin-right: -50%; padding-left: 50%; margin-top: -1px; }

    .KxStudentWrapper .room .list-horizontal .list-title,
    .KxStudentWrapper .room .list-horizontal .list-info { margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; }
    .KxStudentWrapper .room .list-horizontal > *:first-child .list-title,
    .KxStudentWrapper .room .list-horizontal > *:first-child .list-info { margin-left:0; padding-left:0; }
    .KxStudentWrapper .room .list-horizontal > *:last-child .list-title,
    .KxStudentWrapper .room .list-horizontal > *:last-child .list-info { margin-right:0; padding-right:0; }
    .KxStudentWrapper .block-preference .price-filter .price-range-filter,
    .KxStudentWrapper .block-preference .row .drop-label,
    .KxStudentWrapper .block-preference .row .check-label { text-align: right; }
    .KxStudentWrapper .block-preference p { font-size: 1.2em; }

    .KxStudentWrapper .block.navigation-center { width: 50%; }
}

@media only screen and (min-width: 992px) {
    .KxStudentWrapper .block.navigation-center { width: 35%; }
}