/* Minification failed. Returning unminified contents.
(961,29): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':'
(1109,34): run-time error CSS1036: Expected expression, found ';'
 */
/* * * PrimeFaces Aristo Theme* http://wijmo.com/* * Based on the Aristo theme concept created by 280 North and Pinvoke (https://github.com/280north/aristo).* */a{outline:none;}.ui-icon{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}/** jQuery UI CSS Framework @VERSION** Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)* Dual licensed under the MIT or GPL Version 2 licenses.* http://jquery.org/license** http://docs.jquery.com/UI/Theming/API** To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial,sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=3px&bgColorHeader=c4c4c4&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=100&borderColorHeader=a8a8a8&fcHeader=4f4f4f&iconColorHeader=898989&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=100&borderColorContent=a8a8a8&fcContent=4f4f4f&iconColorContent=616161&bgColorDefault=c4c4c4&bgTextureDefault=04_highlight_hard.png&bgImgOpacityDefault=80&borderColorDefault=a8a8a8&fcDefault=4f4f4f&iconColorDefault=ffffff&bgColorHover=c4c4c4&bgTextureHover=04_highlight_hard.png&bgImgOpacityHover=80&borderColorHover=a8a8a8&fcHover=4f4f4f&iconColorHover=ffffff&bgColorActive=c4c4c4&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=4f4f4f&iconColorActive=ffffff&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=4f4f4f&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px*//* Component containers----------------------------------*/.ui-widget{font-family:Arial,sans-serif;font-size:1.1em;}.ui-widget .ui-widget{font-size:1em;}.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:Arial,sans-serif;font-size:1em;}.ui-widget-content{border:1px solid #a8a8a8;background:#ffffff;color:#4f4f4f;}.ui-widget-content a{color:#4f4f4f;}.ui-widget-header{border:1px solid #a8a8a8;background:#c4c4c4 url("/javax.faces.resource/images/ui-bg_highlight-soft_100_c4c4c4_1x100.png.html?ln=primefaces-aristo") 50% 50% repeat-x;background:#c4c4c4 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));background:#c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));background:#c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));/*    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF)";*/color:#333;font-weight:bold;text-shadow:0px 1px 0px rgba(255,255,255,0.7);}.ui-widget-header a{color:#4f4f4f;}/* Interaction states----------------------------------*/.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:1px solid #a8a8a8;background:#c4c4c4 url("/javax.faces.resource/images/ui-bg_highlight-hard_80_c4c4c4_1x100.png.html?ln=primefaces-aristo") 50% 50% repeat-x;background:#c4c4c4 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));background:#c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));background:#c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));/*    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF)";*/font-weight:bold;color:#4f4f4f;text-shadow:0px 1px 0px rgba(255,255,255,0.7);}.ui-state-default{-moz-box-shadow:inset 0px 1px 0px #fff;-webkit-box-shadow:inset 0px 1px 0px #fff;box-shadow:inset 0px 1px 0px #fff;}.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited{color:#4f4f4f;text-decoration:none;text-shadow:0 1px 0 rgba(255, 255, 255, 0.8);}.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus{border:1px solid #7096ab;background:#85b2cb url("/javax.faces.resource/images/ui-bg_highlight-hard_80_85b2cb_1x100.png.html?ln=primefaces-aristo") 50% 50% repeat-x;background:#85b2cb linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0));background:#85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.6)), to(rgba(255,255,255,0)));background:#85b2cb -moz-linear-gradient(top, rgba(255,255,255,0.6), rgba(255,255,255,0));/*    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#00FFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#CCFFFFFF, endColorstr=#00FFFFFF)";*/font-weight:bold;color:#313131;-moz-box-shadow:0 0 5px #85b2cb;-webkit-box-shadow:0px 0px 8px #85b2cb;box-shadow:0px 0px 8px #85b2cb;}.ui-state-hover{-moz-box-shadow:0px 0px 8px #85b2cb, inset 0px 1px 0px #fff;-webkit-box-shadow:0px 0px 8px #85b2cb, inset 0px 1px 0px #fff;box-shadow:0px 0px 8px #85b2cb, inset 0px 1px 0px #fff;}.ui-state-hover a, .ui-state-hover a:hover{color:#2f556a;text-decoration:none;}.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{border:1px solid #7096ab;background:#85b2cb url("/javax.faces.resource/images/ui-bg_inset-hard_65_85b2cb_1x100.png.html?ln=primefaces-aristo") 50% 50% repeat-x;background:#85b2cb linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.4));background:#85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,0.4)));background:#85b2cb -moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,0.4));/*    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#CCFFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#CCFFFFFF)";*/font-weight:bold;color:#1C4257;text-shadow:0 1px 0 rgba(255, 255, 255, 0.7);}.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited{color:#2f556a;text-decoration:none;}.ui-widget:active{outline:none;}.ui-state-active{-moz-box-shadow:inset 0px -1px 0px #fff;-webkit-box-shadow:inset 0px 1px 0px #fff;box-shadow:inset 0px 1px 0px #fff;}/* Interaction Cues----------------------------------*/.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{border:1px solid #666666;background:#aaaaaa;background:#aaaaaa linear-gradient(top, rgba(0,0,0,0.25), rgba(0,0,0,0));background:#aaaaaa -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.25)), to(rgba(0,0,0,0)));background:#aaaaaa -moz-linear-gradient(top, rgba(0,0,0,0.25), rgba(0,0,0,0));/*    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#00000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#33000000, endColorstr=#00000000)";*/color:#ffffff;text-shadow:1px 1px 1px #333333;}.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a{color:#363636;}.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url("/javax.faces.resource/images/ui-bg_inset-soft_95_fef1ec_1x100.png.html?ln=primefaces-aristo") 50% bottom repeat-x;background:#fef1ec linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));background:#fef1ec -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));background:#fef1ec -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));/*    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF)";*/color:#cd0a0a;}.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a{color:#cd0a0a;}.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text{color:#cd0a0a;}.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary{font-weight:bold;}.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal;}.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;}/* Icons----------------------------------*//* states and images */.ui-icon{width:16px;height:16px;background-image:url("/javax.faces.resource/images/ui-icons_616161_256x240.png.html?ln=primefaces-aristo");}.ui-widget-content .ui-icon{background-image:url("/javax.faces.resource/images/ui-icons_616161_256x240.png.html?ln=primefaces-aristo");}.ui-widget-header .ui-icon{background-image:url("/javax.faces.resource/images/ui-icons_898989_256x240.png.html?ln=primefaces-aristo");}.ui-state-default .ui-icon{background-image:url("/javax.faces.resource/images/ui-icons_38667f_256x240.png.html?ln=primefaces-aristo");}.ui-state-hover .ui-icon, .ui-state-focus .ui-icon{background-image:url("/javax.faces.resource/images/ui-icons_38667f_256x240.png.html?ln=primefaces-aristo");}.ui-state-active .ui-icon{background-image:url("/javax.faces.resource/images/ui-icons_38667f_256x240.png.html?ln=primefaces-aristo");}.ui-state-highlight .ui-icon{background-image:url("/javax.faces.resource/images/ui-icons_2e83ff_256x240.png.html?ln=primefaces-aristo");}.ui-state-error .ui-icon, .ui-state-error-text .ui-icon{background-image:url("/javax.faces.resource/images/ui-icons_cd0a0a_256x240.png.html?ln=primefaces-aristo");}/* positioning */.ui-icon-carat-1-n{background-position:0 0;}.ui-icon-carat-1-ne{background-position:-16px 0;}.ui-icon-carat-1-e{background-position:-32px 0;}.ui-icon-carat-1-se{background-position:-48px 0;}.ui-icon-carat-1-s{background-position:-64px 0;}.ui-icon-carat-1-sw{background-position:-80px 0;}.ui-icon-carat-1-w{background-position:-96px 0;}.ui-icon-carat-1-nw{background-position:-112px 0;}.ui-icon-carat-2-n-s{background-position:-128px 0;}.ui-icon-carat-2-e-w{background-position:-144px 0;}.ui-icon-triangle-1-n{background-position:0 -16px;}.ui-icon-triangle-1-ne{background-position:-16px -16px;}.ui-icon-triangle-1-e{background-position:-32px -16px;}.ui-icon-triangle-1-se{background-position:-48px -16px;}.ui-icon-triangle-1-s{background-position:-64px -16px;}.ui-icon-triangle-1-sw{background-position:-80px -16px;}.ui-icon-triangle-1-w{background-position:-96px -16px;}.ui-icon-triangle-1-nw{background-position:-112px -16px;}.ui-icon-triangle-2-n-s{background-position:-128px -16px;}.ui-icon-triangle-2-e-w{background-position:-144px -16px;}.ui-icon-arrow-1-n{background-position:0 -32px;}.ui-icon-arrow-1-ne{background-position:-16px -32px;}.ui-icon-arrow-1-e{background-position:-32px -32px;}.ui-icon-arrow-1-se{background-position:-48px -32px;}.ui-icon-arrow-1-s{background-position:-64px -32px;}.ui-icon-arrow-1-sw{background-position:-80px -32px;}.ui-icon-arrow-1-w{background-position:-96px -32px;}.ui-icon-arrow-1-nw{background-position:-112px -32px;}.ui-icon-arrow-2-n-s{background-position:-128px -32px;}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px;}.ui-icon-arrow-2-e-w{background-position:-160px -32px;}.ui-icon-arrow-2-se-nw{background-position:-176px -32px;}.ui-icon-arrowstop-1-n{background-position:-192px -32px;}.ui-icon-arrowstop-1-e{background-position:-208px -32px;}.ui-icon-arrowstop-1-s{background-position:-224px -32px;}.ui-icon-arrowstop-1-w{background-position:-240px -32px;}.ui-icon-arrowthick-1-n{background-position:0 -48px;}.ui-icon-arrowthick-1-ne{background-position:-16px -48px;}.ui-icon-arrowthick-1-e{background-position:-32px -48px;}.ui-icon-arrowthick-1-se{background-position:-48px -48px;}.ui-icon-arrowthick-1-s{background-position:-64px -48px;}.ui-icon-arrowthick-1-sw{background-position:-80px -48px;}.ui-icon-arrowthick-1-w{background-position:-96px -48px;}.ui-icon-arrowthick-1-nw{background-position:-112px -48px;}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px;}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px;}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px;}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px;}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px;}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px;}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px;}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px;}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px;}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px;}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px;}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px;}.ui-icon-arrowreturn-1-w{background-position:-64px -64px;}.ui-icon-arrowreturn-1-n{background-position:-80px -64px;}.ui-icon-arrowreturn-1-e{background-position:-96px -64px;}.ui-icon-arrowreturn-1-s{background-position:-112px -64px;}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px;}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px;}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px;}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px;}.ui-icon-arrow-4{background-position:0 -80px;}.ui-icon-arrow-4-diag{background-position:-16px -80px;}.ui-icon-extlink{background-position:-32px -80px;}.ui-icon-newwin{background-position:-48px -80px;}.ui-icon-refresh{background-position:-64px -80px;}.ui-icon-shuffle{background-position:-80px -80px;}.ui-icon-transfer-e-w{background-position:-96px -80px;}.ui-icon-transferthick-e-w{background-position:-112px -80px;}.ui-icon-folder-collapsed{background-position:0 -96px;}.ui-icon-folder-open{background-position:-16px -96px;}.ui-icon-document{background-position:-32px -96px;}.ui-icon-document-b{background-position:-48px -96px;}.ui-icon-note{background-position:-64px -96px;}.ui-icon-mail-closed{background-position:-80px -96px;}.ui-icon-mail-open{background-position:-96px -96px;}.ui-icon-suitcase{background-position:-112px -96px;}.ui-icon-comment{background-position:-128px -96px;}.ui-icon-person{background-position:-144px -96px;}.ui-icon-print{background-position:-160px -96px;}.ui-icon-trash{background-position:-176px -96px;}.ui-icon-locked{background-position:-192px -96px;}.ui-icon-unlocked{background-position:-208px -96px;}.ui-icon-bookmark{background-position:-224px -96px;}.ui-icon-tag{background-position:-240px -96px;}.ui-icon-home{background-position:0 -112px;}.ui-icon-flag{background-position:-16px -112px;}.ui-icon-calendar{background-position:-32px -112px;}.ui-icon-cart{background-position:-48px -112px;}.ui-icon-pencil{background-position:-64px -112px;}.ui-icon-clock{background-position:-80px -112px;}.ui-icon-disk{background-position:-96px -112px;}.ui-icon-calculator{background-position:-112px -112px;}.ui-icon-zoomin{background-position:-128px -112px;}.ui-icon-zoomout{background-position:-144px -112px;}.ui-icon-search{background-position:-160px -112px;}.ui-icon-wrench{background-position:-176px -112px;}.ui-icon-gear{background-position:-192px -112px;}.ui-icon-heart{background-position:-208px -112px;}.ui-icon-star{background-position:-224px -112px;}.ui-icon-link{background-position:-240px -112px;}.ui-icon-cancel{background-position:0 -128px;}.ui-icon-plus{background-position:-16px -128px;}.ui-icon-plusthick{background-position:-32px -128px;}.ui-icon-minus{background-position:-48px -128px;}.ui-icon-minusthick{background-position:-64px -128px;}.ui-icon-close{background-position:-80px -128px;}.ui-icon-closethick{background-position:-96px -128px;}.ui-icon-key{background-position:-112px -128px;}.ui-icon-lightbulb{background-position:-128px -128px;}.ui-icon-scissors{background-position:-144px -128px;}.ui-icon-clipboard{background-position:-160px -128px;}.ui-icon-copy{background-position:-176px -128px;}.ui-icon-contact{background-position:-192px -128px;}.ui-icon-image{background-position:-208px -128px;}.ui-icon-video{background-position:-224px -128px;}.ui-icon-script{background-position:-240px -128px;}.ui-icon-alert{background-position:0 -144px;}.ui-icon-info{background-position:-16px -144px;}.ui-icon-notice{background-position:-32px -144px;}.ui-icon-help{background-position:-48px -144px;}.ui-icon-check{background-position:-64px -144px;}.ui-icon-bullet{background-position:-80px -144px;}.ui-icon-radio-off{background-position:-96px -144px;}.ui-icon-radio-on{background-position:-112px -144px;}.ui-icon-pin-w{background-position:-128px -144px;}.ui-icon-pin-s{background-position:-144px -144px;}.ui-icon-play{background-position:0 -160px;}.ui-icon-pause{background-position:-16px -160px;}.ui-icon-seek-next{background-position:-32px -160px;}.ui-icon-seek-prev{background-position:-48px -160px;}.ui-icon-seek-end{background-position:-64px -160px;}.ui-icon-seek-start{background-position:-80px -160px;}/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */.ui-icon-seek-first{background-position:-80px -160px;}.ui-icon-stop{background-position:-96px -160px;}.ui-icon-eject{background-position:-112px -160px;}.ui-icon-volume-off{background-position:-128px -160px;}.ui-icon-volume-on{background-position:-144px -160px;}.ui-icon-power{background-position:0 -176px;}.ui-icon-signal-diag{background-position:-16px -176px;}.ui-icon-signal{background-position:-32px -176px;}.ui-icon-battery-0{background-position:-48px -176px;}.ui-icon-battery-1{background-position:-64px -176px;}.ui-icon-battery-2{background-position:-80px -176px;}.ui-icon-battery-3{background-position:-96px -176px;}.ui-icon-circle-plus{background-position:0 -192px;}.ui-icon-circle-minus{background-position:-16px -192px;}.ui-icon-circle-close{background-position:-32px -192px;}.ui-icon-circle-triangle-e{background-position:-48px -192px;}.ui-icon-circle-triangle-s{background-position:-64px -192px;}.ui-icon-circle-triangle-w{background-position:-80px -192px;}.ui-icon-circle-triangle-n{background-position:-96px -192px;}.ui-icon-circle-arrow-e{background-position:-112px -192px;}.ui-icon-circle-arrow-s{background-position:-128px -192px;}.ui-icon-circle-arrow-w{background-position:-144px -192px;}.ui-icon-circle-arrow-n{background-position:-160px -192px;}.ui-icon-circle-zoomin{background-position:-176px -192px;}.ui-icon-circle-zoomout{background-position:-192px -192px;}.ui-icon-circle-check{background-position:-208px -192px;}.ui-icon-circlesmall-plus{background-position:0 -208px;}.ui-icon-circlesmall-minus{background-position:-16px -208px;}.ui-icon-circlesmall-close{background-position:-32px -208px;}.ui-icon-squaresmall-plus{background-position:-48px -208px;}.ui-icon-squaresmall-minus{background-position:-64px -208px;}.ui-icon-squaresmall-close{background-position:-80px -208px;}.ui-icon-grip-dotted-vertical{background-position:0 -224px;}.ui-icon-grip-dotted-horizontal{background-position:-16px -224px;}.ui-icon-grip-solid-vertical{background-position:-32px -224px;}.ui-icon-grip-solid-horizontal{background-position:-48px -224px;}.ui-icon-gripsmall-diagonal-se{background-position:-64px -224px;}.ui-icon-grip-diagonal-se{background-position:-80px -224px;}/* Misc visuals----------------------------------*//* Corner radius */.ui-corner-tl{-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;}.ui-corner-tr{-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;}.ui-corner-bl{-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;}.ui-corner-br{-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;}.ui-corner-top{-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;}.ui-corner-bottom{-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;}.ui-corner-right{-moz-border-radius-topright:3px;-webkit-border-top-right-radius:3px;border-top-right-radius:3px;-moz-border-radius-bottomright:3px;-webkit-border-bottom-right-radius:3px;border-bottom-right-radius:3px;}.ui-corner-left{-moz-border-radius-topleft:3px;-webkit-border-top-left-radius:3px;border-top-left-radius:3px;-moz-border-radius-bottomleft:3px;-webkit-border-bottom-left-radius:3px;border-bottom-left-radius:3px;}.ui-corner-all{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.ui-round-all{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}/* Overlays */.ui-widget-overlay{background:#2d5972 url("/javax.faces.resource/images/ui-bg_flat_0_2d5972_40x100.png.html?ln=primefaces-aristo") 50% 50% repeat-x;opacity:.30;filter:Alpha(Opacity=30);}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#4f4f4f url("/javax.faces.resource/images/ui-bg_flat_0_4f4f4f_40x100.png.html?ln=primefaces-aristo") 50% 50% repeat-x;opacity:.30;filter:Alpha(Opacity=30);-moz-border-radius:8px;-webkit-border-radius:8px;border-radius:8px;}/*** Widget Extensions*/.ui-accordion .ui-accordion-header{margin:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}.ui-accordion .ui-accordion-content{margin-bottom:0;}.ui-dialog .ui-dialog-titlebar{border-top:none;border-right:none;border-left:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}.ui-slider{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;background:#cbcbcb;-moz-box-shadow:inset 0 2px 2px #8f8f8f;-webkit-box-shadow:inset 0 2px 2px #8f8f8f;box-shadow:inset 0 2px 2px #8f8f8f;}.ui-slider .ui-slider-handle{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}.ui-slider .ui-slider-range{background:#a3cae0;-moz-box-shadow:inset 0 2px 2px #7d9aab;-webkit-box-shadow:inset 0 2px 2px #7d9aab;box-shadow:inset 0 2px 2px #7d9aab;}.ui-slider-vertical{background:#cbcbcb;-moz-box-shadow:inset 0 2px 2px #8f8f8f;-webkit-box-shadow:inset 0 2px 2px #8f8f8f;box-shadow:inset 0 2px 2px #8f8f8f;}.ui-slider-vertical .ui-slider-range{background:#a3cae0;-moz-box-shadow:inset 2px 0 2px #7d9aab;-webkit-box-shadow:inset 2px 0 2px #7d9aab;box-shadow:inset 2px 0 2px #7d9aab;}.ui-slider .ui-slider-handle span{height:16px !important;width:16px !important;float:none !important;margin:0 auto !important;}.ui-slider .ui-slider-handle{background:#85b2cb;background:#85b2cb linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));background:#85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));background:#85b2cb -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));/*   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF)";*/}.ui-tabs .ui-tabs-nav li{border:1px solid #a8a8a8;}.ui-tabs .ui-tabs-nav li.ui-tabs-selected{border:1px solid #a8a8a8;}.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected{border-bottom:0;}.ui-tabs .ui-tabs-panel{border-width:0;padding:1em 1.4em;background:none;}.ui-tabs .ui-tabs-nav{background:#e3e3e3;background:#e3e3e3 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));background:#e3e3e3 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));background:#e3e3e3 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));/*    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF)";*/-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}.ui-tabs .ui-tabs-nav .ui-tabs-selected{background:#fff;border-bottom:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next{cursor:pointer;}.ui-datepicker table{table-layout:fixed;}.ui-datepicker .ui-datepicker-calendar .ui-state-default{background:none;border:none;color:#5F83B9;}.ui-datepicker .ui-datepicker-calendar .ui-state-hover{color:#1C4257;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}.ui-datepicker .ui-datepicker-current-day .ui-state-highlight, .ui-datepicker .ui-datepicker-current-day .ui-state-default{background:#5F83B9;color:#FFFFFF !important;font-weight:bold;text-shadow:0 1px 1px #234386;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;}.ui-datepicker .ui-datepicker-header{background:#e3e3e3;background:#e3e3e3 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));background:#e3e3e3 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));background:#e3e3e3 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));/*   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF)";*/border-right:none;border-left:none;border-top:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}.ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover{background:none;border:solid 1px transparent;-moz-box-shadow:none;}.ui-progressbar{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}.ui-progressbar .ui-widget-header{background:#85b2cb;background:#85b2cb linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));background:#85b2cb -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));background:#85b2cb -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#00FFFFFF)";-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}/* PrimeFaces Extensions */.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield{background:#ffffff;-moz-box-shadow:inset 0 2px 2px #8f8f8f;-webkit-box-shadow:inset 0 2px 2px #8f8f8f;box-shadow:inset 0 2px 2px #8f8f8f;color:#313131;}.ui-inputfield.ui-state-focus, .ui-widget-content .ui-inputfield.ui-state-focus, .ui-widget-header .ui-inputfield.ui-state-focus{-moz-box-shadow:0px 0px 5px #85b2cb, inset 0 2px 2px #8f8f8f;-webkit-box-shadow:0px 0px 5px #85b2cb, inset 0 2px 2px #8f8f8f;box-shadow:0px 0px 5px #85b2cb, inset 0 2px 2px #8f8f8f;}.ui-menu, .ui-menu .ui-menu-child{background:#c4c4c4 url("/javax.faces.resource/images/ui-bg_highlight-hard_80_c4c4c4_1x100.png.html?ln=primefaces-aristo") top repeat-x;background:#c4c4c4 linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));background:#c4c4c4 -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.8)), to(rgba(255,255,255,0)));background:#c4c4c4 -moz-linear-gradient(top, rgba(255,255,255,0.8), rgba(255,255,255,0));}*html .ui-menu .ui-menu-list{background:none;}*html .ui-menubar .ui-menu-child{background:#ffffff;}*html .ui-menu .ui-menuitem-link{border-color:#c4c4c4;filter:chroma(color=#c4c4c4);}.ui-datatable-odd{background:none repeat scroll 0 0 #F2F5F9;}/** Liferay Support **/.aui .ui-helper-hidden{display:none;}/*Autocomplete*/.aui .ui-helper-reset{margin:0;}/*Menubar*/.aui .ui-widget-content .ui-widget a{color:#4f4f4f;}/*SelectOneMenu*/.aui .ui-selectonemenu .ui-widget{font-size:1.1em;}.aui .ui-selectonemenu-label .ui-inputfield{color:#313131;}.aui .ui-selectonemenu-label{margin-bottom:0px;}/*Spinner*/.aui .ui-spinner .ui-corner-all{-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}.aui .ui-spinner .ui-inputfield{-moz-box-shadow:inset 0 2px 2px #8f8f8f;-webkit-box-shadow:inset 0 2px 2px #8f8f8f;box-shadow:inset 0 2px 2px #8f8f8f;color:#313131;margin:0;padding:4px;font-weight:normal;}.aui .ui-spinner .ui-spinner-input{vertical-align:middle;padding-right:20px;}.aui .ui-widget input{font-size:1em;}.aui .ui-spinner .ui-inputfield.ui-state-focus{-moz-box-shadow:0px 0px 5px #85b2cb, inset 0 2px 2px #8f8f8f;-webkit-box-shadow:0px 0px 5px #85b2cb, inset 0 2px 2px #8f8f8f;box-shadow:0px 0px 5px #85b2cb, inset 0 2px 2px #8f8f8f;}/*Tabs*/.aui .ui-tabs .ui-state-default a{color:#4f4f4f;}
#ajaxgif {
    width: 20px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 3px;
    display: none;
    z-index: 500
}
.inprogress #ajaxgif {
    display: block
}
.chathistory {
    background: #f6f6f6;
    position: relative
}
.chathistory .lastactive {
    position: absolute;
    top: -20px;
    text-align: center;
    width: 100%;
    color: black
}
#chathistoryinner {
    min-height: 500px;
    max-height: 500px;
    overflow-y: auto;
    margin-bottom: 30px
}
.chatmsg.fromme {
    background: #e4f3f8;
    float: right
}
.chatmsg {
    position: relative;
    background: #eef0f3;
    border-bottom: 0;
    clear: both;
    padding: 20px 20px 20px 20px;
    margin: 30px;
    display: block;
    table-layout: fixed;
    max-width: 85%;
    float: left;
    border-radius: 8px
}
.chatmsg .msg .msgbody {
    white-space: pre-wrap;
    word-wrap: break-word
}
.chatmsg .msg .msgbody .alert {
    color: #ea3031
}
.chatmsg:last-of-type {
    border-bottom: 1px solid #ccc
}
.chatmsg .sender {
    width: 80px;
    font-family: "Source Sans Pro", "Helvetica", "Arial", sans-serif;
    font-size: 16px;
    font-weight: bold
}
.chatmsg .timestamp,
.chatmsg .status {
    font-size: .8rem;
    margin: 10px 0 0 0
}
.chatmsg .status {
    position: absolute;
    display: none;
    right: 10px;
    bottom: 10px
}
.chatmsg.fromme .status {
    display: block
}
.chatmsg .attachments {
    font-size: .8rem;
    margin: 10px 0 5px 0
}
.chatmsg .attachments .attachment {
    display: table
}
.chatmsg .attachments .attachment img,
.chatmsg .attachments .attachment p {
    display: table-cell;
    vertical-align: middle
}
.chatmsg .attachments img {
    padding: 5px 5px 5px 0
}
.suggestedmeetingtimes .suggestedmeetingtimesheader {
    background-image: none;
    padding-left: 10px
}
.systemmsg {
    margin: 30px;
    padding-left: 28px;
    background: #fff url('../images/bolt.svg') no-repeat
}
.systemmsg .msgtitle {
    font-weight: 600;
    color: #007a87
}
.systemmsg .msgbody {
    margin: 5px 0;
    color: #6f7c82
}
.studentparentavailabilityfortutor {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding-bottom: 10px
}
.studentparentavailabilityfortutor .availabilityheader {
    background: #4891e6;
    padding: 5px 0 6px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px
}
.studentparentavailabilityfortutor .availabilityheader p {
    color: white;
    margin: 0
}
.replyfields {
    display: table;
    width: 100%
}
.replyfields .attach,
.replyfields .replybox,
.replyfields .replybutton {
    display: table-cell;
    vertical-align: top
}
.replyfields .replybox .inputRegion.reply .input textarea {
    width: 637px;
    margin-left: 20px
}
.replyfields .attach .uploadicononly .ui-button,
.replyfields .replybutton .button {
    margin-top: 0
}
.replyfields .attach .uploadicononly .ui-button .ui-icon-plusthick {
    top: 7px;
    left: 15px
}
.replyfields .replybutton .button {
    margin-top: 0;
    margin-left: 10px;
    margin-right: 12px;
    padding: 7px 20px;
    height: 39px
}
@media screen and (max-width: 1460px) {
    .replyfields .replybox .inputRegion.reply .input textarea {
        margin-left: 18px;
        width: 562px
    }
    .studentparentavailabilityfortutor .ui-datatable.studentparentavailabilitytable {
        width: 100%
    }
    .studentparentavailabilityfortutor .buttonprev {
        margin-left: 15px
    }
    .studentparentavailabilityfortutor .buttonnext {
        position: absolute;
        right: 25px
    }
    .chatmsg {
        position: relative;
        background: #eef0f3;
        border-bottom: 0;
        clear: both;
        padding: 20px 20px 20px 20px;
        margin: 15px;
        display: block;
        table-layout: fixed;
        max-width: 90%;
        float: left;
        border-radius: 8px
    }
}
@media screen and (max-width: 850px) {
    .studentparentavailabilityfortutor .ui-datatable.studentparentavailabilitytable {
        width: 90%;
        margin-bottom: 20px;
        position: relative
    }
    .studentparentavailabilityfortutor .buttonprev {
        position: absolute;
        left: 0;
        bottom: -22px
    }
    .studentparentavailabilityfortutor .buttonnext {
        bottom: 55px
    }
    .chatmsg {
        position: relative;
        background: #eef0f3;
        border-bottom: 0;
        clear: both;
        padding: 20px 20px 20px 20px;
        margin: 15px;
        display: block;
        table-layout: fixed;
        max-width: 90%;
        float: left;
        border-radius: 8px
    }
}
@media screen and (max-width: 800px) {
    .suggestedmeetingtimes,
    .suggestedmeetingtimes .weekdaytable {
        border-width: 1px
    }
    .suggestedmeetingtimes .weekselector {
        padding: 5px
    }
    .suggestedmeetingtimes .weekdaycolumn {
        display: block !important;
        bor1der-top: 1px solid #ccc;
        border-right: 0;
        text-align: left;
        padding: 0;
        margin: 3px
    }
    .suggestedmeetingtimes .weekdaycolumn .weekdayheader {
        display: inline-block;
        vertical-align: middle;
        width: 100px;
        background: #fff;
        border-radius: 3px
    }
    .suggestedmeetingtimes .weekdaycolumn .weekdaybody {
        display: inline-block;
        vertical-align: middle;
        min-height: 0
    }
    .suggestedmeetingtimes a.button {
        display: inline-block;
        font-size: 1.0rem !important;
        padding: 3px 10px !important;
        margin: 0 10px !important
    }
    .suggestedmeetingtimes a.button.disabled {
        background: #aaa
    }
    a.suggestanothermeetingtime {
        font-size: .9rem !important;
        margin-top: 0 !important
    }
    .replyfields .replybox {
        width: 100%
    }
    .replyfields .replybox .inputRegion.reply .input textarea {
        width: calc(100% - 20px)
    }
    .chatmsg {
        position: relative;
        background: #eef0f3;
        border-bottom: 0;
        clear: both;
        padding: 20px 20px 20px 20px;
        margin: 15px;
        display: block;
        table-layout: fixed;
        max-width: 90%;
        float: left;
        border-radius: 8px
    }
}
@charset "utf-8";
/* CSS Document */


.hero {
    height: 300px;
    padding: 0 20px;
    text-align: center;
    width: 100%;
    background-color: #01bdb6;
    margin-top:70px;
}

.hero-inner {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    max-width: 610px;
    margin: 0 auto;
}
.hero-no-margin {
    height: 300px;
    padding: 0 20px;
    text-align: center;
    width: 100%;
    background-color: #01bdb6;
    margin-top: 0px;
}
.section h2 {
    margin-bottom: 10px;
    text-align: center;
}
.hero-inner h2 {
    font-size: 1.5em;
}
.hero-inner  h1 {
    
    font-size:2.5em;
    margin: .67em 0;
}

.blocks-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
    padding: 0;
}
.blocks-item {
    color: #25469f;
    display: flex;
    flex: 1 0 340px;
    flex-direction: column;
    justify-content: center;
    margin: 0 0 30px;
    max-width: 100%;
    text-align: center;
}
.blocks-item-link img
{
    width:100%;
}
.blocks-item-link:hover, .blocks-item-link:focus, .blocks-item-link:active {
    text-decoration: none;
}
.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
    color: #25469f;
    text-decoration: none;
}
.blocks-item-link {
    color: #25469f;
    padding: 20px 30px 0px 30px;
}
.blocks-item-title {
    color: #25469f;
    padding: 30px 30px 60px 30px;
}
.promoted-articles {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

@media (min-width: 1160px)
{
	.blocks-item {
    margin: 0 15px 0px;
}
	.blocks-list {
    margin: 0 -15px;
}

.nav-wrapper a {
    border: 0;
    color: #4891e6;
    display: none;
    font-size: 14px;
    padding: 0 20px 0 0;
    width: auto;
}

.breadcrumbs {
    margin: 0 0 15px 0;
    padding: 0;
}
.breadcrumbs li {
    color: #666;
    display: inline;
    font-weight: 300;
    font-size: 13px;
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.breadcrumbs li a:visited {
    color: #4891e6;
}
.breadcrumbs li + li:before {
    content: ">";
    margin: 0 4px;
}
.search {
    position: relative;
}
[class^="icon-"]:before, [class*=" icon-"]:before, .icon, .search:before, .recent-activity-item-comment span:before, .article-vote:before, .attachments .attachment-item:before, .share a:before, .vote-up:before, .vote-down:before, .actions .dropdown-toggle:before, .collapsible-nav-list li[aria-selected=true]::after, .collapsible-sidebar-title:after, .search-result-votes::before, .search-result-meta-count::before {
    font-family: "copenhagen-icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    line-height: 1em;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
}

.search:before {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fff;
    color: #ddd;
    content: "\1F50D";
    font-size: 18px;
    position: absolute;
    left: 15px;
}
.search input[type="search"] {
    border: 1px solid #ddd;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 20px;
    color: #999;
    height: 55px;
    padding-left: 60px;
    padding-right: 20px;
    -webkit-appearance: none;
    width: 100%;
}
.page-header {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 10px 0;
	    border-bottom: 0px solid #eee;
}
.page-header h1 {
    flex-grow: 1;
    margin-bottom: 10px;
}
h1 {
    font-size: 32px;
}
.section-tree {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}
.section-tree .section {
    flex: initial;
}
.section {
    margin-bottom: 40px;
}
.section-tree-title {
    margin-bottom: 0;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.article-list-item {
    border-bottom: 1px solid #ddd;
    font-size: 16px;
    padding: 15px 0;
}
.article-list-item a {
    color: #333333;
}
.section-tree .see-all-articles {
    display: block;
    padding: 15px 0;
}
.section-tree-title a {
    color: #333333;
}
.page-header .section-subscribe {
    flex-shrink: 0;
    margin-bottom: 10px;
}
.button, [role=button] {
    border: 1px solid #4891e6;
    border-radius: 4px;
    color: #4891e6;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    line-height: 2.34;
    margin: 0;
    padding: 0 20px;
    text-align: center;
    transition: background-color .12s ease-in-out, border-color .12s ease-in-out, color .15s ease-in-out;
    user-select: none;
    white-space: nowrap;
    width: 100%;
    -webkit-touch-callout: none;
}
.dropdown-toggle {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
}
.article-header {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
    margin-top: 20px;
}
.meta-data {
    color: #666;
    font-size: 13px;
    font-weight: 300;
}
.article-info {
    max-width: 100%;
}
.article-content {
    line-height: 1.6;
    margin: 40px 0;
    word-wrap: break-word;
}
@media (min-width: 768px)
{
	.article-title {
    flex-basis: 100%;
}
	.article-header {
    flex-direction: row;
    margin-top: 0;
}
	.button, [role=button] {
    width: auto;
}
	.page-header .section-subscribe {
    margin-bottom: 0;
}
	.section {
    margin-bottom: 60px;
}
	.section-tree .section {
    flex: 0 0 45%;
}
	.section-tree {
    flex-direction: row;
}
	.page-header {
    align-items: baseline;
    flex-direction: row;
    margin: 0;
}
	.sub-nav input[type="search"] {
    min-width: 300px;
}
	.breadcrumbs {
    margin: 0;
}
	.nav-wrapper a {
    display: inline-block;
}
.nav-wrapper .icon-menu {
    display: none;
}

.user-nav {
    position: relative;
}

.sub-nav {
    align-items: baseline;
    flex-direction: row;
}
}

.nav-wrapper .icon-menu {
    display: inline-block;
    margin-right: 10px;
    color: #4891e6;
}

.user-nav {
    display: inline-block;
    white-space: nowrap;
}

.container-divider {
    border-top: 1px solid #ddd;
    margin-bottom: 20px;
}
.sub-nav {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    min-height: 50px;
    padding-bottom: 15px;
}
.category-container {
    display: flex;
    justify-content: flex-end;
}
.category-content {
    flex: 1;
}
.promoted-articles-item {
    flex: 1;
}
.promoted-articles-item a {
    border-bottom: 1px solid #ddd;
    color: #333333;
    display: block;
    padding: 15px 0;
}
.section-container {
    display: flex;
    justify-content: flex-end;
}
.button:hover, .button:active, .button:focus, .button[aria-selected=true], [role=button]:hover, [role=button]:active, [role=button]:focus, [role=button][aria-selected=true] {
    background-color: #4891e6;
    color: #ffffff;
    text-decoration: none;
}
.section-content {
    flex: 1;
}
.article-container {
    display: flex;
    flex-direction: column;
}
.article-sidebar {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    flex: 1 0 auto;
    margin-bottom: 20px;
    padding: 0;
}
.collapsible-sidebar {
    flex: 1;
    max-height: 45px;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
}
.collapsible-sidebar-title {
    margin-top: 0;
}
.sidenav-title {
    font-size: 15px;
    position: relative;
}
.sidenav-item.current-article, .sidenav-item:hover {
    background-color: #4891e6;
    color: #ffffff;
    text-decoration: none;
}
.sidenav-item {
    border-radius: 4px;
    color: #333333;
    display: block;
    font-weight: 300;
    margin-bottom: 10px;
    padding: 10px;
}
.article {
    flex: 1 0 auto;
}
@media (min-width: 1024px)
{
    .article {
        flex: 1 0 66%;
        max-width: 66%;
        min-width: 640px;
        padding: 0 30px;
    }
	    .collapsible-sidebar {
        max-height: none;
        padding: 0;
    }
	    .article-sidebar {
        border: 0;
        flex: 0 0 17%;
        height: auto;
    }
    .category-content {
        flex: 0 0 80%;
    }
    .promoted-articles {
        flex-direction: row;
    }
    .promoted-articles-item {
        align-self: flex-end;
        flex: 0 0 33%;
        padding-right: 30px;
    }
    .section-content {
        flex: 0 0 80%;
    }
    .article-container {
        flex-direction: row;
    }
}

.breadcrumb
{
    background-color:transparent;
    margin-top:20px;
    margin-bottom:20px;
}

.faq-title
{
    font-size:1.5em;
    margin-left:15px;
    margin-bottom:15px;
    margin-top:30px;
}

.panel-title
{
    text-transform:capitalize;
}
.tutorsfiltermodal .modal-body,.tutorsfiltermodal.modal-overflow .modal-body{text-align:center;padding:15px 0 70px 0;margin:0 auto;max-width:382px;min-height:525px;position:relative}.tutorsfiltermodal.short .modal-body,.tutorsfiltermodal.short.modal-overflow .modal-body{min-height:425px}.tutorsfiltermodal .modal-header{display:block;background:none !important;border:0;position:absolute;font-size:14px;right:8px;top:8px}.tutorsfiltermodal .modal-header .close{background-image:none;z-index:1000}.tutorsfiltermodal .modal-header .close:before{content:"\00D7";font-family:Arial;color:#888;font-size:28px;position:absolute;right:-2px;top:-7px}.detailsofindividualprogressbar{padding-top:21px}.detailsofindividualprogressbar .items{display:table;margin:0 auto;table-layout:fixed;width:25%;border-spacing:2px}.detailsofindividualprogressbar .item{width:50px;display:table-cell;position:relative;text-align:center;padding-top:8px}.detailsofindividualprogressbar .item:before{content:"";background:#d9d9d9;width:100%;height:8px;position:absolute;top:0;left:0}.detailsofindividualprogressbar .item.complete:before{background:#61c67a}.detailsofindividualprogressbar .item:first-child:before{border-bottom-left-radius:5px;border-top-left-radius:5px}.detailsofindividualprogressbar .item:last-child:before{border-bottom-right-radius:5px;border-top-right-radius:5px}.detailsofindividualprogressbar .item p{margin-top:15px}.detailsofindividualprogressbar .item .cta .stepname{position:relative;font-size:12px;color:#b0b3b7;opacity:1}.tutorsfiltermodal .modal-body h3{margin:10px 0 10px 0}.tutorsfiltermodal .modal-body .ui-autocomplete{margin:30px 0 5px 0;width:100%}.tutorsfiltermodal .modal-body .ui-autocomplete input{width:100%;padding:8px 14px}.tutorsfiltermodal .modal-body p{margin:0 auto 10px auto}.tutorsfiltermodal .othersubjects .smallbutton{color:#888;font-size:16px;padding:6px 10px;margin-top:0}.tutorsfiltermodal .modal-body .buttons{position:absolute;bottom:41px;width:100%;left:0}.tutorsfiltermodal .modal-body .buttons .button{width:100%;max-width:280px;margin:10px 0 5px 0}.tutorsfiltermodal .modal-body .buttons .button.narrow{width:calc(50% - 14px);max-width:133px}.tutorsfiltermodal .modal-body .buttons .button.narrow:nth-child(4){margin-right:14px}.tutorsfiltermodal .modal-footer{background:#f0f3f7}.tutorsfiltermodal .modal-footer .prev{float:left}.tutorsfiltermodal .modal-footer p.center{margin:0 auto;float:none;text-align:center}#detailsofindividuals_subject_panel{z-index:10000 !important}.tutorsfiltermodal #ajaxgif{width:20px;position:absolute;left:-40px;top:15px;display:none;z-index:500}.tutorsfiltermodal #ajaxgif.autocomplete{left:unset;right:0;transform:translateX(-50%);top:40px}.inprogress .tutorsfiltermodal #ajaxgif{display:block}#finaltour p.bestway{max-width:90%;margin-top:20px}#finaltour .modal-body{padding-bottom:20px}@media screen and (max-width:500px){.tutorsfiltermodal .modal-body,.tutorsfiltermodal.modal-overflow .modal-body{padding:15px 16px 70px 16px;max-width:372px}.tutorsfiltermodal .othersubjects .smallbutton{padding:8px 18px;margin:3px 1px}}
.centeredcolwrapper {
    width: 1410px;
    margin: 0 auto
}
.centeredcolwrapper .col.centeredcol {
    display: inline-block;
    width: 850px;
    margin: 0 0 0 280px
}
.centeredcolwrapper .col.rightcol {
    display: inline-block;
    width: 180px;
    margin: 140px 0 0 55px
}
@media screen and (max-width: 1460px) {
    .centeredcolwrapper {
        width: 850px
    }
    .centeredcolwrapper .col.centeredcol {
        display: block;
        margin: 0 auto
    }
    .centeredcolwrapper .col.rightcol {
        display: none
    }
}
@media screen and (max-width: 1130px) {
    .header .quicklinks ul,
    .header .quicklinks ul li:last-child {
        padding-right: 0;
        margin-left: 0
    }
    .header .login .loginlink {
        display: none
    }
    .header .quicklinks {
        display: none;
        position: absolute;
        top: 62px;
        right: 0;
        background: #175091;
        text-align: center;
        width: 320px
    }
    .header .quicklinks ul {
        padding: 10px 20px;
        margin: 0 auto;
        float: none;
        text-align: center;
        display: inline-block;
        border-right: 0
    }
    .header .quicklinks li {
        float: none;
        display: block;
        width: 280px;
        text-align: left;
        padding: 0;
        margin: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12)
    }
    .header .quicklinks li:last-child {
        border: 0;
        padding-top: 5px;
        margin-left: -2px !important
    }
    .header .quicklinks li a {
        color: #fff;
        display: block;
        padding: 10px 10px;
        margin: 0;
        font-size: 1.0
    }
    .menubutton {
        display: block;
        width: 70px;
        margin-right: 20px;
        border: solid 1px #ced3db;
        border-radius: 3px;
        background-color: rgba(255, 255, 255, 0.12)
    }
    .menubutton a {
        text-align: center;
        width: 100%
    }
    .menubutton #closer {
        display: none
    }
    .menubutton.open #closer {
        display: block
    }
    .menubutton.open #opener {
        display: none
    }
    .quicklinks.responsivehide {
        display: none !important
    }
}
@media screen and (max-width: 850px) {
    .centeredcolwrapper {
        width: 100%;
        max-width: 600px
    }
    .centeredcolwrapper .col.centeredcol {
        width: 100%
    }
}

    /* M1 CSS FIXES =================================== ===================================*/
    
    .reviewscontainer.customer-reviews-panel {
        display: none
    }
    .subjectbox .valign,
    .pricing .col .heading .valign {
        -webkit-transform: translateY(-50%);
    }
    .mtw_pressicon {
        margin: 0 40px 40assetpx 40px;
    }
    .bannerA {
        margin-bottom: 100px;
    }
    .templateB .banner h1 {
        font-family: Arvo, Times, "Times New Roman", serif;
        font-size: 2em;
    }
    /* Centers the device snippets (to be removed when Emma's designs are added) */
    
    .lessonspacemodal {
        width: 700px;
        margin: 0 auto;
    }
    /* Constants =================================== ===================================*/
    
    .mtw_lightgreyfill {
        background: #F5F5F5;
    }
    /* MTW CUSTOM CSS (should all start with 'mtw_') =================================== ===================================*/
    
    .mtw_videoWrapper {
        position: relative;
        padding-bottom: 56.25%;
        /* 16:9 */
        
        height: 0;
    }
    .mtw_videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    /* The rest of the styles for this are found @ /secure/htmlsnippet.html?id=72 =============================================================================================*/
    
    .teamprofiles {
        margin-top: 60px;
    }
    /* Changed from mtwsubheader to mtw_subheader 21/01/2016 =============================================================================================*/
    
    .mtw_subheader {
        margin: 30px auto 60px;
        max-width: 760px;
        text-align: center;
    }
    /* Add a greyscale metro look to the press bar. Used on /about.html =============================================================================================*/
    
    .banner.prefooter-press {
        margin-bottom: 0;
        background: #f9f9f9;
        padding: 40px;
    }
    /* CSS for /referrals.html =============================================================================================*/
    
    .referral_list {
        line-height: 25px;
        letter-spacing: 0.5px;
        font-size: 1.125em;
        color: rgba(0, 0, 0, 0.7);
        margin-bottom: 10px;
    }
    /* CSS for about.html =============================================================================================*/
    
    #mtw_aboutus_banner {
        margin-bottom: 0px;
        background-size: 100%;
        background-repeat: no-repeat;
        /* background-image: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)), url('https://iprotutorweb-my.sharepoint.com/personal/matt_iprotutorweb_co_uk/Documents/Shared%20with%20Everyone/mtw.jpg'); */
        /* background-color: lightgrey; */
        
        padding: 100px;
        background-position: center 20%;
        background-size: cover;
    }
    .col.pod {
        border-radius: 5px;
        box-shadow: 0px 0px 5px #c4c4c4;
        padding: 30px;
        min-height: 220px;
        margin: 30px;
    }
    /* Press pages CSS - /press.html. This could be changed to be page specific CSS =============================================================================================*/
    
    .pressarticle {
        margin-top: 70px;
    }
    .pressarticle section {
        background: #F2F2F2 none repeat scroll 0 0;
        padding: 20px;
    }
    /* Elements =============================================================================================*/
    
    em {
        font-style: italic;
    }
    body {
        text-rendering: optimizeLegibility;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        -moz-font-feature-settings: "liga" on;
    }
    /* Components =================================== ===================================*/
    
    .inner .box {
        width: 40%;
        border-radius: 5px;
        border: 1px solid #FFFFFF;
    }
    .inner .box.center {
        margin: auto;
    }
    .inner .box h2 {
        margin-top: 52px;
        margin-bottom: color: #000000;
    }
    .inner .box p {
        padding: 0 40px;
        font-weight: bold;
        line-height: 25px;
    }
    .inner .box a {
        margin-bottom: 52px;
        width: 50%;
    }
    .inner .box p {
        padding: 25px;
    }
    .inner .box a {
        width: 80%;
    }
    /* Fixes the error.html page */
    
    .inner .box {
        margin: auto;
        width: 80%;
    }
    /* Meet our tutors (index.html) =======================================================================*/
    
    #meetourtutors {
        background-image: url("//#{assetHost}/images/uploads/become-a-tutor_photo.jpg?b=#{constants.buildNumber}");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 100%;
    }
    #meetourtutors .inner .box {
        width: 40%;
    }
    @media screen and (max-width: 1350px) {
        #meetourtutors {
            background-size: auto;
        }
    }
    @media screen and (max-width: 500px) {
        #meetourtutors {
            background-size: auto;
            background-image: none;
        }
    }
    /* Post banner press bar =============================================================================================*/
    
    .banner.mtw_postbannerpress {
        margin-top: -80px;
        margin-bottom: 0px;
        display: inline-block;
        position: static;
        padding-top: 25px;
    }
    .mtw_postbannerpress .mtw_pressicon {
        margin: 0;
        width: 12%;
        display: inline-block;
        margin-top: 40px;
        padding-bottom: 5px;
    }
    .mtw_pressicon.mtw_featured {
        color: #7B7B7B;
        font-size: 1.2em;
        font-weight: bold;
        position: relative;
        right: -50px;
        top: -12px;
    }
    .mtw_postbannerpress .mtw_pressicon.mtw_featured h2 {
        margin: 0;
    }
    .mtw_pressicon#goodschool img {
        height: 70px;
        width: 70px;
    }
    .mtw_postbannerpress .mtw_pressicon img {
        width: 150px;
    }
    .mtw_postbannerpress .inner {
        padding-top: 65px;
    }
    .mtw_postbannerpress .inner.wide {
        width: 100%;
        max-width: none;
    }
    /********************************************* Other **********************************************/
    /* Adds a background color on hover to a tutor tile */
    
    .tutorcard:hover {
        background: #f5f7fa none repeat scroll 0 0;
    }
    /* Creates a simple bordered box around content /404.html and /error.html */
    
    .outline {
        width: 90%;
        margin: 40px auto;
        padding: 20px;
        border: 1px lightgrey solid;
        border-radius: 3px;
    }
    /* Adds and possitions a background image for the banner at the top of the schools.html page */
    
    .schoolbanner {
        background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/images/uploads/woman-notebook-working-girl.jpg');
        background-position: 50% 71%;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }
    /* Adds and possitions a background image for the banner at the top of the becoming a tutor.html page */
    
    .becomingatutorbanner {
        background-image: url("/images/become-a-tutor_photo.jpg");
        background-repeat: no-repeat;
        background-color: #7D7875;
        background-position: center top;
        background-size: 100%;
    }
    /* This adds a small horizontal line under the section headers - /schools.html */
    
    .schoolbenefits .col.small .font2::after {
        border-bottom: 2px solid #ffffff;
        content: '';
        display: block;
        margin: 20px auto;
        width: 32px;
    }
    /* This groups items together so when the page size is shrinking, the grouped items will remain on the same line */
    
    .hgroup {
        display: inline-block;
    }
    /********* Other END *********/
    /********************************************* Responsive CSS **********************************************/
    
    @media screen and (max-width: 1555px) {
        .mtw_pressicon.mtw_featured {
            right: 10px;
        }
    }
    @media screen and (max-width: 1460px) {
        .becomingatutorbanner {
            background-size: auto;
            background-position: 20% center;
        }
    }
    @media screen and (min-width: 1400px) {
        #mtw_aboutus_banner {
            background-position: ;
        }
    }
    @media screen and (max-width: 1300px) {
        .mtw_pressicon.mtw_featured {
            display: block;
            margin: auto;
            position: static;
            padding-top: 40px;
        }
        .mtw_postbannerpress .mtw_pressicon {
            margin-top: 5px;
            width: 24%;
        }
    }
    @media screen and (max-width: 1200px) {
        .becomingatutorbanner {
            background-size: auto
        }
    }
    @media screen and (max-width: 1040px) {
        #meetourtutors .inner .box {
            width: 60%;
        }
    }
    @media screen and (max-width: 942px) {
        .col.pod {
            width: 80%;
        }
    }
    /* Keeps the background image filling the container area once the width gets too small /schools.html */
    
    @media screen and (max-width: 900px) {
        .schoolbanner {
            background-size: 100% 100%;
        }
    }
    /* This was a fix to the responsive design on the schools page /schools.html - There may be a better way to do this */
    
    @media screen and (max-width: 735px) {
        .schoolbenefits {
            height: 1000px;
        }
    }
    @media screen and (max-width: 720px) {
        .hgroup {
            display: inline-block;
            width: 100%
        }
        .mtw_postbannerpress .mtw_pressicon {
            width: 39%
        }
    }
    @media screen and (max-width: 600px) {
        .mtw_postbannerpress .mtw_pressicon {
            padding-bottom: 5px;
            width: 46%;
        }
        .mtw_postbannerpress {
            padding: 0px;
        }
    }
    @media screen and (max-width: 500px) {
        .mtw_postbannerpress .mtw_pressicon {
            width: 49%;
        }
        #meetourtutors .inner .box {
            height: 100%;
            width: 100%;
            border-radius: 0px;
        }
    }
    @media screen and (max-width: 370px) {
        .mtw_postbannerpress {
            display: none;
        }
    }
    /* Modalise Plugin =================================== ===================================*/
    
    .mtw_modal {
        display: none;
        position: fixed;
        z-index: 100000;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        background: url('images/circle_close_delete_white.svg'), linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
        background-origin: padding-box, padding-box;
        background-position: 90% 10%, center center;
        background-repeat: no-repeat;
        background-size: 40px auto, 100% auto;
        cursor: pointer;
    }
    .mtw_modal iframe {
        height: 34vw;
        width: 60vw;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
    }
    @media screen and (max-width: 568px) {
        .mtw_modal iframe {
            height: 30vw;
            width: 53.2vw;
        }
    }
    @media screen and (max-width: 450px) {
        .mtw_modal iframe {
            height: 45vw;
            width: 80vw;
        }
    }
    /* Accordion =================================== ===================================*/
    
    .mtw_accordion {
        width: 90%;
        margin: 0 auto 40px;
        padding: 0px;
        list-style: none;
        display: inline-block;
        vertical-align: top;
        min-width: 300px;
    }
    .mtw_accordion .quote {
        font-size: 1em;
        font-style: italic;
        padding: 20px 0 20px 30px;
    }
    .mtw_accordion li {
        border: 1px solid grey;
        border-radius: 20px;
        cursor: pointer;
        margin-bottom: 10px;
        padding: 14px 10px 10px 8px;
        transition: background-color 1s ease 0s;
    }
    .mtw_accordion .header {
        display: block;
        position: static;
        font-family: "Source Sans Pro", sans-serif;
        font-weight: 400;
        margin: 0px;
        padding: 10px;
        background: #FFFFFF;
        font-size: 18px;
        padding: 0 0 10px 10px;
        color: #000000;
        height: auto;
    }
        .mtw_accordion .content {
            padding: 0 0 20px 30px;
        }