/* Minification failed. Returning unminified contents.
(5,10044): run-time error CSS1031: Expected selector, found '/'
(5122,11): run-time error CSS1036: Expected expression, found '!important'
(5123,15): run-time error CSS1036: Expected expression, found '!important'
*/
/*! jQuery UI - v1.10.4 - 2014-04-16
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.autocomplete.css, jquery.ui.datepicker.css, jquery.ui.menu.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS%2CTahoma%2CVerdana%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=gloss_wave&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=glass&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=glass&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=diagonals_thick&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=diagonals_thick&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:after,.ui-helper-clearfix:before{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-next,.ui-datepicker .ui-datepicker-prev{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-next-hover,.ui-datepicker .ui-datepicker-prev-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-next span,.ui-datepicker .ui-datepicker-prev span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td a,.ui-datepicker td span{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:0}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;}.ui-menu .ui-menu-divider{margin:5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:400}.ui-menu .ui-menu-item a.ui-state-active,.ui-menu .ui-menu-item a.ui-state-focus{font-weight:400;margin:-1px}.ui-menu .ui-state-disabled{font-weight:400;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-autohide .ui-resizable-handle,.ui-resizable-disabled .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:active,.ui-button:hover,.ui-button:link,.ui-button:visited{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-icons-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-icons-only .ui-button-icon-primary,.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary{left:.5em}.ui-button-icons-only .ui-button-icon-secondary,.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}button.ui-button::-moz-focus-inner,input.ui-button::-moz-focus-inner{border:0;padding:0}.ui-dialog{overflow:hidden;position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0 0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1.1em}.ui-widget .ui-widget{font-size:1em}.ui-widget button,.ui-widget input,.ui-widget select,.ui-widget textarea{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #ddd;background:#eee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #0B6CBC;background:#0D78CF url(images/ui-bg_gloss-wave_35_0D78CF_500x100.png) 50% 50% repeat-x;color:#fff;font-weight:700}.ui-widget-header a{color:#fff}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #ccc;background:#f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x;font-weight:700;color:#1c94c4}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#1c94c4;text-decoration:none}.ui-state-focus,.ui-state-hover,.ui-widget-content .ui-state-focus,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-focus,.ui-widget-header .ui-state-hover{border:1px solid #D4EEFF;background:#D4EEFF url(images/ui-bg_glass_100_D4EEFF_1x400.png) 50% 50% repeat-x;font-weight:700;color:#0D78CF}.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#0D78CF;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #D4EEFF;background:#fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:700;color:#0B6CBC}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#0B6CBC;text-decoration:none}.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight,/ .ui-state-highlight{border:1px solid #0B6CBC;background:#0D78CF url(images/ui-bg_highlight-soft_75_0D78CF_1x100.png) 50% top repeat-x;color:#363636}.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:#b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50%;color:#fff}.ui-state-error a,.ui-state-error-text,.ui-widget-content .ui-state-error a,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error a,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:700}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:400}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url(images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(images/ui-icons_ffffff_256x240.png)}.ui-state-active .ui-icon,.ui-state-default .ui-icon,.ui-state-focus .ui-icon,.ui-state-hover .ui-icon{background-image:url(images/ui-icons_0B6CBC_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(images/ui-icons_228ef1_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(images/ui-icons_ffd27a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.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-on{background-position:-96px -144px}.ui-icon-radio-off{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-first,.ui-icon-seek-start{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}.ui-corner-all,.ui-corner-left,.ui-corner-tl,.ui-corner-top{border-top-left-radius:4px}.ui-corner-all,.ui-corner-right,.ui-corner-top,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bl,.ui-corner-bottom,.ui-corner-left{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-br,.ui-corner-right{border-bottom-right-radius:4px}.ui-widget-overlay{background:#666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50%;opacity:.5;filter:Alpha(Opacity=50)}.ui-widget-shadow{margin:-5px 0 0 -5px;padding:5px;background:#000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x;opacity:.2;filter:Alpha(Opacity=20);border-radius:5px}
@charset "CP850";
/*---------->>> Table Of Content <<<-----------
* 1. #import � (variables, mixins etc.)
* 2. #OverwriteTwitterBootstrap
2.1 #Table
2.2 #ShowUpcomingEvent
2.3 #CreateEventForm
2.4 #ModalWidth
* 3. #Global
3.1 #HeaderSearchBar
3.2 #AddedIcons
3.3 #HeaderAccountinfo
3.4 #UserBox
3.5 #ShowEvent
3.6 #SectionHeader
3.7 #Event
3.8 #Footer
3.9 #Buttons
3.10 #SubscribeCustomer
3.11 #Activities
3.12 #SideBlock
3.13 #Icons
* 4. #Typography
* 5. #Layout
5.1 #GlobeForm
5.2 #loginForm
5.3 #CreateEventForm
5.4 #ModalWidth
5.5 #Curation
5.6 #CurationTabs
5.7 #PostList
5.8 #MarkdownPreview
* 6. #Helper
* 7. #Calendar
----------------------------------------------*/
/* #import
========================================================================== */
h1, .h1 {
font-size: 36px; }
h2, .h2 {
font-size: 30px; }
h3, .h3 {
font-size: 24px; }
h4, .h4 {
font-size: 18px; }
h5, .h5 {
font-size: 14px; }
h6, .h6 {
font-size: 12px; }
h1 small {
font-size: 24px; }
h2 small {
font-size: 18px; }
h3 small {
font-size: 14px; }
h4 small {
font-size: 14px; }
.text-blue {
color: #006db1; }
/*!
* Bootstrap v2.2.2
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block; }
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1; }
audio:not([controls]) {
display: none; }
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; }
a:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
/*a:hover,
a:active {
outline: 0; }*/
.img2 {
border-radius: 5px !important;
-moz-border-radius: 5px !important;
-khtml-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
outline: 0;
}
.img3 {
border-radius: 13px !important;
-moz-border-radius: 13px !important;
-khtml-border-radius: 13px !important;
-webkit-border-radius: 13px !important;
outline: 0;
}
/*.btn-2a:hover {
box-shadow:0 4px #ab3c3c;
top: 2px;
}*/
a:active,a:focus {
outline: none;
}
.btn-2c:active {
box-shadow:0 4px #D3A900;
top: 2px;
outline: 0;
}
.btn-round {
border-radius: 6px 6px 16px 16px !important
}
.btn-2c {
background: none repeat scroll 0 0 #D3A900;
border: 0 solid;
box-shadow: 0 6px #D3A900;
color: #fff;
position: relative;
transition: none 0s ease 0s ;
border-radius: 0 0 5px 5px;
outline: 0;
}
.btn-2b:active {
box-shadow:0 4px #669606;
top: 2px;
outline: 0;
}
.btn-2b {
background: none repeat scroll 0 0 #669606;
border: 0 solid;
box-shadow: 0 6px #669606;
color: #fff;
position: relative;
transition: none 0s ease 0s ;
border-radius: 0 0 5px 5px;
outline: 0;
}
.btn-2a:active {
box-shadow:0 4px #B63019;
top: 2px;
outline: 0;
}
/*.btn-2 {
background: none repeat scroll 0 0 #B63019;
border: 0 solid;
box-shadow: 0 6px #B63019;
color: #fff;
position: relative;
transition: none 0s ease 0s ;
outline: 0;
}*/
.btn-2a {
background: none repeat scroll 0 0 #B63019;
border: 0 solid;
box-shadow: 0 6px #B63019;
color: #fff;
position: relative;
transition: none 0s ease 0s ;
border-radius: 0 0 5px 5px;
outline: 0;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
/* Responsive images (ensure images don't scale beyond their parents) */
max-width: 100%;
/* Part 1: Set a maxium relative to the parent */
width: auto\9;
/* IE7-8 need help adjusting responsive images */
height: auto;
/* Part 2: Scale the height according to the width, otherwise you get stretching */
vertical-align: middle;
border: 0;
-ms-interpolation-mode: bicubic; }
#map_canvas img,
.google-maps img {
max-width: none; }
button,
input,
select,
textarea {
margin: 0;
font-size: 100%;
vertical-align: middle; }
button,
input {
*overflow: visible;
line-height: normal; }
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
cursor: pointer; }
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none; }
textarea {
overflow: auto;
vertical-align: top; }
@media print {
* {
text-shadow: none !important;
color: #000 !important;
background: transparent !important;
box-shadow: none !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: ""; }
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
img {
max-width: 100% !important; }
@page {
margin: 0.5cm; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; } }
/*$iconSpritePath: "glyphicons-halflings.png" !default;
$iconWhiteSpritePath: "glyphicons-halflings-white.png" !default;*/
body {
margin: 0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
color: #333333;
background-color: white; }
a {
color: #006db1;
text-decoration: none; }
/*a:hover {
color: #009cfd;
text-decoration: underline; }*/
.img-rounded {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }
.img-polaroid {
padding: 4px;
background-color: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); }
.img-circle {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px; }
.row {
margin-left: -20px;
*zoom: 1; }
.row:before, .row:after {
display: table;
content: "";
line-height: 0; }
.row:after {
clear: both; }
[class*="span"] {
float: left;
margin-left: 20px; }
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 940px; }
.span12 {
width: 940px; }
.span11 {
width: 860px; }
.span10 {
width: 780px; }
.span9 {
width: 700px; }
.span8 {
width: 620px; }
.span7 {
width: 540px; }
.span6 {
width: 460px; }
.span5 {
width: 380px; }
.span4 {
width: 300px; }
.span3 {
width: 220px; }
.span2 {
width: 140px; }
.span1 {
width: 60px; }
.offset12 {
margin-left: 980px; }
.offset11 {
margin-left: 900px; }
.offset10 {
margin-left: 820px; }
.offset9 {
margin-left: 740px; }
.offset8 {
margin-left: 660px; }
.offset7 {
margin-left: 580px; }
.offset6 {
margin-left: 500px; }
.offset5 {
margin-left: 420px; }
.offset4 {
margin-left: 340px; }
.offset3 {
margin-left: 260px; }
.offset2 {
margin-left: 180px; }
.offset1 {
margin-left: 100px; }
.row-fluid {
width: 100%;
*zoom: 1; }
.row-fluid:before, .row-fluid:after {
display: table;
content: "";
line-height: 0; }
.row-fluid:after {
clear: both; }
.row-fluid [class*="span"] {
display: block;
width: 100%;
min-height: 30px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin-left: 2.12766%;
*margin-left: 2.07447%; }
.row-fluid [class*="span"]:first-child {
margin-left: 0; }
.row-fluid .span12 {
width: 100%;
*width: 99.94681%; }
.row-fluid .offset12 {
margin-left: 104.25532%;
*margin-left: 104.14894%; }
.row-fluid .offset12:first-child {
margin-left: 102.12766%;
*margin-left: 102.02128%; }
.row-fluid .span11 {
width: 91.48936%;
*width: 91.43617%; }
.row-fluid .offset11 {
margin-left: 95.74468%;
*margin-left: 95.6383%; }
.row-fluid .offset11:first-child {
margin-left: 93.61702%;
*margin-left: 93.51064%; }
.row-fluid .span10 {
width: 82.97872%;
*width: 82.92553%; }
.row-fluid .offset10 {
margin-left: 87.23404%;
*margin-left: 87.12766%; }
.row-fluid .offset10:first-child {
margin-left: 85.10638%;
*margin-left: 85.0%; }
.row-fluid .span9 {
width: 74.46809%;
*width: 74.41489%; }
.row-fluid .offset9 {
margin-left: 78.7234%;
*margin-left: 78.61702%; }
.row-fluid .offset9:first-child {
margin-left: 76.59574%;
*margin-left: 76.48936%; }
.row-fluid .span8 {
width: 65.95745%;
*width: 65.90426%; }
.row-fluid .offset8 {
margin-left: 70.21277%;
*margin-left: 70.10638%; }
.row-fluid .offset8:first-child {
margin-left: 68.08511%;
*margin-left: 67.97872%; }
.row-fluid .span7 {
width: 57.44681%;
*width: 57.39362%; }
.row-fluid .offset7 {
margin-left: 61.70213%;
*margin-left: 61.59574%; }
.row-fluid .offset7:first-child {
margin-left: 59.57447%;
*margin-left: 59.46809%; }
.row-fluid .span6 {
width: 48.93617%;
*width: 48.88298%; }
.row-fluid .offset6 {
margin-left: 53.19149%;
*margin-left: 53.08511%; }
.row-fluid .offset6:first-child {
margin-left: 51.06383%;
*margin-left: 50.95745%; }
.row-fluid .span5 {
width: 40.42553%;
*width: 40.37234%; }
.row-fluid .offset5 {
margin-left: 44.68085%;
*margin-left: 44.57447%; }
.row-fluid .offset5:first-child {
margin-left: 42.55319%;
*margin-left: 42.44681%; }
.row-fluid .span4 {
width: 31.91489%;
*width: 31.8617%; }
.row-fluid .offset4 {
margin-left: 36.17021%;
*margin-left: 36.06383%; }
.row-fluid .offset4:first-child {
margin-left: 34.04255%;
*margin-left: 33.93617%; }
.row-fluid .span3 {
width: 23.40426%;
*width: 23.35106%; }
.row-fluid .offset3 {
margin-left: 27.65957%;
*margin-left: 27.55319%; }
.row-fluid .offset3:first-child {
margin-left: 25.53191%;
*margin-left: 25.42553%; }
.row-fluid .span2 {
width: 14.89362%;
*width: 14.84043%; }
.row-fluid .offset2 {
margin-left: 19.14894%;
*margin-left: 19.04255%; }
.row-fluid .offset2:first-child {
margin-left: 17.02128%;
*margin-left: 16.91489%; }
.row-fluid .span1 {
width: 6.38298%;
*width: 6.32979%; }
.row-fluid .offset1 {
margin-left: 10.6383%;
*margin-left: 10.53191%; }
.row-fluid .offset1:first-child {
margin-left: 8.51064%;
*margin-left: 8.40426%; }
[class*="span"].hide,
.row-fluid [class*="span"].hide {
display: none; }
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
float: right; }
.container {
margin-right: auto;
margin-left: auto;
*zoom: 1; }
.container:before, .container:after {
display: table;
content: "";
line-height: 0; }
.container:after {
clear: both; }
.container-fluid {
padding-right: 20px;
padding-left: 20px;
*zoom: 1; }
.container-fluid:before, .container-fluid:after {
display: table;
content: "";
line-height: 0; }
.container-fluid:after {
clear: both; }
p {
margin: 0 0 10px; }
.lead {
margin-bottom: 20px;
font-size: 21px;
font-weight: 200;
line-height: 30px; }
small {
font-size: 85%; }
strong {
font-weight: bold; }
em {
font-style: italic;
}
cite {
font-style: normal; }
.muted {
color: #999999; }
a.muted:hover {
color: gray; }
.text-warning {
color: #c09853; }
a.text-warning:hover {
color: #a47e3c; }
.text-error {
color: #b94a48; }
a.text-error:hover {
color: #953b39; }
.text-info {
color: #3a87ad; }
a.text-info:hover {
color: #2d6987; }
.text-success {
color: #468847; }
a.text-success:hover {
color: #356635; }
h1, h2, h3, h4, h5, h6 {
margin: 10px 0;
font-family: inherit;
font-weight: bold;
line-height: 20px;
color: inherit;
text-rendering: optimizelegibility; }
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
font-weight: normal;
line-height: 1;
color: #999999; }
h1,
h2,
h3 {
line-height: 40px; }
h1 {
font-size: 38.5px; }
h2 {
font-size: 31.5px; }
h3 {
font-size: 24.5px; }
h4 {
font-size: 17.5px; }
h5 {
font-size: 14px; }
h6 {
font-size: 11.9px; }
h1 small {
font-size: 24.5px; }
h2 small {
font-size: 17.5px; }
h3 small {
font-size: 14px; }
h4 small {
font-size: 14px; }
.page-header {
padding-bottom: 9px;
margin: 20px 0 30px;
border-bottom: 1px solid #eeeeee; }
ul, ol {
padding: 0;
margin: 0 0 10px 25px; }
ul ul,
ul ol,
ol ol,
ol ul {
margin-bottom: 0; }
li {
line-height: 20px; }
ul.unstyled,
ol.unstyled {
margin-left: 0;
list-style: none; }
ul.inline,
ol.inline {
margin-left: 0;
list-style: none; }
ul.inline > li,
ol.inline > li {
display: inline-block;
padding-left: 5px;
padding-right: 5px; }
dl {
margin-bottom: 20px; }
dt,
dd {
line-height: 20px; }
dt {
font-weight: bold; }
dd {
margin-left: 10px; }
.dl-horizontal {
*zoom: 1; }
.dl-horizontal:before, .dl-horizontal:after {
display: table;
content: "";
line-height: 0; }
.dl-horizontal:after {
clear: both; }
.dl-horizontal dt {
float: left;
width: 160px;
clear: left;
text-align: right;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
.dl-horizontal dd {
margin-left: 180px; }
hr {
margin: 20px 0;
border: 0;
border-top: 1px solid #eeeeee;
border-bottom: 1px solid white; }
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #999999; }
abbr.initialism {
font-size: 90%;
text-transform: uppercase; }
blockquote {
padding: 0 0 0 15px;
margin: 0 0 20px;
border-left: 5px solid #eeeeee; }
blockquote p {
margin-bottom: 0;
font-size: 16px;
font-weight: 300;
line-height: 25px; }
blockquote small {
display: block;
line-height: 20px;
color: #999999; }
blockquote small:before {
content: '\2014 \00A0'; }
blockquote.pull-right {
float: right;
padding-right: 15px;
padding-left: 0;
border-right: 5px solid #eeeeee;
border-left: 0; }
blockquote.pull-right p,
blockquote.pull-right small {
text-align: right; }
blockquote.pull-right small:before {
content: ''; }
blockquote.pull-right small:after {
content: '\00A0 \2014'; }
q:before,
q:after,
blockquote:before,
blockquote:after {
content: ""; }
address {
display: block;
margin-bottom: 20px;
font-style: normal;
line-height: 20px; }
code,
pre {
padding: 0 3px 2px;
font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
font-size: 12px;
color: #333333;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
code {
padding: 2px 4px;
color: #d14;
background-color: #f7f7f9;
border: 1px solid #e1e1e8;
white-space: nowrap; }
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 20px;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
background-color: #f5f5f5;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
pre.prettyprint {
margin-bottom: 20px; }
pre code {
padding: 0;
color: inherit;
white-space: pre;
white-space: pre-wrap;
background-color: transparent;
border: 0; }
/*.picRow:hover{ box-shadow: 0px 0px 10px black;
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-ms-transform:scale(1.05);
-o-transform:scale(1.05);
transform:scale(1.05);
cursor: pointer;
opacity:1;
border: 2px solid rgba(1,1,1,0.7) ;
}*/
.picRow:hover{
cursor: pointer;
background: RGBA(0, 109, 177, .3)!important;
}
.picRow {
/*opacity:0.5;*/
height: 75px;
}
.md-button {
min-width:20px!important;
}
.layout-row {
height:35px;
background: #006db1;
}
/* fallback */
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(https://fonts.gstatic.com/s/materialicons/v31/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
}
.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
-moz-font-feature-settings: 'liga';
-moz-osx-font-smoothing: grayscale;
}
.hoverable:hover{
border: 1px solid #D4EEFF;
background: #D4EEFF url("images/ui-bg_glass_100_D4EEFF_1x400.png") 50% 50% repeat-x;
font-weight: bold;
color: #0D78CF;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll; }
form {
margin: 0 0 20px; }
fieldset {
padding: 0;
margin: 0;
border: 0; }
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: 40px;
color: #333333;
border: 0;
border-bottom: 1px solid #e5e5e5; }
legend small {
font-size: 15px;
color: #999999; }
label,
input,
button,
select,
textarea {
font-size: 14px;
font-weight: normal;
line-height: 20px; }
input,
button,
select,
textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; }
label {
display: block;
margin-bottom: 5px; }
select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
display: inline-block;
height: 20px;
padding: 4px 6px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #555555;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
vertical-align: middle; }
input,
textarea,
.uneditable-input {
width: 206px; }
textarea {
height: auto; }
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
background-color: white;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-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 linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s; }
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
*margin-top: 0;
/* IE7 */
margin-top: 1px \9;
/* IE8-9 */
line-height: normal; }
input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
width: auto; }
select,
input[type="file"] {
height: 30px;
/* In IE7, the height of the select element cannot be changed by height, only font-size */
*margin-top: 4px;
/* For IE7, add top margin to align select with labels */
line-height: 30px; }
select {
width: 220px;
border: 1px solid #cccccc;
background-color: white; }
select[multiple],
select[size] {
height: auto; }
select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
.uneditable-input,
.uneditable-textarea {
color: #999999;
background-color: #fcfcfc;
border-color: #cccccc;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
cursor: not-allowed; }
.uneditable-input {
overflow: hidden;
white-space: nowrap; }
.uneditable-textarea {
width: auto;
height: auto; }
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #999999; }
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #999999; }
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #999999; }
.radio,
.checkbox {
min-height: 20px;
padding-left: 20px; }
.radio input[type="radio"],
.checkbox input[type="checkbox"] {
float: left;
margin-left: -20px; }
.controls > .radio:first-child,
.controls > .checkbox:first-child {
padding-top: 5px; }
.radio.inline,
.checkbox.inline {
display: inline-block;
padding-top: 5px;
margin-bottom: 0;
vertical-align: middle; }
.radio.inline + .radio.inline,
.checkbox.inline + .checkbox.inline {
margin-left: 10px; }
.input-mini {
width: 60px; }
.input-small {
width: 90px; }
.input-medium {
width: 150px; }
.input-large {
width: 210px; }
.input-xlarge {
width: 270px; }
.input-xxlarge {
width: 530px; }
input[class*="span"],
select[class*="span"],
textarea[class*="span"],
.uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"] {
float: none;
margin-left: 0; }
.input-append input[class*="span"],
.input-append .uneditable-input[class*="span"],
.input-prepend input[class*="span"],
.input-prepend .uneditable-input[class*="span"],
.row-fluid input[class*="span"],
.row-fluid select[class*="span"],
.row-fluid textarea[class*="span"],
.row-fluid .uneditable-input[class*="span"],
.row-fluid .input-prepend [class*="span"],
.row-fluid .input-append [class*="span"] {
display: inline-block; }
input,
textarea,
.uneditable-input {
margin-left: 0; }
.controls-row [class*="span"] + [class*="span"] {
margin-left: 20px; }
input.span12,
textarea.span12,
.uneditable-input.span12 {
width: 926px; }
input.span11,
textarea.span11,
.uneditable-input.span11 {
width: 846px; }
input.span10,
textarea.span10,
.uneditable-input.span10 {
width: 766px; }
input.span9,
textarea.span9,
.uneditable-input.span9 {
width: 686px; }
input.span8,
textarea.span8,
.uneditable-input.span8 {
width: 606px; }
input.span7,
textarea.span7,
.uneditable-input.span7 {
width: 526px; }
input.span6,
textarea.span6,
.uneditable-input.span6 {
width: 446px; }
input.span5,
textarea.span5,
.uneditable-input.span5 {
width: 366px; }
input.span4,
textarea.span4,
.uneditable-input.span4 {
width: 286px; }
input.span3,
textarea.span3,
.uneditable-input.span3 {
width: 206px; }
input.span2,
textarea.span2,
.uneditable-input.span2 {
width: 126px; }
input.span1,
textarea.span1,
.uneditable-input.span1 {
width: 46px; }
.controls-row {
*zoom: 1; }
.controls-row:before, .controls-row:after {
display: table;
content: "";
line-height: 0; }
.controls-row:after {
clear: both; }
.controls-row [class*="span"],
.row-fluid .controls-row [class*="span"] {
float: left; }
.controls-row .checkbox[class*="span"],
.controls-row .radio[class*="span"] {
padding-top: 5px; }
input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
cursor: not-allowed;
background-color: #eeeeee; }
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"][readonly],
input[type="checkbox"][readonly] {
background-color: transparent; }
.control-group.warning > label,
.control-group.warning .help-block,
.control-group.warning .help-inline {
color: #c09853; }
.control-group.warning .checkbox,
.control-group.warning .radio,
.control-group.warning input,
.control-group.warning select,
.control-group.warning textarea {
color: #c09853;
border-color: #c09853;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.control-group.warning .checkbox:focus,
.control-group.warning .radio:focus,
.control-group.warning input:focus,
.control-group.warning select:focus,
.control-group.warning textarea:focus {
border-color: #a47e3c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; }
.control-group.warning .input-prepend .add-on,
.control-group.warning .input-append .add-on {
color: #c09853;
background-color: #fcf8e3;
border-color: #c09853; }
.control-group.error > label,
.control-group.error .help-block,
.control-group.error .help-inline {
color: #b94a48; }
.control-group.error .checkbox,
.control-group.error .radio,
.control-group.error input,
.control-group.error select,
.control-group.error textarea {
color: #b94a48;
border-color: #b94a48;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.control-group.error .checkbox:focus,
.control-group.error .radio:focus,
.control-group.error input:focus,
.control-group.error select:focus,
.control-group.error textarea:focus {
border-color: #953b39;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; }
.control-group.error .input-prepend .add-on,
.control-group.error .input-append .add-on {
color: #b94a48;
background-color: #f2dede;
border-color: #b94a48; }
.control-group.success > label,
.control-group.success .help-block,
.control-group.success .help-inline {
color: #468847; }
.control-group.success .checkbox,
.control-group.success .radio,
.control-group.success input,
.control-group.success select,
.control-group.success textarea {
color: #468847;
border-color: #468847;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.control-group.success .checkbox:focus,
.control-group.success .radio:focus,
.control-group.success input:focus,
.control-group.success select:focus,
.control-group.success textarea:focus {
border-color: #356635;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; }
.control-group.success .input-prepend .add-on,
.control-group.success .input-append .add-on {
color: #468847;
background-color: #dff0d8;
border-color: #468847; }
.control-group.info > label,
.control-group.info .help-block,
.control-group.info .help-inline {
color: #3a87ad; }
.control-group.info .checkbox,
.control-group.info .radio,
.control-group.info input,
.control-group.info select,
.control-group.info textarea {
color: #3a87ad;
border-color: #3a87ad;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); }
.control-group.info .checkbox:focus,
.control-group.info .radio:focus,
.control-group.info input:focus,
.control-group.info select:focus,
.control-group.info textarea:focus {
border-color: #2d6987;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; }
.control-group.info .input-prepend .add-on,
.control-group.info .input-append .add-on {
color: #3a87ad;
background-color: #d9edf7;
border-color: #3a87ad; }
input:focus:invalid,
textarea:focus:invalid,
select:focus:invalid {
color: #b94a48;
border-color: #ee5f5b; }
input:focus:invalid:focus,
textarea:focus:invalid:focus,
select:focus:invalid:focus {
border-color: #e9322d;
-webkit-box-shadow: 0 0 6px #f8b9b7;
-moz-box-shadow: 0 0 6px #f8b9b7;
box-shadow: 0 0 6px #f8b9b7; }
.form-actions {
padding: 19px 20px 20px;
margin-top: 20px;
margin-bottom: 20px;
background-color: whitesmoke;
border-top: 1px solid #e5e5e5;
*zoom: 1; }
.form-actions:before, .form-actions:after {
display: table;
content: "";
line-height: 0; }
.form-actions:after {
clear: both; }
.help-block,
.help-inline {
color: #595959; }
.help-block {
display: block;
margin-bottom: 10px; }
.help-inline {
display: inline-block;
*display: inline;
*zoom: 1;
vertical-align: middle;
padding-left: 5px; }
.input-append,
.input-prepend {
margin-bottom: 5px;
font-size: 0;
white-space: nowrap; }
.input-append input,
.input-append select,
.input-append .uneditable-input,
.input-append .dropdown-menu,
.input-prepend input,
.input-prepend select,
.input-prepend .uneditable-input,
.input-prepend .dropdown-menu {
font-size: 14px; }
.input-append input,
.input-append select,
.input-append .uneditable-input,
.input-prepend input,
.input-prepend select,
.input-prepend .uneditable-input {
position: relative;
margin-bottom: 0;
*margin-left: 0;
vertical-align: top;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0; }
.input-append input:focus,
.input-append select:focus,
.input-append .uneditable-input:focus,
.input-prepend input:focus,
.input-prepend select:focus,
.input-prepend .uneditable-input:focus {
z-index: 2; }
.input-append .add-on,
.input-prepend .add-on {
display: inline-block;
width: auto;
height: 20px;
min-width: 16px;
padding: 4px 5px;
font-size: 14px;
font-weight: normal;
line-height: 20px;
text-align: center;
text-shadow: 0 1px 0 white;
background-color: #eeeeee;
border: 1px solid #ccc; }
.input-append .add-on,
.input-append .btn,
.input-append .btn-group > .dropdown-toggle,
.input-prepend .add-on,
.input-prepend .btn,
.input-prepend .btn-group > .dropdown-toggle {
vertical-align: top;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.input-append .active,
.input-prepend .active {
background-color: #a9dba9;
border-color: #46a546; }
.input-prepend .add-on,
.input-prepend .btn {
margin-right: -1px; }
.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px; }
.input-append input,
.input-append select,
.input-append .uneditable-input {
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px; }
.input-append input + .btn-group .btn:last-child,
.input-append select + .btn-group .btn:last-child,
.input-append .uneditable-input + .btn-group .btn:last-child {
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0; }
.input-append .add-on,
.input-append .btn,
.input-append .btn-group {
margin-left: -1px; }
.input-append .add-on:last-child,
.input-append .btn:last-child,
.input-append .btn-group:last-child > .dropdown-toggle {
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0; }
.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.input-prepend.input-append input + .btn-group .btn,
.input-prepend.input-append select + .btn-group .btn,
.input-prepend.input-append .uneditable-input + .btn-group .btn {
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0; }
.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px; }
.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
margin-left: -1px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0; }
.input-prepend.input-append .btn-group:first-child {
margin-left: 0; }
input.search-query {
padding-right: 14px;
padding-right: 4px \9;
padding-left: 14px;
padding-left: 4px \9;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; }
/* Allow for input prepend/append in search forms */
.form-search .input-append .search-query,
.form-search .input-prepend .search-query {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.form-search .input-append .search-query {
-webkit-border-radius: 14px 0 0 14px;
-moz-border-radius: 14px 0 0 14px;
border-radius: 14px 0 0 14px; }
.form-search .input-append .btn {
-webkit-border-radius: 0 14px 14px 0;
-moz-border-radius: 0 14px 14px 0;
border-radius: 0 14px 14px 0; }
.form-search .input-prepend .search-query {
-webkit-border-radius: 0 14px 14px 0;
-moz-border-radius: 0 14px 14px 0;
border-radius: 0 14px 14px 0; }
.form-search .input-prepend .btn {
-webkit-border-radius: 14px 0 0 14px;
-moz-border-radius: 14px 0 0 14px;
border-radius: 14px 0 0 14px; }
.form-search input,
.form-search textarea,
.form-search select,
.form-search .help-inline,
.form-search .uneditable-input,
.form-search .input-prepend,
.form-search .input-append,
.form-inline input,
.form-inline textarea,
.form-inline select,
.form-inline .help-inline,
.form-inline .uneditable-input,
.form-inline .input-prepend,
.form-inline .input-append,
.form-horizontal input,
.form-horizontal textarea,
.form-horizontal select,
.form-horizontal .help-inline,
.form-horizontal .uneditable-input,
.form-horizontal .input-prepend,
.form-horizontal .input-append {
display: inline-block;
*display: inline;
*zoom: 1;
margin-bottom: 0;
vertical-align: middle; }
.form-search .hide,
.form-inline .hide,
.form-horizontal .hide {
display: none; }
.form-search label,
.form-inline label,
.form-search .btn-group,
.form-inline .btn-group {
display: inline-block; }
.form-search .input-append,
.form-inline .input-append,
.form-search .input-prepend,
.form-inline .input-prepend {
margin-bottom: 0; }
.form-search .radio,
.form-search .checkbox,
.form-inline .radio,
.form-inline .checkbox {
padding-left: 0;
margin-bottom: 0;
vertical-align: middle; }
.form-search .radio input[type="radio"],
.form-search .checkbox input[type="checkbox"],
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
float: left;
margin-right: 3px;
margin-left: 0; }
.control-group {
margin-bottom: 10px; }
legend + .control-group {
margin-top: 20px;
-webkit-margin-top-collapse: separate; }
.form-horizontal .control-group {
margin-bottom: 20px;
*zoom: 1; }
.form-horizontal .control-group:before, .form-horizontal .control-group:after {
display: table;
content: "";
line-height: 0; }
.form-horizontal .control-group:after {
clear: both; }
.form-horizontal .control-label {
float: left;
width: 160px;
padding-top: 5px;
text-align: right; }
.form-horizontal .controls {
*display: inline-block;
*padding-left: 20px;
margin-left: 180px;
*margin-left: 0; }
.form-horizontal .controls:first-child {
*padding-left: 180px; }
.form-horizontal .help-block {
margin-bottom: 0; }
.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
margin-top: 10px; }
.form-horizontal .form-actions {
padding-left: 180px; }
table {
max-width: 100%;
background-color: transparent;
border-collapse: collapse;
border-spacing: 0; }
.table {
width: 100%;
margin-bottom: 20px; }
.table th,
.table td {
padding: 8px;
line-height: 20px;
text-align: left;
vertical-align: top;
border-top: 1px solid #dddddd; }
.table th {
font-weight: bold; }
.table thead th {
vertical-align: bottom; }
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
border-top: 0; }
.table tbody + tbody {
border-top: 2px solid #dddddd; }
.table .table {
background-color: white; }
.table-condensed th,
.table-condensed td {
padding: 4px 5px; }
.table-bordered {
border: 1px solid #dddddd;
border-collapse: separate;
*border-collapse: collapse;
border-left: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.table-bordered th,
.table-bordered td {
border-left: 1px solid #dddddd; }
.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
border-top: 0; }
.table-bordered thead:first-child tr:first-child > th:first-child,
.table-bordered tbody:first-child tr:first-child > td:first-child {
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px; }
.table-bordered thead:first-child tr:first-child > th:last-child,
.table-bordered tbody:first-child tr:first-child > td:last-child {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px; }
.table-bordered thead:last-child tr:last-child > th:first-child,
.table-bordered tbody:last-child tr:last-child > td:first-child,
.table-bordered tfoot:last-child tr:last-child > td:first-child {
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px; }
.table-bordered thead:last-child tr:last-child > th:last-child,
.table-bordered tbody:last-child tr:last-child > td:last-child,
.table-bordered tfoot:last-child tr:last-child > td:last-child {
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px; }
.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0; }
.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0; }
.table-bordered caption + thead tr:first-child th:first-child,
.table-bordered caption + tbody tr:first-child td:first-child,
.table-bordered colgroup + thead tr:first-child th:first-child,
.table-bordered colgroup + tbody tr:first-child td:first-child {
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px; }
.table-bordered caption + thead tr:first-child th:last-child,
.table-bordered caption + tbody tr:first-child td:last-child,
.table-bordered colgroup + thead tr:first-child th:last-child,
.table-bordered colgroup + tbody tr:first-child td:last-child {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px; }
.table-striped tbody > tr:nth-child(odd) > td,
.table-striped tbody > tr:nth-child(odd) > th {
background-color: #f9f9f9; }
.table-hover tbody tr:hover td,
.table-hover tbody tr:hover th {
background-color: whitesmoke; }
table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
display: table-cell;
float: none;
margin-left: 0; }
.table td.span1,
.table th.span1 {
float: none;
width: 44px;
margin-left: 0; }
.table td.span2,
.table th.span2 {
float: none;
width: 124px;
margin-left: 0; }
.table td.span3,
.table th.span3 {
float: none;
width: 204px;
margin-left: 0; }
.table td.span4,
.table th.span4 {
float: none;
width: 284px;
margin-left: 0; }
.table td.span5,
.table th.span5 {
float: none;
width: 364px;
margin-left: 0; }
.table td.span6,
.table th.span6 {
float: none;
width: 444px;
margin-left: 0; }
.table td.span7,
.table th.span7 {
float: none;
width: 524px;
margin-left: 0; }
.table td.span8,
.table th.span8 {
float: none;
width: 604px;
margin-left: 0; }
.table td.span9,
.table th.span9 {
float: none;
width: 684px;
margin-left: 0; }
.table td.span10,
.table th.span10 {
float: none;
width: 764px;
margin-left: 0; }
.table td.span11,
.table th.span11 {
float: none;
width: 844px;
margin-left: 0; }
.table td.span12,
.table th.span12 {
float: none;
width: 924px;
margin-left: 0; }
.table tbody tr.success td {
background-color: #dff0d8; }
.table tbody tr.error td {
background-color: #f2dede; }
.table tbody tr.warning td {
background-color: #fcf8e3; }
.table tbody tr.info td {
background-color: #d9edf7; }
.table-hover tbody tr.success:hover td {
background-color: #d0e9c6; }
.table-hover tbody tr.error:hover td {
background-color: #ebcccc; }
.table-hover tbody tr.warning:hover td {
background-color: #faf2cc; }
.table-hover tbody tr.info:hover td {
background-color: #c4e3f3; }
[class^="icon-"],
[class*=" icon-"] {
display: inline-block;
width: 14px;
height: 14px;
*margin-right: .3em;
line-height: 14px;
vertical-align: text-top;
background-image: url("../images/glyphicons-halflings.png");
background-position: 14px 14px;
background-repeat: no-repeat;
margin-top: 1px;
opacity: 0.8;
}
/* White icons with optional class, or on hover/active states of certain elements */
.icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" icon-"],
.nav-list > .active > a > [class^="icon-"],
.nav-list > .active > a > [class*=" icon-"],
.navbar-inverse .nav > .active > a > [class^="icon-"],
.navbar-inverse .nav > .active > a > [class*=" icon-"],
.dropdown-menu > li > a:hover > [class^="icon-"],
.dropdown-menu > li > a:hover > [class*=" icon-"],
.dropdown-menu > .active > a > [class^="icon-"],
.dropdown-menu > .active > a > [class*=" icon-"],
.dropdown-submenu:hover > a > [class^="icon-"],
.dropdown-submenu:hover > a > [class*=" icon-"] {
background-image: url("../images/glyphicons-halflings-white.png");opacity:1 }
.icon-glass {
background-position: 0 0; }
.icon-music {
background-position: -24px 0; }
.icon-search {
background-position: -48px 0; }
.icon-envelope {
background-position: -72px 0; }
.icon-heart {
background-position: -96px 0; }
.icon-star {
background-position: -120px 0; }
.icon-star-empty {
background-position: -144px 0; }
.icon-user {
background-position: -168px 0; }
.icon-film {
background-position: -192px 0; }
.icon-th-large {
background-position: -216px 0; }
.icon-th {
background-position: -240px 0; }
.icon-th-list {
background-position: -264px 0; }
.icon-ok {
background-position: -288px 0; }
.icon-remove {
background-position: -312px 0; }
.icon-zoom-in {
background-position: -336px 0; }
.icon-zoom-out {
background-position: -360px 0; }
.icon-off {
background-position: -384px 0; }
.icon-signal {
background-position: -408px 0; }
.icon-cog {
background-position: -432px 0; }
.icon-trash {
background-position: -456px 0; }
.icon-home {
background-position: 0 -24px; }
.icon-file {
background-position: -24px -24px; }
.icon-time {
background-position: -48px -24px; }
.icon-road {
background-position: -72px -24px; }
.icon-download-alt {
background-position: -96px -24px; }
.icon-download {
background-position: -120px -24px; }
.icon-upload {
background-position: -144px -24px; }
.icon-inbox {
background-position: -168px -24px; }
.icon-play-circle {
background-position: -192px -24px; }
.icon-repeat {
background-position: -216px -24px; }
.icon-refresh {
background-position: -240px -24px; }
.icon-list-alt {
background-position: -264px -24px; }
.icon-lock {
background-position: -287px -24px; }
.icon-flag {
background-position: -312px -24px; }
.icon-headphones {
background-position: -336px -24px; }
.icon-volume-off {
background-position: -360px -24px; }
.icon-volume-down {
background-position: -384px -24px; }
.icon-volume-up {
background-position: -408px -24px; }
.icon-qrcode {
background-position: -432px -24px; }
.icon-barcode {
background-position: -456px -24px; }
.icon-tag {
background-position: 0 -48px; }
.icon-tags {
background-position: -25px -48px; }
.icon-book {
background-position: -48px -48px; }
.icon-bookmark {
background-position: -72px -48px; }
.icon-print {
background-position: -96px -48px; }
.icon-camera {
background-position: -120px -48px; }
.icon-font {
background-position: -144px -48px; }
.icon-bold {
background-position: -167px -48px; }
.icon-italic {
background-position: -192px -48px; }
.icon-text-height {
background-position: -216px -48px; }
.icon-text-width {
background-position: -240px -48px; }
.icon-align-left {
background-position: -264px -48px; }
.icon-align-center {
background-position: -288px -48px; }
.icon-align-right {
background-position: -312px -48px; }
.icon-align-justify {
background-position: -336px -48px; }
.icon-list {
background-position: -360px -48px; }
.icon-indent-left {
background-position: -384px -48px; }
.icon-indent-right {
background-position: -408px -48px; }
.icon-facetime-video {
background-position: -432px -48px; }
.icon-picture {
background-position: -456px -48px; }
.icon-pencil {
background-position: 0 -72px; }
.icon-map-marker {
background-position: -24px -72px; }
.icon-adjust {
background-position: -48px -72px; }
.icon-tint {
background-position: -72px -72px; }
.icon-edit {
background-position: -96px -72px; }
.icon-share {
background-position: -120px -72px; }
.icon-check {
background-position: -144px -72px; }
.icon-move {
background-position: -168px -72px; }
.icon-step-backward {
background-position: -192px -72px; }
.icon-fast-backward {
background-position: -216px -72px; }
.icon-backward {
background-position: -240px -72px; }
.icon-play {
background-position: -264px -72px; }
.icon-pause {
background-position: -288px -72px; }
.icon-stop {
background-position: -312px -72px; }
.icon-forward {
background-position: -336px -72px; }
.icon-fast-forward {
background-position: -360px -72px; }
.icon-step-forward {
background-position: -384px -72px; }
.icon-eject {
background-position: -408px -72px; }
.icon-chevron-left {
background-position: -432px -72px; }
.icon-chevron-right {
background-position: -456px -72px; }
.icon-plus-sign {
background-position: 0 -96px; }
.icon-minus-sign {
background-position: -24px -96px; }
.icon-remove-sign {
background-position: -48px -96px; }
.icon-ok-sign {
background-position: -72px -96px; }
.icon-question-sign {
background-position: -96px -96px; }
.icon-info-sign {
background-position: -120px -96px; }
.icon-screenshot {
background-position: -144px -96px; }
.icon-remove-circle {
background-position: -168px -96px; }
.icon-ok-circle {
background-position: -192px -96px; }
.icon-ban-circle {
background-position: -216px -96px; }
.icon-arrow-left {
background-position: -240px -96px; }
.icon-arrow-right {
background-position: -264px -96px; }
.icon-arrow-up {
background-position: -289px -96px; }
.icon-arrow-down {
background-position: -312px -96px; }
.icon-share-alt {
background-position: -336px -96px; }
.icon-resize-full {
background-position: -360px -96px; }
.icon-resize-small {
background-position: -384px -96px; }
.icon-plus {
background-position: -408px -96px; }
.icon-minus {
background-position: -433px -96px; }
.icon-asterisk {
background-position: -456px -96px; }
.icon-exclamation-sign {
background-position: 0 -120px; }
.icon-gift {
background-position: -24px -120px; }
.icon-leaf {
background-position: -48px -120px; }
.icon-fire {
background-position: -72px -120px; }
.icon-eye-open {
background-position: -96px -120px; }
.icon-eye-close {
background-position: -120px -120px; }
.icon-warning-sign {
background-position: -144px -120px; }
.icon-plane {
background-position: -168px -120px; }
.icon-calendar {
background-position: -192px -120px; }
.icon-random {
background-position: -216px -120px;
width: 16px; }
.icon-comment {
background-position: -240px -120px; }
.icon-magnet {
background-position: -264px -120px; }
.icon-chevron-up {
background-position: -288px -120px; }
.icon-chevron-down {
background-position: -313px -119px; }
.icon-retweet {
background-position: -336px -120px; }
.icon-shopping-cart {
background-position: -360px -120px; }
.icon-folder-close {
background-position: -384px -120px; }
.icon-folder-open {
background-position: -408px -120px;
width: 16px; }
.icon-resize-vertical {
background-position: -432px -119px; }
.icon-resize-horizontal {
background-position: -456px -118px; }
.icon-hdd {
background-position: 0 -144px; }
.icon-bullhorn {
background-position: -24px -144px; }
.icon-bell {
background-position: -48px -144px; }
.icon-certificate {
background-position: -72px -144px; }
.icon-thumbs-up {
background-position: -96px -144px; }
.icon-thumbs-down {
background-position: -120px -144px; }
.icon-hand-right {
background-position: -144px -144px; }
.icon-hand-left {
background-position: -168px -144px; }
.icon-hand-up {
background-position: -192px -144px; }
.icon-hand-down {
background-position: -216px -144px; }
.icon-circle-arrow-right {
background-position: -240px -144px; }
.icon-circle-arrow-left {
background-position: -264px -144px; }
.icon-circle-arrow-up {
background-position: -288px -144px; }
.icon-circle-arrow-down {
background-position: -312px -144px; }
.icon-globe {
background-position: -336px -144px; }
.icon-wrench {
background-position: -360px -144px; }
.icon-tasks {
background-position: -384px -144px; }
.icon-filter {
background-position: -408px -144px; }
.icon-briefcase {
background-position: -432px -144px; }
.icon-fullscreen {
background-position: -456px -144px; }
.icon-plus-one {
background-position: 0 -169px; }
.icon-minus-one {
background-position: -26px -169px }
.icon-goal {
background-position: -48px -169px }
.icon-penalty {
background-position: -72px -169px; }
.icon-red-card {
background-position: -96px -169px; }
.icon-yellow-card {
background-position: -120px -169px; }
.dropup,
.dropdown {
position: relative; }
.dropdown-toggle {
*margin-bottom: -3px; }
.dropdown-toggle:active,
.open .dropdown-toggle {
outline: 0; }
.caret {
display: inline-block;
width: 0;
height: 0;
vertical-align: top;
border-top: 4px solid black;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
content: ""; }
.dropdown .caret {
margin-top: 8px;
margin-left: 2px; }
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
background-color: white;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
*border-right-width: 2px;
*border-bottom-width: 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box; }
.dropdown-menu.pull-right {
right: 0;
left: auto; }
.dropdown-menu .divider {
*width: 100%;
height: 1px;
margin: 9px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid white; }
.dropdown-menu li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 20px;
color: #333333;
white-space: nowrap; }
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
text-decoration: none;
color: white;
background-color: #0067a7;
background-image: -moz-linear-gradient(top, #006db1, #005d98);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#006db1), to(#005d98));
background-image: -webkit-linear-gradient(top, #006db1, #005d98);
background-image: -o-linear-gradient(top, #006db1, #005d98);
background-image: linear-gradient(to bottom, #006db1, #005d98);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006aac', endColorstr='#005a92', GradientType=0); }
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
color: #333333;
text-decoration: none;
outline: 0;
background-color: #0067a7;
background-image: -moz-linear-gradient(top, #006db1, #005d98);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#006db1), to(#005d98));
background-image: -webkit-linear-gradient(top, #006db1, #005d98);
background-image: -o-linear-gradient(top, #006db1, #005d98);
background-image: linear-gradient(to bottom, #006db1, #005d98);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006aac', endColorstr='#005a92', GradientType=0); }
.dropdown-menu .disabled > a,
.dropdown-menu .disabled > a:hover {
color: #999999; }
.dropdown-menu .disabled > a:hover {
text-decoration: none;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
cursor: default; }
.open {
*z-index: 1000; }
.open > .dropdown-menu {
display: block; }
.pull-right > .dropdown-menu {
right: 0;
left: auto; }
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
border-top: 0;
border-bottom: 4px solid black;
content: ""; }
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 1px; }
.dropdown-submenu {
position: relative; }
.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px 6px;
border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover > .dropdown-menu {
display: block; }
.dropup .dropdown-submenu > .dropdown-menu {
top: auto;
bottom: 0;
margin-top: 0;
margin-bottom: -2px;
-webkit-border-radius: 5px 5px 5px 0;
-moz-border-radius: 5px 5px 5px 0;
border-radius: 5px 5px 5px 0; }
.dropdown-submenu > a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #cccccc;
margin-top: 5px;
margin-right: -10px; }
.dropdown-submenu:hover > a:after {
border-left-color: white; }
.dropdown-submenu.pull-left {
float: none; }
.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px; }
.dropdown .dropdown-menu .nav-header {
padding-left: 20px;
padding-right: 20px; }
.typeahead {
z-index: 1051;
margin-top: 2px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: whitesmoke;
border: 1px solid #e3e3e3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.15); }
.well-large {
padding: 24px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }
.well-small {
padding: 9px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
-moz-transition: opacity 0.15s linear;
-o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear; }
.fade.in {
opacity: 1; }
.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
-moz-transition: height 0.35s ease;
-o-transition: height 0.35s ease;
transition: height 0.35s ease; }
.collapse.in {
height: auto; }
.close {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 20px;
color: black;
text-shadow: 0 1px 0 white;
opacity: 0.2;
filter: alpha(opacity=20); }
.close:hover {
color: black;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
filter: alpha(opacity=40); }
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none; }
/*$iconSpritePath: "glyphicons-halflings.png" !default;
$iconWhiteSpritePath: "glyphicons-halflings-white.png" !default;*/
.btn {
display: inline-block;
*display: inline;
*zoom: 1;
padding: 4px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: whitesmoke;
background-image: -moz-linear-gradient(top, white, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, white, #e6e6e6);
background-image: -o-linear-gradient(top, white, #e6e6e6);
background-image: linear-gradient(to bottom, white, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#e3e3e3', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #e6e6e6;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
border: 1px solid #bbbbbb;
*border: 0;
border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*margin-left: .3em;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); }
.btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] {
color: #333333;
background-color: #e6e6e6;
*background-color: #d9d9d9; }
.btn:active, .btn.active {
background-color: #cccccc \9; }
.btn:first-child {
*margin-left: 0; }
.btn:hover {
color: #333333;
text-decoration: none;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear; }
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px; }
.btn.active, .btn:active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
.btn.disabled, .btn[disabled] {
cursor: default;
background-image: none;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.btn-large {
padding: 11px 19px;
font-size: 17.5px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }
.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] {
margin-top: 4px; }
.btn-small {
padding: 2px 10px;
font-size: 11.9px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] {
margin-top: 0; }
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
margin-top: -1px; }
.btn-mini {
padding: 0 6px;
font-size: 10.5px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.btn-block {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.btn-block + .btn-block {
margin-top: 5px; }
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%; }
.btn-primary.active,
.btn-warning.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active {
color: rgba(255, 255, 255, 0.75); }
.btn {
border-color: #c5c5c5;
border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); }
.btn-primary {
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #0056b1;
background-image: -moz-linear-gradient(top, #006db1, #0032b1);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#006db1), to(#0032b1));
background-image: -webkit-linear-gradient(top, #006db1, #0032b1);
background-image: -o-linear-gradient(top, #006db1, #0032b1);
background-image: linear-gradient(to bottom, #006db1, #0032b1);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006aac', endColorstr='#0031ac', GradientType=0);
border-color: #0032b1 #0032b1 #001c64;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #0032b1;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
color: white;
background-color: #0032b1;
*background-color: #002b98; }
.btn-primary:active, .btn-primary.active {
background-color: #00247e \9; }
.btn-warning {
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #f9a834;
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb24b', endColorstr='#f39106', GradientType=0);
border-color: #f89406 #f89406 #ad6704;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #f89406;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
color: white;
background-color: #f89406;
*background-color: #df8505; }
.btn-warning:active, .btn-warning.active {
background-color: #c67605 \9; }
.btn-danger {
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #db4f4a;
background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5a56', endColorstr='#b9352e', GradientType=0);
border-color: #bd362f #bd362f #802420;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #bd362f;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] {
color: white;
background-color: #bd362f;
*background-color: #a9302a; }
.btn-danger:active, .btn-danger.active {
background-color: #942a25 \9; }
.btn-success {
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
background-image: -moz-linear-gradient(top, #62c462, #51a351);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
background-image: -webkit-linear-gradient(top, #62c462, #51a351);
background-image: -o-linear-gradient(top, #62c462, #51a351);
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ec35e', endColorstr='#4fa04f', GradientType=0);
border-color: #51a351 #51a351 #387038;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #51a351;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
color: white;
background-color: #51a351;
*background-color: #499249; }
.btn-success:active, .btn-success.active {
background-color: #408140 \9; }
.btn-info {
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #4ab0ce;
background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4));
background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4);
background-image: -o-linear-gradient(top, #5bc0de, #2f96b4);
background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57bedd', endColorstr='#2e93b0', GradientType=0);
border-color: #2f96b4 #2f96b4 #1f6377;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #2f96b4;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
color: white;
background-color: #2f96b4;
*background-color: #2a85a0; }
.btn-info:active, .btn-info.active {
background-color: #24748c \9; }
.btn-inverse {
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #373737;
background-image: -moz-linear-gradient(top, #444444, #222222);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
background-image: -webkit-linear-gradient(top, #444444, #222222);
background-image: -o-linear-gradient(top, #444444, #222222);
background-image: linear-gradient(to bottom, #444444, #222222);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#414141', endColorstr='#1f1f1f', GradientType=0);
border-color: #222222 #222222 black;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #222222;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
color: white;
background-color: #222222;
*background-color: #151515; }
.btn-inverse:active, .btn-inverse.active {
background-color: #090909 \9; }
button.btn,
input[type="submit"].btn {
*padding-top: 3px;
*padding-bottom: 3px; }
button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
padding: 0;
border: 0; }
button.btn.btn-large,
input[type="submit"].btn.btn-large {
*padding-top: 7px;
*padding-bottom: 7px; }
button.btn.btn-small,
input[type="submit"].btn.btn-small {
*padding-top: 3px;
*padding-bottom: 3px; }
button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
*padding-top: 1px;
*padding-bottom: 1px; }
.btn-link,
.btn-link:active,
.btn-link[disabled] {
background-color: transparent;
background-image: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.btn-link {
border-color: transparent;
cursor: pointer;
color: #006db1;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.btn-link:hover {
color: #009cfd;
text-decoration: underline;
background-color: transparent; }
.btn-link[disabled]:hover {
color: #333333;
text-decoration: none; }
.btn-group {
position: relative;
display: inline-block;
*display: inline;
*zoom: 1;
font-size: 0;
vertical-align: middle;
white-space: nowrap;
*margin-left: .3em; }
.btn-group:first-child {
*margin-left: 0; }
.btn-group + .btn-group {
margin-left: 5px; }
.btn-toolbar {
font-size: 0;
margin-top: 10px;
margin-bottom: 10px; }
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn + .btn-group {
margin-left: 5px; }
.btn-group > .btn {
position: relative;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.btn-group > .btn + .btn {
margin-left: -1px; }
.btn-group > .btn,
.btn-group > .dropdown-menu,
.btn-group > .popover {
font-size: 14px; }
.btn-group > .btn-mini {
font-size: 10.5px; }
.btn-group > .btn-small {
font-size: 11.9px; }
.btn-group > .btn-large {
font-size: 17.5px; }
.btn-group > .btn:first-child {
margin-left: 0;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px; }
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px; }
.btn-group > .btn.large:first-child {
margin-left: 0;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px; }
.btn-group > .btn.large:last-child,
.btn-group > .large.dropdown-toggle {
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px; }
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
z-index: 2; }
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0; }
.btn-group > .btn + .dropdown-toggle {
padding-left: 8px;
padding-right: 8px;
-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
*padding-top: 5px;
*padding-bottom: 5px; }
.btn-group > .btn-mini + .dropdown-toggle {
padding-left: 5px;
padding-right: 5px;
*padding-top: 2px;
*padding-bottom: 2px; }
.btn-group > .btn-small + .dropdown-toggle {
*padding-top: 5px;
*padding-bottom: 4px; }
.btn-group > .btn-large + .dropdown-toggle {
padding-left: 12px;
padding-right: 12px;
*padding-top: 7px;
*padding-bottom: 7px; }
.btn-group.open .dropdown-toggle {
background-image: none;
-webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); }
.btn-group.open .btn.dropdown-toggle {
background-color: #e6e6e6; }
.btn-group.open .btn-primary.dropdown-toggle {
background-color: #0032b1; }
.btn-group.open .btn-warning.dropdown-toggle {
background-color: #f89406; }
.btn-group.open .btn-danger.dropdown-toggle {
background-color: #bd362f; }
.btn-group.open .btn-success.dropdown-toggle {
background-color: #51a351; }
.btn-group.open .btn-info.dropdown-toggle {
background-color: #2f96b4; }
.btn-group.open .btn-inverse.dropdown-toggle {
background-color: #222222; }
.btn .caret {
margin-top: 8px;
margin-left: 0; }
.btn-mini .caret,
.btn-small .caret,
.btn-large .caret {
margin-top: 6px; }
.btn-large .caret {
border-left-width: 5px;
border-right-width: 5px;
border-top-width: 5px; }
.dropup .btn-large .caret {
border-bottom-width: 5px; }
.btn-primary .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret,
.btn-success .caret,
.btn-inverse .caret {
border-top-color: white;
border-bottom-color: white; }
.btn-group-vertical {
display: inline-block;
*display: inline;
*zoom: 1; }
.btn-group-vertical > .btn {
display: block;
float: none;
max-width: 100%;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.btn-group-vertical > .btn + .btn {
margin-left: 0;
margin-top: -1px; }
.btn-group-vertical > .btn:first-child {
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0; }
.btn-group-vertical > .btn:last-child {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px; }
.btn-group-vertical > .btn-large:first-child {
-webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0; }
.btn-group-vertical > .btn-large:last-child {
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px; }
.alert {
padding: 8px 35px 8px 14px;
margin-bottom: 20px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
background-color: #fcf8e3;
border: 1px solid #fbeed5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.alert,
.alert h4 {
color: #c09853; }
.alert h4 {
margin: 0; }
.alert .close {
position: relative;
top: -2px;
right: -21px;
line-height: 20px; }
.alert-success {
background-color: #dff0d8;
border-color: #d6e9c6;
color: #468847; }
.alert-success h4 {
color: #468847; }
.alert-danger,
.alert-error {
background-color: #f2dede;
border-color: #eed3d7;
color: #b94a48; }
.alert-danger h4,
.alert-error h4 {
color: #b94a48; }
.alert-info {
background-color: #d9edf7;
border-color: #bce8f1;
color: #3a87ad; }
.alert-info h4 {
color: #3a87ad; }
.alert-block {
padding-top: 14px;
padding-bottom: 14px; }
.alert-block > p,
.alert-block > ul {
margin-bottom: 0; }
.alert-block p + p {
margin-top: 5px; }
.nav {
margin-left: 0;
margin-bottom: 20px;
list-style: none; }
.nav > li > a {
display: block; }
.nav > li > a:hover {
text-decoration: none;
background-color: #eeeeee; }
.nav > li > a > img {
max-width: none; }
.nav > .pull-right {
float: right; }
.nav-header {
display: block;
padding: 3px 15px;
font-size: 11px;
font-weight: bold;
line-height: 20px;
color: #999999;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-transform: uppercase; }
.nav li + .nav-header {
margin-top: 9px; }
.nav-list {
padding-left: 15px;
padding-right: 15px;
margin-bottom: 0; }
.nav-list > li > a,
.nav-list .nav-header {
margin-left: -15px;
margin-right: -15px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); }
.nav-list > li > a {
padding: 3px 15px; }
.nav-list > .active > a,
.nav-list > .active > a:hover {
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
background-color: #006db1; }
.nav-list [class^="icon-"],
.nav-list [class*=" icon-"] {
margin-right: 2px; }
.nav-list .divider {
*width: 100%;
height: 1px;
margin: 9px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid white; }
.nav-tabs,
.nav-pills {
*zoom: 1; }
.nav-tabs:before, .nav-tabs:after,
.nav-pills:before,
.nav-pills:after {
display: table;
content: "";
line-height: 0; }
.nav-tabs:after,
.nav-pills:after {
clear: both; }
.nav-tabs > li,
.nav-pills > li {
float: left; }
.nav-tabs > li > span,
.nav-tabs > li > a,
.nav-pills > li > a {
padding-right: 12px;
padding-left: 12px;
margin-right: 2px;
line-height: 14px; }
.nav-tabs {
border-bottom: 1px solid #ddd; }
.nav-tabs > li {
margin-bottom: -1px; }
.nav-tabs > li > span,
.nav-tabs > li > a {
padding-top: 8px;
padding-bottom: 8px;
line-height: 20px;
border: 1px solid transparent;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
border-radius: 4px 4px 0 0; }
.nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #dddddd; }
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover {
color: #555555;
background-color: white;
border: 1px solid #ddd;
border-bottom-color: transparent;
cursor: default; }
.nav-pills > li > a {
padding-top: 8px;
padding-bottom: 8px;
margin-top: 2px;
margin-bottom: 2px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.nav-pills > .active > a,
.nav-pills > .active > a:hover {
color: white;
background-color: #006db1; }
.nav-stacked > li {
float: none; }
.nav-stacked > li > a {
margin-right: 0; }
.nav-tabs.nav-stacked {
border-bottom: 0; }
.nav-tabs.nav-stacked > li > a {
border: 1px solid #ddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.nav-tabs.nav-stacked > li:first-child > a {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px; }
.nav-tabs.nav-stacked > li:last-child > a {
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px; }
.nav-tabs.nav-stacked > li > a:hover {
border-color: #ddd;
z-index: 2; }
.nav-pills.nav-stacked > li > a {
margin-bottom: 3px; }
.nav-pills.nav-stacked > li:last-child > a {
margin-bottom: 1px; }
.nav-tabs .dropdown-menu {
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px; }
.nav-pills .dropdown-menu {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }
.nav .dropdown-toggle .caret {
border-top-color: #006db1;
border-bottom-color: #006db1;
margin-top: 6px; }
.nav .dropdown-toggle:hover .caret {
border-top-color: #009cfd;
border-bottom-color: #009cfd; }
/* move down carets for tabs */
.nav-tabs .dropdown-toggle .caret {
margin-top: 8px; }
.nav .active .dropdown-toggle .caret {
border-top-color: #fff;
border-bottom-color: #fff; }
.nav-tabs .active .dropdown-toggle .caret {
border-top-color: #555555;
border-bottom-color: #555555; }
.nav > .dropdown.active > a:hover {
cursor: pointer; }
.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover {
color: white;
background-color: #999999;
border-color: #999999; }
.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret {
border-top-color: white;
border-bottom-color: white;
opacity: 0.01;
filter: alpha(opacity=1); }
.tabs-stacked .open > a:hover {
border-color: #999999; }
.tabbable {
*zoom: 1; }
.tabbable:before, .tabbable:after {
display: table;
content: "";
line-height: 0; }
.tabbable:after {
clear: both; }
.tab-content {
overflow: auto; }
.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
border-bottom: 0; }
.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: none; }
.tab-content > .active,
.pill-content > .active {
display: block; }
.tabs-below > .nav-tabs {
border-top: 1px solid #ddd; }
.tabs-below > .nav-tabs > li {
margin-top: -1px;
margin-bottom: 0; }
.tabs-below > .nav-tabs > li > a {
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px; }
.tabs-below > .nav-tabs > li > a:hover {
border-bottom-color: transparent;
border-top-color: #ddd; }
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover {
border-color: transparent #ddd #ddd #ddd; }
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
float: none; }
.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
min-width: 74px;
margin-right: 0;
margin-bottom: 3px; }
.tabs-left > .nav-tabs {
float: left;
margin-right: 19px;
border-right: 1px solid #ddd; }
.tabs-left > .nav-tabs > li > a {
margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px; }
.tabs-left > .nav-tabs > li > a:hover {
border-color: #eeeeee #dddddd #eeeeee #eeeeee; }
.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover {
border-color: #ddd transparent #ddd #ddd;
*border-right-color: white; }
.tabs-right > .nav-tabs {
float: right;
margin-left: 19px;
border-left: 1px solid #ddd; }
.tabs-right > .nav-tabs > li > a {
margin-left: -1px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0; }
.tabs-right > .nav-tabs > li > a:hover {
border-color: #eeeeee #eeeeee #eeeeee #dddddd; }
.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover {
border-color: #ddd #ddd #ddd transparent;
*border-left-color: white; }
.nav > .disabled > a {
color: #999999; }
.nav > .disabled > a:hover {
text-decoration: none;
background-color: transparent;
cursor: default; }
.navbar {
overflow: visible;
margin-bottom: 20px;
*position: relative;
*z-index: 2; }
.navbar-inner {
min-height: 40px;
padding-left: 20px;
padding-right: 20px;
background-color: #fafafa;
background-image: -moz-linear-gradient(top, white, #f2f2f2);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#f2f2f2));
background-image: -webkit-linear-gradient(top, white, #f2f2f2);
background-image: -o-linear-gradient(top, white, #f2f2f2);
background-image: linear-gradient(to bottom, white, #f2f2f2);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#f0f0f0', GradientType=0);
border: 1px solid #d4d4d4;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
*zoom: 1; }
.navbar-inner:before, .navbar-inner:after {
display: table;
content: "";
line-height: 0; }
.navbar-inner:after {
clear: both; }
.navbar .container {
width: auto; }
.nav-collapse.collapse {
height: auto;
overflow: visible; }
.navbar .brand {
float: left;
display: block;
padding: 10px 20px 10px;
margin-left: -20px;
font-size: 20px;
font-weight: 200;
color: #777777;
text-shadow: 0 1px 0 white; }
.navbar .brand:hover {
text-decoration: none; }
.navbar-text {
margin-bottom: 0;
line-height: 40px;
color: #777777; }
.navbar-link {
color: #777777; }
.navbar-link:hover {
color: #333333; }
.navbar .divider-vertical {
height: 40px;
margin: 0 9px;
border-left: 1px solid #f2f2f2;
border-right: 1px solid white; }
.navbar .btn,
.navbar .btn-group {
margin-top: 5px; }
.navbar .btn-group .btn,
.navbar .input-prepend .btn,
.navbar .input-append .btn {
margin-top: 0; }
.navbar-form {
margin-bottom: 0;
*zoom: 1; }
.navbar-form:before, .navbar-form:after {
display: table;
content: "";
line-height: 0; }
.navbar-form:after {
clear: both; }
.navbar-form input,
.navbar-form select,
.navbar-form .radio,
.navbar-form .checkbox {
margin-top: 5px; }
.navbar-form input,
.navbar-form select,
.navbar-form .btn {
display: inline-block;
margin-bottom: 0; }
.navbar-form input[type="image"],
.navbar-form input[type="checkbox"],
.navbar-form input[type="radio"] {
margin-top: 3px; }
.navbar-form .input-append,
.navbar-form .input-prepend {
margin-top: 5px;
white-space: nowrap; }
.navbar-form .input-append input,
.navbar-form .input-prepend input {
margin-top: 0; }
.navbar-search {
position: relative;
float: left;
margin-top: 5px;
margin-bottom: 0; }
.navbar-search .search-query {
margin-bottom: 0;
padding: 4px 14px;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 1;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; }
.navbar-static-top {
position: static;
margin-bottom: 0; }
.navbar-static-top .navbar-inner {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
margin-bottom: 0; }
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
border-width: 0 0 1px; }
.navbar-fixed-bottom .navbar-inner {
border-width: 1px 0 0; }
.navbar-fixed-top .navbar-inner,
.navbar-fixed-bottom .navbar-inner {
padding-left: 0;
padding-right: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; }
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
width: 940px; }
.navbar-fixed-top {
top: 0; }
.navbar-fixed-top .navbar-inner,
.navbar-static-top .navbar-inner {
-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1); }
.navbar-fixed-bottom {
bottom: 0; }
.navbar-fixed-bottom .navbar-inner {
-webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1); }
.navbar .nav {
position: relative;
left: 0;
display: block;
float: left;
margin: 0 10px 0 0; }
.navbar .nav.pull-right {
float: right;
margin-right: 0; }
.navbar .nav > li {
float: left; }
.navbar .nav > li > a {
float: none;
padding: 10px 15px 10px;
color: #777777;
text-decoration: none;
text-shadow: 0 1px 0 white; }
.navbar .nav .dropdown-toggle .caret {
margin-top: 8px; }
.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
background-color: transparent;
color: #333333;
text-decoration: none; }
.navbar .nav > .active > a,
.navbar .nav > .active > a:hover,
.navbar .nav > .active > a:focus {
color: #555555;
text-decoration: none;
background-color: #e6e6e6;
-webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); }
.navbar .btn-navbar {
display: none;
float: right;
padding: 7px 10px;
margin-left: 5px;
margin-right: 5px;
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #ededed;
background-image: -moz-linear-gradient(top, #f2f2f2, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #f2f2f2, #e6e6e6);
background-image: -o-linear-gradient(top, #f2f2f2, #e6e6e6);
background-image: linear-gradient(to bottom, #f2f2f2, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#e3e3e3', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #e6e6e6;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075); }
.navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar.active, .navbar .btn-navbar.disabled, .navbar .btn-navbar[disabled] {
color: white;
background-color: #e6e6e6;
*background-color: #d9d9d9; }
.navbar .btn-navbar:active, .navbar .btn-navbar.active {
background-color: #cccccc \9; }
.navbar .btn-navbar .icon-bar {
display: block;
width: 18px;
height: 2px;
background-color: #f5f5f5;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.btn-navbar .icon-bar + .icon-bar {
margin-top: 3px; }
.navbar .nav > li > .dropdown-menu:before {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
left: 9px; }
.navbar .nav > li > .dropdown-menu:after {
content: '';
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid white;
position: absolute;
top: -6px;
left: 10px; }
.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
border-top: 7px solid #ccc;
border-top-color: rgba(0, 0, 0, 0.2);
border-bottom: 0;
bottom: -7px;
top: auto; }
.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
border-top: 6px solid white;
border-bottom: 0;
bottom: -6px;
top: auto; }
.navbar .nav li.dropdown > a:hover .caret {
border-top-color: #555555;
border-bottom-color: #555555; }
.navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle {
background-color: #e6e6e6;
color: #555555; }
.navbar .nav li.dropdown > .dropdown-toggle .caret {
border-top-color: #777777;
border-bottom-color: #777777; }
.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
border-top-color: #555555;
border-bottom-color: #555555; }
.navbar .pull-right > li > .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right {
left: auto;
right: 0; }
.navbar .pull-right > li > .dropdown-menu:before,
.navbar .nav > li > .dropdown-menu.pull-right:before {
left: auto;
right: 12px; }
.navbar .pull-right > li > .dropdown-menu:after,
.navbar .nav > li > .dropdown-menu.pull-right:after {
left: auto;
right: 13px; }
.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
left: auto;
right: 100%;
margin-left: 0;
margin-right: -1px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px; }
.navbar-inverse .navbar-inner {
background-color: #1b1b1b;
background-image: -moz-linear-gradient(top, #222222, #111111);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
background-image: -webkit-linear-gradient(top, #222222, #111111);
background-image: -o-linear-gradient(top, #222222, #111111);
background-image: linear-gradient(to bottom, #222222, #111111);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f1f1f', endColorstr='#0e0e0e', GradientType=0);
border-color: #252525; }
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
color: #999999;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.navbar-inverse .brand:hover,
.navbar-inverse .nav > li > a:hover {
color: white; }
.navbar-inverse .brand {
color: #999999; }
.navbar-inverse .navbar-text {
color: #999999; }
.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
background-color: transparent;
color: white; }
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
color: white;
background-color: #111111; }
.navbar-inverse .navbar-link {
color: #999999; }
.navbar-inverse .navbar-link:hover {
color: white; }
.navbar-inverse .divider-vertical {
border-left-color: #111111;
border-right-color: #222222; }
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
background-color: #111111;
color: white; }
.navbar-inverse .nav li.dropdown > a:hover .caret {
border-top-color: white;
border-bottom-color: white; }
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
border-top-color: #999999;
border-bottom-color: #999999; }
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
border-top-color: white;
border-bottom-color: white; }
.navbar-inverse .navbar-search .search-query {
color: white;
background-color: #515151;
border-color: #111111;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none; }
.navbar-inverse .navbar-search .search-query:-moz-placeholder {
color: #cccccc; }
.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
color: #cccccc; }
.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
color: #cccccc; }
.navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused {
padding: 5px 15px;
color: #333333;
text-shadow: 0 1px 0 white;
background-color: white;
border: 0;
-webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
outline: 0; }
.navbar-inverse .btn-navbar {
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #0e0e0e;
background-image: -moz-linear-gradient(top, #151515, #040404);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#151515), to(#040404));
background-image: -webkit-linear-gradient(top, #151515, #040404);
background-image: -o-linear-gradient(top, #151515, #040404);
background-image: linear-gradient(to bottom, #151515, #040404);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#020202', GradientType=0);
border-color: #040404 #040404 black;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
*background-color: #040404;
/* Darken IE7 buttons by default so they stand out more given they won't have borders */
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
.navbar-inverse .btn-navbar:hover, .navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active, .navbar-inverse .btn-navbar.disabled, .navbar-inverse .btn-navbar[disabled] {
color: white;
background-color: #040404;
*background-color: black; }
.navbar-inverse .btn-navbar:active, .navbar-inverse .btn-navbar.active {
background-color: black \9; }
.breadcrumb {
padding: 8px 15px;
margin: 0 0 20px;
list-style: none;
background-color: #f5f5f5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.breadcrumb > li {
display: inline-block;
*display: inline;
*zoom: 1;
text-shadow: 0 1px 0 white; }
.breadcrumb > li > .divider {
padding: 0 5px;
color: #ccc; }
.breadcrumb > .active {
color: #999999; }
.pagination {
margin: 20px 0; }
.pagination ul {
display: inline-block;
*display: inline;
*zoom: 1;
margin-left: 0;
margin-bottom: 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); }
.pagination ul > li {
display: inline; }
.pagination ul > li > a,
.pagination ul > li > span {
float: left;
padding: 4px 12px;
line-height: 20px;
text-decoration: none;
background-color: white;
border: 1px solid #dddddd;
border-left-width: 0; }
.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
background-color: whitesmoke; }
.pagination ul > .active > a,
.pagination ul > .active > span {
color: #999999;
cursor: default; }
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover {
color: #999999;
background-color: transparent;
cursor: default; }
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
border-left-width: 1px;
-webkit-border-top-left-radius: 4px;
-moz-border-radius-topleft: 4px;
border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomleft: 4px;
border-bottom-left-radius: 4px; }
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topright: 4px;
border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-bottomright: 4px;
border-bottom-right-radius: 4px; }
.pagination-centered {
text-align: center; }
.pagination-right {
text-align: right; }
.pagination-large ul > li > a,
.pagination-large ul > li > span {
padding: 11px 19px;
font-size: 17.5px; }
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
-webkit-border-top-left-radius: 6px;
-moz-border-radius-topleft: 6px;
border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
border-bottom-left-radius: 6px; }
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topright: 6px;
border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-bottomright: 6px;
border-bottom-right-radius: 6px; }
.pagination-mini ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > a,
.pagination-small ul > li:first-child > span {
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px; }
.pagination-mini ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > a,
.pagination-small ul > li:last-child > span {
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px; }
.pagination-small ul > li > a,
.pagination-small ul > li > span {
padding: 2px 10px;
font-size: 11.9px; }
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
padding: 0 6px;
font-size: 10.5px; }
.pager {
margin: 20px 0;
list-style: none;
text-align: center;
*zoom: 1; }
.pager:before, .pager:after {
display: table;
content: "";
line-height: 0; }
.pager:after {
clear: both; }
.pager li {
display: inline; }
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; }
.pager li > a:hover {
text-decoration: none;
background-color: #f5f5f5; }
.pager .next > a,
.pager .next > span {
float: right; }
.pager .previous > a,
.pager .previous > span {
float: left; }
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > span {
color: #999999;
background-color: #fff;
cursor: default; }
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: black; }
.modal-backdrop.fade {
opacity: 0; }
.modal-backdrop,
.modal-backdrop.fade.in {
opacity: 0.8;
filter: alpha(opacity=80); }
.modal-addimage {width:780px!important;
}
.modal {
position: fixed;
top: 10%;
left: 50%;
z-index: 1050;
width: 560px;
margin-left: -280px;
background-color: white;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
*border: 1px solid #999;
/* IE6-7 */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
-moz-background-clip: padding-box;
background-clip: padding-box;
outline: none; }
.modal.fade {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
/*-webkit-transition: "opacity .3s linear, top .3s ease-out";
-moz-transition: "opacity .3s linear, top .3s ease-out";
-o-transition: "opacity .3s linear, top .3s ease-out";
transition: "opacity .3s linear, top .3s ease-out";*/
top: -25%; }
.modal.fade.in {
top: 10%; }
.modal-header {
padding: 9px 15px;
border-bottom: 1px solid #eee; }
.modal-header .close {
margin-top: 2px; }
.modal-header h3 {
margin: 0;
line-height: 30px; }
.modal-body {
position: relative;
overflow-y: auto;
max-height: 405px;
padding: 15px; }
.modal-form {
margin-bottom: 0; }
.modal-footer {
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 white;
-moz-box-shadow: inset 0 1px 0 white;
box-shadow: inset 0 1px 0 white;
*zoom: 1; }
.modal-footer:before, .modal-footer:after {
display: table;
content: "";
line-height: 0; }
.modal-footer:after {
clear: both; }
.modal-footer .btn + .btn {
margin-left: 5px;
margin-bottom: 0; }
.modal-footer .btn-group .btn + .btn {
margin-left: -1px; }
.modal-footer .btn-block + .btn-block {
margin-left: 0; }
.tooltip {
position: absolute;
z-index: 1030;
display: block;
visibility: visible;
padding: 5px;
font-size: 11px;
opacity: 0;
filter: alpha(opacity=0); }
.tooltip.in {
opacity: 0.8;
filter: alpha(opacity=80); }
.tooltip.top {
margin-top: -3px; }
.tooltip.right {
margin-left: 3px; }
.tooltip.bottom {
margin-top: 3px; }
.tooltip.left {
margin-left: -3px; }
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: white;
text-align: center;
text-decoration: none;
background-color: black;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid; }
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: black; }
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: black; }
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: black; }
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: black; }
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
display: none;
width: 236px;
padding: 1px;
text-align: left;
background-color: white;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
white-space: normal; }
.popover.top {
margin-top: -10px; }
.popover.right {
margin-left: 10px; }
.popover.bottom {
margin-top: 10px; }
.popover.left {
margin-left: -10px; }
.popover-title {
margin: 0;
padding: 8px 14px;
font-size: 14px;
font-weight: normal;
line-height: 18px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0; }
.popover-content {
padding: 9px 14px; }
.popover .arrow,
.popover .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid; }
.popover .arrow {
border-width: 11px; }
.popover .arrow:after {
border-width: 10px;
content: ""; }
.popover.top .arrow {
left: 50%;
margin-left: -11px;
border-bottom-width: 0;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, 0.25);
bottom: -11px; }
.popover.top .arrow:after {
bottom: 1px;
margin-left: -10px;
border-bottom-width: 0;
border-top-color: white; }
.popover.right .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-left-width: 0;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, 0.25); }
.popover.right .arrow:after {
left: 1px;
bottom: -10px;
border-left-width: 0;
border-right-color: white; }
.popover.bottom .arrow {
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, 0.25);
top: -11px; }
.popover.bottom .arrow:after {
top: 1px;
margin-left: -10px;
border-top-width: 0;
border-bottom-color: white; }
.popover.left .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, 0.25); }
.popover.left .arrow:after {
right: 1px;
border-right-width: 0;
border-left-color: white;
bottom: -10px; }
.thumbnails {
margin-left: -20px;
list-style: none;
*zoom: 1; }
.thumbnails:before, .thumbnails:after {
display: table;
content: "";
line-height: 0; }
.thumbnails:after {
clear: both; }
.row-fluid .thumbnails {
margin-left: 0; }
.thumbnails > li {
float: left;
margin-bottom: 20px;
margin-left: 20px; }
.thumbnail {
display: block;
padding: 4px;
line-height: 20px;
border: 1px solid #ddd;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
a.thumbnail:hover {
border-color: #006db1;
-webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
-moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25); }
.thumbnail > img {
display: block;
max-width: 100%;
margin-left: auto;
margin-right: auto; }
.thumbnail .caption {
padding: 9px;
color: #555555; }
.media,
.media-body {
overflow: hidden;
*overflow: visible;
zoom: 1; }
.media,
.media .media {
margin-top: 15px; }
.media:first-child {
margin-top: 0; }
.media-object {
display: block;
height:25px;
}
.media-heading {
margin: 0 0 5px; }
.media .pull-left {
margin-right: 10px; }
.media .pull-right {
margin-left: 10px; }
.media-list {
margin-left: 0;
list-style: none; }
.label,
.badge {
display: inline-block;
padding: 2px 4px;
font-size: 11.844px;
font-weight: bold;
line-height: 14px;
color: white;
vertical-align: baseline;
white-space: nowrap;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #999999; }
.label {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.badge {
padding-left: 9px;
padding-right: 9px;
-webkit-border-radius: 9px;
-moz-border-radius: 9px;
border-radius: 9px; }
.label:empty,
.badge:empty {
display: none; }
a.label:hover, a.badge:hover {
color: white;
text-decoration: none;
cursor: pointer; }
.label-important, .badge-important {
background-color: #b94a48; }
.label-important[href], .badge-important[href] {
background-color: #953b39; }
.label-warning, .badge-warning {
background-color: #f89406; }
.label-warning[href], .badge-warning[href] {
background-color: #c67605; }
.label-success, .badge-success {
background-color: #468847; }
.label-success[href], .badge-success[href] {
background-color: #356635; }
.label-info, .badge-info {
background-color: #3a87ad; }
.label-info[href], .badge-info[href] {
background-color: #2d6987; }
.label-inverse, .badge-inverse {
background-color: #333333; }
.label-inverse[href], .badge-inverse[href] {
background-color: #1a1a1a; }
.btn .label,
.btn .badge {
position: relative;
top: -1px; }
.btn-mini .label,
.btn-mini .badge {
top: 0; }
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0; }
to {
background-position: 0 0; } }
@-moz-keyframes progress-bar-stripes {
from {
background-position: 40px 0; }
to {
background-position: 0 0; } }
@-ms-keyframes progress-bar-stripes {
from {
background-position: 40px 0; }
to {
background-position: 0 0; } }
@-o-keyframes progress-bar-stripes {
from {
background-position: 0 0; }
to {
background-position: 40px 0; } }
@keyframes progress-bar-stripes {
from {
background-position: 40px 0; }
to {
background-position: 0 0; } }
.progress {
overflow: hidden;
height: 20px;
margin-bottom: 20px;
background-color: #f6f6f6;
background-image: -moz-linear-gradient(top, whitesmoke, #f9f9f9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(whitesmoke), to(#f9f9f9));
background-image: -webkit-linear-gradient(top, whitesmoke, #f9f9f9);
background-image: -o-linear-gradient(top, whitesmoke, #f9f9f9);
background-image: linear-gradient(to bottom, whitesmoke, #f9f9f9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2f2f2', endColorstr='#f6f6f6', GradientType=0);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.progress .bar {
width: 0%;
height: 100%;
color: white;
float: left;
font-size: 12px;
text-align: center;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #0e90d2;
background-image: -moz-linear-gradient(top, #149bdf, #0480be);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
background-image: -o-linear-gradient(top, #149bdf, #0480be);
background-image: linear-gradient(to bottom, #149bdf, #0480be);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1498da', endColorstr='#047db9', GradientType=0);
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: width 0.6s ease;
-moz-transition: width 0.6s ease;
-o-transition: width 0.6s ease;
transition: width 0.6s ease; }
.progress .bar + .bar {
-webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
-moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); }
.progress-striped .bar {
background-color: #149bdf;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
-moz-background-size: 40px 40px;
-o-background-size: 40px 40px;
background-size: 40px 40px; }
.progress.active .bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite;
-ms-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite; }
.progress-danger .bar, .progress .bar-danger {
background-color: #de514c;
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5a56', endColorstr='#c03b34', GradientType=0); }
.progress-danger.progress-striped .bar, .progress-striped .bar-danger {
background-color: #ee5f5b;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-success .bar, .progress .bar-success {
background-color: #5db95d;
background-image: -moz-linear-gradient(top, #62c462, #57a957);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
background-image: -o-linear-gradient(top, #62c462, #57a957);
background-image: linear-gradient(to bottom, #62c462, #57a957);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5ec35e', endColorstr='#55a655', GradientType=0); }
.progress-success.progress-striped .bar, .progress-striped .bar-success {
background-color: #62c462;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-info .bar, .progress .bar-info {
background-color: #4cb2d0;
background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#57bedd', endColorstr='#3298b5', GradientType=0); }
.progress-info.progress-striped .bar, .progress-striped .bar-info {
background-color: #5bc0de;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.progress-warning .bar, .progress .bar-warning {
background-color: #f9a834;
background-image: -moz-linear-gradient(top, #fbb450, #f89406);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
background-image: -o-linear-gradient(top, #fbb450, #f89406);
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbb24b', endColorstr='#f39106', GradientType=0); }
.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
background-color: #fbb450;
background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); }
.accordion {
margin-bottom: 20px; }
.accordion-group {
margin-bottom: 2px;
border: 1px solid #e5e5e5;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; }
.accordion-heading {
border-bottom: 0; }
.accordion-heading .accordion-toggle {
display: block;
padding: 8px 15px; }
.accordion-toggle {
cursor: pointer; }
.accordion-inner {
padding: 9px 15px;
border-top: 1px solid #e5e5e5; }
.carousel {
position: relative;
margin-bottom: 20px;
line-height: 1; }
.carousel-inner {
overflow: hidden;
width: 100%;
position: relative; }
.carousel-inner > .item {
display: none;
position: relative;
-webkit-transition: 0.6s ease-in-out left;
-moz-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left; }
.carousel-inner > .item > img {
display: block;
line-height: 1; }
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block; }
.carousel-inner > .active {
left: 0; }
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%; }
.carousel-inner > .next {
left: 100%; }
.carousel-inner > .prev {
left: -100%; }
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0; }
.carousel-inner > .active.left {
left: -100%; }
.carousel-inner > .active.right {
left: 100%; }
.carousel-control {
position: absolute;
top: 40%;
left: 15px;
width: 40px;
height: 40px;
margin-top: -20px;
font-size: 60px;
font-weight: 100;
line-height: 30px;
color: white;
text-align: center;
background: #222222;
border: 3px solid white;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
opacity: 0.5;
filter: alpha(opacity=50); }
.carousel-control.right {
left: auto;
right: 15px; }
.carousel-control:hover {
color: white;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90); }
.carousel-caption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 15px;
background: #333333;
background: rgba(0, 0, 0, 0.75); }
.carousel-caption h4,
.carousel-caption p {
color: white;
line-height: 20px; }
.carousel-caption h4 {
margin: 0 0 5px; }
.carousel-caption p {
margin-bottom: 0; }
.hero-unit {
padding: 60px;
margin-bottom: 30px;
font-size: 18px;
font-weight: 200;
line-height: 30px;
color: inherit;
background-color: #eeeeee;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px; }
.hero-unit h1 {
margin-bottom: 0;
font-size: 60px;
line-height: 1;
color: inherit;
letter-spacing: -1px; }
.hero-unit li {
line-height: 30px; }
.pull-right {
float: right; }
.pull-left {
float: left; }
.clearfix {
*zoom: 1; }
.clearfix:before, .clearfix:after {
display: table;
content: "";
line-height: 0; }
.clearfix:after {
clear: both; }
.hide {
display: none; }
.show {
display: block; }
.invisible {
visibility: hidden; }
.affix {
position: fixed; }
/* #OverwriteTwitterBootstrap
========================================================================== */
.brand {
width: 160px; }
.navbar .brand {
padding: 5px 20px 10px; }
.navbar-search {
margin-top: 8px; }
.nav-list > .active > a,
.nav-list > .active > a:hover {
background-color: #006db1; }
.page-header {
padding-bottom: 9px;
margin: 0;
border-bottom: 1px solid #eeeeee; }
.page-header h1 {
margin: 0 0 10px 0;
line-height: 100%; }
.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] {
margin-top: 1px; }
/* =====#Table===== */
th, td {
vertical-align: top; }
label,
input,
button,
select,
textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px; }
.modal-backdrop {
background-color: #fff; }
/* =====#ShowUpcomingEvent===== */
.show-order .dropdown-menu {
top: 110%;
left: 70px; }
.dropdown-uparrow:before {
position: absolute;
top: -7px;
left: 9px;
display: inline-block;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-left: 7px solid transparent;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: ''; }
.dropdown-uparrow:after {
position: absolute;
top: -6px;
left: 10px;
display: inline-block;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
border-left: 6px solid transparent;
content: ''; }
/* =====#CreateEventForm===== */
.infoTable input[type="text"], .infoTable input[type="password"] {
height: 17px;
margin-bottom: 0;
font-size: 12px; }
.infoTable-data label {
display: inline-block; }
.infoTable-data label:first-child {
margin-right: 20px; }
/* =====#MediaObject===== */
.media,
.media-body {
content: "";
display: inline;
overflow: auto;
*overflow: auto;
zoom: 1; }
.media-body:after {
clear: both; }
/* =====#Tab===== */
.tab-content {
background: white;
padding: 10px;
border: 1px solid #DDD; }
.label-important,
.badge-important {
background-color: #b94a48; }
.label-warning,
.badge-warning {
background-color: #f89406; }
.label-info,
.badge-info {
background-color: #3a87ad; }
/* Buttons */
.btn-mini {
font-size: 12px; }
/* #Global
========================================================================== */
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 16px;
position: relative; }
/*html.LoginCtrl {
background: url("../images/RitzauBG.jpg") no-repeat center center fixed;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/RitzauBG.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/RitzauBG.jpg', sizingMethod='scale')";
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%; height:auto; max-width:100%;
background-color: #0d0d0f;
overflow-x: hidden;}*/
.ui-dialog { z-index: 1031 !important ;}
.NBG {
background: url("../images/RitzauBG3.png") no-repeat center center fixed;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/RitzauBG3.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/RitzauBG3.png', sizingMethod='scale')";
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%; height:auto; max-width:100%;
background-color: #000000 !important;
overflow-x: hidden;
overflow-y: hidden;}
.MBG {
/*background: url("../images/RitzauMic.png") no-repeat center center fixed;*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/RitzauMic.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/RitzauMic.png', sizingMethod='scale')";*/
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%; height:auto; max-width:100%;
background-color: #000000 !important;
overflow-x: hidden;
overflow-y: hidden;}
.nostyle {
background: none repeat scroll 0 0 #fff !important;
filter: !important;
-ms-filter: !important;
background-color: #FFFFFF;
overflow-x: scroll;
overflow-y: scroll;}
body.LoginCtrl {
background-color: transparent; }
/**.login-bg {
background: url(../images/RitzauBG.jpg) no-repeat center center fixed;
background-color: #0d0d0f;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/RitzauBG.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/RitzauBG.jpg', sizingMethod='scale')";
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
overflow-x: hidden;}*/
/* =====#HeaderSearchBar===== */
.search-bar {
margin-top: 3px; }
.search-bar > input {
color: #fff;
padding: 5px 14px 2px 14px;
margin: 0;
font-size: 12px;
font-weight: normal;
line-height: 1;
background: #454545;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-webkit-box-shadow: inset 0 0.1em 0.2em #1e1e1e;
-moz-box-shadow: inset 0 0.1em 0.2em #1e1e1e;
box-shadow: inset 0 0.1em 0.2em #1e1e1e;
border: none; }
.search-icon {
width: 28px;
height: 27px;
padding: 5px 14px 2px 14px;
margin-left: -3px;
border: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
background: #454545 url("../images/live-sprite.png") no-repeat 8px 7px; }
input.search-add-width {
width: 570px; }
input.search-add {
height: 16px;
font-size: 12px;
color: #333333;
font-weight: bold;
border: 1px solid #acacac;
padding-left: 25px;
margin-bottom: 0;
background: #f2f2f2 url("../images/live-sprite.png") no-repeat 5px -13px; }
.search-add-bg {
background: #f8f8f8; }
input.search-text {
height: 16px;
font-size: 12px;
color: #333333;
font-weight: bold;
border: 1px solid #acacac;
border-right: 0;
margin-bottom: 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-border-top-right-radius: 0;
-moz-border-radius-topright: 0;
border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
background: #f2f2f2; }
input.search-curation {
width: 80%; }
.search-icon-customer {
width: 28px;
height: 26px;
padding: 5px 14px 2px 14px;
margin-left: -3px;
border: 1px solid #acacac;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
background: #f2f2f2 url("../images/live-sprite.png") no-repeat 8px 5px; }
.search-icon-team {
width: 28px;
height: 26px;
padding: 5px 14px 2px 14px;
margin-left: -3px;
border: 1px solid #acacac;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-border-top-left-radius: 0;
-moz-border-radius-topleft: 0;
border-top-left-radius: 0;
-webkit-border-bottom-left-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
background: #f2f2f2 url("../images/live-sprite.png") no-repeat 8px 5px; }
/* =====#AddedIcons===== */
.nav-list [class^="added-icon-"],
.nav-list [class*="added-icon-"] {
margin-right: 2px; }
[class^="added-icon-"],
[class*=" added-icon-"] {
display: inline-block;
width: 14px;
height: 14px;
*margin-right: .3em;
line-height: 14px;
vertical-align: text-top;
background-image: url("../images/added-icons.png");
background-position: 14px 14px;
background-repeat: no-repeat;
margin-top: 1px; }
.added-icon-white,
.nav-pills > .active > a > [class^="icon-"],
.nav-pills > .active > a > [class*=" added-icon-"],
.nav-list > .active > a > [class^="added-icon-"],
.nav-list > .active > a > [class*=" added-icon-"],
.navbar-inverse .nav > .active > a > [class^="added-icon-"],
.navbar-inverse .nav > .active > a > [class*=" added-icon-"],
.dropdown-menu > li > a:hover > [class^="added-icon-"],
.dropdown-menu > li > a:hover > [class*=" added-icon-"],
.dropdown-menu > .active > a > [class^="added-icon-"],
.dropdown-menu > .active > a > [class*=" added-icon-"],
.dropdown-submenu:hover > a > [class^="added-icon-"],
.dropdown-submenu:hover > a > [class*=" added-icon-"] {
background-image: url("../images/added-icons-white.png"); }
.added-icon-customer {
background-position: 0 0; }
.imageFinder {
background-image: url("../images/folder_image.png");
background-repeat: no-repeat;
display: inline-block;
vertical-align: text-top; }
.insertEnter {
background-image: url("../images/enter.png");
background-repeat: no-repeat;
display: inline-block;
vertical-align: text-top; }
.teamIcon {
background-position: 0px -2px!important;
display: inline-block;
width: 14px;
height: 14px;
*margin-right: .3em;
line-height: 14px;
vertical-align: text-top;
background-image: url("../images/team-icon.png");
background-position: 14px 14px;
background-repeat: no-repeat;
margin-top: 1px;
background-size: 16px auto;
}
.nav-list > .active > a > [class^="teamIcon"],
.nav-list > .active > a > [class*=" teamIcon"] {
background-position: 0px -2px!important;
display: inline-block;
width: 14px;
height: 14px;
*margin-right: .3em;
line-height: 14px;
vertical-align: text-top;
background-image: url("../images/team-icon-white.png");
background-position: 14px 14px;
background-repeat: no-repeat;
margin-top: 1px;
background-size: 16px auto;
}
.added-icon-parking {
background-position: 0 -14px; }
.added-icon-upload {
width: 16px;
background-position: 0 -28px; }
.added-icon-bold {
background-position: 0 -46px; }
.added-icon-italic {
background-position: 0 -66px; }
.added-icon-image {
background-position: 0 -86px; }
.added-icon-blockquote {
background-position: 0 -126px; }
.added-icon-link {
background-position: 0 -106px; }
.toolbar-icon {
width: 16px;
height: 16px; }
/* =====#HeaderAccountinfo===== */
.account-info .caret {
margin-top: 8px;
border-top: 7px solid #333;
border-right: 3px solid transparent;
border-left: 3px solid transparent; }
.account-info ul li {
float: left;
list-style: none;
margin-left: 15px;
text-transform: none;
padding-top: 10px; }
/* =====#UserBox - Side Nav===== */
.user-box {
display: block;
margin-bottom: 20px; }
img.user-box-avatar {
height: 40px;
width: 40px;
margin-right: 15px;
float: left; }
.user-box-links {
font-size: 85%; }
img.avatar-32 {
height: 32px;
width: 32px; }
/* =====#ShowEvent ===== */
.show-order {
margin: 20px 0; }
/* =====#SectionHeader===== */
.section-header {
background-color: #f2f2f2;
border-bottom: none;
border-top: solid 1px #e2e2e2;
padding: 4px 6px 5px;
margin: 20px 0; }
.section-header p {
margin-bottom: 0; }
.section-header p small {
color: #333333;
font-size: 12px;
margin-left: 10px; }
/* =====#Event===== */
.event-timestamp {
width: 100px;
text-align: right;
color: #999999; }
.event-list .media {
width: 100%; }
.event-list .media-heading {
color: #006db1; }
.event-list .media-heading i {
margin: 5px 5px 0 0; }
.media-body p {
margin-bottom: 3px;
line-height: 17px; }
.eventList-action {
margin: 15px 20px 0 0; }
.eventList-action > li {
list-style: none;
float: left;
margin-right: 10px;
display: inline-block;
}
.eventDetails-timestamp {
padding: 10px;
border-bottom: 1px solid #eeeeee; }
.eventDetails-timestamp p {
margin: 0; }
/* =====#Footer===== */
.footer {
padding: 40px 0;
margin-top: 70px;
background-color: #fff; }
.footer p {
margin-bottom: 0;
color: #777; }
.footer-links {
margin: 10px 0;
padding-top: 10px;
border-top: 1px solid #e5e5e5; }
.footer-links li {
display: inline;
padding: 0 2px; }
.footer-links li:first-child {
padding-left: 0; }
/* =====#Buttons===== */
.livewire-btn, .livewire-primary {
font-size: 15px;
font-weight: bold;
padding: 2px 8px 4px 8px; }
.livewire-primary {
background: #006db1;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.livewire-primary:hover, .livewire-primary:active, .livewire-primary.active {
background: #009cfd; }
.livewire-primary:disabled {
background: #999999; }
/* =====#SubscribeCustomer===== */
.name-inRow {
font-size: 11px;
line-height: 110%;
color: #999999; }
.name-inRow strong {
color: #333333; }
.customer-thumnails {
margin: 0 0 10px 0px; }
.customer-thumnails li {
float: left;
margin: 0 34px 10px 0;
padding-top: 15px;
width: 160px;
min-height: 40px;
list-style: none; }
.customer-thumnails li:hover {
background: #e8f6ff;
cursor: pointer; }
.customer-list {
margin-left: 0; }
.customer-list li {
float: left;
min-width: 342px;
padding: 10px 4px 10px 6px;
margin: 15px 0px 15px 20px;
border-bottom: 1px solid #e5e5e5;
list-style: none; }
.nestedMediaBody {
width: 100%; }
.nestedMediaObject-text {
min-width: 70%;
border-right: 1px dotted #e5e5e5; }
/* =====#Activities===== */
.rencent-activities {
color: #999999; }
.activities-action {
margin: 5px 0; }
.activities-action li {
list-style: none;
float: left;
margin-right: 15px; }
/* =====#SideBlock===== */
.sideBlock-divider {
overflow: hidden; }
/**/
.calendar-lastcolumn {
width: 130px; }
/* =====#Icons===== */
.mediaIcon {
width: 24px;
height: 24px;
display: block;
background: url("../images/live-sprite.png") no-repeat; }
.mediaIcon-16 {
width: 16px;
height: 16px;
display: block;
background: url("../images/live-sprite.png") no-repeat; }
.media-twitterIcon {
background-position: 0 -40px; }
.media-instagramIcon {
background-position: 0 -69px; }
.media-youtubeIcon {
background-position: 0 -98px; }
.media-postIcon {
background-position: 0 -127px; }
.media-parkingIcon {
background-position: 0 -156px; }
.media-pictureIcon {
background-position: 0 -203px; }
.youtube-label {
background-position: 0 -183px; }
/* #Typography
========================================================================== */
.nav-link > li > a, .nav-link > li > a:hover {
color: #333333; }
a.greyLink {
color: #333333; }
a:hover.greyLink {
color: #006db1; }
a.dotted-link {
color: #006db1;
border-bottom: 1px dotted #006db1; }
a:hover.dotted-link {
color: #009cfd;
text-decoration: none; }
.greied-outLink a {
color: #b3b3b3; }
.greied-outLink a:hover {
color: #666666;
background: none; }
.greied-outLink a.active {
color: #333333;
font-weight: bold; }
.linkcolor {
color: #006db1; }
/* #Layout
========================================================================== */
.container-space {
padding-top: 90px; }
.nav-header {
height: 35px;
min-height: 35px;
padding-top: 5px; }
.left-space {
margin-left: 10px; }
.left-line {
padding-left: 30px;
border-left: 1px solid #eeeeee; }
/* =====#GlobeForm===== */
input.ng-invalid {
background-color: #f2dede;
border-color: #b94a48; }
.shortError-message {
color: #ff0000;
margin: 5px 0 8px 0; }
input.list-checkbox {
margin-top: 9px; }
.load-more {
min-height: 37px;
width: 100%;
color: #999999; }
/* =====#loginForm===== */
.login-wrap {
background: none repeat scroll 0 0 rgba(255, 255, 255, 0.65);
border-radius: 5px;
box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
left: 50%;
margin-left: -190px;
margin-top: -139px;
padding: 10px 15px;
position: fixed;
top: 49%;
width: 380px;
/*height: 270px;*/
/*margin: -135px 0 0 -190px;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
background-size: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);*/
}
.loginLogo {
width: 95%;
display: block; }
.form-signin {
width: 80%;
margin: 5px auto;
padding-top: 20px;
padding-bottom: 20px; }
.form-signin input {
width: 90%; }
hr.login-footer {
width: 95%;
height: 0;
border-top: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.45); }
.sign-out {
background: none;
border: 0;
font-size: 11px; }
.sign-out:hover {
color: #006db1; }
/* =====#CreateEventForm===== */
.infoTable {
border: 0;
border-collapse: collapse;
border-spacing: 0;
width: 100%; }
.infoTable-Lable {
width: 20%;
text-align: right;
vertical-align: middle; }
.infoTable-data {
padding-left: 10px;
width: 80%; }
.textarea-inputWidth {
width: 98%; }
.textarea-post-input {
min-height: 300px; }
.textarea-embedcode-input {
min-height: 120px; }
.text-inputWidth {
width: 70%; }
.checkbox-width {
width: 30%;
margin-top: 5px; }
input.date-input {
width: 92px;
background: url("../images/formicons.png") no-repeat 80px 5px; }
input.time-input {
width: 90px;
background: url("../images/formicons.png") no-repeat 80px -15px; }
/* =====#ModalWidth===== */
.modal-customer {
width: 640px;
left: 48%; }
/* =====#Curation===== */
.CurationCtrl {
background: #eeeeee; }
.CurationCtrlOld {
background: #eeeeee; }
.display-table-warp {
width: 60%; }
.display-table {
margin-left: 5px; }
.kitchen-wrap {
width: 100%;
min-width:421px;
}
@media screen and (max-width : 360px){
.display-table-warp {
max-width:360px;
}
}
.colContainer {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.noFlex > div > .curation-tool {
margin: 0 !important;
padding-top: 35px !important;
}
.noFlex > div > .curation-tool > div > div > div > div > #kitchenTabs{
display:none !important;
}
.noFlex > div > .curation-tool > div > div > .kitchen-wrap{
min-width: 320px !important;
}
.noFlex > div > .curation-tool > div > div > div > div > .tab-content-dark{
padding: 0 !important;
}
.noFlex > div > .curation-tool > div > div > div > div > div > div > .tab-content{
padding: 0 !important;
}
.noFlex > div > .curation-tool > div > div > div > div > div > #kitchen-media{
padding: 0 !important;
}
.noFlex.colContainer {
display: table !important;
}
.noFlex > div > .footerDiv {
display: none !important;
}
.noFlexFooter {
display: table-column !important;
}
.curation-tool {
padding-top: 60px;
margin: 0 20px; }
.disabledPost {
color: #eeeeee; }
/* =====#CurationTabs===== */
.tab-content-dark {
background: #676767;
border: none;
padding: 10px 5px 5px 5px; }
.curation-tab {
margin: 0;
border-bottom: 0; }
.curation-tab > li > a {
color: #555555;
background-color: #f2f2f2;
border: 1px solid #ddd; }
.curation-tab > li > a:hover {
background: white; }
.displaytable-live, .displaytable-kepoint, .displaytable-wrapup {
padding: 20px;
background: white; }
.kitchen-media, .kitchen-keypoint, .kitchen-wrapup {
padding: 10px;
background: #f2f2f2; }
.kitchen-media > ul > li > a {
padding: 5px 7px; }
.curation-tab-dark > li :hover {
color: #676767;
border: 1px solid #676767; }
.curation-tab-dark > li > a {
background-color: #d7d7d7;
background-image: -moz-linear-gradient(top, #e6e6e6, #bfbfbf);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e6e6e6), to(#bfbfbf));
background-image: -webkit-linear-gradient(top, #e6e6e6, #bfbfbf);
background-image: -o-linear-gradient(top, #e6e6e6, #bfbfbf);
background-image: linear-gradient(to bottom, #e6e6e6, #bfbfbf);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE6E6E6', endColorstr='#FFBFBFBF', GradientType=0);
color: #333333; }
.curation-tab-dark > li > a :hover {
color: #676767;
border: none; }
.curation-tab-dark > li.active :hover {
color: white;
background-color: #4f4f4f;
background-image: -moz-linear-gradient(top, #424242, #676767);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#424242), to(#676767));
background-image: -webkit-linear-gradient(top, #424242, #676767);
background-image: -o-linear-gradient(top, #424242, #676767);
background-image: linear-gradient(to bottom, #424242, #676767);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF424242', endColorstr='#FF676767', GradientType=0); }
.curation-tab-dark > li.active > a {
color: white;
border: 1px solid #676767;
background-color: #4f4f4f;
background-image: -moz-linear-gradient(top, #424242, #676767);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#424242), to(#676767));
background-image: -webkit-linear-gradient(top, #424242, #676767);
background-image: -o-linear-gradient(top, #424242, #676767);
background-image: linear-gradient(to bottom, #424242, #676767);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF424242', endColorstr='#FF676767', GradientType=0); }
.curation-tab-dark > li.active > a :hover {
color: white;
background: none;
border: none; }
.curation-listGroup li {
list-style: none;
float: left;
margin-left: 5px; }
.curation-listGroup li:last-child {
margin-left: 0; }
.curation-listGroup li.divider-vertical {
height: 20px;
margin: 0 9px;
border-right: 1px solid #ffffff;
border-left: 1px solid #f2f2f2; }
.curation-listGroup a:hover span.badge {
background-color: #cccccc; }
.curation-listGroup a:hover span.badge-warning {
background-color: #fbbf69; }
.curation-listGroup a:hover span.badge-info {
background-color: #7ab5d3; }
.curation-listGroup a:hover span.badge-important {
background-color: #d59392; }
.curation-search {
margin-bottom: 5px; }
.curation-search li {
float: left;
margin-right: 10px; }
.curation-search li a:hover {
background: none;
color: #006db1; }
.curation-searchOption {
width: 90%;
margin: 20px 0; }
.curation-searchOption input {
margin: 0 5px 0; }
.curation-thumb {
background: #fff;
width: 220px;
padding: 5px;
border: 1px solid #eeeeee;
margin: 0 15px 5px 0; }
.curation-thumb img {
width: 100%;
margin: 0 auto;
cursor: move; }
.action-group {
margin-bottom: 10px; }
.action-group p {
margin: 0 0 5px 0; }
.action-group ul > li > a {
padding: 5px 3px; }
.youtube-thumb img {
width: 120px; }
/* =====#PostList===== */
.markdownpost {
width: 100%; }
.markdownpost-disabled {
color: #999999;
padding: 20px;
background-color: #f2f2f2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.unpublished-label {
height: 20px;
color: white;
padding: 2px;
background-color: #3a87ad;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px; }
.unpublished-label:after {
content: "";
position: absolute;
width: 0;
height: 0;
border-top: 9px solid transparent;
border-left: 18px solid #3a87ad;
border-bottom: 10px solid transparent;
margin: -2px 0 0 1px; }
.timestamp {
background: #999;
padding: 2px 5px;
color: #fff;
font-size: 12px;
display: inline-block;
margin-right: 10px;
border-radius: 2px; }
.post-title {
clear: both; }
.post-title h1,
.post-title h2,
.post-title h3,
.post-title h4,
.post-title h5,
.post-title h6,
.post-title p {
margin: 10px 0 5px 0;
font-size: 24px;
line-height: 1.4em;
font-weight: bold; }
/* =====#MarkdownPreview===== */
.mdPreview {
width: 100%; }
.mdm-control {
margin-right: 2%;
}
.markdown-toolbar {
margin-bottom: 0; }
.markdown-toolbar li {
width: 20px;
height: 20px;
padding: 2px;
float: left;
list-style: none;
margin-left: 5px;
background: #eeeeee;
text-align: center; }
.markdown-toolbar li:hover {
background: #d4d4d4; }
.markdown-toolbar li:active {
-webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.5); }
input.block {
display: block; }
/* =====#CustomerList===== */
.twoItems-row {
padding: 5px 5px 20px 5px;
margin: 10px 0 10px 30px;
max-width: 348px;
min-width: 348px;
border-bottom: 1px solid #e5e5e5;
clear: none; }
.twoItems-row-odd {
margin-left: 0;
clear: left; }
/* #Helper
========================================================================== */
hr.list-divider {
margin-bottom: 25px;
border-top: 1px solid #eeeeee; }
hr.space {
margin: 20px;
border: none; }
hr.middle {
background: #D9D9D9;
border-width: 0;
color: #D9D9D9;
height: 1px;
margin: 7px 0;
margin-left: 3px; }
hr.dotted {
border-top: 0;
border-bottom: 1px dotted #D9D9D9; }
.calendar-divider {
overflow: hidden; }
.caret-left {
display: inline-block;
width: 0;
height: 0;
vertical-align: middle;
border-top: 4px solid transparent;
border-right: 4px solid black;
border-bottom: 4px solid transparent;
content: ""; }
.divider-vertical {
height: 20px;
margin-right: 0px;
margin: 0 9px;
border-right: 1px solid #ffffff;
border-left: 1px solid #f2f2f2; }
.padding-left {
padding-left: 15px; }
.padding-right {
padding-right: 15px; }
.padding-bottom {
padding-bottom: 10px; }
.padding-top {
padding-top: 10px; }
.margin-top {
margin-top: 20px; }
.margin-bottom {
margin-top: 20px; }
.margin-top10 {
margin-top: 10px; }
.margin-bottom10 {
margin-bottom: 10px; }
.margin-right {
margin-right: 10px; }
.margin-left {
margin-left: 10px; }
.no-margin {
margin: 0; }
.disable {
visibility: hidden; }
.block {
display: block; }
.clear {
clear: both; }
.width100 {
width: 100%; }
.ling-height100 {
line-height: 100%; }
.ling-height140 {
line-height: 140%; }
.align-center {
margin: 0 auto;
text-align: center; }
/* #Calendar
========================================================================== */
/*
* FullCalendar v1.5.3 Stylesheet
*
* Copyright (c) 2011 Adam Shaw
* Dual licensed under the MIT and GPL licenses, located in
* MIT-LICENSE.txt and GPL-LICENSE.txt respectively.
*
* Date: Mon Feb 6 22:40:40 2012 -0800
*
*/
.fc {
direction: ltr;
text-align: left; }
.fc table {
border-collapse: collapse;
border-spacing: 0; }
html .fc,
.fc table {
font-size: 1em; }
.fc td,
.fc th {
padding: 0;
vertical-align: top; }
/* Header
------------------------------------------------------------------------*/
.fc-header td {
white-space: nowrap; }
.fc-header-left {
width: 25%;
text-align: left; }
.fc-header-center {
text-align: center; }
.fc-header-right {
width: 25%;
text-align: right; }
.fc-header-title {
display: inline-block;
vertical-align: top; }
.fc-header-title h2 {
margin-top: 0;
white-space: nowrap; }
.fc .fc-header-space {
padding-left: 10px; }
.fc-header .fc-button {
margin-bottom: 1em;
vertical-align: top; }
/* buttons edges butting together */
.fc-header .fc-button {
margin-right: -1px; }
.fc-header .fc-corner-right {
margin-right: 1px;
/* back to normal */ }
.fc-header .ui-corner-right {
margin-right: 0;
/* back to normal */ }
/* button layering (for border precedence) */
.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
z-index: 2; }
.fc-header .fc-state-down {
z-index: 3; }
.fc-header .fc-state-active,
.fc-header .ui-state-active {
z-index: 4; }
/* Content
------------------------------------------------------------------------*/
.fc-content {
clear: both; }
.fc-view {
width: 100%;
/* needed for view switching (when view is absolute) */
overflow: hidden; }
/* Cell Styles
------------------------------------------------------------------------*/
.fc-widget-header {
background-image: -moz-linear-gradient(top, #fafafa, #efefef);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef));
background-image: -webkit-linear-gradient(top, #fafafa, #efefef);
background-image: -o-linear-gradient(top, #fafafa, #efefef);
background-image: linear-gradient(to bottom, #fafafa, #efefef);
color: #646464; }
.fc-widget-header,
.fc-widget-content {
/* | , usually */
border: 1px solid #ddd;
color: #646464; }
.fc-state-highlight {
/* | today cell */
/* TODO: add .fc-today to | */
background: #fff; }
.fc-cell-overlay {
/* semi-transparent rectangle while dragging */
background: #9cf;
opacity: .2;
filter: alpha(opacity=20);
/* for IE */ }
/* Buttons
------------------------------------------------------------------------*/
.fc-button {
position: relative;
display: inline-block;
cursor: pointer;
margin-top: -51px; }
.fc-state-default {
/* non-theme */
border-style: solid;
border-width: 1px 0; }
.fc-button-inner {
position: relative;
float: left;
overflow: hidden;
padding: 7px; }
.fc-state-default .fc-button-inner {
/* non-theme */
border-style: solid;
border-width: 0 1px; }
.fc-button-content {
position: relative;
float: left;
height: 1.9em;
line-height: 1.9em;
padding: 0 .6em;
white-space: nowrap; }
/* icon (for jquery ui) */
.fc-button-content .fc-icon-wrap {
position: relative;
float: left;
top: 50%; }
.fc-button-content .ui-icon {
position: relative;
float: left;
margin-top: -50%;
*margin-top: 0;
*top: -50%; }
/* gloss effect */
.fc-state-default .fc-button-effect {
position: absolute;
top: 50%;
left: 0; }
/* button states (determines colors) */
.fc-state-default,
.fc-state-default .fc-button-inner {
border-top-style: none;
border-bottom-style: none;
border-left-style: solid;
border-right-style: solid;
border-color: #ddd;
background: transparent;
color: #646464; }
.fc-state-hover,
.fc-state-hover .fc-button-inner {
border-color: #ddd;
background: #fafafa; }
.fc-state-down,
.fc-state-down .fc-button-inner {
border-color: #ddd;
background: transparent; }
.fc-state-active,
.fc-state-active .fc-button-inner {
border-color: #ddd;
background: #fcfcfc;
color: #646464;
border-bottom: 1px solid #fcfcfc; }
.fc-state-disabled,
.fc-state-disabled .fc-button-inner {
color: #999;
border-color: #ddd; }
.fc-state-disabled {
cursor: default; }
.fc-state-disabled .fc-button-effect {
display: none; }
/* Global Event Styles
------------------------------------------------------------------------*/
.fc-event {
border-style: solid;
border-width: 0;
font-size: .85em;
cursor: default; }
a.fc-event,
.fc-event-draggable {
cursor: pointer; }
a.fc-event {
text-decoration: none; }
.fc-rtl .fc-event {
text-align: right; }
.fc-event-skin {
border-color: #2FABE9;
/* default BORDER color */
background-color: #67C2EF;
/* default BACKGROUND color */
color: #fff;
/* default TEXT color */ }
.fc-event-inner {
position: relative;
width: 100%;
height: 100%;
border-style: solid;
border-width: 0;
overflow: hidden; }
.fc-event-time,
.fc-event-title {
padding: 0 1px; }
.fc .ui-resizable-handle {
/*** TODO: don't use ui-resizable anymore, change class ***/
display: block;
position: absolute;
z-index: 99999;
overflow: hidden;
/* hacky spaces (IE6/7) */
font-size: 300%;
/* */
line-height: 50%;
/* */ }
/* Horizontal Events
------------------------------------------------------------------------*/
.fc-event-hori {
border-width: 1px 0;
margin-bottom: 1px; }
/* resizable */
.fc-event-hori .ui-resizable-e {
top: 0 !important;
/* importants override pre jquery ui 1.7 styles */
right: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: e-resize; }
.fc-event-hori .ui-resizable-w {
top: 0 !important;
left: -3px !important;
width: 7px !important;
height: 100% !important;
cursor: w-resize; }
.fc-event-hori .ui-resizable-handle {
_padding-bottom: 14px;
/* IE6 had 0 height */ }
/* Fake Rounded Corners (for buttons and events)
------------------------------------------------------------*/
.fc-corner-left {
margin-left: 1px; }
.fc-corner-left .fc-button-inner,
.fc-corner-left .fc-event-inner {
margin-left: -1px; }
.fc-corner-right {
margin-right: 1px; }
.fc-corner-right .fc-button-inner,
.fc-corner-right .fc-event-inner {
margin-right: -1px; }
.fc-corner-top {
margin-top: 1px; }
.fc-corner-top .fc-event-inner {
margin-top: -1px; }
.fc-corner-bottom {
margin-bottom: 1px; }
.fc-corner-bottom .fc-event-inner {
margin-bottom: -1px; }
/* Fake Rounded Corners SPECIFICALLY FOR EVENTS
-----------------------------------------------------------------*/
.fc-corner-left .fc-event-inner {
border-left-width: 1px; }
.fc-corner-right .fc-event-inner {
border-right-width: 1px; }
.fc-corner-top .fc-event-inner {
border-top-width: 1px; }
.fc-corner-bottom .fc-event-inner {
border-bottom-width: 1px; }
/* Reusable Separate-border Table
------------------------------------------------------------*/
table.fc-border-separate {
border-collapse: separate; }
.fc-border-separate th,
.fc-border-separate td {
border-width: 1px 0 0 1px; }
.fc-border-separate th.fc-last,
.fc-border-separate td.fc-last {
border-right-width: 1px; }
.fc-border-separate tr.fc-last th,
.fc-border-separate tr.fc-last td {
border-bottom-width: 1px; }
.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
border-top-width: 0; }
/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.fc-grid th {
text-align: center; }
.fc-grid .fc-day-number {
float: right;
padding: 0 2px; }
.fc-grid .fc-other-month .fc-day-number {
opacity: 0.2;
filter: alpha(opacity=20);
/* for IE */
/* opacity with small font can sometimes look too faded
might want to set the 'color' property instead
making day-numbers bold also fixes the problem */ }
.fc-grid .fc-day-content {
clear: both;
padding: 2px 2px 1px;
/* distance between events and day edges */ }
/* event styles */
.fc-grid .fc-event-time {
font-weight: bold; }
/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
float: left; }
.fc-rtl .fc-grid .fc-event-time {
float: right; }
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.fc-agenda table {
border-collapse: separate; }
.fc-agenda-days th {
text-align: center; }
.fc-agenda .fc-agenda-axis {
width: 50px;
padding: 0 4px;
vertical-align: middle;
text-align: right;
white-space: nowrap;
font-weight: normal; }
.fc-agenda .fc-day-content {
padding: 2px 2px 1px; }
/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
border-right-width: 1px; }
.fc-agenda-days .fc-col0 {
border-left-width: 0; }
/* all-day area */
.fc-agenda-allday th {
border-width: 0 1px; }
.fc-agenda-allday .fc-day-content {
min-height: 34px;
/* TODO: doesnt work well in quirksmode */
_height: 34px; }
/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
height: 2px;
overflow: hidden; }
.fc-widget-header .fc-agenda-divider-inner {
background: #eee; }
/* slot rows */
.fc-agenda-slots th {
border-width: 1px 1px; }
.fc-agenda-slots td {
border-width: 1px 0 0;
background: none; }
.fc-agenda-slots td div {
height: 20px; }
.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
border-top-width: 0; }
.fc-agenda-slots tr.fc-minor th,
.fc-agenda-slots tr.fc-minor td {
border-top-style: dotted; }
.fc-agenda-slots tr.fc-minor th.ui-widget-header {
*border-top-style: solid;
/* doesn't work with background in IE6/7 */ }
/* Vertical Events
------------------------------------------------------------------------*/
.fc-event-vert {
border-width: 0 1px; }
.fc-event-vert .fc-event-head,
.fc-event-vert .fc-event-content {
position: relative;
z-index: 2;
width: 100%;
overflow: hidden; }
.fc-event-vert .fc-event-time {
white-space: nowrap;
font-size: 10px; }
.fc-event-vert .fc-event-bg {
/* makes the event lighter w/ a semi-transparent overlay */
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
opacity: .3;
filter: alpha(opacity=30); }
.fc .ui-draggable-dragging .fc-event-bg,
.fc-select-helper .fc-event-bg {
display: none\9;
/* for IE6/7/8. nested opacity filters while dragging don't work */ }
/* resizable */
.fc-event-vert .ui-resizable-s {
bottom: 0 !important;
/* importants override pre jquery ui 1.7 styles */
width: 100% !important;
height: 8px !important;
overflow: hidden !important;
line-height: 8px !important;
font-size: 11px !important;
font-family: monospace;
text-align: center;
cursor: s-resize; }
.fc-agenda .ui-resizable-resizing {
/* TODO: better selector */
_overflow: hidden; }
/* #Toastr notifications
========================================================================== */
.toast-title {
font-weight: bold; }
.toast-message {
-ms-word-wrap: break-word;
word-wrap: break-word; }
.toast-message a,
.toast-message label {
color: #ffffff; }
.toast-message a:hover {
color: #cccccc;
text-decoration: none; }
.toast-top-full-width {
top: 0;
right: 0;
width: 100%; }
.toast-bottom-full-width {
bottom: 0;
right: 0;
width: 100%; }
.toast-top-left {
top: 12px;
left: 12px; }
.toast-top-right {
top: 12px;
right: 12px; }
.toast-bottom-right {
right: 12px;
bottom: 12px; }
.toast-bottom-left {
bottom: 12px;
left: 12px; }
#toast-container {
position: fixed;
z-index: 999999; }
#toast-container * {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
#toast-container > div {
margin: 0 0 6px;
padding: 15px 15px 15px 50px;
width: 300px;
-moz-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
border-radius: 3px 3px 3px 3px;
background-position: 15px center;
background-repeat: no-repeat;
-moz-box-shadow: 0 0 12px #999999;
-webkit-box-shadow: 0 0 12px #999999;
box-shadow: 0 0 12px #999999;
color: #ffffff;
opacity: 0.8;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
filter: alpha(opacity=80); }
#toast-container > :hover {
-moz-box-shadow: 0 0 12px #000000;
-webkit-box-shadow: 0 0 12px #000000;
box-shadow: 0 0 12px #000000;
opacity: 1;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
filter: alpha(opacity=100);
cursor: pointer; }
#toast-container > .toast-info {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; }
#toast-container > .toast-error {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; }
#toast-container > .toast-success {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; }
#toast-container > .toast-warning {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; }
#toast-container.toast-top-full-width > div,
#toast-container.toast-bottom-full-width > div {
width: 96%;
margin: auto; }
.toast {
background-color: #030303; }
.toast-success {
background-color: #51a351; }
.toast-error {
background-color: #bd362f; }
.toast-info {
background-color: #2f96b4; }
.toast-warning {
background-color: #f89406; }
/*Read More btn */
.btn-readmore {
font-size: 10.5px;
background-image: none;
text-shadow: none;
margin-top: 5px; }
/*Responsive Design*/
@media all and (max-width: 240px) {
#toast-container > div {
padding: 8px 8px 8px 50px;
width: 108px; } }
@media all and (min-width: 241px) and (max-width: 320px) {
#toast-container > div {
padding: 8px 8px 8px 50px;
width: 128px; } }
@media all and (min-width: 321px) and (max-width: 480px) {
#toast-container > div {
padding: 8px 8px 8px 50px;
width: 192px; } }
@media all and (min-width: 481px) and (max-width: 768px) {
#toast-container > div {
padding: 15px 15px 15px 50px;
width: 300px; } }
/* ==================================================
Input
================================================== */
div.ng-ms {
width: 100%;
padding: 4px 6px;
margin-left: 0;
display: inline-block;
font-size: 14px;
line-height: 20px;
color: #555555;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
vertical-align: middle;
background-color: white;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-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 linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s; }
div.ng-ms-hover {
border: 1px solid #b9b9b9;
border-top: 1px solid #a0a0a0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); }
div.ng-ms-focus {
border: 1px solid #4d90fe;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3); }
div.ng-ms > ul {
list-style: none;
margin: 0;
padding: 0; }
div.ng-ms > ul > li {
display: inline-block;
margin-left: 3px;
padding: 0; }
span.chosen {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer; }
span.chosen:hover, span.chosen-focused {
background-color: #295F7A; }
span.remove {
padding-left: 5px;
color: white;
font-size: 0.8em;
font-weight: bold; }
div.ng-ms input {
/*min-width: 400px;*/
margin-left: 2px;
outline: 0;
border: 0; }
.penaltyCards {
visibility: hidden !important;
}
/* ==================================================
Selector
================================================== */
div.ng-ms-selector {
position: absolute;
border: 1px solid lightgray;
border-top: 0;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
background: white;
min-width: 350px;
z-index: 1000;
float: left;
padding: 5px 0;
margin: 2px 0 0;
list-style: none;
background-color: #ffffff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box; }
div.ng-ms-selector > ul {
margin: 0;
padding: 0;
list-style-type: none; }
div.ng-ms-selector > ul > li {
padding-left: 10px; }
.selector-more {
position: absolute;
right: 5px;
bottom: 0;
border-radius: 5px;
color: lightgray;
text-align: center;
cursor: pointer; }
li.choice-selected {
padding-left: 15px !important;
background-color: #3a87ad;
color: white;
cursor: pointer;
transition: 100ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all; }
.underline {
border-bottom: 1px solid orangered; }
/* ==================================================
Animation
================================================== */
.selector-enter, .selector-leave {
position: relative;
display: block;
transition: 200ms cubic-bezier(0.25, 0.25, 0.75, 0.75) all; }
.selector-enter.selector-enter-active, .selector-leave {
right: 0;
height: 30px;
opacity: 1; }
.selector-leave.selector-leave-active, .selector-enter {
right: -50px;
height: 0px;
opacity: 0; }
/* ==================================================
social-media iframe styles
================================================== */
/* .embed-container-instagram {position: relative; padding-bottom: 120%; padding-top: 30px; height: 0; overflow: hidden; width: 100%;}
.embed-container-instagram iframe, .embed-container-instagram object, .embed-container-instagram embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.embed-container-youtube {position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; width: 100%; height: auto; }
.embed-container-youtube iframe, .embed-container-youtube object, .embed-container-youtube embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.embed-container-twitpic {position: relative; padding-bottom: 120%; padding-top: 30px; height: 0; overflow: hidden; width: 100%;}
.embed-container-twitpic img { position: absolute; top: 0; left: 0; width: 70%; height: 70%; }
.embed-container-vine {position: relative; padding-bottom: 100%; padding-top: 30px; height: 0; overflow: hidden; }
.embed-container-vine iframe, .embed-container-vine object, .embed-container-vine embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } */
.embed-container-instagram {
position: relative;
padding-bottom: 120%;
padding-top: 30px;
height: 0;
overflow: hidden;
width: 100%; }
.embed-container-instagram iframe, .embed-container-instagram object, .embed-container-instagram embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.embed-container-youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
width: 100%;
height: auto; }
.embed-container-youtube iframe, .embed-container-youtube object, .embed-container-youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.embed-container-twitpic {
position: relative;
padding-bottom: 120%;
padding-top: 30px;
height: 0;
overflow: hidden;
width: 100%; }
.embed-container-twitpic img {
position: absolute;
top: 0;
left: 0;
width: 70%;
height: 70%; }
.embed-container-vine {
position: relative;
padding-bottom: 100%;
padding-top: 30px;
height: 0;
overflow: hidden; }
.embed-container-vine iframe, .embed-container-vine object, .embed-container-vine embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.embed-container-vimeo {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
max-width: 100%;
height: auto; }
.embed-container-vimeo iframe, .embed-container-vimeo object, .embed-container-vimeo embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.embed-container-twitter {
position: relative;
padding-bottom: 120%;
padding-top: 30px;
height: 0;
overflow: hidden; }
.embed-container-twitter iframe, .embed-container-twitter object, .embed-container-twitter embed {
position: absolute;
top: 0;
left: 0; }
.embed-container-newsvideo {
position: relative;
padding-bottom: 56.5%;
padding-top: 0px;
height: 0;
overflow: hidden;
width: 100%;
height: auto; }
.embed-container-newsvideo iframe, .embed-container-youtube object, .embed-container-youtube embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
/* ==================================================
misc styles
================================================== */
.loadingOverlay {
opacity: 0.8;
background-color: whitesmoke;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
z-index: 1100;
background-image: url("../images/loading.gif");
background-repeat: no-repeat;
background-position: center; }
.TimeSpan {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
-moz-user-select: none;
background-attachment: scroll;
background-clip: padding-box;
background-color: #45484d;
background-image: none;
background-origin: padding-box;
border-image: none;
border-radius: 3.3px;
box-shadow: 0 3px 4px rgba(0, 0, 0, 0.4);
box-sizing: padding-box;
color: #ffffff;
cursor: inherit;
font-size: 22px;
font-weight: bold;
margin-bottom: 0;
margin-right: 0;
outline: 0 none;
overflow: visible;
padding: 2px;
transform-origin: 0 0 0;
vertical-align: baseline;
}
.modal form {
margin: 0; }
.grid {
/* As of August 2012, only supported in Chrome 21+ */
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
/*.colLeft {
border-left: 1px solid rgb(42, 44, 47); border-top: 1px solid rgb(42, 44, 47);border-bottom: 1px solid rgb(42, 44, 47);border-bottom-left-radius:3px;border-top-left-radius:3px; font-size: 12px; font-family: arial,helvetica,sans-serif; text-decoration: none; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3); font-weight: bold; color: rgb(255, 255, 255); background-color: rgb(69, 72, 77); background-image: linear-gradient(to bottom, rgb(69, 72, 77), rgb(0, 0, 0));
}
.colMiddle {
border-top: 1px solid rgb(42, 44, 47);border-bottom: 1px solid rgb(42, 44, 47);border-radius: 0px; font-size: 12px; font-family: arial,helvetica,sans-serif; padding: 24px; text-decoration: none; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3); font-weight: bold; color: rgb(255, 255, 255); background-color: rgb(69, 72, 77); background-image: linear-gradient(to bottom, rgb(69, 72, 77), rgb(0, 0, 0));
}
.colRight {
border-right: 1px solid rgb(42, 44, 47); border-top: 1px solid rgb(42, 44, 47);border-bottom: 1px solid rgb(42, 44, 47);border-bottom-right-radius:3px;border-top-right-radius:3px; font-size: 12px; font-family: arial,helvetica,sans-serif;text-decoration: none; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3); font-weight: bold; color: rgb(255, 255, 255); background-color: rgb(69, 72, 77); background-image: linear-gradient(to bottom, rgb(69, 72, 77), rgb(0, 0, 0));
}
.fluid {
flex: 1;
}
.fixed {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
height: 33px;
}*/
.colLeft {
border-left: 1px solid rgb(42, 44, 47); border-top: 1px solid rgb(42, 44, 47);border-bottom: 1px solid rgb(42, 44, 47);border-bottom-left-radius:3px;border-top-left-radius:3px; font-size: 12px; font-family: arial,helvetica,sans-serif; text-decoration: none; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3); font-weight: bold; color: rgb(255, 255, 255); background-color: rgb(69, 72, 77); background-image: linear-gradient(to bottom, #57a551, #32612b);
}
.colMiddle {
border-top: 1px solid rgb(42, 44, 47);border-bottom: 1px solid rgb(42, 44, 47);border-radius: 0px; font-size: 12px; font-family: arial,helvetica,sans-serif; text-decoration: none; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3); font-weight: bold; color: rgb(255, 255, 255); background-color: rgb(69, 72, 77); background-image: linear-gradient(to bottom, #57a551, #32612b);
}
.colRight {
border-right: 1px solid rgb(42, 44, 47); border-top: 1px solid rgb(42, 44, 47);border-bottom: 1px solid rgb(42, 44, 47);border-bottom-right-radius:3px;border-top-right-radius:3px; font-size: 12px; font-family: arial,helvetica,sans-serif;text-decoration: none; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3); font-weight: bold; color: rgb(255, 255, 255); background-color: rgb(69, 72, 77); background-image: linear-gradient(to bottom, #57a551, #32612b);
}
.colLeft2 {
border-bottom: 1px solid rgb(42, 44, 47);border-bottom-left-radius:1px;border-top-left-radius:1px; font-size: 12px; font-family: arial,helvetica,sans-serif; text-decoration: none; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3); color: rgb(255, 255, 255); background-color: #32612b;
line-height: 12px;
text-align: center;
}
.colMiddle2 {
border-bottom: 1px solid rgb(42, 44, 47);border-radius: 0px; font-size: 12px; font-family: arial,helvetica,sans-serif; text-decoration: none; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3); font-weight: bold; color: rgb(255, 255, 255); background-color: #32612b;
line-height: 12px;
text-align: center;
}
.colRight2 {
border-bottom: 1px solid rgb(42, 44, 47);border-bottom-right-radius:1px;border-top-right-radius:1px; font-size: 12px; font-family: arial,helvetica,sans-serif;text-decoration: none; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3);color: rgb(255, 255, 255); background-color: #32612b;
line-height: 12px;
text-align: center;
}
.colLeftPost {
border-top: 1px dashed;border-bottom: 1px solid rgb(42, 44, 47);border-bottom-left-radius:1px;border-top-left-radius:1px; font-size: 12px; font-family: arial,helvetica,sans-serif; text-decoration: none; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3); color: rgb(255, 255, 255); background-color: #32612b;
line-height: 14px;
padding-top: 2px;
text-align: center;
}
.colMiddlePost {
border-top: 1px dashed;border-bottom: 1px solid rgb(42, 44, 47);border-radius: 0px; font-size: 12px; font-family: arial,helvetica,sans-serif; text-decoration: none; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3); font-weight: bold; color: rgb(255, 255, 255); background-color: #32612b;
line-height: 12px;
text-align: center;
}
.colRightPost {
border-top: 1px dashed;border-bottom: 1px solid rgb(42, 44, 47);border-bottom-right-radius:1px;border-top-right-radius:1px; font-size: 12px; font-family: arial,helvetica,sans-serif;text-decoration: none; text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.3);color: rgb(255, 255, 255); background-color: #32612b;
line-height: 14px;
padding-top: 2px;
text-align: center;
}
.fluid {
-webkit-flex: 1; /* Safari 6.1+ */
-ms-flex: 1; /* IE 10 */
flex: 1;
}
.fixed {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.ScoreTDNew {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
-moz-user-select: none;
background-attachment: scroll;
background-clip: padding-box;
background-color: #3e6840;
background-image: none;
background-origin: padding-box;
border-image: none;
border-radius: 3.3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) inset;
box-sizing: padding-box;
color: #ffffff;
cursor: inherit;
font-size: 27px;
font-weight: bold;
margin-bottom: 0;
margin-right: 0;
outline: 0 none;
padding-left: 10px;
padding-right: 10px;
overflow: visible;
transform-origin: 0 0 0;
vertical-align: baseline;
width:55px;
}
.TimeTD {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
-moz-user-select: none;
background-attachment: scroll;
background-clip: padding-box;
background-color: #3e6840;
background-image: none;
background-origin: padding-box;
border-image: none;
border-radius: 3.3px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6) inset;
box-sizing: padding-box;
color: #ffffff;
cursor: inherit;
font-size: 27px;
font-weight: bold;
margin-bottom: 0;
margin-right: 0;
outline: 0 none;
padding-top:2px;
overflow: visible;
transform-origin: 0 0 0;
vertical-align: baseline;
}
#readmorediv {
border: 1px dotted grey
}
.sponsorBanner {
height: 53px;
text-align: center;
z-index: 999;
display: block;
padding-bottom: 4px;
margin: 0 auto;
}
.lineup .team_logo {
left: 7px;
position: absolute;
top: 5px;
width: 22px;
}
.lineup .field {
margin-bottom: 10px;
position: relative;
width: 240px;
}
.lineup .team_name {
color: #fff;
font-size: 12px;
font-weight: bold;
left: 32px;
line-height: 20px;
position: absolute;
text-shadow: 1px 1px #000;
top: 6px;
}
.lineup .team_name {
color: #fff;
font-size: 12px;
font-weight: bold;
left: 32px;
line-height: 20px;
position: absolute;
text-shadow: 1px 1px #000;
top: 6px;
}
.lineup .formation {
color: #fff;
font-size: 12px;
font-weight: bold;
line-height: 20px;
position: absolute;
right: 7px;
text-align: right;
text-shadow: 1px 1px #000;
top: 6px;
}
.lineup .coach {
color: #fff;
font-size: 11px;
font-weight: bold;
left: 7px;
line-height: 19px;
position: absolute;
right: 7px;
text-align: center;
text-shadow: 1px 1px #000;
top: 353px;
}
.lineup .shirt {
background-image: url("http://static.bold.dk/img/sprites/shirt.png");
color: #000;
font-size: 9px;
font-weight: bold;
height: 21px;
line-height: 21px;
position: absolute;
text-align: center;
width: 24px;
}
.lineup .name {
background-color: rgba(0, 0, 0, 0.2);
border-radius: 2px;
color: #fff;
font-size: 9px;
line-height: 9px;
padding: 2px;
position: absolute;
text-align: center;
text-shadow: 1px 1px #000;
width: 46px;
}
.lineup .keeper {
background-image: url("http://static.bold.dk/img/sprites/keeper.png");
color: #000;
font-size: 9px;
font-weight: bold;
height: 21px;
line-height: 21px;
position: absolute;
text-align: center;
width: 24px;
}
.lineups {
background-color: #fcfcfc;
border-bottom: 1px solid #bababa;
border-top: 1px solid #294313;
margin-top: 1px;
padding: 8px 0;
position: relative;
}
.lineup {
float: left;
position: relative;
width: 240px;
}
.team_1 {
margin-right: 10px;
}
.lineups h3 {
font-size: 14px;
padding: 0;
}
.team1Scorer {
width:auto;
}
.team2Scorer {
width:auto;
}
i.mce-i-icon-uploadimage:before {
content: "\f093";
font-family: FontAwesome;
/*font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #000;
font-size: 1.5em;
padding-right: 0.5em;*/
position: absolute;
/*top: 15%;
left: 0;*/
}
i.mce-i-icon-uploadedimage:before {
content: "\f1c5";
font-family: FontAwesome;
/*font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #000;
font-size: 1.5em;
padding-right: 0.5em;*/
position: absolute;
/*top: 15%;
left: 0;*/
}
i.mce-i-icon-publiatis:before {
content: "\f1c4";
font-family: FontAwesome;
/*font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #000;
font-size: 1.5em;
padding-right: 0.5em;*/
position: absolute;
/*top: 15%;
left: 0;*/
}
i.mce-i-icon-scanpix:before {
content: "\f03e";
font-family: FontAwesome;
/*font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #000;
font-size: 1.5em;
padding-right: 0.5em;*/
position: absolute;
/*top: 15%;
left: 0;*/
}
i.mce-i-icon-readmore:before {
content: "\f044";
font-family: FontAwesome;
/*font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #000;
font-size: 1.5em;
padding-right: 0.5em;*/
position: absolute;
/*top: 15%;
left: 0;*/
}
i.mce-i-icon-readless:before {
content: "\f045";
font-family: FontAwesome;
/*font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #000;
font-size: 1.5em;
padding-right: 0.5em;*/
position: absolute;
/*top: 15%;
left: 0;*/
}
i.mce-i-icon-embed:before {
content: "\f121";
font-family: FontAwesome;
/*font-style: normal;
font-weight: normal;
text-decoration: inherit;
color: #000;
font-size: 1.5em;
padding-right: 0.5em;*/
position: absolute;
/*top: 15%;
left: 0;*/
}
#uploadImage > .modal-footer {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.btn.livewire-btn.fa.fa-upload > input {
width: 1px;
}
.col-lg-8 {
padding-bottom:2px;
padding-left: 20px;
}
.color-square {
border: 1px solid black;
display: inline-block;
width: 17px;
}
.pagination {border-radius: 4px;
display: block;
list-style: outside none none;
margin: 20px 0;
padding-left: 0;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
background-color: #428bca;
border-color: #428bca;
color: #fff;
cursor: default;
z-index: 2;
list-style: outside none none;
}
.pagination > li > a, .pagination > li > span {
background-color: #fff;
border: 1px solid #ddd;
color: #428bca;
float: left;
line-height: 1.42857;
margin-left: -1px;
padding: 6px 12px;
position: relative;
text-decoration: none;
list-style: outside none none;
}
.col-xs-4 > input {
margin-bottom: 5px;
margin-top: 5px;
}
.panel-body > ul > li >img:hover{ box-shadow:0px 0px 4px 0px rgba(50, 50, 50, 0.67);
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-ms-transform:scale(1.05);
-o-transform:scale(1.05);
transform:scale(1.05);
cursor: pointer;
}
.pagination.ng-scope {
padding-bottom: 15px;
}
.panel-body > ul {
margin: 0;
}
.panel-body > ul > li {
display: inline;
list-style: outside none none;
}
input.cmn-toggle-round:checked + label:before {
background: none repeat scroll 0 0 rgba(28, 90, 133, 0.55);
}
input.cmn-toggle-round + label:before {
background-color: #f1f1f1;
border-radius: 60px;
right: 1px;
transition: background 0.4s ease 0s;
}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
bottom: 1px;
content: "";
display: block;
left: 1px;
position: absolute;
top: 1px;
}
input.cmn-toggle-round:checked + label:after {
margin-left: 10px;
}
input.cmn-toggle-round + label:after {
background-color: #fff;
border-radius: 100%;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
transition: margin 0.4s ease 0s;
width: 10px;
}
input.cmn-toggle-round + label:before, input.cmn-toggle-round + label:after {
bottom: 1px;
content: "";
display: block;
left: 1px;
position: absolute;
top: 1px;
}
input.cmn-toggle-round + label {
background-color: #dddddd;
border-radius: 60px;
height: 12px;
padding: 2px;
width: 22px;
}
.cmn-toggle + label {
-moz-user-select: none;
cursor: pointer;
display: block;
outline: medium none;
position: relative;
}
.cmn-toggle {
margin-left: -9999px;
position: absolute;
visibility: hidden;
}
[ng-cloak]
{
display: none !important;
}
input.cmn-toggle-yes-no + label {
padding: 2px;
width: 60px;
height: 25px;
}
input.cmn-toggle-yes-no + label:before, input.cmn-toggle-yes-no + label:after {
display: block;
position: absolute;
/*top: 0;*/
top: -2px;
left: 0;
/*bottom: 0;*/
right: 0;
color: #fff;
font-family: "Roboto Slab", serif;
font-size: 12px;
text-align: center;
line-height: 25px;
border-radius:2px;
margin-left: 2px;
margin-right: 2px;
}
input.cmn-toggle-yes-no + label:before {
background:rgba(0, 0, 0, 0) linear-gradient(to bottom, #EB0202, #9B0202) repeat scroll 0 0;
content: attr(data-off);
/*-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
-o-transition: -o-transform 0.5s;
transition: transform 0.5s;*/
-webkit-transition: -webkit-transform 0.0s;
-moz-transition: -moz-transform 0.0s;
-o-transition: -o-transform 0.0s;
transition: transform 0.0s;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
input.cmn-toggle-yes-no + label:after {
/*background-color: #8ce196;*/
background:linear-gradient(to bottom, #57a551, #32612b);
content: attr(data-on);
/*-webkit-transition: -webkit-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
-o-transition: -o-transform 0.5s;
transition: transform 0.5s;*/
-webkit-transition: -webkit-transform 0.0s;
-moz-transition: -moz-transform 0.0s;
-o-transition: -o-transform 0.0s;
transition: transform 0.0s;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
input.cmn-toggle-yes-no:checked + label:before {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
input.cmn-toggle-yes-no:checked + label:after {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
.circle {
width: 10px;
height: 10px;
background:red;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
display: inline-block;
}
.offline {
background:linear-gradient(to bottom, #EB0202, #9B0202);
}
.online {
background:linear-gradient(to bottom, #57a551, #32612b);
}
.buttonRowCykling {
background-image: linear-gradient(to bottom, white, #f2f2f2);
border: 1px solid #d4d4d4;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
padding: 5px 10px;
}
.btn-cykling {
color: #4fbfa8;
background-color: #ffffff;
border-color: #4fbfa8;
letter-spacing: 0.05em;
max-height: 40px;
max-width: 40px;
padding: 0px;
}
.btn-cykling:hover,
.btn-cykling:active,
.btn-cykling:focus
.btn-cykling.active {
color: #4fbfa8;
background-color: #ffffff;
border-color: #4fbfa8;
}
.btn-questions {
display: none;
background-color: #4CAF50;
border: none;
color: white;
padding: 6px 6px;
text-align: center;
text-decoration: none;
font-size: 14px;
border-radius: 2px;
position: absolute;
}
.question {
background-color: #E8E8E8;
position: relative;
padding: 7px;
margin: 6px 0px;
border-radius: 5px;
font-family: 'Roboto', sans-serif;
word-break: break-word;
word-wrap: break-word;
}
.question-unanswered {
background-color: #f5f5f5;
padding: 7px;
margin: 6px 0px;
border-radius: 5px;
font-family: 'Roboto', sans-serif;
word-break: break-word;
word-wrap: break-word;
}
.question-answered {
word-break: break-word;
word-wrap: break-word;
}
.question-answered-container-1 {
background-color: #e8e8e8;
padding: 7px;
margin: 6px 0px;
border-radius: 5px;
}
.question-answered-container-2 {
background-color: #d6edf5;
padding: 7px;
margin: 6px 0px;
border-radius: 5px;
}
.question-unanswered-name {
opacity: 0.5;
}
.question-name {
color: gray;
margin-bottom: 2px;
}
.question-container {
overflow: auto;
background-color: white;
margin: 2px;
padding: 10px;
height: 1294px;
}
.question:hover .question-text {
color: rgba(0, 0, 0, 0.4);
}
.question:hover .btn-questions {
display:inline-block;
}
.btn.btn-active {
background-image: none;
background-color: white;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.btn.btn-active:focus {
outline: 0;
}
#eventCommentersList {
list-style-type: none;
padding: 0;
margin: 0;
}
#commentSearchInput {
width: 97.5%;
width: -moz-available; /* WebKit-based browsers will ignore this. */
width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
width: fill-available;
}
#eventCommentersList label {
padding: 4px; /* Add some padding */
text-decoration: none; /* Remove default text underline */
font-size: 16px; /* Increase the font-size */
color: black; /* Add a black text color */
display: block; /* Make it into a block element to fill the whole list */
}
#eventCommentersList label:hover {
background-color: #eee;
}
.search-input-icon{
position: absolute;
right: 7px;
top: calc(50% - 0.85em); /*Keep icon in center of input regardless of input height*/
pointer-events: none;
}
.search-input-wrapper {
position: relative;
font-size: 14px;
}
.commenter-list-text {
vertical-align: middle;
margin-left: 10px;
}
.resume {
background-color: dimgray;
color: white;
padding: 1rem;
margin: 0.5rem;
overflow-wrap: break-word;
font-size:14px;
}
.resume-error {
background-color: #E8E8E8;
color: black;
text-align: center;
}
.resume .header {
display: flex;
align-items: flex-start;
vertical-align:top;
line-height:15px;
padding-bottom: 1rem;
}
.resume .header .left-icon {
align-self: stretch;
color: #F59E26;
}
.resume .header .title-text {
font-size: 80%;
/*opacity: 0.75;*/
/*margin-left: 4px;*/
margin-right: 4px;
line-height: 1.5;
font-weight: bolder;
}
.resume-footer {
margin: 0 0.5rem;
}
.resume-footer button {
/*border:1px solid dimgray;*/
border:none;
border-radius: 9px;
height: 18px;
line-height: 0.75;
color:white;
padding-left: 10px;
padding-right: 10px;
}
.btn-danger-alt {
background-color: whitesmoke;
color: black !important;
border: 1px solid rgba(0, 0, 0, 0.25) !important;
}
.btn-danger-alt i {
color: red;
}
.resume-footer button:disabled {
opacity: 0.5;
}
.resume-footer button:hover {
opacity: 0.5;
}
.resume-footer button.red {
border: 1px solid red;
border-radius: 2px;
color: red;
}
div.no-mp-bottom ul, div.no-mp-bottom p {
padding-bottom: 0;
margin-bottom: 0;
}
div.no-mp-bottom p a, div.no-mp-bottom ul li a {
color: white;
text-decoration: underline;
}
div.no-mp-bottom ul li {
line-height: 15px;
}
.olButton {
/*display: block;
width: 20px;
height: 20px;
background: rgba(0, 0, 0, 0) url('/Images/rio2016.png') repeat scroll center bottom;
text-indent: -99999px;
margin: 1em auto;*/
}
.buttonRowOL {
background-image: linear-gradient(to bottom, white, #f2f2f2);
border: 1px solid #d4d4d4;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
padding: 5px 10px;
}
.olButton {
border: 1px solid #d4d4d4;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
width: 30px;
}
.olButtonLink:active {
position: relative;
top: 2px;
}
.olButton:hover {
background-position: 0 0;
/*background-color: #f1f1f1;*/
background-color: #f1f1f1;
border: 1px solid #a3a3a3;
border-radius: 4px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);
-webkit-filter: brightness(1.25); filter: brightness(1.25);
}
/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
width: 34px;
height: 17px;
margin-bottom: 0 !important;
vertical-align: middle;
}
/* -----Slider toggle buttons------- */
.switch input {
opacity: 0;
width: 0;
height: 0;
}
/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
border: 1px solid #ccc;
}
.slider:before {
position: absolute;
content: "";
height: 13px;
width: 13px;
left: 1px;
bottom: 1px;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #51a351
}
input:focus + .slider {
box-shadow: 0 0 1px #51a351;
}
input:checked + .slider:before {
-webkit-transform: translateX(17px);
-ms-transform: translateX(17px);
transform: translateX(17px);
}
/* Rounded sliders */
.slider.round {
border-radius: 25px;
}
.slider.round:before {
border-radius: 50%;
}
/* -----Slider toggle buttons END------- */
.cropArea {
background: #E4E4E4;
overflow: hidden;
width:500px;
height:350px;
}
.resp-iframe {
border: 0 none;
height: 100%;
left: 0;
position: absolute;
top: 0;
/*/top: 37px;*/
width: 100%;
}
.pointer-events-none {
pointer-events: none;
}
.md-datepicker-calendar-pane{
z-index: 1200!important}
.fb_iframe_widget_fluid_desktop, .fb_iframe_widget_fluid_desktop span, .fb_iframe_widget_fluid_desktop iframe {
width: 100% !important;
}
.datagrid table { border-collapse: collapse; text-align: left; width: 100%; } .datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden; border: 1px solid #8C8C8C; }.datagrid table td, .datagrid table th { padding: 1px 20px; vertical-align: middle; }.datagrid table tbody td { color: #7D7D7D; border-left: 2px solid #DBDBDB;font-size: 3vmin; font-weight: bold; }.datagrid table tbody .alt td { background: #EBEBEB; color: #7D7D7D; }.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }
.mce-fontawesome-panel>.mce-container-body>.mce-container,.mce-fontawesome-panel>.mce-container-body>.mce-container>.mce-container-body{height:auto!important}.mce-fontawesome-panel-table{-webkit-transition:.5s height;transition:.5s height;overflow:hidden;height:0}.mce-fontawesome-panel-title{font-weight:700;margin-top:5px;margin-bottom:5px;cursor:pointer;padding:6px;border-radius:1px}.mce-fontawesome-panel-title:hover{background-color:#bfbfbf;background-color:rgba(0,0,0,.1)}.mce-fontawesome-panel-title{border-bottom:1px solid #eee}.mce-fontawesome-panel-accordion-hide .mce-fontawesome-panel-title{border-bottom:0}.mce-fontawesome-panel-accordion:first-child .mce-fontawesome-panel-title{margin-top:0}.mce-fontawesome-panel .fa{font-family:FontAwesome!important;cursor:pointer;padding:6px;border-radius:1px}.mce-fontawesome-panel .fa:hover{background-color:#bfbfbf;background-color:rgba(0,0,0,.1)}.mce-i-flag{display:inline-block;font-family:FontAwesome!important;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-right:1px;position:relative;top:1px}.mce-i-flag:before{content:"\f024"}
.chzn-container{font-size:13px;position:relative;display:inline-block;vertical-align:middle;zoom:1;*display:inline}.chzn-container .chzn-drop{background:#fff;border:1px solid #aaa;border-top:0;position:absolute;top:100%;left:-9999px;-webkit-box-shadow:0 4px 5px rgba(0,0,0,.15);-moz-box-shadow:0 4px 5px rgba(0,0,0,.15);box-shadow:0 4px 5px rgba(0,0,0,.15);z-index:1010;width:100%;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;box-sizing:border-box}.chzn-container.chzn-with-drop .chzn-drop{left:0}.chzn-container-single .chzn-single{background-color:#fff;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background-image:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-image:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-image:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-image:linear-gradient(#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #aaa;-webkit-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);display:block;overflow:hidden;white-space:nowrap;position:relative;height:23px;line-height:24px;padding:0 0 0 8px;color:#444;text-decoration:none}.chzn-container-single .chzn-default{color:#999}.chzn-container-single .chzn-single span{margin-right:26px;display:block;overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;text-overflow:ellipsis}.chzn-container-single .chzn-single-with-deselect span{margin-right:38px}.chzn-container-single .chzn-single abbr{display:block;position:absolute;right:26px;top:6px;width:12px;height:12px;font-size:1px;background:url(chosen-sprite.png) -42px 1px no-repeat}.chzn-container-single .chzn-single abbr:hover{background-position:-42px -10px}.chzn-container-single.chzn-disabled .chzn-single abbr:hover{background-position:-42px -10px}.chzn-container-single .chzn-single div{position:absolute;right:0;top:0;display:block;height:100%;width:18px}.chzn-container-single .chzn-single div b{background:url(chosen-sprite.png) no-repeat 0 2px;display:block;width:100%;height:100%}.chzn-container-single .chzn-search{padding:3px 4px;position:relative;margin:0;white-space:nowrap;z-index:1010}.chzn-container-single .chzn-search input{background:#fff url(chosen-sprite.png) no-repeat 100% -20px;background:url(chosen-sprite.png) no-repeat 100% -20px,-webkit-gradient(linear,0 0,0 100%,color-stop(1%,#eee),color-stop(15%,#fff));background:url(chosen-sprite.png) no-repeat 100% -20px,-webkit-linear-gradient(top,#eee 1%,#fff 15%);background:url(chosen-sprite.png) no-repeat 100% -20px,-moz-linear-gradient(top,#eee 1%,#fff 15%);background:url(chosen-sprite.png) no-repeat 100% -20px,-o-linear-gradient(top,#eee 1%,#fff 15%);background:url(chosen-sprite.png) no-repeat 100% -20px,linear-gradient(#eee 1%,#fff 15%);margin:1px 0;padding:4px 20px 4px 5px;outline:0;border:1px solid #aaa;font-family:sans-serif;font-size:1em;width:100%;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;box-sizing:border-box}.chzn-container-single .chzn-drop{margin-top:-1px;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.chzn-container-single-nosearch .chzn-search{position:absolute;left:-9999px}.chzn-container-multi .chzn-choices{background-color:#fff;background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(top,#eee 1%,#fff 15%);background-image:-moz-linear-gradient(top,#eee 1%,#fff 15%);background-image:-o-linear-gradient(top,#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);border:1px solid #aaa;margin:0;padding:0;cursor:text;overflow:hidden;height:auto!important;height:1%;position:relative;width:100%;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;box-sizing:border-box}.chzn-container-multi .chzn-choices li{float:left;list-style:none}.chzn-container-multi .chzn-choices .search-field{white-space:nowrap;margin:0;padding:0}.chzn-container-multi .chzn-choices .search-field input{color:#666;background:transparent!important;border:0!important;font-family:sans-serif;font-size:100%;height:15px;padding:5px;margin:1px 0;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.chzn-container-multi .chzn-choices .search-field .default{color:#999}.chzn-container-multi .chzn-choices .search-choice{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#e4e4e4;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);-webkit-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);-moz-box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;border:1px solid #aaa;line-height:13px;padding:3px 20px 3px 5px;margin:3px 0 3px 5px;position:relative;cursor:default}.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled{background-color:#e4e4e4;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-ms-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666;border:1px solid #ccc;padding-right:5px}.chzn-container-multi .chzn-choices .search-choice-focus{background:#d4d4d4}.chzn-container-multi .chzn-choices .search-choice .search-choice-close{display:block;position:absolute;right:3px;top:4px;width:12px;height:12px;font-size:1px;background:url(chosen-sprite.png) -42px 1px no-repeat}.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover{background-position:-42px -10px}.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close{background-position:-42px -10px}.chzn-container .chzn-results{margin:0 4px 4px 0;max-height:240px;padding:0 0 0 4px;position:relative;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.chzn-container-multi .chzn-results{margin:0;padding:0}.chzn-container .chzn-results li{display:none;line-height:15px;padding:5px 6px;margin:0;list-style:none}.chzn-container .chzn-results .active-result{cursor:pointer;display:list-item}.chzn-container .chzn-results .disabled-result{color:#ccc;cursor:default;display:list-item}.chzn-container .chzn-results .disabled-result em{background:transparent}.chzn-container .chzn-results .highlighted{background-color:#3875d7;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(top,#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(top,#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(top,#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chzn-container .chzn-results li em{background:#feffde;font-style:normal}.chzn-container .chzn-results .highlighted em{background:transparent}.chzn-container .chzn-results .no-results{background:#f4f4f4;display:list-item}.chzn-container .chzn-results .group-result{cursor:default;color:#999;font-weight:700}.chzn-container .chzn-results .group-option{padding-left:15px}.chzn-container-multi .chzn-drop .result-selected{color:#ccc;cursor:default;display:list-item}.chzn-container-multi .chzn-drop .result-selected em{background:transparent}.chzn-container .chzn-results-scroll{background:#fff;margin:0 4px;position:absolute;text-align:center;width:321px;z-index:1}.chzn-container .chzn-results-scroll span{display:inline-block;height:17px;text-indent:-5000px;width:9px}.chzn-container .chzn-results-scroll-down{bottom:0}.chzn-container .chzn-results-scroll-down span{background:url(chosen-sprite.png) no-repeat -4px -3px}.chzn-container .chzn-results-scroll-up span{background:url(chosen-sprite.png) no-repeat -22px -3px}.chzn-container-active .chzn-single{-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);border:1px solid #5897fb}.chzn-container-active.chzn-with-drop .chzn-single{border:1px solid #aaa;-webkit-box-shadow:0 1px 0 #fff inset;-moz-box-shadow:0 1px 0 #fff inset;box-shadow:0 1px 0 #fff inset;background-color:#eee;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);background-image:-webkit-gradient(linear,0 0,0 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(top,#eee 20%,#fff 80%);background-image:-moz-linear-gradient(top,#eee 20%,#fff 80%);background-image:-o-linear-gradient(top,#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;border-bottom-left-radius:0;border-bottom-right-radius:0}.chzn-container-active.chzn-with-drop .chzn-single div{background:transparent;border-left:0}.chzn-container-active.chzn-with-drop .chzn-single div b{background-position:-18px 2px}.chzn-container-active .chzn-choices{-webkit-box-shadow:0 0 5px rgba(0,0,0,.3);-moz-box-shadow:0 0 5px rgba(0,0,0,.3);box-shadow:0 0 5px rgba(0,0,0,.3);border:1px solid #5897fb}.chzn-container-active .chzn-choices .search-field input{color:#111!important}.chzn-disabled{cursor:default;opacity:.5!important}.chzn-disabled .chzn-single{cursor:default}.chzn-disabled .chzn-choices .search-choice .search-choice-close{cursor:default}.chzn-rtl{text-align:right}.chzn-rtl .chzn-single{padding:0 8px 0 0;overflow:visible}.chzn-rtl .chzn-single span{margin-left:26px;margin-right:0;direction:rtl}.chzn-rtl .chzn-single-with-deselect span{margin-left:38px}.chzn-rtl .chzn-single div{left:3px;right:auto}.chzn-rtl .chzn-single abbr{left:26px;right:auto}.chzn-rtl .chzn-choices .search-field input{direction:rtl}.chzn-rtl .chzn-choices li{float:right}.chzn-rtl .chzn-choices .search-choice{padding:3px 5px 3px 19px;margin:3px 5px 3px 0}.chzn-rtl .chzn-choices .search-choice .search-choice-close{left:4px;right:auto}.chzn-rtl .chzn-container-single-nosearch .chzn-search{left:9999px}.chzn-rtl .chzn-drop{left:9999px}.chzn-rtl.chzn-container-single .chzn-results{margin:0 0 4px 4px;padding:0 4px 0 0}.chzn-rtl .chzn-results .group-option{padding-left:0;padding-right:15px}.chzn-rtl.chzn-container-active.chzn-with-drop .chzn-single div{border-right:0}.chzn-rtl .chzn-search input{background:#fff url(chosen-sprite.png) no-repeat -30px -20px;background:url(chosen-sprite.png) no-repeat -30px -20px,-webkit-gradient(linear,0 0,0 100%,color-stop(1%,#eee),color-stop(15%,#fff));background:url(chosen-sprite.png) no-repeat -30px -20px,-webkit-linear-gradient(top,#eee 1%,#fff 15%);background:url(chosen-sprite.png) no-repeat -30px -20px,-moz-linear-gradient(top,#eee 1%,#fff 15%);background:url(chosen-sprite.png) no-repeat -30px -20px,-o-linear-gradient(top,#eee 1%,#fff 15%);background:url(chosen-sprite.png) no-repeat -30px -20px,linear-gradient(#eee 1%,#fff 15%);padding:4px 5px 4px 20px;direction:rtl}.chzn-container-single.chzn-rtl .chzn-single div b{background-position:6px 2px}.chzn-container-single.chzn-rtl.chzn-with-drop .chzn-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi){.chzn-rtl .chzn-search input,.chzn-container-single .chzn-single abbr,.chzn-container-single .chzn-single div b,.chzn-container-single .chzn-search input,.chzn-container-multi .chzn-choices .search-choice .search-choice-close,.chzn-container .chzn-results-scroll-down span,.chzn-container .chzn-results-scroll-up span{background-image:url(chosen-sprite@2x.png)!important;background-repeat:no-repeat!important;background-size:52px 37px!important}}
/*!
* Angular Material Design
* https://github.com/angular/material
* @license MIT
* v1.0.1
*/
html, body {
height: 100%;
color: rgba(0, 0, 0, 0.87);
background: white;
position: relative; }
body {
margin: 0;
padding: 0; }
[tabindex='-1']:focus {
outline: none; }
.inset {
padding: 10px; }
button.md-no-style {
font-weight: normal;
background-color: inherit;
text-align: left;
border: none;
padding: 0;
margin: 0; }
/*select,
button,
textarea,
input {
vertical-align: baseline; }*/
input[type="reset"],
input[type="submit"],
html input[type="button"],
button {
cursor: pointer;
-webkit-appearance: button; }
input[type="reset"][disabled],
input[type="submit"][disabled],
html input[type="button"][disabled],
button[disabled] {
cursor: default; }
textarea {
vertical-align: top;
overflow: auto; }
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
-webkit-box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none; }
.md-visually-hidden {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
text-transform: none;
width: 1px; }
.md-shadow {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
border-radius: inherit;
pointer-events: none; }
.md-shadow-bottom-z-1 {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
.md-shadow-bottom-z-2 {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }
.md-shadow-animated.md-shadow {
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
/*
* A container inside of a rippling element (eg a button),
* which contains all of the individual ripples
*/
.md-ripple-container {
pointer-events: none;
position: absolute;
overflow: hidden;
left: 0;
top: 0;
width: 100%;
height: 100%;
transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1); }
.md-ripple {
position: absolute;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
opacity: 0;
border-radius: 50%; }
.md-ripple.md-ripple-placed {
transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: margin 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), width 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.9s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.9s cubic-bezier(0.25, 0.8, 0.25, 1); }
.md-ripple.md-ripple-scaled {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1); }
.md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
opacity: 0.20; }
.md-padding {
padding: 8px; }
.md-margin {
margin: 8px; }
.md-scroll-mask {
position: absolute;
background-color: transparent;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.md-scroll-mask > .md-scroll-mask-bar {
display: block;
position: absolute;
background-color: #fafafa;
right: 0;
top: 0;
bottom: 0;
z-index: 65;
box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.3); }
@media (min-width: 960px) {
.md-padding {
padding: 16px; } }
html, body {
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
min-height: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/************
* Headings
************/
.md-display-4 {
font-size: 112px;
font-weight: 300;
letter-spacing: -0.010em;
line-height: 112px; }
.md-display-3 {
font-size: 56px;
font-weight: 400;
letter-spacing: -0.005em;
line-height: 56px; }
.md-display-2 {
font-size: 45px;
font-weight: 400;
line-height: 64px; }
.md-display-1 {
font-size: 34px;
font-weight: 400;
line-height: 40px; }
.md-headline {
font-size: 24px;
font-weight: 400;
line-height: 32px; }
.md-title {
font-size: 20px;
font-weight: 500;
letter-spacing: 0.005em; }
.md-subhead {
font-size: 16px;
font-weight: 400;
letter-spacing: 0.010em;
line-height: 24px; }
/************
* Body Copy
************/
.md-body-1 {
font-size: 14px;
font-weight: 400;
letter-spacing: 0.010em;
line-height: 20px; }
.md-body-2 {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.010em;
line-height: 24px; }
.md-caption {
font-size: 12px;
letter-spacing: 0.020em; }
.md-button {
letter-spacing: 0.010em; }
/************
* Defaults
************/
button,
select,
html,
textarea,
input {
font-family: Roboto, "Helvetica Neue", sans-serif; }
select,
button,
textarea,
input {
font-size: 100%; }
/*
*
* Responsive attributes
*
* References:
* 1) https://scotch.io/tutorials/a-visual-guide-to-css3-flexbox-properties#flex
* 2) https://css-tricks.com/almanac/properties/f/flex/
* 3) https://css-tricks.com/snippets/css/a-guide-to-flexbox/
* 4) https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
* 5) http://godban.com.ua/projects/flexgrid
*
*
*/
@-moz-document url-prefix() {
.layout-fill {
margin: 0;
width: 100%;
min-height: 100%;
height: 100%; } }
/*
* Apply Mixins to create Layout/Flexbox styles
*
*/
.flex-order {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-order--20 {
-webkit-order: -20;
-ms-flex-order: -20;
order: -20; }
.flex-order--19 {
-webkit-order: -19;
-ms-flex-order: -19;
order: -19; }
.flex-order--18 {
-webkit-order: -18;
-ms-flex-order: -18;
order: -18; }
.flex-order--17 {
-webkit-order: -17;
-ms-flex-order: -17;
order: -17; }
.flex-order--16 {
-webkit-order: -16;
-ms-flex-order: -16;
order: -16; }
.flex-order--15 {
-webkit-order: -15;
-ms-flex-order: -15;
order: -15; }
.flex-order--14 {
-webkit-order: -14;
-ms-flex-order: -14;
order: -14; }
.flex-order--13 {
-webkit-order: -13;
-ms-flex-order: -13;
order: -13; }
.flex-order--12 {
-webkit-order: -12;
-ms-flex-order: -12;
order: -12; }
.flex-order--11 {
-webkit-order: -11;
-ms-flex-order: -11;
order: -11; }
.flex-order--10 {
-webkit-order: -10;
-ms-flex-order: -10;
order: -10; }
.flex-order--9 {
-webkit-order: -9;
-ms-flex-order: -9;
order: -9; }
.flex-order--8 {
-webkit-order: -8;
-ms-flex-order: -8;
order: -8; }
.flex-order--7 {
-webkit-order: -7;
-ms-flex-order: -7;
order: -7; }
.flex-order--6 {
-webkit-order: -6;
-ms-flex-order: -6;
order: -6; }
.flex-order--5 {
-webkit-order: -5;
-ms-flex-order: -5;
order: -5; }
.flex-order--4 {
-webkit-order: -4;
-ms-flex-order: -4;
order: -4; }
.flex-order--3 {
-webkit-order: -3;
-ms-flex-order: -3;
order: -3; }
.flex-order--2 {
-webkit-order: -2;
-ms-flex-order: -2;
order: -2; }
.flex-order--1 {
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.flex-order-0 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-order-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.flex-order-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.flex-order-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.flex-order-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.flex-order-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.flex-order-7 {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.flex-order-8 {
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.flex-order-9 {
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.flex-order-10 {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.flex-order-11 {
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.flex-order-12 {
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.flex-order-13 {
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.flex-order-14 {
-webkit-order: 14;
-ms-flex-order: 14;
order: 14; }
.flex-order-15 {
-webkit-order: 15;
-ms-flex-order: 15;
order: 15; }
.flex-order-16 {
-webkit-order: 16;
-ms-flex-order: 16;
order: 16; }
.flex-order-17 {
-webkit-order: 17;
-ms-flex-order: 17;
order: 17; }
.flex-order-18 {
-webkit-order: 18;
-ms-flex-order: 18;
order: 18; }
.flex-order-19 {
-webkit-order: 19;
-ms-flex-order: 19;
order: 19; }
.flex-order-20 {
-webkit-order: 20;
-ms-flex-order: 20;
order: 20; }
.offset-0, .flex-offset-0 {
margin-left: 0%; }
.offset-5, .flex-offset-5 {
margin-left: 5%; }
.offset-10, .flex-offset-10 {
margin-left: 10%; }
.offset-15, .flex-offset-15 {
margin-left: 15%; }
.offset-20, .flex-offset-20 {
margin-left: 20%; }
.offset-25, .flex-offset-25 {
margin-left: 25%; }
.offset-30, .flex-offset-30 {
margin-left: 30%; }
.offset-35, .flex-offset-35 {
margin-left: 35%; }
.offset-40, .flex-offset-40 {
margin-left: 40%; }
.offset-45, .flex-offset-45 {
margin-left: 45%; }
.offset-50, .flex-offset-50 {
margin-left: 50%; }
.offset-55, .flex-offset-55 {
margin-left: 55%; }
.offset-60, .flex-offset-60 {
margin-left: 60%; }
.offset-65, .flex-offset-65 {
margin-left: 65%; }
.offset-70, .flex-offset-70 {
margin-left: 70%; }
.offset-75, .flex-offset-75 {
margin-left: 75%; }
.offset-80, .flex-offset-80 {
margin-left: 80%; }
.offset-85, .flex-offset-85 {
margin-left: 85%; }
.offset-90, .flex-offset-90 {
margin-left: 90%; }
.offset-95, .flex-offset-95 {
margin-left: 95%; }
.offset-33, .flex-offset-33 {
margin-left: calc(100% / 3); }
.offset-66, .flex-offset-66 {
margin-left: calc(200% / 3); }
.layout-align {
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.layout-align-start,
.layout-align-start-start,
.layout-align-start-center,
.layout-align-start-end,
.layout-align-start-stretch {
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start; }
.layout-align-center,
.layout-align-center-start,
.layout-align-center-center,
.layout-align-center-end,
.layout-align-center-stretch {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.layout-align-end,
.layout-align-end-start,
.layout-align-end-center,
.layout-align-end-end,
.layout-align-end-stretch {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.layout-align-space-around,
.layout-align-space-around-center,
.layout-align-space-around-start,
.layout-align-space-around-end,
.layout-align-space-around-stretch {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.layout-align-space-between,
.layout-align-space-between-center,
.layout-align-space-between-start,
.layout-align-space-between-end,
.layout-align-space-between-stretch {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.layout-align-start-start,
.layout-align-center-start,
.layout-align-end-start,
.layout-align-space-between-start,
.layout-align-space-around-start {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.layout-align-start-center,
.layout-align-center-center,
.layout-align-end-center,
.layout-align-space-between-center,
.layout-align-space-around-center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
max-width: 100%; }
.layout-align-start-center > *,
.layout-align-center-center > *,
.layout-align-end-center > *,
.layout-align-space-between-center > *,
.layout-align-space-around-center > * {
max-width: 100%;
box-sizing: border-box; }
.layout-align-start-end,
.layout-align-center-end,
.layout-align-end-end,
.layout-align-space-between-end,
.layout-align-space-around-end {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end; }
.layout-align-start-stretch,
.layout-align-center-stretch,
.layout-align-end-stretch,
.layout-align-space-between-stretch,
.layout-align-space-around-stretch {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch; }
.flex {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-sizing: border-box; }
@media screen\0 {
.flex {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%; } }
.flex-grow {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
box-sizing: border-box; }
.flex-initial {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
box-sizing: border-box; }
.flex-none {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
box-sizing: border-box; }
.flex-noshrink {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
box-sizing: border-box; }
.flex-nogrow {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-0,
.layout-row > .flex-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-0,
.layout-column > .flex-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box; }
.flex-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-5,
.layout-row > .flex-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-5,
.layout-column > .flex-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box; }
.flex-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-10,
.layout-row > .flex-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-10,
.layout-column > .flex-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box; }
.flex-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-15,
.layout-row > .flex-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-15,
.layout-column > .flex-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box; }
.flex-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-20,
.layout-row > .flex-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-20,
.layout-column > .flex-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box; }
.flex-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-25,
.layout-row > .flex-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-25,
.layout-column > .flex-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box; }
.flex-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-30,
.layout-row > .flex-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-30,
.layout-column > .flex-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box; }
.flex-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-35,
.layout-row > .flex-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-35,
.layout-column > .flex-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box; }
.flex-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-40,
.layout-row > .flex-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-40,
.layout-column > .flex-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box; }
.flex-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-45,
.layout-row > .flex-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-45,
.layout-column > .flex-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box; }
.flex-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-50,
.layout-row > .flex-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-50,
.layout-column > .flex-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box; }
.flex-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-55,
.layout-row > .flex-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-55,
.layout-column > .flex-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box; }
.flex-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-60,
.layout-row > .flex-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-60,
.layout-column > .flex-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box; }
.flex-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-65,
.layout-row > .flex-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-65,
.layout-column > .flex-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box; }
.flex-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-70,
.layout-row > .flex-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-70,
.layout-column > .flex-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box; }
.flex-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-75,
.layout-row > .flex-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-75,
.layout-column > .flex-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box; }
.flex-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-80,
.layout-row > .flex-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-80,
.layout-column > .flex-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box; }
.flex-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-85,
.layout-row > .flex-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-85,
.layout-column > .flex-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box; }
.flex-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-90,
.layout-row > .flex-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-90,
.layout-column > .flex-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box; }
.flex-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-95,
.layout-row > .flex-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-95,
.layout-column > .flex-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box; }
.flex-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-100,
.layout-row > .flex-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-100,
.layout-column > .flex-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-33, .layout-row > .flex-33, .layout-row > .flex-33, .layout-row > .flex-33 {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
max-width: calc(100% / 3);
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-66, .layout-row > .flex-66, .layout-row > .flex-66, .layout-row > .flex-66 {
-webkit-flex: 1 1 66%;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
max-width: calc(200% / 3);
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-33, .layout-column > .flex-33, .layout-column > .flex-33, .layout-column > .flex-33 {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
max-width: 100%;
max-height: calc(100% / 3);
box-sizing: border-box; }
.layout-column > .flex-66, .layout-column > .flex-66, .layout-column > .flex-66, .layout-column > .flex-66 {
-webkit-flex: 1 1 66%;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
max-width: 100%;
max-height: calc(200% / 3);
box-sizing: border-box; }
.layout, .layout-column, .layout-row {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.layout-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.layout-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.layout-padding-sm > *,
.layout-padding > .flex-sm {
padding: 4px; }
.layout-padding,
.layout-padding-gt-sm,
.layout-padding-md,
.layout-padding > *,
.layout-padding-gt-sm > *,
.layout-padding-md > *,
.layout-padding > .flex,
.layout-padding > .flex-gt-sm,
.layout-padding > .flex-md {
padding: 8px; }
.layout-padding-gt-md > *,
.layout-padding-lg > *,
.layout-padding-gt-lg > *,
.layout-padding > .flex-gt-md,
.layout-padding > .flex-lg,
.layout-padding > .flex-lg,
.layout-padding > .flex-gt-lg {
padding: 16px; }
.layout-margin-sm > *,
.layout-margin > .flex-sm {
margin: 4px; }
.layout-margin,
.layout-margin-gt-sm,
.layout-margin-md,
.layout-margin > *,
.layout-margin-gt-sm > *,
.layout-margin-md > *,
.layout-margin > .flex,
.layout-margin > .flex-gt-sm,
.layout-margin > .flex-md {
margin: 8px; }
.layout-margin-gt-md > *,
.layout-margin-lg > *,
.layout-margin-gt-lg > *,
.layout-margin > .flex-gt-md,
.layout-margin > .flex-lg,
.layout-margin > .flex-gt-lg {
margin: 16px; }
.layout-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.layout-nowrap {
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap; }
.layout-fill {
margin: 0;
width: 100%;
min-height: 100%;
height: 100%; }
/**
* `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
* `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
* `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
*
* hide means hide everywhere
* Sizes:
* $layout-breakpoint-xs: 600px !default;
* $layout-breakpoint-sm: 960px !default;
* $layout-breakpoint-md: 1280px !default;
* $layout-breakpoint-lg: 1920px !default;
*/
@media (max-width: 599px) {
.hide-xs:not(.show-xs):not(.show), .hide:not(.show-xs):not(.show) {
display: none; }
.flex-order-xs--20 {
-webkit-order: -20;
-ms-flex-order: -20;
order: -20; }
.flex-order-xs--19 {
-webkit-order: -19;
-ms-flex-order: -19;
order: -19; }
.flex-order-xs--18 {
-webkit-order: -18;
-ms-flex-order: -18;
order: -18; }
.flex-order-xs--17 {
-webkit-order: -17;
-ms-flex-order: -17;
order: -17; }
.flex-order-xs--16 {
-webkit-order: -16;
-ms-flex-order: -16;
order: -16; }
.flex-order-xs--15 {
-webkit-order: -15;
-ms-flex-order: -15;
order: -15; }
.flex-order-xs--14 {
-webkit-order: -14;
-ms-flex-order: -14;
order: -14; }
.flex-order-xs--13 {
-webkit-order: -13;
-ms-flex-order: -13;
order: -13; }
.flex-order-xs--12 {
-webkit-order: -12;
-ms-flex-order: -12;
order: -12; }
.flex-order-xs--11 {
-webkit-order: -11;
-ms-flex-order: -11;
order: -11; }
.flex-order-xs--10 {
-webkit-order: -10;
-ms-flex-order: -10;
order: -10; }
.flex-order-xs--9 {
-webkit-order: -9;
-ms-flex-order: -9;
order: -9; }
.flex-order-xs--8 {
-webkit-order: -8;
-ms-flex-order: -8;
order: -8; }
.flex-order-xs--7 {
-webkit-order: -7;
-ms-flex-order: -7;
order: -7; }
.flex-order-xs--6 {
-webkit-order: -6;
-ms-flex-order: -6;
order: -6; }
.flex-order-xs--5 {
-webkit-order: -5;
-ms-flex-order: -5;
order: -5; }
.flex-order-xs--4 {
-webkit-order: -4;
-ms-flex-order: -4;
order: -4; }
.flex-order-xs--3 {
-webkit-order: -3;
-ms-flex-order: -3;
order: -3; }
.flex-order-xs--2 {
-webkit-order: -2;
-ms-flex-order: -2;
order: -2; }
.flex-order-xs--1 {
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.flex-order-xs-0 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-order-xs-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-xs-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.flex-order-xs-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.flex-order-xs-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.flex-order-xs-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.flex-order-xs-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.flex-order-xs-7 {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.flex-order-xs-8 {
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.flex-order-xs-9 {
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.flex-order-xs-10 {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.flex-order-xs-11 {
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.flex-order-xs-12 {
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.flex-order-xs-13 {
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.flex-order-xs-14 {
-webkit-order: 14;
-ms-flex-order: 14;
order: 14; }
.flex-order-xs-15 {
-webkit-order: 15;
-ms-flex-order: 15;
order: 15; }
.flex-order-xs-16 {
-webkit-order: 16;
-ms-flex-order: 16;
order: 16; }
.flex-order-xs-17 {
-webkit-order: 17;
-ms-flex-order: 17;
order: 17; }
.flex-order-xs-18 {
-webkit-order: 18;
-ms-flex-order: 18;
order: 18; }
.flex-order-xs-19 {
-webkit-order: 19;
-ms-flex-order: 19;
order: 19; }
.flex-order-xs-20 {
-webkit-order: 20;
-ms-flex-order: 20;
order: 20; }
.offset-xs-0, .flex-offset-xs-0 {
margin-left: 0%; }
.offset-xs-5, .flex-offset-xs-5 {
margin-left: 5%; }
.offset-xs-10, .flex-offset-xs-10 {
margin-left: 10%; }
.offset-xs-15, .flex-offset-xs-15 {
margin-left: 15%; }
.offset-xs-20, .flex-offset-xs-20 {
margin-left: 20%; }
.offset-xs-25, .flex-offset-xs-25 {
margin-left: 25%; }
.offset-xs-30, .flex-offset-xs-30 {
margin-left: 30%; }
.offset-xs-35, .flex-offset-xs-35 {
margin-left: 35%; }
.offset-xs-40, .flex-offset-xs-40 {
margin-left: 40%; }
.offset-xs-45, .flex-offset-xs-45 {
margin-left: 45%; }
.offset-xs-50, .flex-offset-xs-50 {
margin-left: 50%; }
.offset-xs-55, .flex-offset-xs-55 {
margin-left: 55%; }
.offset-xs-60, .flex-offset-xs-60 {
margin-left: 60%; }
.offset-xs-65, .flex-offset-xs-65 {
margin-left: 65%; }
.offset-xs-70, .flex-offset-xs-70 {
margin-left: 70%; }
.offset-xs-75, .flex-offset-xs-75 {
margin-left: 75%; }
.offset-xs-80, .flex-offset-xs-80 {
margin-left: 80%; }
.offset-xs-85, .flex-offset-xs-85 {
margin-left: 85%; }
.offset-xs-90, .flex-offset-xs-90 {
margin-left: 90%; }
.offset-xs-95, .flex-offset-xs-95 {
margin-left: 95%; }
.offset-xs-33, .flex-offset-xs-33 {
margin-left: calc(100% / 3); }
.offset-xs-66, .flex-offset-xs-66 {
margin-left: calc(200% / 3); }
.layout-align-xs {
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.layout-align-xs-start,
.layout-align-xs-start-start,
.layout-align-xs-start-center,
.layout-align-xs-start-end,
.layout-align-xs-start-stretch {
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start; }
.layout-align-xs-center,
.layout-align-xs-center-start,
.layout-align-xs-center-center,
.layout-align-xs-center-end,
.layout-align-xs-center-stretch {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.layout-align-xs-end,
.layout-align-xs-end-start,
.layout-align-xs-end-center,
.layout-align-xs-end-end,
.layout-align-xs-end-stretch {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.layout-align-xs-space-around,
.layout-align-xs-space-around-center,
.layout-align-xs-space-around-start,
.layout-align-xs-space-around-end,
.layout-align-xs-space-around-stretch {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.layout-align-xs-space-between,
.layout-align-xs-space-between-center,
.layout-align-xs-space-between-start,
.layout-align-xs-space-between-end,
.layout-align-xs-space-between-stretch {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.layout-align-xs-start-start,
.layout-align-xs-center-start,
.layout-align-xs-end-start,
.layout-align-xs-space-between-start,
.layout-align-xs-space-around-start {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.layout-align-xs-start-center,
.layout-align-xs-center-center,
.layout-align-xs-end-center,
.layout-align-xs-space-between-center,
.layout-align-xs-space-around-center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
max-width: 100%; }
.layout-align-xs-start-center > *,
.layout-align-xs-center-center > *,
.layout-align-xs-end-center > *,
.layout-align-xs-space-between-center > *,
.layout-align-xs-space-around-center > * {
max-width: 100%;
box-sizing: border-box; }
.layout-align-xs-start-end,
.layout-align-xs-center-end,
.layout-align-xs-end-end,
.layout-align-xs-space-between-end,
.layout-align-xs-space-around-end {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end; }
.layout-align-xs-start-stretch,
.layout-align-xs-center-stretch,
.layout-align-xs-end-stretch,
.layout-align-xs-space-between-stretch,
.layout-align-xs-space-around-stretch {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch; }
.flex-xs {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-sizing: border-box; } }
@media screen\0 and (max-width: 599px) {
.flex-xs {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%; } }
@media (max-width: 599px) {
.flex-xs-grow {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
box-sizing: border-box; }
.flex-xs-initial {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-xs-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
box-sizing: border-box; }
.flex-xs-none {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
box-sizing: border-box; }
.flex-xs-noshrink {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
box-sizing: border-box; }
.flex-xs-nogrow {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-xs-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-0,
.layout-xs-row > .flex-xs-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-0,
.layout-xs-column > .flex-xs-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box; }
.flex-xs-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-5,
.layout-xs-row > .flex-xs-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-5,
.layout-xs-column > .flex-xs-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box; }
.flex-xs-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-10,
.layout-xs-row > .flex-xs-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-10,
.layout-xs-column > .flex-xs-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box; }
.flex-xs-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-15,
.layout-xs-row > .flex-xs-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-15,
.layout-xs-column > .flex-xs-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box; }
.flex-xs-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-20,
.layout-xs-row > .flex-xs-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-20,
.layout-xs-column > .flex-xs-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box; }
.flex-xs-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-25,
.layout-xs-row > .flex-xs-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-25,
.layout-xs-column > .flex-xs-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box; }
.flex-xs-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-30,
.layout-xs-row > .flex-xs-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-30,
.layout-xs-column > .flex-xs-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box; }
.flex-xs-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-35,
.layout-xs-row > .flex-xs-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-35,
.layout-xs-column > .flex-xs-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box; }
.flex-xs-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-40,
.layout-xs-row > .flex-xs-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-40,
.layout-xs-column > .flex-xs-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box; }
.flex-xs-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-45,
.layout-xs-row > .flex-xs-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-45,
.layout-xs-column > .flex-xs-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box; }
.flex-xs-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-50,
.layout-xs-row > .flex-xs-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-50,
.layout-xs-column > .flex-xs-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box; }
.flex-xs-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-55,
.layout-xs-row > .flex-xs-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-55,
.layout-xs-column > .flex-xs-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box; }
.flex-xs-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-60,
.layout-xs-row > .flex-xs-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-60,
.layout-xs-column > .flex-xs-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box; }
.flex-xs-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-65,
.layout-xs-row > .flex-xs-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-65,
.layout-xs-column > .flex-xs-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box; }
.flex-xs-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-70,
.layout-xs-row > .flex-xs-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-70,
.layout-xs-column > .flex-xs-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box; }
.flex-xs-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-75,
.layout-xs-row > .flex-xs-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-75,
.layout-xs-column > .flex-xs-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box; }
.flex-xs-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-80,
.layout-xs-row > .flex-xs-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-80,
.layout-xs-column > .flex-xs-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box; }
.flex-xs-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-85,
.layout-xs-row > .flex-xs-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-85,
.layout-xs-column > .flex-xs-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box; }
.flex-xs-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-90,
.layout-xs-row > .flex-xs-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-90,
.layout-xs-column > .flex-xs-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box; }
.flex-xs-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-95,
.layout-xs-row > .flex-xs-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-95,
.layout-xs-column > .flex-xs-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box; }
.flex-xs-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-100,
.layout-xs-row > .flex-xs-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-100,
.layout-xs-column > .flex-xs-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-33, .layout-row > .flex-xs-33, .layout-xs-row > .flex-xs-33, .layout-xs-row > .flex-xs-33 {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
max-width: calc(100% / 3);
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xs-66, .layout-row > .flex-xs-66, .layout-xs-row > .flex-xs-66, .layout-xs-row > .flex-xs-66 {
-webkit-flex: 1 1 66%;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
max-width: calc(200% / 3);
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xs-33, .layout-column > .flex-xs-33, .layout-xs-column > .flex-xs-33, .layout-xs-column > .flex-xs-33 {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
max-width: 100%;
max-height: calc(100% / 3);
box-sizing: border-box; }
.layout-column > .flex-xs-66, .layout-column > .flex-xs-66, .layout-xs-column > .flex-xs-66, .layout-xs-column > .flex-xs-66 {
-webkit-flex: 1 1 66%;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
max-width: 100%;
max-height: calc(200% / 3);
box-sizing: border-box; }
.layout-xs, .layout-xs-column, .layout-xs-row {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.layout-xs-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.layout-xs-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; } }
@media (min-width: 600px) {
.flex-order-gt-xs--20 {
-webkit-order: -20;
-ms-flex-order: -20;
order: -20; }
.flex-order-gt-xs--19 {
-webkit-order: -19;
-ms-flex-order: -19;
order: -19; }
.flex-order-gt-xs--18 {
-webkit-order: -18;
-ms-flex-order: -18;
order: -18; }
.flex-order-gt-xs--17 {
-webkit-order: -17;
-ms-flex-order: -17;
order: -17; }
.flex-order-gt-xs--16 {
-webkit-order: -16;
-ms-flex-order: -16;
order: -16; }
.flex-order-gt-xs--15 {
-webkit-order: -15;
-ms-flex-order: -15;
order: -15; }
.flex-order-gt-xs--14 {
-webkit-order: -14;
-ms-flex-order: -14;
order: -14; }
.flex-order-gt-xs--13 {
-webkit-order: -13;
-ms-flex-order: -13;
order: -13; }
.flex-order-gt-xs--12 {
-webkit-order: -12;
-ms-flex-order: -12;
order: -12; }
.flex-order-gt-xs--11 {
-webkit-order: -11;
-ms-flex-order: -11;
order: -11; }
.flex-order-gt-xs--10 {
-webkit-order: -10;
-ms-flex-order: -10;
order: -10; }
.flex-order-gt-xs--9 {
-webkit-order: -9;
-ms-flex-order: -9;
order: -9; }
.flex-order-gt-xs--8 {
-webkit-order: -8;
-ms-flex-order: -8;
order: -8; }
.flex-order-gt-xs--7 {
-webkit-order: -7;
-ms-flex-order: -7;
order: -7; }
.flex-order-gt-xs--6 {
-webkit-order: -6;
-ms-flex-order: -6;
order: -6; }
.flex-order-gt-xs--5 {
-webkit-order: -5;
-ms-flex-order: -5;
order: -5; }
.flex-order-gt-xs--4 {
-webkit-order: -4;
-ms-flex-order: -4;
order: -4; }
.flex-order-gt-xs--3 {
-webkit-order: -3;
-ms-flex-order: -3;
order: -3; }
.flex-order-gt-xs--2 {
-webkit-order: -2;
-ms-flex-order: -2;
order: -2; }
.flex-order-gt-xs--1 {
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.flex-order-gt-xs-0 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-order-gt-xs-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-gt-xs-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.flex-order-gt-xs-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.flex-order-gt-xs-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.flex-order-gt-xs-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.flex-order-gt-xs-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.flex-order-gt-xs-7 {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.flex-order-gt-xs-8 {
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.flex-order-gt-xs-9 {
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.flex-order-gt-xs-10 {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.flex-order-gt-xs-11 {
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.flex-order-gt-xs-12 {
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.flex-order-gt-xs-13 {
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.flex-order-gt-xs-14 {
-webkit-order: 14;
-ms-flex-order: 14;
order: 14; }
.flex-order-gt-xs-15 {
-webkit-order: 15;
-ms-flex-order: 15;
order: 15; }
.flex-order-gt-xs-16 {
-webkit-order: 16;
-ms-flex-order: 16;
order: 16; }
.flex-order-gt-xs-17 {
-webkit-order: 17;
-ms-flex-order: 17;
order: 17; }
.flex-order-gt-xs-18 {
-webkit-order: 18;
-ms-flex-order: 18;
order: 18; }
.flex-order-gt-xs-19 {
-webkit-order: 19;
-ms-flex-order: 19;
order: 19; }
.flex-order-gt-xs-20 {
-webkit-order: 20;
-ms-flex-order: 20;
order: 20; }
.offset-gt-xs-0, .flex-offset-gt-xs-0 {
margin-left: 0%; }
.offset-gt-xs-5, .flex-offset-gt-xs-5 {
margin-left: 5%; }
.offset-gt-xs-10, .flex-offset-gt-xs-10 {
margin-left: 10%; }
.offset-gt-xs-15, .flex-offset-gt-xs-15 {
margin-left: 15%; }
.offset-gt-xs-20, .flex-offset-gt-xs-20 {
margin-left: 20%; }
.offset-gt-xs-25, .flex-offset-gt-xs-25 {
margin-left: 25%; }
.offset-gt-xs-30, .flex-offset-gt-xs-30 {
margin-left: 30%; }
.offset-gt-xs-35, .flex-offset-gt-xs-35 {
margin-left: 35%; }
.offset-gt-xs-40, .flex-offset-gt-xs-40 {
margin-left: 40%; }
.offset-gt-xs-45, .flex-offset-gt-xs-45 {
margin-left: 45%; }
.offset-gt-xs-50, .flex-offset-gt-xs-50 {
margin-left: 50%; }
.offset-gt-xs-55, .flex-offset-gt-xs-55 {
margin-left: 55%; }
.offset-gt-xs-60, .flex-offset-gt-xs-60 {
margin-left: 60%; }
.offset-gt-xs-65, .flex-offset-gt-xs-65 {
margin-left: 65%; }
.offset-gt-xs-70, .flex-offset-gt-xs-70 {
margin-left: 70%; }
.offset-gt-xs-75, .flex-offset-gt-xs-75 {
margin-left: 75%; }
.offset-gt-xs-80, .flex-offset-gt-xs-80 {
margin-left: 80%; }
.offset-gt-xs-85, .flex-offset-gt-xs-85 {
margin-left: 85%; }
.offset-gt-xs-90, .flex-offset-gt-xs-90 {
margin-left: 90%; }
.offset-gt-xs-95, .flex-offset-gt-xs-95 {
margin-left: 95%; }
.offset-gt-xs-33, .flex-offset-gt-xs-33 {
margin-left: calc(100% / 3); }
.offset-gt-xs-66, .flex-offset-gt-xs-66 {
margin-left: calc(200% / 3); }
.layout-align-gt-xs {
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.layout-align-gt-xs-start,
.layout-align-gt-xs-start-start,
.layout-align-gt-xs-start-center,
.layout-align-gt-xs-start-end,
.layout-align-gt-xs-start-stretch {
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start; }
.layout-align-gt-xs-center,
.layout-align-gt-xs-center-start,
.layout-align-gt-xs-center-center,
.layout-align-gt-xs-center-end,
.layout-align-gt-xs-center-stretch {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.layout-align-gt-xs-end,
.layout-align-gt-xs-end-start,
.layout-align-gt-xs-end-center,
.layout-align-gt-xs-end-end,
.layout-align-gt-xs-end-stretch {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.layout-align-gt-xs-space-around,
.layout-align-gt-xs-space-around-center,
.layout-align-gt-xs-space-around-start,
.layout-align-gt-xs-space-around-end,
.layout-align-gt-xs-space-around-stretch {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.layout-align-gt-xs-space-between,
.layout-align-gt-xs-space-between-center,
.layout-align-gt-xs-space-between-start,
.layout-align-gt-xs-space-between-end,
.layout-align-gt-xs-space-between-stretch {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.layout-align-gt-xs-start-start,
.layout-align-gt-xs-center-start,
.layout-align-gt-xs-end-start,
.layout-align-gt-xs-space-between-start,
.layout-align-gt-xs-space-around-start {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.layout-align-gt-xs-start-center,
.layout-align-gt-xs-center-center,
.layout-align-gt-xs-end-center,
.layout-align-gt-xs-space-between-center,
.layout-align-gt-xs-space-around-center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
max-width: 100%; }
.layout-align-gt-xs-start-center > *,
.layout-align-gt-xs-center-center > *,
.layout-align-gt-xs-end-center > *,
.layout-align-gt-xs-space-between-center > *,
.layout-align-gt-xs-space-around-center > * {
max-width: 100%;
box-sizing: border-box; }
.layout-align-gt-xs-start-end,
.layout-align-gt-xs-center-end,
.layout-align-gt-xs-end-end,
.layout-align-gt-xs-space-between-end,
.layout-align-gt-xs-space-around-end {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end; }
.layout-align-gt-xs-start-stretch,
.layout-align-gt-xs-center-stretch,
.layout-align-gt-xs-end-stretch,
.layout-align-gt-xs-space-between-stretch,
.layout-align-gt-xs-space-around-stretch {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch; }
.flex-gt-xs {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-sizing: border-box; } }
@media screen\0 and (min-width: 600px) {
.flex-gt-xs {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%; } }
@media (min-width: 600px) {
.flex-gt-xs-grow {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
box-sizing: border-box; }
.flex-gt-xs-initial {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-gt-xs-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
box-sizing: border-box; }
.flex-gt-xs-none {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
box-sizing: border-box; }
.flex-gt-xs-noshrink {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
box-sizing: border-box; }
.flex-gt-xs-nogrow {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-gt-xs-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-0,
.layout-gt-xs-row > .flex-gt-xs-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-0,
.layout-gt-xs-column > .flex-gt-xs-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box; }
.flex-gt-xs-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-5,
.layout-gt-xs-row > .flex-gt-xs-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-5,
.layout-gt-xs-column > .flex-gt-xs-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box; }
.flex-gt-xs-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-10,
.layout-gt-xs-row > .flex-gt-xs-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-10,
.layout-gt-xs-column > .flex-gt-xs-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box; }
.flex-gt-xs-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-15,
.layout-gt-xs-row > .flex-gt-xs-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-15,
.layout-gt-xs-column > .flex-gt-xs-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box; }
.flex-gt-xs-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-20,
.layout-gt-xs-row > .flex-gt-xs-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-20,
.layout-gt-xs-column > .flex-gt-xs-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box; }
.flex-gt-xs-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-25,
.layout-gt-xs-row > .flex-gt-xs-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-25,
.layout-gt-xs-column > .flex-gt-xs-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box; }
.flex-gt-xs-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-30,
.layout-gt-xs-row > .flex-gt-xs-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-30,
.layout-gt-xs-column > .flex-gt-xs-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box; }
.flex-gt-xs-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-35,
.layout-gt-xs-row > .flex-gt-xs-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-35,
.layout-gt-xs-column > .flex-gt-xs-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box; }
.flex-gt-xs-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-40,
.layout-gt-xs-row > .flex-gt-xs-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-40,
.layout-gt-xs-column > .flex-gt-xs-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box; }
.flex-gt-xs-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-45,
.layout-gt-xs-row > .flex-gt-xs-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-45,
.layout-gt-xs-column > .flex-gt-xs-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box; }
.flex-gt-xs-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-50,
.layout-gt-xs-row > .flex-gt-xs-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-50,
.layout-gt-xs-column > .flex-gt-xs-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box; }
.flex-gt-xs-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-55,
.layout-gt-xs-row > .flex-gt-xs-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-55,
.layout-gt-xs-column > .flex-gt-xs-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box; }
.flex-gt-xs-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-60,
.layout-gt-xs-row > .flex-gt-xs-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-60,
.layout-gt-xs-column > .flex-gt-xs-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box; }
.flex-gt-xs-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-65,
.layout-gt-xs-row > .flex-gt-xs-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-65,
.layout-gt-xs-column > .flex-gt-xs-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box; }
.flex-gt-xs-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-70,
.layout-gt-xs-row > .flex-gt-xs-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-70,
.layout-gt-xs-column > .flex-gt-xs-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box; }
.flex-gt-xs-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-75,
.layout-gt-xs-row > .flex-gt-xs-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-75,
.layout-gt-xs-column > .flex-gt-xs-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box; }
.flex-gt-xs-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-80,
.layout-gt-xs-row > .flex-gt-xs-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-80,
.layout-gt-xs-column > .flex-gt-xs-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box; }
.flex-gt-xs-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-85,
.layout-gt-xs-row > .flex-gt-xs-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-85,
.layout-gt-xs-column > .flex-gt-xs-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box; }
.flex-gt-xs-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-90,
.layout-gt-xs-row > .flex-gt-xs-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-90,
.layout-gt-xs-column > .flex-gt-xs-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box; }
.flex-gt-xs-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-95,
.layout-gt-xs-row > .flex-gt-xs-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-95,
.layout-gt-xs-column > .flex-gt-xs-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box; }
.flex-gt-xs-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-100,
.layout-gt-xs-row > .flex-gt-xs-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-100,
.layout-gt-xs-column > .flex-gt-xs-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-33, .layout-row > .flex-gt-xs-33, .layout-gt-xs-row > .flex-gt-xs-33, .layout-gt-xs-row > .flex-gt-xs-33 {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
max-width: calc(100% / 3);
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-xs-66, .layout-row > .flex-gt-xs-66, .layout-gt-xs-row > .flex-gt-xs-66, .layout-gt-xs-row > .flex-gt-xs-66 {
-webkit-flex: 1 1 66%;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
max-width: calc(200% / 3);
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-xs-33, .layout-column > .flex-gt-xs-33, .layout-gt-xs-column > .flex-gt-xs-33, .layout-gt-xs-column > .flex-gt-xs-33 {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
max-width: 100%;
max-height: calc(100% / 3);
box-sizing: border-box; }
.layout-column > .flex-gt-xs-66, .layout-column > .flex-gt-xs-66, .layout-gt-xs-column > .flex-gt-xs-66, .layout-gt-xs-column > .flex-gt-xs-66 {
-webkit-flex: 1 1 66%;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
max-width: 100%;
max-height: calc(200% / 3);
box-sizing: border-box; }
.layout-gt-xs, .layout-gt-xs-column, .layout-gt-xs-row {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.layout-gt-xs-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.layout-gt-xs-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; } }
@media (min-width: 600px) and (max-width: 959px) {
.hide:not(.show-gt-xs):not(.show-sm):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-sm):not(.show) {
display: none; }
.hide-sm:not(.show-gt-xs):not(.show-sm):not(.show) {
display: none; }
.flex-order-sm--20 {
-webkit-order: -20;
-ms-flex-order: -20;
order: -20; }
.flex-order-sm--19 {
-webkit-order: -19;
-ms-flex-order: -19;
order: -19; }
.flex-order-sm--18 {
-webkit-order: -18;
-ms-flex-order: -18;
order: -18; }
.flex-order-sm--17 {
-webkit-order: -17;
-ms-flex-order: -17;
order: -17; }
.flex-order-sm--16 {
-webkit-order: -16;
-ms-flex-order: -16;
order: -16; }
.flex-order-sm--15 {
-webkit-order: -15;
-ms-flex-order: -15;
order: -15; }
.flex-order-sm--14 {
-webkit-order: -14;
-ms-flex-order: -14;
order: -14; }
.flex-order-sm--13 {
-webkit-order: -13;
-ms-flex-order: -13;
order: -13; }
.flex-order-sm--12 {
-webkit-order: -12;
-ms-flex-order: -12;
order: -12; }
.flex-order-sm--11 {
-webkit-order: -11;
-ms-flex-order: -11;
order: -11; }
.flex-order-sm--10 {
-webkit-order: -10;
-ms-flex-order: -10;
order: -10; }
.flex-order-sm--9 {
-webkit-order: -9;
-ms-flex-order: -9;
order: -9; }
.flex-order-sm--8 {
-webkit-order: -8;
-ms-flex-order: -8;
order: -8; }
.flex-order-sm--7 {
-webkit-order: -7;
-ms-flex-order: -7;
order: -7; }
.flex-order-sm--6 {
-webkit-order: -6;
-ms-flex-order: -6;
order: -6; }
.flex-order-sm--5 {
-webkit-order: -5;
-ms-flex-order: -5;
order: -5; }
.flex-order-sm--4 {
-webkit-order: -4;
-ms-flex-order: -4;
order: -4; }
.flex-order-sm--3 {
-webkit-order: -3;
-ms-flex-order: -3;
order: -3; }
.flex-order-sm--2 {
-webkit-order: -2;
-ms-flex-order: -2;
order: -2; }
.flex-order-sm--1 {
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.flex-order-sm-0 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-order-sm-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-sm-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.flex-order-sm-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.flex-order-sm-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.flex-order-sm-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.flex-order-sm-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.flex-order-sm-7 {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.flex-order-sm-8 {
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.flex-order-sm-9 {
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.flex-order-sm-10 {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.flex-order-sm-11 {
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.flex-order-sm-12 {
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.flex-order-sm-13 {
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.flex-order-sm-14 {
-webkit-order: 14;
-ms-flex-order: 14;
order: 14; }
.flex-order-sm-15 {
-webkit-order: 15;
-ms-flex-order: 15;
order: 15; }
.flex-order-sm-16 {
-webkit-order: 16;
-ms-flex-order: 16;
order: 16; }
.flex-order-sm-17 {
-webkit-order: 17;
-ms-flex-order: 17;
order: 17; }
.flex-order-sm-18 {
-webkit-order: 18;
-ms-flex-order: 18;
order: 18; }
.flex-order-sm-19 {
-webkit-order: 19;
-ms-flex-order: 19;
order: 19; }
.flex-order-sm-20 {
-webkit-order: 20;
-ms-flex-order: 20;
order: 20; }
.offset-sm-0, .flex-offset-sm-0 {
margin-left: 0%; }
.offset-sm-5, .flex-offset-sm-5 {
margin-left: 5%; }
.offset-sm-10, .flex-offset-sm-10 {
margin-left: 10%; }
.offset-sm-15, .flex-offset-sm-15 {
margin-left: 15%; }
.offset-sm-20, .flex-offset-sm-20 {
margin-left: 20%; }
.offset-sm-25, .flex-offset-sm-25 {
margin-left: 25%; }
.offset-sm-30, .flex-offset-sm-30 {
margin-left: 30%; }
.offset-sm-35, .flex-offset-sm-35 {
margin-left: 35%; }
.offset-sm-40, .flex-offset-sm-40 {
margin-left: 40%; }
.offset-sm-45, .flex-offset-sm-45 {
margin-left: 45%; }
.offset-sm-50, .flex-offset-sm-50 {
margin-left: 50%; }
.offset-sm-55, .flex-offset-sm-55 {
margin-left: 55%; }
.offset-sm-60, .flex-offset-sm-60 {
margin-left: 60%; }
.offset-sm-65, .flex-offset-sm-65 {
margin-left: 65%; }
.offset-sm-70, .flex-offset-sm-70 {
margin-left: 70%; }
.offset-sm-75, .flex-offset-sm-75 {
margin-left: 75%; }
.offset-sm-80, .flex-offset-sm-80 {
margin-left: 80%; }
.offset-sm-85, .flex-offset-sm-85 {
margin-left: 85%; }
.offset-sm-90, .flex-offset-sm-90 {
margin-left: 90%; }
.offset-sm-95, .flex-offset-sm-95 {
margin-left: 95%; }
.offset-sm-33, .flex-offset-sm-33 {
margin-left: calc(100% / 3); }
.offset-sm-66, .flex-offset-sm-66 {
margin-left: calc(200% / 3); }
.layout-align-sm {
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.layout-align-sm-start,
.layout-align-sm-start-start,
.layout-align-sm-start-center,
.layout-align-sm-start-end,
.layout-align-sm-start-stretch {
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start; }
.layout-align-sm-center,
.layout-align-sm-center-start,
.layout-align-sm-center-center,
.layout-align-sm-center-end,
.layout-align-sm-center-stretch {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.layout-align-sm-end,
.layout-align-sm-end-start,
.layout-align-sm-end-center,
.layout-align-sm-end-end,
.layout-align-sm-end-stretch {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.layout-align-sm-space-around,
.layout-align-sm-space-around-center,
.layout-align-sm-space-around-start,
.layout-align-sm-space-around-end,
.layout-align-sm-space-around-stretch {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.layout-align-sm-space-between,
.layout-align-sm-space-between-center,
.layout-align-sm-space-between-start,
.layout-align-sm-space-between-end,
.layout-align-sm-space-between-stretch {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.layout-align-sm-start-start,
.layout-align-sm-center-start,
.layout-align-sm-end-start,
.layout-align-sm-space-between-start,
.layout-align-sm-space-around-start {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.layout-align-sm-start-center,
.layout-align-sm-center-center,
.layout-align-sm-end-center,
.layout-align-sm-space-between-center,
.layout-align-sm-space-around-center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
max-width: 100%; }
.layout-align-sm-start-center > *,
.layout-align-sm-center-center > *,
.layout-align-sm-end-center > *,
.layout-align-sm-space-between-center > *,
.layout-align-sm-space-around-center > * {
max-width: 100%;
box-sizing: border-box; }
.layout-align-sm-start-end,
.layout-align-sm-center-end,
.layout-align-sm-end-end,
.layout-align-sm-space-between-end,
.layout-align-sm-space-around-end {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end; }
.layout-align-sm-start-stretch,
.layout-align-sm-center-stretch,
.layout-align-sm-end-stretch,
.layout-align-sm-space-between-stretch,
.layout-align-sm-space-around-stretch {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch; }
.flex-sm {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-sizing: border-box; } }
@media screen\0 and (min-width: 600px) and (max-width: 959px) {
.flex-sm {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%; } }
@media (min-width: 600px) and (max-width: 959px) {
.flex-sm-grow {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
box-sizing: border-box; }
.flex-sm-initial {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-sm-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
box-sizing: border-box; }
.flex-sm-none {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
box-sizing: border-box; }
.flex-sm-noshrink {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
box-sizing: border-box; }
.flex-sm-nogrow {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-sm-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-0,
.layout-sm-row > .flex-sm-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-0,
.layout-sm-column > .flex-sm-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box; }
.flex-sm-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-5,
.layout-sm-row > .flex-sm-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-5,
.layout-sm-column > .flex-sm-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box; }
.flex-sm-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-10,
.layout-sm-row > .flex-sm-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-10,
.layout-sm-column > .flex-sm-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box; }
.flex-sm-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-15,
.layout-sm-row > .flex-sm-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-15,
.layout-sm-column > .flex-sm-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box; }
.flex-sm-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-20,
.layout-sm-row > .flex-sm-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-20,
.layout-sm-column > .flex-sm-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box; }
.flex-sm-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-25,
.layout-sm-row > .flex-sm-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-25,
.layout-sm-column > .flex-sm-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box; }
.flex-sm-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-30,
.layout-sm-row > .flex-sm-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-30,
.layout-sm-column > .flex-sm-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box; }
.flex-sm-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-35,
.layout-sm-row > .flex-sm-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-35,
.layout-sm-column > .flex-sm-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box; }
.flex-sm-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-40,
.layout-sm-row > .flex-sm-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-40,
.layout-sm-column > .flex-sm-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box; }
.flex-sm-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-45,
.layout-sm-row > .flex-sm-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-45,
.layout-sm-column > .flex-sm-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box; }
.flex-sm-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-50,
.layout-sm-row > .flex-sm-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-50,
.layout-sm-column > .flex-sm-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box; }
.flex-sm-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-55,
.layout-sm-row > .flex-sm-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-55,
.layout-sm-column > .flex-sm-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box; }
.flex-sm-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-60,
.layout-sm-row > .flex-sm-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-60,
.layout-sm-column > .flex-sm-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box; }
.flex-sm-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-65,
.layout-sm-row > .flex-sm-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-65,
.layout-sm-column > .flex-sm-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box; }
.flex-sm-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-70,
.layout-sm-row > .flex-sm-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-70,
.layout-sm-column > .flex-sm-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box; }
.flex-sm-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-75,
.layout-sm-row > .flex-sm-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-75,
.layout-sm-column > .flex-sm-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box; }
.flex-sm-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-80,
.layout-sm-row > .flex-sm-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-80,
.layout-sm-column > .flex-sm-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box; }
.flex-sm-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-85,
.layout-sm-row > .flex-sm-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-85,
.layout-sm-column > .flex-sm-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box; }
.flex-sm-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-90,
.layout-sm-row > .flex-sm-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-90,
.layout-sm-column > .flex-sm-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box; }
.flex-sm-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-95,
.layout-sm-row > .flex-sm-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-95,
.layout-sm-column > .flex-sm-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box; }
.flex-sm-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-100,
.layout-sm-row > .flex-sm-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-100,
.layout-sm-column > .flex-sm-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-33, .layout-row > .flex-sm-33, .layout-sm-row > .flex-sm-33, .layout-sm-row > .flex-sm-33 {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
max-width: calc(100% / 3);
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-sm-66, .layout-row > .flex-sm-66, .layout-sm-row > .flex-sm-66, .layout-sm-row > .flex-sm-66 {
-webkit-flex: 1 1 66%;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
max-width: calc(200% / 3);
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-sm-33, .layout-column > .flex-sm-33, .layout-sm-column > .flex-sm-33, .layout-sm-column > .flex-sm-33 {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
max-width: 100%;
max-height: calc(100% / 3);
box-sizing: border-box; }
.layout-column > .flex-sm-66, .layout-column > .flex-sm-66, .layout-sm-column > .flex-sm-66, .layout-sm-column > .flex-sm-66 {
-webkit-flex: 1 1 66%;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
max-width: 100%;
max-height: calc(200% / 3);
box-sizing: border-box; }
.layout-sm, .layout-sm-column, .layout-sm-row {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.layout-sm-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.layout-sm-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; } }
@media (min-width: 960px) {
.flex-order-gt-sm--20 {
-webkit-order: -20;
-ms-flex-order: -20;
order: -20; }
.flex-order-gt-sm--19 {
-webkit-order: -19;
-ms-flex-order: -19;
order: -19; }
.flex-order-gt-sm--18 {
-webkit-order: -18;
-ms-flex-order: -18;
order: -18; }
.flex-order-gt-sm--17 {
-webkit-order: -17;
-ms-flex-order: -17;
order: -17; }
.flex-order-gt-sm--16 {
-webkit-order: -16;
-ms-flex-order: -16;
order: -16; }
.flex-order-gt-sm--15 {
-webkit-order: -15;
-ms-flex-order: -15;
order: -15; }
.flex-order-gt-sm--14 {
-webkit-order: -14;
-ms-flex-order: -14;
order: -14; }
.flex-order-gt-sm--13 {
-webkit-order: -13;
-ms-flex-order: -13;
order: -13; }
.flex-order-gt-sm--12 {
-webkit-order: -12;
-ms-flex-order: -12;
order: -12; }
.flex-order-gt-sm--11 {
-webkit-order: -11;
-ms-flex-order: -11;
order: -11; }
.flex-order-gt-sm--10 {
-webkit-order: -10;
-ms-flex-order: -10;
order: -10; }
.flex-order-gt-sm--9 {
-webkit-order: -9;
-ms-flex-order: -9;
order: -9; }
.flex-order-gt-sm--8 {
-webkit-order: -8;
-ms-flex-order: -8;
order: -8; }
.flex-order-gt-sm--7 {
-webkit-order: -7;
-ms-flex-order: -7;
order: -7; }
.flex-order-gt-sm--6 {
-webkit-order: -6;
-ms-flex-order: -6;
order: -6; }
.flex-order-gt-sm--5 {
-webkit-order: -5;
-ms-flex-order: -5;
order: -5; }
.flex-order-gt-sm--4 {
-webkit-order: -4;
-ms-flex-order: -4;
order: -4; }
.flex-order-gt-sm--3 {
-webkit-order: -3;
-ms-flex-order: -3;
order: -3; }
.flex-order-gt-sm--2 {
-webkit-order: -2;
-ms-flex-order: -2;
order: -2; }
.flex-order-gt-sm--1 {
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.flex-order-gt-sm-0 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-order-gt-sm-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-gt-sm-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.flex-order-gt-sm-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.flex-order-gt-sm-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.flex-order-gt-sm-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.flex-order-gt-sm-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.flex-order-gt-sm-7 {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.flex-order-gt-sm-8 {
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.flex-order-gt-sm-9 {
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.flex-order-gt-sm-10 {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.flex-order-gt-sm-11 {
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.flex-order-gt-sm-12 {
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.flex-order-gt-sm-13 {
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.flex-order-gt-sm-14 {
-webkit-order: 14;
-ms-flex-order: 14;
order: 14; }
.flex-order-gt-sm-15 {
-webkit-order: 15;
-ms-flex-order: 15;
order: 15; }
.flex-order-gt-sm-16 {
-webkit-order: 16;
-ms-flex-order: 16;
order: 16; }
.flex-order-gt-sm-17 {
-webkit-order: 17;
-ms-flex-order: 17;
order: 17; }
.flex-order-gt-sm-18 {
-webkit-order: 18;
-ms-flex-order: 18;
order: 18; }
.flex-order-gt-sm-19 {
-webkit-order: 19;
-ms-flex-order: 19;
order: 19; }
.flex-order-gt-sm-20 {
-webkit-order: 20;
-ms-flex-order: 20;
order: 20; }
.offset-gt-sm-0, .flex-offset-gt-sm-0 {
margin-left: 0%; }
.offset-gt-sm-5, .flex-offset-gt-sm-5 {
margin-left: 5%; }
.offset-gt-sm-10, .flex-offset-gt-sm-10 {
margin-left: 10%; }
.offset-gt-sm-15, .flex-offset-gt-sm-15 {
margin-left: 15%; }
.offset-gt-sm-20, .flex-offset-gt-sm-20 {
margin-left: 20%; }
.offset-gt-sm-25, .flex-offset-gt-sm-25 {
margin-left: 25%; }
.offset-gt-sm-30, .flex-offset-gt-sm-30 {
margin-left: 30%; }
.offset-gt-sm-35, .flex-offset-gt-sm-35 {
margin-left: 35%; }
.offset-gt-sm-40, .flex-offset-gt-sm-40 {
margin-left: 40%; }
.offset-gt-sm-45, .flex-offset-gt-sm-45 {
margin-left: 45%; }
.offset-gt-sm-50, .flex-offset-gt-sm-50 {
margin-left: 50%; }
.offset-gt-sm-55, .flex-offset-gt-sm-55 {
margin-left: 55%; }
.offset-gt-sm-60, .flex-offset-gt-sm-60 {
margin-left: 60%; }
.offset-gt-sm-65, .flex-offset-gt-sm-65 {
margin-left: 65%; }
.offset-gt-sm-70, .flex-offset-gt-sm-70 {
margin-left: 70%; }
.offset-gt-sm-75, .flex-offset-gt-sm-75 {
margin-left: 75%; }
.offset-gt-sm-80, .flex-offset-gt-sm-80 {
margin-left: 80%; }
.offset-gt-sm-85, .flex-offset-gt-sm-85 {
margin-left: 85%; }
.offset-gt-sm-90, .flex-offset-gt-sm-90 {
margin-left: 90%; }
.offset-gt-sm-95, .flex-offset-gt-sm-95 {
margin-left: 95%; }
.offset-gt-sm-33, .flex-offset-gt-sm-33 {
margin-left: calc(100% / 3); }
.offset-gt-sm-66, .flex-offset-gt-sm-66 {
margin-left: calc(200% / 3); }
.layout-align-gt-sm {
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.layout-align-gt-sm-start,
.layout-align-gt-sm-start-start,
.layout-align-gt-sm-start-center,
.layout-align-gt-sm-start-end,
.layout-align-gt-sm-start-stretch {
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start; }
.layout-align-gt-sm-center,
.layout-align-gt-sm-center-start,
.layout-align-gt-sm-center-center,
.layout-align-gt-sm-center-end,
.layout-align-gt-sm-center-stretch {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.layout-align-gt-sm-end,
.layout-align-gt-sm-end-start,
.layout-align-gt-sm-end-center,
.layout-align-gt-sm-end-end,
.layout-align-gt-sm-end-stretch {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.layout-align-gt-sm-space-around,
.layout-align-gt-sm-space-around-center,
.layout-align-gt-sm-space-around-start,
.layout-align-gt-sm-space-around-end,
.layout-align-gt-sm-space-around-stretch {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.layout-align-gt-sm-space-between,
.layout-align-gt-sm-space-between-center,
.layout-align-gt-sm-space-between-start,
.layout-align-gt-sm-space-between-end,
.layout-align-gt-sm-space-between-stretch {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.layout-align-gt-sm-start-start,
.layout-align-gt-sm-center-start,
.layout-align-gt-sm-end-start,
.layout-align-gt-sm-space-between-start,
.layout-align-gt-sm-space-around-start {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.layout-align-gt-sm-start-center,
.layout-align-gt-sm-center-center,
.layout-align-gt-sm-end-center,
.layout-align-gt-sm-space-between-center,
.layout-align-gt-sm-space-around-center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
max-width: 100%; }
.layout-align-gt-sm-start-center > *,
.layout-align-gt-sm-center-center > *,
.layout-align-gt-sm-end-center > *,
.layout-align-gt-sm-space-between-center > *,
.layout-align-gt-sm-space-around-center > * {
max-width: 100%;
box-sizing: border-box; }
.layout-align-gt-sm-start-end,
.layout-align-gt-sm-center-end,
.layout-align-gt-sm-end-end,
.layout-align-gt-sm-space-between-end,
.layout-align-gt-sm-space-around-end {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end; }
.layout-align-gt-sm-start-stretch,
.layout-align-gt-sm-center-stretch,
.layout-align-gt-sm-end-stretch,
.layout-align-gt-sm-space-between-stretch,
.layout-align-gt-sm-space-around-stretch {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch; }
.flex-gt-sm {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-sizing: border-box; } }
@media screen\0 and (min-width: 960px) {
.flex-gt-sm {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%; } }
@media (min-width: 960px) {
.flex-gt-sm-grow {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
box-sizing: border-box; }
.flex-gt-sm-initial {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-gt-sm-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
box-sizing: border-box; }
.flex-gt-sm-none {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
box-sizing: border-box; }
.flex-gt-sm-noshrink {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
box-sizing: border-box; }
.flex-gt-sm-nogrow {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-gt-sm-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-0,
.layout-gt-sm-row > .flex-gt-sm-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-0,
.layout-gt-sm-column > .flex-gt-sm-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box; }
.flex-gt-sm-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-5,
.layout-gt-sm-row > .flex-gt-sm-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-5,
.layout-gt-sm-column > .flex-gt-sm-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box; }
.flex-gt-sm-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-10,
.layout-gt-sm-row > .flex-gt-sm-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-10,
.layout-gt-sm-column > .flex-gt-sm-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box; }
.flex-gt-sm-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-15,
.layout-gt-sm-row > .flex-gt-sm-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-15,
.layout-gt-sm-column > .flex-gt-sm-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box; }
.flex-gt-sm-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-20,
.layout-gt-sm-row > .flex-gt-sm-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-20,
.layout-gt-sm-column > .flex-gt-sm-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box; }
.flex-gt-sm-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-25,
.layout-gt-sm-row > .flex-gt-sm-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-25,
.layout-gt-sm-column > .flex-gt-sm-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box; }
.flex-gt-sm-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-30,
.layout-gt-sm-row > .flex-gt-sm-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-30,
.layout-gt-sm-column > .flex-gt-sm-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box; }
.flex-gt-sm-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-35,
.layout-gt-sm-row > .flex-gt-sm-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-35,
.layout-gt-sm-column > .flex-gt-sm-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box; }
.flex-gt-sm-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-40,
.layout-gt-sm-row > .flex-gt-sm-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-40,
.layout-gt-sm-column > .flex-gt-sm-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box; }
.flex-gt-sm-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-45,
.layout-gt-sm-row > .flex-gt-sm-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-45,
.layout-gt-sm-column > .flex-gt-sm-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box; }
.flex-gt-sm-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-50,
.layout-gt-sm-row > .flex-gt-sm-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-50,
.layout-gt-sm-column > .flex-gt-sm-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box; }
.flex-gt-sm-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-55,
.layout-gt-sm-row > .flex-gt-sm-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-55,
.layout-gt-sm-column > .flex-gt-sm-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box; }
.flex-gt-sm-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-60,
.layout-gt-sm-row > .flex-gt-sm-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-60,
.layout-gt-sm-column > .flex-gt-sm-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box; }
.flex-gt-sm-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-65,
.layout-gt-sm-row > .flex-gt-sm-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-65,
.layout-gt-sm-column > .flex-gt-sm-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box; }
.flex-gt-sm-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-70,
.layout-gt-sm-row > .flex-gt-sm-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-70,
.layout-gt-sm-column > .flex-gt-sm-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box; }
.flex-gt-sm-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-75,
.layout-gt-sm-row > .flex-gt-sm-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-75,
.layout-gt-sm-column > .flex-gt-sm-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box; }
.flex-gt-sm-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-80,
.layout-gt-sm-row > .flex-gt-sm-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-80,
.layout-gt-sm-column > .flex-gt-sm-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box; }
.flex-gt-sm-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-85,
.layout-gt-sm-row > .flex-gt-sm-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-85,
.layout-gt-sm-column > .flex-gt-sm-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box; }
.flex-gt-sm-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-90,
.layout-gt-sm-row > .flex-gt-sm-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-90,
.layout-gt-sm-column > .flex-gt-sm-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box; }
.flex-gt-sm-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-95,
.layout-gt-sm-row > .flex-gt-sm-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-95,
.layout-gt-sm-column > .flex-gt-sm-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box; }
.flex-gt-sm-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-100,
.layout-gt-sm-row > .flex-gt-sm-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-100,
.layout-gt-sm-column > .flex-gt-sm-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-33, .layout-row > .flex-gt-sm-33, .layout-gt-sm-row > .flex-gt-sm-33, .layout-gt-sm-row > .flex-gt-sm-33 {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
max-width: calc(100% / 3);
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-sm-66, .layout-row > .flex-gt-sm-66, .layout-gt-sm-row > .flex-gt-sm-66, .layout-gt-sm-row > .flex-gt-sm-66 {
-webkit-flex: 1 1 66%;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
max-width: calc(200% / 3);
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-sm-33, .layout-column > .flex-gt-sm-33, .layout-gt-sm-column > .flex-gt-sm-33, .layout-gt-sm-column > .flex-gt-sm-33 {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
max-width: 100%;
max-height: calc(100% / 3);
box-sizing: border-box; }
.layout-column > .flex-gt-sm-66, .layout-column > .flex-gt-sm-66, .layout-gt-sm-column > .flex-gt-sm-66, .layout-gt-sm-column > .flex-gt-sm-66 {
-webkit-flex: 1 1 66%;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
max-width: 100%;
max-height: calc(200% / 3);
box-sizing: border-box; }
.layout-gt-sm, .layout-gt-sm-column, .layout-gt-sm-row {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.layout-gt-sm-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.layout-gt-sm-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; } }
@media (min-width: 960px) and (max-width: 1279px) {
.hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-md):not(.show) {
display: none; }
.hide-md:not(.show-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
display: none; }
.flex-order-md--20 {
-webkit-order: -20;
-ms-flex-order: -20;
order: -20; }
.flex-order-md--19 {
-webkit-order: -19;
-ms-flex-order: -19;
order: -19; }
.flex-order-md--18 {
-webkit-order: -18;
-ms-flex-order: -18;
order: -18; }
.flex-order-md--17 {
-webkit-order: -17;
-ms-flex-order: -17;
order: -17; }
.flex-order-md--16 {
-webkit-order: -16;
-ms-flex-order: -16;
order: -16; }
.flex-order-md--15 {
-webkit-order: -15;
-ms-flex-order: -15;
order: -15; }
.flex-order-md--14 {
-webkit-order: -14;
-ms-flex-order: -14;
order: -14; }
.flex-order-md--13 {
-webkit-order: -13;
-ms-flex-order: -13;
order: -13; }
.flex-order-md--12 {
-webkit-order: -12;
-ms-flex-order: -12;
order: -12; }
.flex-order-md--11 {
-webkit-order: -11;
-ms-flex-order: -11;
order: -11; }
.flex-order-md--10 {
-webkit-order: -10;
-ms-flex-order: -10;
order: -10; }
.flex-order-md--9 {
-webkit-order: -9;
-ms-flex-order: -9;
order: -9; }
.flex-order-md--8 {
-webkit-order: -8;
-ms-flex-order: -8;
order: -8; }
.flex-order-md--7 {
-webkit-order: -7;
-ms-flex-order: -7;
order: -7; }
.flex-order-md--6 {
-webkit-order: -6;
-ms-flex-order: -6;
order: -6; }
.flex-order-md--5 {
-webkit-order: -5;
-ms-flex-order: -5;
order: -5; }
.flex-order-md--4 {
-webkit-order: -4;
-ms-flex-order: -4;
order: -4; }
.flex-order-md--3 {
-webkit-order: -3;
-ms-flex-order: -3;
order: -3; }
.flex-order-md--2 {
-webkit-order: -2;
-ms-flex-order: -2;
order: -2; }
.flex-order-md--1 {
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.flex-order-md-0 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-order-md-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-md-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.flex-order-md-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.flex-order-md-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.flex-order-md-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.flex-order-md-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.flex-order-md-7 {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.flex-order-md-8 {
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.flex-order-md-9 {
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.flex-order-md-10 {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.flex-order-md-11 {
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.flex-order-md-12 {
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.flex-order-md-13 {
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.flex-order-md-14 {
-webkit-order: 14;
-ms-flex-order: 14;
order: 14; }
.flex-order-md-15 {
-webkit-order: 15;
-ms-flex-order: 15;
order: 15; }
.flex-order-md-16 {
-webkit-order: 16;
-ms-flex-order: 16;
order: 16; }
.flex-order-md-17 {
-webkit-order: 17;
-ms-flex-order: 17;
order: 17; }
.flex-order-md-18 {
-webkit-order: 18;
-ms-flex-order: 18;
order: 18; }
.flex-order-md-19 {
-webkit-order: 19;
-ms-flex-order: 19;
order: 19; }
.flex-order-md-20 {
-webkit-order: 20;
-ms-flex-order: 20;
order: 20; }
.offset-md-0, .flex-offset-md-0 {
margin-left: 0%; }
.offset-md-5, .flex-offset-md-5 {
margin-left: 5%; }
.offset-md-10, .flex-offset-md-10 {
margin-left: 10%; }
.offset-md-15, .flex-offset-md-15 {
margin-left: 15%; }
.offset-md-20, .flex-offset-md-20 {
margin-left: 20%; }
.offset-md-25, .flex-offset-md-25 {
margin-left: 25%; }
.offset-md-30, .flex-offset-md-30 {
margin-left: 30%; }
.offset-md-35, .flex-offset-md-35 {
margin-left: 35%; }
.offset-md-40, .flex-offset-md-40 {
margin-left: 40%; }
.offset-md-45, .flex-offset-md-45 {
margin-left: 45%; }
.offset-md-50, .flex-offset-md-50 {
margin-left: 50%; }
.offset-md-55, .flex-offset-md-55 {
margin-left: 55%; }
.offset-md-60, .flex-offset-md-60 {
margin-left: 60%; }
.offset-md-65, .flex-offset-md-65 {
margin-left: 65%; }
.offset-md-70, .flex-offset-md-70 {
margin-left: 70%; }
.offset-md-75, .flex-offset-md-75 {
margin-left: 75%; }
.offset-md-80, .flex-offset-md-80 {
margin-left: 80%; }
.offset-md-85, .flex-offset-md-85 {
margin-left: 85%; }
.offset-md-90, .flex-offset-md-90 {
margin-left: 90%; }
.offset-md-95, .flex-offset-md-95 {
margin-left: 95%; }
.offset-md-33, .flex-offset-md-33 {
margin-left: calc(100% / 3); }
.offset-md-66, .flex-offset-md-66 {
margin-left: calc(200% / 3); }
.layout-align-md {
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.layout-align-md-start,
.layout-align-md-start-start,
.layout-align-md-start-center,
.layout-align-md-start-end,
.layout-align-md-start-stretch {
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start; }
.layout-align-md-center,
.layout-align-md-center-start,
.layout-align-md-center-center,
.layout-align-md-center-end,
.layout-align-md-center-stretch {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.layout-align-md-end,
.layout-align-md-end-start,
.layout-align-md-end-center,
.layout-align-md-end-end,
.layout-align-md-end-stretch {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.layout-align-md-space-around,
.layout-align-md-space-around-center,
.layout-align-md-space-around-start,
.layout-align-md-space-around-end,
.layout-align-md-space-around-stretch {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.layout-align-md-space-between,
.layout-align-md-space-between-center,
.layout-align-md-space-between-start,
.layout-align-md-space-between-end,
.layout-align-md-space-between-stretch {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.layout-align-md-start-start,
.layout-align-md-center-start,
.layout-align-md-end-start,
.layout-align-md-space-between-start,
.layout-align-md-space-around-start {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.layout-align-md-start-center,
.layout-align-md-center-center,
.layout-align-md-end-center,
.layout-align-md-space-between-center,
.layout-align-md-space-around-center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
max-width: 100%; }
.layout-align-md-start-center > *,
.layout-align-md-center-center > *,
.layout-align-md-end-center > *,
.layout-align-md-space-between-center > *,
.layout-align-md-space-around-center > * {
max-width: 100%;
box-sizing: border-box; }
.layout-align-md-start-end,
.layout-align-md-center-end,
.layout-align-md-end-end,
.layout-align-md-space-between-end,
.layout-align-md-space-around-end {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end; }
.layout-align-md-start-stretch,
.layout-align-md-center-stretch,
.layout-align-md-end-stretch,
.layout-align-md-space-between-stretch,
.layout-align-md-space-around-stretch {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch; }
.flex-md {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-sizing: border-box; } }
@media screen\0 and (min-width: 960px) and (max-width: 1279px) {
.flex-md {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%; } }
@media (min-width: 960px) and (max-width: 1279px) {
.flex-md-grow {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
box-sizing: border-box; }
.flex-md-initial {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-md-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
box-sizing: border-box; }
.flex-md-none {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
box-sizing: border-box; }
.flex-md-noshrink {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
box-sizing: border-box; }
.flex-md-nogrow {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-md-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-0,
.layout-md-row > .flex-md-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-0,
.layout-md-column > .flex-md-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box; }
.flex-md-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-5,
.layout-md-row > .flex-md-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-5,
.layout-md-column > .flex-md-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box; }
.flex-md-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-10,
.layout-md-row > .flex-md-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-10,
.layout-md-column > .flex-md-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box; }
.flex-md-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-15,
.layout-md-row > .flex-md-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-15,
.layout-md-column > .flex-md-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box; }
.flex-md-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-20,
.layout-md-row > .flex-md-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-20,
.layout-md-column > .flex-md-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box; }
.flex-md-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-25,
.layout-md-row > .flex-md-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-25,
.layout-md-column > .flex-md-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box; }
.flex-md-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-30,
.layout-md-row > .flex-md-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-30,
.layout-md-column > .flex-md-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box; }
.flex-md-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-35,
.layout-md-row > .flex-md-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-35,
.layout-md-column > .flex-md-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box; }
.flex-md-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-40,
.layout-md-row > .flex-md-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-40,
.layout-md-column > .flex-md-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box; }
.flex-md-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-45,
.layout-md-row > .flex-md-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-45,
.layout-md-column > .flex-md-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box; }
.flex-md-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-50,
.layout-md-row > .flex-md-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-50,
.layout-md-column > .flex-md-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box; }
.flex-md-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-55,
.layout-md-row > .flex-md-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-55,
.layout-md-column > .flex-md-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box; }
.flex-md-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-60,
.layout-md-row > .flex-md-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-60,
.layout-md-column > .flex-md-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box; }
.flex-md-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-65,
.layout-md-row > .flex-md-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-65,
.layout-md-column > .flex-md-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box; }
.flex-md-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-70,
.layout-md-row > .flex-md-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-70,
.layout-md-column > .flex-md-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box; }
.flex-md-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-75,
.layout-md-row > .flex-md-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-75,
.layout-md-column > .flex-md-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box; }
.flex-md-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-80,
.layout-md-row > .flex-md-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-80,
.layout-md-column > .flex-md-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box; }
.flex-md-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-85,
.layout-md-row > .flex-md-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-85,
.layout-md-column > .flex-md-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box; }
.flex-md-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-90,
.layout-md-row > .flex-md-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-90,
.layout-md-column > .flex-md-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box; }
.flex-md-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-95,
.layout-md-row > .flex-md-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-95,
.layout-md-column > .flex-md-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box; }
.flex-md-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-100,
.layout-md-row > .flex-md-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-100,
.layout-md-column > .flex-md-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-33, .layout-row > .flex-md-33, .layout-md-row > .flex-md-33, .layout-md-row > .flex-md-33 {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
max-width: calc(100% / 3);
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-md-66, .layout-row > .flex-md-66, .layout-md-row > .flex-md-66, .layout-md-row > .flex-md-66 {
-webkit-flex: 1 1 66%;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
max-width: calc(200% / 3);
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-md-33, .layout-column > .flex-md-33, .layout-md-column > .flex-md-33, .layout-md-column > .flex-md-33 {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
max-width: 100%;
max-height: calc(100% / 3);
box-sizing: border-box; }
.layout-column > .flex-md-66, .layout-column > .flex-md-66, .layout-md-column > .flex-md-66, .layout-md-column > .flex-md-66 {
-webkit-flex: 1 1 66%;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
max-width: 100%;
max-height: calc(200% / 3);
box-sizing: border-box; }
.layout-md, .layout-md-column, .layout-md-row {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.layout-md-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.layout-md-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; } }
@media (min-width: 1280px) {
.flex-order-gt-md--20 {
-webkit-order: -20;
-ms-flex-order: -20;
order: -20; }
.flex-order-gt-md--19 {
-webkit-order: -19;
-ms-flex-order: -19;
order: -19; }
.flex-order-gt-md--18 {
-webkit-order: -18;
-ms-flex-order: -18;
order: -18; }
.flex-order-gt-md--17 {
-webkit-order: -17;
-ms-flex-order: -17;
order: -17; }
.flex-order-gt-md--16 {
-webkit-order: -16;
-ms-flex-order: -16;
order: -16; }
.flex-order-gt-md--15 {
-webkit-order: -15;
-ms-flex-order: -15;
order: -15; }
.flex-order-gt-md--14 {
-webkit-order: -14;
-ms-flex-order: -14;
order: -14; }
.flex-order-gt-md--13 {
-webkit-order: -13;
-ms-flex-order: -13;
order: -13; }
.flex-order-gt-md--12 {
-webkit-order: -12;
-ms-flex-order: -12;
order: -12; }
.flex-order-gt-md--11 {
-webkit-order: -11;
-ms-flex-order: -11;
order: -11; }
.flex-order-gt-md--10 {
-webkit-order: -10;
-ms-flex-order: -10;
order: -10; }
.flex-order-gt-md--9 {
-webkit-order: -9;
-ms-flex-order: -9;
order: -9; }
.flex-order-gt-md--8 {
-webkit-order: -8;
-ms-flex-order: -8;
order: -8; }
.flex-order-gt-md--7 {
-webkit-order: -7;
-ms-flex-order: -7;
order: -7; }
.flex-order-gt-md--6 {
-webkit-order: -6;
-ms-flex-order: -6;
order: -6; }
.flex-order-gt-md--5 {
-webkit-order: -5;
-ms-flex-order: -5;
order: -5; }
.flex-order-gt-md--4 {
-webkit-order: -4;
-ms-flex-order: -4;
order: -4; }
.flex-order-gt-md--3 {
-webkit-order: -3;
-ms-flex-order: -3;
order: -3; }
.flex-order-gt-md--2 {
-webkit-order: -2;
-ms-flex-order: -2;
order: -2; }
.flex-order-gt-md--1 {
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.flex-order-gt-md-0 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-order-gt-md-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-gt-md-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.flex-order-gt-md-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.flex-order-gt-md-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.flex-order-gt-md-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.flex-order-gt-md-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.flex-order-gt-md-7 {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.flex-order-gt-md-8 {
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.flex-order-gt-md-9 {
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.flex-order-gt-md-10 {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.flex-order-gt-md-11 {
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.flex-order-gt-md-12 {
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.flex-order-gt-md-13 {
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.flex-order-gt-md-14 {
-webkit-order: 14;
-ms-flex-order: 14;
order: 14; }
.flex-order-gt-md-15 {
-webkit-order: 15;
-ms-flex-order: 15;
order: 15; }
.flex-order-gt-md-16 {
-webkit-order: 16;
-ms-flex-order: 16;
order: 16; }
.flex-order-gt-md-17 {
-webkit-order: 17;
-ms-flex-order: 17;
order: 17; }
.flex-order-gt-md-18 {
-webkit-order: 18;
-ms-flex-order: 18;
order: 18; }
.flex-order-gt-md-19 {
-webkit-order: 19;
-ms-flex-order: 19;
order: 19; }
.flex-order-gt-md-20 {
-webkit-order: 20;
-ms-flex-order: 20;
order: 20; }
.offset-gt-md-0, .flex-offset-gt-md-0 {
margin-left: 0%; }
.offset-gt-md-5, .flex-offset-gt-md-5 {
margin-left: 5%; }
.offset-gt-md-10, .flex-offset-gt-md-10 {
margin-left: 10%; }
.offset-gt-md-15, .flex-offset-gt-md-15 {
margin-left: 15%; }
.offset-gt-md-20, .flex-offset-gt-md-20 {
margin-left: 20%; }
.offset-gt-md-25, .flex-offset-gt-md-25 {
margin-left: 25%; }
.offset-gt-md-30, .flex-offset-gt-md-30 {
margin-left: 30%; }
.offset-gt-md-35, .flex-offset-gt-md-35 {
margin-left: 35%; }
.offset-gt-md-40, .flex-offset-gt-md-40 {
margin-left: 40%; }
.offset-gt-md-45, .flex-offset-gt-md-45 {
margin-left: 45%; }
.offset-gt-md-50, .flex-offset-gt-md-50 {
margin-left: 50%; }
.offset-gt-md-55, .flex-offset-gt-md-55 {
margin-left: 55%; }
.offset-gt-md-60, .flex-offset-gt-md-60 {
margin-left: 60%; }
.offset-gt-md-65, .flex-offset-gt-md-65 {
margin-left: 65%; }
.offset-gt-md-70, .flex-offset-gt-md-70 {
margin-left: 70%; }
.offset-gt-md-75, .flex-offset-gt-md-75 {
margin-left: 75%; }
.offset-gt-md-80, .flex-offset-gt-md-80 {
margin-left: 80%; }
.offset-gt-md-85, .flex-offset-gt-md-85 {
margin-left: 85%; }
.offset-gt-md-90, .flex-offset-gt-md-90 {
margin-left: 90%; }
.offset-gt-md-95, .flex-offset-gt-md-95 {
margin-left: 95%; }
.offset-gt-md-33, .flex-offset-gt-md-33 {
margin-left: calc(100% / 3); }
.offset-gt-md-66, .flex-offset-gt-md-66 {
margin-left: calc(200% / 3); }
.layout-align-gt-md {
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.layout-align-gt-md-start,
.layout-align-gt-md-start-start,
.layout-align-gt-md-start-center,
.layout-align-gt-md-start-end,
.layout-align-gt-md-start-stretch {
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start; }
.layout-align-gt-md-center,
.layout-align-gt-md-center-start,
.layout-align-gt-md-center-center,
.layout-align-gt-md-center-end,
.layout-align-gt-md-center-stretch {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.layout-align-gt-md-end,
.layout-align-gt-md-end-start,
.layout-align-gt-md-end-center,
.layout-align-gt-md-end-end,
.layout-align-gt-md-end-stretch {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.layout-align-gt-md-space-around,
.layout-align-gt-md-space-around-center,
.layout-align-gt-md-space-around-start,
.layout-align-gt-md-space-around-end,
.layout-align-gt-md-space-around-stretch {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.layout-align-gt-md-space-between,
.layout-align-gt-md-space-between-center,
.layout-align-gt-md-space-between-start,
.layout-align-gt-md-space-between-end,
.layout-align-gt-md-space-between-stretch {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.layout-align-gt-md-start-start,
.layout-align-gt-md-center-start,
.layout-align-gt-md-end-start,
.layout-align-gt-md-space-between-start,
.layout-align-gt-md-space-around-start {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.layout-align-gt-md-start-center,
.layout-align-gt-md-center-center,
.layout-align-gt-md-end-center,
.layout-align-gt-md-space-between-center,
.layout-align-gt-md-space-around-center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
max-width: 100%; }
.layout-align-gt-md-start-center > *,
.layout-align-gt-md-center-center > *,
.layout-align-gt-md-end-center > *,
.layout-align-gt-md-space-between-center > *,
.layout-align-gt-md-space-around-center > * {
max-width: 100%;
box-sizing: border-box; }
.layout-align-gt-md-start-end,
.layout-align-gt-md-center-end,
.layout-align-gt-md-end-end,
.layout-align-gt-md-space-between-end,
.layout-align-gt-md-space-around-end {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end; }
.layout-align-gt-md-start-stretch,
.layout-align-gt-md-center-stretch,
.layout-align-gt-md-end-stretch,
.layout-align-gt-md-space-between-stretch,
.layout-align-gt-md-space-around-stretch {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch; }
.flex-gt-md {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-sizing: border-box; } }
@media screen\0 and (min-width: 1280px) {
.flex-gt-md {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%; } }
@media (min-width: 1280px) {
.flex-gt-md-grow {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
box-sizing: border-box; }
.flex-gt-md-initial {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-gt-md-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
box-sizing: border-box; }
.flex-gt-md-none {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
box-sizing: border-box; }
.flex-gt-md-noshrink {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
box-sizing: border-box; }
.flex-gt-md-nogrow {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-gt-md-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-0,
.layout-gt-md-row > .flex-gt-md-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-0,
.layout-gt-md-column > .flex-gt-md-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box; }
.flex-gt-md-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-5,
.layout-gt-md-row > .flex-gt-md-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-5,
.layout-gt-md-column > .flex-gt-md-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box; }
.flex-gt-md-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-10,
.layout-gt-md-row > .flex-gt-md-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-10,
.layout-gt-md-column > .flex-gt-md-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box; }
.flex-gt-md-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-15,
.layout-gt-md-row > .flex-gt-md-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-15,
.layout-gt-md-column > .flex-gt-md-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box; }
.flex-gt-md-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-20,
.layout-gt-md-row > .flex-gt-md-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-20,
.layout-gt-md-column > .flex-gt-md-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box; }
.flex-gt-md-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-25,
.layout-gt-md-row > .flex-gt-md-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-25,
.layout-gt-md-column > .flex-gt-md-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box; }
.flex-gt-md-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-30,
.layout-gt-md-row > .flex-gt-md-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-30,
.layout-gt-md-column > .flex-gt-md-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box; }
.flex-gt-md-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-35,
.layout-gt-md-row > .flex-gt-md-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-35,
.layout-gt-md-column > .flex-gt-md-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box; }
.flex-gt-md-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-40,
.layout-gt-md-row > .flex-gt-md-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-40,
.layout-gt-md-column > .flex-gt-md-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box; }
.flex-gt-md-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-45,
.layout-gt-md-row > .flex-gt-md-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-45,
.layout-gt-md-column > .flex-gt-md-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box; }
.flex-gt-md-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-50,
.layout-gt-md-row > .flex-gt-md-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-50,
.layout-gt-md-column > .flex-gt-md-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box; }
.flex-gt-md-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-55,
.layout-gt-md-row > .flex-gt-md-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-55,
.layout-gt-md-column > .flex-gt-md-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box; }
.flex-gt-md-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-60,
.layout-gt-md-row > .flex-gt-md-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-60,
.layout-gt-md-column > .flex-gt-md-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box; }
.flex-gt-md-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-65,
.layout-gt-md-row > .flex-gt-md-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-65,
.layout-gt-md-column > .flex-gt-md-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box; }
.flex-gt-md-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-70,
.layout-gt-md-row > .flex-gt-md-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-70,
.layout-gt-md-column > .flex-gt-md-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box; }
.flex-gt-md-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-75,
.layout-gt-md-row > .flex-gt-md-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-75,
.layout-gt-md-column > .flex-gt-md-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box; }
.flex-gt-md-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-80,
.layout-gt-md-row > .flex-gt-md-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-80,
.layout-gt-md-column > .flex-gt-md-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box; }
.flex-gt-md-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-85,
.layout-gt-md-row > .flex-gt-md-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-85,
.layout-gt-md-column > .flex-gt-md-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box; }
.flex-gt-md-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-90,
.layout-gt-md-row > .flex-gt-md-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-90,
.layout-gt-md-column > .flex-gt-md-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box; }
.flex-gt-md-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-95,
.layout-gt-md-row > .flex-gt-md-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-95,
.layout-gt-md-column > .flex-gt-md-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box; }
.flex-gt-md-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-100,
.layout-gt-md-row > .flex-gt-md-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-100,
.layout-gt-md-column > .flex-gt-md-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-33, .layout-row > .flex-gt-md-33, .layout-gt-md-row > .flex-gt-md-33, .layout-gt-md-row > .flex-gt-md-33 {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
max-width: calc(100% / 3);
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-md-66, .layout-row > .flex-gt-md-66, .layout-gt-md-row > .flex-gt-md-66, .layout-gt-md-row > .flex-gt-md-66 {
-webkit-flex: 1 1 66%;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
max-width: calc(200% / 3);
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-md-33, .layout-column > .flex-gt-md-33, .layout-gt-md-column > .flex-gt-md-33, .layout-gt-md-column > .flex-gt-md-33 {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
max-width: 100%;
max-height: calc(100% / 3);
box-sizing: border-box; }
.layout-column > .flex-gt-md-66, .layout-column > .flex-gt-md-66, .layout-gt-md-column > .flex-gt-md-66, .layout-gt-md-column > .flex-gt-md-66 {
-webkit-flex: 1 1 66%;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
max-width: 100%;
max-height: calc(200% / 3);
box-sizing: border-box; }
.layout-gt-md, .layout-gt-md-column, .layout-gt-md-row {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.layout-gt-md-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.layout-gt-md-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; } }
@media (min-width: 1280px) and (max-width: 1919px) {
.hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-lg):not(.show) {
display: none; }
.hide-lg:not(.show-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
display: none; }
.flex-order-lg--20 {
-webkit-order: -20;
-ms-flex-order: -20;
order: -20; }
.flex-order-lg--19 {
-webkit-order: -19;
-ms-flex-order: -19;
order: -19; }
.flex-order-lg--18 {
-webkit-order: -18;
-ms-flex-order: -18;
order: -18; }
.flex-order-lg--17 {
-webkit-order: -17;
-ms-flex-order: -17;
order: -17; }
.flex-order-lg--16 {
-webkit-order: -16;
-ms-flex-order: -16;
order: -16; }
.flex-order-lg--15 {
-webkit-order: -15;
-ms-flex-order: -15;
order: -15; }
.flex-order-lg--14 {
-webkit-order: -14;
-ms-flex-order: -14;
order: -14; }
.flex-order-lg--13 {
-webkit-order: -13;
-ms-flex-order: -13;
order: -13; }
.flex-order-lg--12 {
-webkit-order: -12;
-ms-flex-order: -12;
order: -12; }
.flex-order-lg--11 {
-webkit-order: -11;
-ms-flex-order: -11;
order: -11; }
.flex-order-lg--10 {
-webkit-order: -10;
-ms-flex-order: -10;
order: -10; }
.flex-order-lg--9 {
-webkit-order: -9;
-ms-flex-order: -9;
order: -9; }
.flex-order-lg--8 {
-webkit-order: -8;
-ms-flex-order: -8;
order: -8; }
.flex-order-lg--7 {
-webkit-order: -7;
-ms-flex-order: -7;
order: -7; }
.flex-order-lg--6 {
-webkit-order: -6;
-ms-flex-order: -6;
order: -6; }
.flex-order-lg--5 {
-webkit-order: -5;
-ms-flex-order: -5;
order: -5; }
.flex-order-lg--4 {
-webkit-order: -4;
-ms-flex-order: -4;
order: -4; }
.flex-order-lg--3 {
-webkit-order: -3;
-ms-flex-order: -3;
order: -3; }
.flex-order-lg--2 {
-webkit-order: -2;
-ms-flex-order: -2;
order: -2; }
.flex-order-lg--1 {
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.flex-order-lg-0 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-order-lg-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-lg-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.flex-order-lg-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.flex-order-lg-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.flex-order-lg-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.flex-order-lg-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.flex-order-lg-7 {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.flex-order-lg-8 {
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.flex-order-lg-9 {
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.flex-order-lg-10 {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.flex-order-lg-11 {
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.flex-order-lg-12 {
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.flex-order-lg-13 {
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.flex-order-lg-14 {
-webkit-order: 14;
-ms-flex-order: 14;
order: 14; }
.flex-order-lg-15 {
-webkit-order: 15;
-ms-flex-order: 15;
order: 15; }
.flex-order-lg-16 {
-webkit-order: 16;
-ms-flex-order: 16;
order: 16; }
.flex-order-lg-17 {
-webkit-order: 17;
-ms-flex-order: 17;
order: 17; }
.flex-order-lg-18 {
-webkit-order: 18;
-ms-flex-order: 18;
order: 18; }
.flex-order-lg-19 {
-webkit-order: 19;
-ms-flex-order: 19;
order: 19; }
.flex-order-lg-20 {
-webkit-order: 20;
-ms-flex-order: 20;
order: 20; }
.offset-lg-0, .flex-offset-lg-0 {
margin-left: 0%; }
.offset-lg-5, .flex-offset-lg-5 {
margin-left: 5%; }
.offset-lg-10, .flex-offset-lg-10 {
margin-left: 10%; }
.offset-lg-15, .flex-offset-lg-15 {
margin-left: 15%; }
.offset-lg-20, .flex-offset-lg-20 {
margin-left: 20%; }
.offset-lg-25, .flex-offset-lg-25 {
margin-left: 25%; }
.offset-lg-30, .flex-offset-lg-30 {
margin-left: 30%; }
.offset-lg-35, .flex-offset-lg-35 {
margin-left: 35%; }
.offset-lg-40, .flex-offset-lg-40 {
margin-left: 40%; }
.offset-lg-45, .flex-offset-lg-45 {
margin-left: 45%; }
.offset-lg-50, .flex-offset-lg-50 {
margin-left: 50%; }
.offset-lg-55, .flex-offset-lg-55 {
margin-left: 55%; }
.offset-lg-60, .flex-offset-lg-60 {
margin-left: 60%; }
.offset-lg-65, .flex-offset-lg-65 {
margin-left: 65%; }
.offset-lg-70, .flex-offset-lg-70 {
margin-left: 70%; }
.offset-lg-75, .flex-offset-lg-75 {
margin-left: 75%; }
.offset-lg-80, .flex-offset-lg-80 {
margin-left: 80%; }
.offset-lg-85, .flex-offset-lg-85 {
margin-left: 85%; }
.offset-lg-90, .flex-offset-lg-90 {
margin-left: 90%; }
.offset-lg-95, .flex-offset-lg-95 {
margin-left: 95%; }
.offset-lg-33, .flex-offset-lg-33 {
margin-left: calc(100% / 3); }
.offset-lg-66, .flex-offset-lg-66 {
margin-left: calc(200% / 3); }
.layout-align-lg {
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.layout-align-lg-start,
.layout-align-lg-start-start,
.layout-align-lg-start-center,
.layout-align-lg-start-end,
.layout-align-lg-start-stretch {
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start; }
.layout-align-lg-center,
.layout-align-lg-center-start,
.layout-align-lg-center-center,
.layout-align-lg-center-end,
.layout-align-lg-center-stretch {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.layout-align-lg-end,
.layout-align-lg-end-start,
.layout-align-lg-end-center,
.layout-align-lg-end-end,
.layout-align-lg-end-stretch {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.layout-align-lg-space-around,
.layout-align-lg-space-around-center,
.layout-align-lg-space-around-start,
.layout-align-lg-space-around-end,
.layout-align-lg-space-around-stretch {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.layout-align-lg-space-between,
.layout-align-lg-space-between-center,
.layout-align-lg-space-between-start,
.layout-align-lg-space-between-end,
.layout-align-lg-space-between-stretch {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.layout-align-lg-start-start,
.layout-align-lg-center-start,
.layout-align-lg-end-start,
.layout-align-lg-space-between-start,
.layout-align-lg-space-around-start {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.layout-align-lg-start-center,
.layout-align-lg-center-center,
.layout-align-lg-end-center,
.layout-align-lg-space-between-center,
.layout-align-lg-space-around-center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
max-width: 100%; }
.layout-align-lg-start-center > *,
.layout-align-lg-center-center > *,
.layout-align-lg-end-center > *,
.layout-align-lg-space-between-center > *,
.layout-align-lg-space-around-center > * {
max-width: 100%;
box-sizing: border-box; }
.layout-align-lg-start-end,
.layout-align-lg-center-end,
.layout-align-lg-end-end,
.layout-align-lg-space-between-end,
.layout-align-lg-space-around-end {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end; }
.layout-align-lg-start-stretch,
.layout-align-lg-center-stretch,
.layout-align-lg-end-stretch,
.layout-align-lg-space-between-stretch,
.layout-align-lg-space-around-stretch {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch; }
.flex-lg {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-sizing: border-box; } }
@media screen\0 and (min-width: 1280px) and (max-width: 1919px) {
.flex-lg {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%; } }
@media (min-width: 1280px) and (max-width: 1919px) {
.flex-lg-grow {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
box-sizing: border-box; }
.flex-lg-initial {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-lg-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
box-sizing: border-box; }
.flex-lg-none {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
box-sizing: border-box; }
.flex-lg-noshrink {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
box-sizing: border-box; }
.flex-lg-nogrow {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-lg-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-0,
.layout-lg-row > .flex-lg-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-0,
.layout-lg-column > .flex-lg-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box; }
.flex-lg-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-5,
.layout-lg-row > .flex-lg-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-5,
.layout-lg-column > .flex-lg-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box; }
.flex-lg-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-10,
.layout-lg-row > .flex-lg-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-10,
.layout-lg-column > .flex-lg-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box; }
.flex-lg-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-15,
.layout-lg-row > .flex-lg-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-15,
.layout-lg-column > .flex-lg-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box; }
.flex-lg-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-20,
.layout-lg-row > .flex-lg-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-20,
.layout-lg-column > .flex-lg-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box; }
.flex-lg-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-25,
.layout-lg-row > .flex-lg-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-25,
.layout-lg-column > .flex-lg-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box; }
.flex-lg-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-30,
.layout-lg-row > .flex-lg-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-30,
.layout-lg-column > .flex-lg-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box; }
.flex-lg-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-35,
.layout-lg-row > .flex-lg-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-35,
.layout-lg-column > .flex-lg-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box; }
.flex-lg-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-40,
.layout-lg-row > .flex-lg-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-40,
.layout-lg-column > .flex-lg-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box; }
.flex-lg-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-45,
.layout-lg-row > .flex-lg-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-45,
.layout-lg-column > .flex-lg-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box; }
.flex-lg-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-50,
.layout-lg-row > .flex-lg-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-50,
.layout-lg-column > .flex-lg-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box; }
.flex-lg-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-55,
.layout-lg-row > .flex-lg-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-55,
.layout-lg-column > .flex-lg-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box; }
.flex-lg-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-60,
.layout-lg-row > .flex-lg-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-60,
.layout-lg-column > .flex-lg-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box; }
.flex-lg-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-65,
.layout-lg-row > .flex-lg-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-65,
.layout-lg-column > .flex-lg-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box; }
.flex-lg-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-70,
.layout-lg-row > .flex-lg-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-70,
.layout-lg-column > .flex-lg-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box; }
.flex-lg-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-75,
.layout-lg-row > .flex-lg-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-75,
.layout-lg-column > .flex-lg-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box; }
.flex-lg-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-80,
.layout-lg-row > .flex-lg-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-80,
.layout-lg-column > .flex-lg-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box; }
.flex-lg-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-85,
.layout-lg-row > .flex-lg-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-85,
.layout-lg-column > .flex-lg-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box; }
.flex-lg-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-90,
.layout-lg-row > .flex-lg-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-90,
.layout-lg-column > .flex-lg-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box; }
.flex-lg-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-95,
.layout-lg-row > .flex-lg-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-95,
.layout-lg-column > .flex-lg-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box; }
.flex-lg-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-100,
.layout-lg-row > .flex-lg-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-100,
.layout-lg-column > .flex-lg-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-33, .layout-row > .flex-lg-33, .layout-lg-row > .flex-lg-33, .layout-lg-row > .flex-lg-33 {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
max-width: calc(100% / 3);
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-lg-66, .layout-row > .flex-lg-66, .layout-lg-row > .flex-lg-66, .layout-lg-row > .flex-lg-66 {
-webkit-flex: 1 1 66%;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
max-width: calc(200% / 3);
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-lg-33, .layout-column > .flex-lg-33, .layout-lg-column > .flex-lg-33, .layout-lg-column > .flex-lg-33 {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
max-width: 100%;
max-height: calc(100% / 3);
box-sizing: border-box; }
.layout-column > .flex-lg-66, .layout-column > .flex-lg-66, .layout-lg-column > .flex-lg-66, .layout-lg-column > .flex-lg-66 {
-webkit-flex: 1 1 66%;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
max-width: 100%;
max-height: calc(200% / 3);
box-sizing: border-box; }
.layout-lg, .layout-lg-column, .layout-lg-row {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.layout-lg-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.layout-lg-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; } }
@media (min-width: 1920px) {
.flex-order-gt-lg--20 {
-webkit-order: -20;
-ms-flex-order: -20;
order: -20; }
.flex-order-gt-lg--19 {
-webkit-order: -19;
-ms-flex-order: -19;
order: -19; }
.flex-order-gt-lg--18 {
-webkit-order: -18;
-ms-flex-order: -18;
order: -18; }
.flex-order-gt-lg--17 {
-webkit-order: -17;
-ms-flex-order: -17;
order: -17; }
.flex-order-gt-lg--16 {
-webkit-order: -16;
-ms-flex-order: -16;
order: -16; }
.flex-order-gt-lg--15 {
-webkit-order: -15;
-ms-flex-order: -15;
order: -15; }
.flex-order-gt-lg--14 {
-webkit-order: -14;
-ms-flex-order: -14;
order: -14; }
.flex-order-gt-lg--13 {
-webkit-order: -13;
-ms-flex-order: -13;
order: -13; }
.flex-order-gt-lg--12 {
-webkit-order: -12;
-ms-flex-order: -12;
order: -12; }
.flex-order-gt-lg--11 {
-webkit-order: -11;
-ms-flex-order: -11;
order: -11; }
.flex-order-gt-lg--10 {
-webkit-order: -10;
-ms-flex-order: -10;
order: -10; }
.flex-order-gt-lg--9 {
-webkit-order: -9;
-ms-flex-order: -9;
order: -9; }
.flex-order-gt-lg--8 {
-webkit-order: -8;
-ms-flex-order: -8;
order: -8; }
.flex-order-gt-lg--7 {
-webkit-order: -7;
-ms-flex-order: -7;
order: -7; }
.flex-order-gt-lg--6 {
-webkit-order: -6;
-ms-flex-order: -6;
order: -6; }
.flex-order-gt-lg--5 {
-webkit-order: -5;
-ms-flex-order: -5;
order: -5; }
.flex-order-gt-lg--4 {
-webkit-order: -4;
-ms-flex-order: -4;
order: -4; }
.flex-order-gt-lg--3 {
-webkit-order: -3;
-ms-flex-order: -3;
order: -3; }
.flex-order-gt-lg--2 {
-webkit-order: -2;
-ms-flex-order: -2;
order: -2; }
.flex-order-gt-lg--1 {
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.flex-order-gt-lg-0 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-order-gt-lg-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-gt-lg-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.flex-order-gt-lg-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.flex-order-gt-lg-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.flex-order-gt-lg-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.flex-order-gt-lg-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.flex-order-gt-lg-7 {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.flex-order-gt-lg-8 {
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.flex-order-gt-lg-9 {
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.flex-order-gt-lg-10 {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.flex-order-gt-lg-11 {
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.flex-order-gt-lg-12 {
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.flex-order-gt-lg-13 {
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.flex-order-gt-lg-14 {
-webkit-order: 14;
-ms-flex-order: 14;
order: 14; }
.flex-order-gt-lg-15 {
-webkit-order: 15;
-ms-flex-order: 15;
order: 15; }
.flex-order-gt-lg-16 {
-webkit-order: 16;
-ms-flex-order: 16;
order: 16; }
.flex-order-gt-lg-17 {
-webkit-order: 17;
-ms-flex-order: 17;
order: 17; }
.flex-order-gt-lg-18 {
-webkit-order: 18;
-ms-flex-order: 18;
order: 18; }
.flex-order-gt-lg-19 {
-webkit-order: 19;
-ms-flex-order: 19;
order: 19; }
.flex-order-gt-lg-20 {
-webkit-order: 20;
-ms-flex-order: 20;
order: 20; }
.offset-gt-lg-0, .flex-offset-gt-lg-0 {
margin-left: 0%; }
.offset-gt-lg-5, .flex-offset-gt-lg-5 {
margin-left: 5%; }
.offset-gt-lg-10, .flex-offset-gt-lg-10 {
margin-left: 10%; }
.offset-gt-lg-15, .flex-offset-gt-lg-15 {
margin-left: 15%; }
.offset-gt-lg-20, .flex-offset-gt-lg-20 {
margin-left: 20%; }
.offset-gt-lg-25, .flex-offset-gt-lg-25 {
margin-left: 25%; }
.offset-gt-lg-30, .flex-offset-gt-lg-30 {
margin-left: 30%; }
.offset-gt-lg-35, .flex-offset-gt-lg-35 {
margin-left: 35%; }
.offset-gt-lg-40, .flex-offset-gt-lg-40 {
margin-left: 40%; }
.offset-gt-lg-45, .flex-offset-gt-lg-45 {
margin-left: 45%; }
.offset-gt-lg-50, .flex-offset-gt-lg-50 {
margin-left: 50%; }
.offset-gt-lg-55, .flex-offset-gt-lg-55 {
margin-left: 55%; }
.offset-gt-lg-60, .flex-offset-gt-lg-60 {
margin-left: 60%; }
.offset-gt-lg-65, .flex-offset-gt-lg-65 {
margin-left: 65%; }
.offset-gt-lg-70, .flex-offset-gt-lg-70 {
margin-left: 70%; }
.offset-gt-lg-75, .flex-offset-gt-lg-75 {
margin-left: 75%; }
.offset-gt-lg-80, .flex-offset-gt-lg-80 {
margin-left: 80%; }
.offset-gt-lg-85, .flex-offset-gt-lg-85 {
margin-left: 85%; }
.offset-gt-lg-90, .flex-offset-gt-lg-90 {
margin-left: 90%; }
.offset-gt-lg-95, .flex-offset-gt-lg-95 {
margin-left: 95%; }
.offset-gt-lg-33, .flex-offset-gt-lg-33 {
margin-left: calc(100% / 3); }
.offset-gt-lg-66, .flex-offset-gt-lg-66 {
margin-left: calc(200% / 3); }
.layout-align-gt-lg {
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.layout-align-gt-lg-start,
.layout-align-gt-lg-start-start,
.layout-align-gt-lg-start-center,
.layout-align-gt-lg-start-end,
.layout-align-gt-lg-start-stretch {
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start; }
.layout-align-gt-lg-center,
.layout-align-gt-lg-center-start,
.layout-align-gt-lg-center-center,
.layout-align-gt-lg-center-end,
.layout-align-gt-lg-center-stretch {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.layout-align-gt-lg-end,
.layout-align-gt-lg-end-start,
.layout-align-gt-lg-end-center,
.layout-align-gt-lg-end-end,
.layout-align-gt-lg-end-stretch {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.layout-align-gt-lg-space-around,
.layout-align-gt-lg-space-around-center,
.layout-align-gt-lg-space-around-start,
.layout-align-gt-lg-space-around-end,
.layout-align-gt-lg-space-around-stretch {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.layout-align-gt-lg-space-between,
.layout-align-gt-lg-space-between-center,
.layout-align-gt-lg-space-between-start,
.layout-align-gt-lg-space-between-end,
.layout-align-gt-lg-space-between-stretch {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.layout-align-gt-lg-start-start,
.layout-align-gt-lg-center-start,
.layout-align-gt-lg-end-start,
.layout-align-gt-lg-space-between-start,
.layout-align-gt-lg-space-around-start {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.layout-align-gt-lg-start-center,
.layout-align-gt-lg-center-center,
.layout-align-gt-lg-end-center,
.layout-align-gt-lg-space-between-center,
.layout-align-gt-lg-space-around-center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
max-width: 100%; }
.layout-align-gt-lg-start-center > *,
.layout-align-gt-lg-center-center > *,
.layout-align-gt-lg-end-center > *,
.layout-align-gt-lg-space-between-center > *,
.layout-align-gt-lg-space-around-center > * {
max-width: 100%;
box-sizing: border-box; }
.layout-align-gt-lg-start-end,
.layout-align-gt-lg-center-end,
.layout-align-gt-lg-end-end,
.layout-align-gt-lg-space-between-end,
.layout-align-gt-lg-space-around-end {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end; }
.layout-align-gt-lg-start-stretch,
.layout-align-gt-lg-center-stretch,
.layout-align-gt-lg-end-stretch,
.layout-align-gt-lg-space-between-stretch,
.layout-align-gt-lg-space-around-stretch {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch; }
.flex-gt-lg {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-sizing: border-box; } }
@media screen\0 and (min-width: 1920px) {
.flex-gt-lg {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%; } }
@media (min-width: 1920px) {
.flex-gt-lg-grow {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
box-sizing: border-box; }
.flex-gt-lg-initial {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-gt-lg-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
box-sizing: border-box; }
.flex-gt-lg-none {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
box-sizing: border-box; }
.flex-gt-lg-noshrink {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
box-sizing: border-box; }
.flex-gt-lg-nogrow {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-gt-lg-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-0,
.layout-gt-lg-row > .flex-gt-lg-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-0,
.layout-gt-lg-column > .flex-gt-lg-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box; }
.flex-gt-lg-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-5,
.layout-gt-lg-row > .flex-gt-lg-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-5,
.layout-gt-lg-column > .flex-gt-lg-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box; }
.flex-gt-lg-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-10,
.layout-gt-lg-row > .flex-gt-lg-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-10,
.layout-gt-lg-column > .flex-gt-lg-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box; }
.flex-gt-lg-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-15,
.layout-gt-lg-row > .flex-gt-lg-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-15,
.layout-gt-lg-column > .flex-gt-lg-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box; }
.flex-gt-lg-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-20,
.layout-gt-lg-row > .flex-gt-lg-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-20,
.layout-gt-lg-column > .flex-gt-lg-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box; }
.flex-gt-lg-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-25,
.layout-gt-lg-row > .flex-gt-lg-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-25,
.layout-gt-lg-column > .flex-gt-lg-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box; }
.flex-gt-lg-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-30,
.layout-gt-lg-row > .flex-gt-lg-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-30,
.layout-gt-lg-column > .flex-gt-lg-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box; }
.flex-gt-lg-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-35,
.layout-gt-lg-row > .flex-gt-lg-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-35,
.layout-gt-lg-column > .flex-gt-lg-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box; }
.flex-gt-lg-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-40,
.layout-gt-lg-row > .flex-gt-lg-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-40,
.layout-gt-lg-column > .flex-gt-lg-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box; }
.flex-gt-lg-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-45,
.layout-gt-lg-row > .flex-gt-lg-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-45,
.layout-gt-lg-column > .flex-gt-lg-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box; }
.flex-gt-lg-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-50,
.layout-gt-lg-row > .flex-gt-lg-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-50,
.layout-gt-lg-column > .flex-gt-lg-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box; }
.flex-gt-lg-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-55,
.layout-gt-lg-row > .flex-gt-lg-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-55,
.layout-gt-lg-column > .flex-gt-lg-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box; }
.flex-gt-lg-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-60,
.layout-gt-lg-row > .flex-gt-lg-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-60,
.layout-gt-lg-column > .flex-gt-lg-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box; }
.flex-gt-lg-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-65,
.layout-gt-lg-row > .flex-gt-lg-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-65,
.layout-gt-lg-column > .flex-gt-lg-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box; }
.flex-gt-lg-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-70,
.layout-gt-lg-row > .flex-gt-lg-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-70,
.layout-gt-lg-column > .flex-gt-lg-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box; }
.flex-gt-lg-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-75,
.layout-gt-lg-row > .flex-gt-lg-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-75,
.layout-gt-lg-column > .flex-gt-lg-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box; }
.flex-gt-lg-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-80,
.layout-gt-lg-row > .flex-gt-lg-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-80,
.layout-gt-lg-column > .flex-gt-lg-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box; }
.flex-gt-lg-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-85,
.layout-gt-lg-row > .flex-gt-lg-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-85,
.layout-gt-lg-column > .flex-gt-lg-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box; }
.flex-gt-lg-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-90,
.layout-gt-lg-row > .flex-gt-lg-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-90,
.layout-gt-lg-column > .flex-gt-lg-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box; }
.flex-gt-lg-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-95,
.layout-gt-lg-row > .flex-gt-lg-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-95,
.layout-gt-lg-column > .flex-gt-lg-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box; }
.flex-gt-lg-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-100,
.layout-gt-lg-row > .flex-gt-lg-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-100,
.layout-gt-lg-column > .flex-gt-lg-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-33, .layout-row > .flex-gt-lg-33, .layout-gt-lg-row > .flex-gt-lg-33, .layout-gt-lg-row > .flex-gt-lg-33 {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
max-width: calc(100% / 3);
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-gt-lg-66, .layout-row > .flex-gt-lg-66, .layout-gt-lg-row > .flex-gt-lg-66, .layout-gt-lg-row > .flex-gt-lg-66 {
-webkit-flex: 1 1 66%;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
max-width: calc(200% / 3);
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-gt-lg-33, .layout-column > .flex-gt-lg-33, .layout-gt-lg-column > .flex-gt-lg-33, .layout-gt-lg-column > .flex-gt-lg-33 {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
max-width: 100%;
max-height: calc(100% / 3);
box-sizing: border-box; }
.layout-column > .flex-gt-lg-66, .layout-column > .flex-gt-lg-66, .layout-gt-lg-column > .flex-gt-lg-66, .layout-gt-lg-column > .flex-gt-lg-66 {
-webkit-flex: 1 1 66%;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
max-width: 100%;
max-height: calc(200% / 3);
box-sizing: border-box; }
.layout-gt-lg, .layout-gt-lg-column, .layout-gt-lg-row {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.layout-gt-lg-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.layout-gt-lg-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.flex-order-xl--20 {
-webkit-order: -20;
-ms-flex-order: -20;
order: -20; }
.flex-order-xl--19 {
-webkit-order: -19;
-ms-flex-order: -19;
order: -19; }
.flex-order-xl--18 {
-webkit-order: -18;
-ms-flex-order: -18;
order: -18; }
.flex-order-xl--17 {
-webkit-order: -17;
-ms-flex-order: -17;
order: -17; }
.flex-order-xl--16 {
-webkit-order: -16;
-ms-flex-order: -16;
order: -16; }
.flex-order-xl--15 {
-webkit-order: -15;
-ms-flex-order: -15;
order: -15; }
.flex-order-xl--14 {
-webkit-order: -14;
-ms-flex-order: -14;
order: -14; }
.flex-order-xl--13 {
-webkit-order: -13;
-ms-flex-order: -13;
order: -13; }
.flex-order-xl--12 {
-webkit-order: -12;
-ms-flex-order: -12;
order: -12; }
.flex-order-xl--11 {
-webkit-order: -11;
-ms-flex-order: -11;
order: -11; }
.flex-order-xl--10 {
-webkit-order: -10;
-ms-flex-order: -10;
order: -10; }
.flex-order-xl--9 {
-webkit-order: -9;
-ms-flex-order: -9;
order: -9; }
.flex-order-xl--8 {
-webkit-order: -8;
-ms-flex-order: -8;
order: -8; }
.flex-order-xl--7 {
-webkit-order: -7;
-ms-flex-order: -7;
order: -7; }
.flex-order-xl--6 {
-webkit-order: -6;
-ms-flex-order: -6;
order: -6; }
.flex-order-xl--5 {
-webkit-order: -5;
-ms-flex-order: -5;
order: -5; }
.flex-order-xl--4 {
-webkit-order: -4;
-ms-flex-order: -4;
order: -4; }
.flex-order-xl--3 {
-webkit-order: -3;
-ms-flex-order: -3;
order: -3; }
.flex-order-xl--2 {
-webkit-order: -2;
-ms-flex-order: -2;
order: -2; }
.flex-order-xl--1 {
-webkit-order: -1;
-ms-flex-order: -1;
order: -1; }
.flex-order-xl-0 {
-webkit-order: 0;
-ms-flex-order: 0;
order: 0; }
.flex-order-xl-1 {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
.flex-order-xl-2 {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
.flex-order-xl-3 {
-webkit-order: 3;
-ms-flex-order: 3;
order: 3; }
.flex-order-xl-4 {
-webkit-order: 4;
-ms-flex-order: 4;
order: 4; }
.flex-order-xl-5 {
-webkit-order: 5;
-ms-flex-order: 5;
order: 5; }
.flex-order-xl-6 {
-webkit-order: 6;
-ms-flex-order: 6;
order: 6; }
.flex-order-xl-7 {
-webkit-order: 7;
-ms-flex-order: 7;
order: 7; }
.flex-order-xl-8 {
-webkit-order: 8;
-ms-flex-order: 8;
order: 8; }
.flex-order-xl-9 {
-webkit-order: 9;
-ms-flex-order: 9;
order: 9; }
.flex-order-xl-10 {
-webkit-order: 10;
-ms-flex-order: 10;
order: 10; }
.flex-order-xl-11 {
-webkit-order: 11;
-ms-flex-order: 11;
order: 11; }
.flex-order-xl-12 {
-webkit-order: 12;
-ms-flex-order: 12;
order: 12; }
.flex-order-xl-13 {
-webkit-order: 13;
-ms-flex-order: 13;
order: 13; }
.flex-order-xl-14 {
-webkit-order: 14;
-ms-flex-order: 14;
order: 14; }
.flex-order-xl-15 {
-webkit-order: 15;
-ms-flex-order: 15;
order: 15; }
.flex-order-xl-16 {
-webkit-order: 16;
-ms-flex-order: 16;
order: 16; }
.flex-order-xl-17 {
-webkit-order: 17;
-ms-flex-order: 17;
order: 17; }
.flex-order-xl-18 {
-webkit-order: 18;
-ms-flex-order: 18;
order: 18; }
.flex-order-xl-19 {
-webkit-order: 19;
-ms-flex-order: 19;
order: 19; }
.flex-order-xl-20 {
-webkit-order: 20;
-ms-flex-order: 20;
order: 20; }
.offset-xl-0, .flex-offset-xl-0 {
margin-left: 0%; }
.offset-xl-5, .flex-offset-xl-5 {
margin-left: 5%; }
.offset-xl-10, .flex-offset-xl-10 {
margin-left: 10%; }
.offset-xl-15, .flex-offset-xl-15 {
margin-left: 15%; }
.offset-xl-20, .flex-offset-xl-20 {
margin-left: 20%; }
.offset-xl-25, .flex-offset-xl-25 {
margin-left: 25%; }
.offset-xl-30, .flex-offset-xl-30 {
margin-left: 30%; }
.offset-xl-35, .flex-offset-xl-35 {
margin-left: 35%; }
.offset-xl-40, .flex-offset-xl-40 {
margin-left: 40%; }
.offset-xl-45, .flex-offset-xl-45 {
margin-left: 45%; }
.offset-xl-50, .flex-offset-xl-50 {
margin-left: 50%; }
.offset-xl-55, .flex-offset-xl-55 {
margin-left: 55%; }
.offset-xl-60, .flex-offset-xl-60 {
margin-left: 60%; }
.offset-xl-65, .flex-offset-xl-65 {
margin-left: 65%; }
.offset-xl-70, .flex-offset-xl-70 {
margin-left: 70%; }
.offset-xl-75, .flex-offset-xl-75 {
margin-left: 75%; }
.offset-xl-80, .flex-offset-xl-80 {
margin-left: 80%; }
.offset-xl-85, .flex-offset-xl-85 {
margin-left: 85%; }
.offset-xl-90, .flex-offset-xl-90 {
margin-left: 90%; }
.offset-xl-95, .flex-offset-xl-95 {
margin-left: 95%; }
.offset-xl-33, .flex-offset-xl-33 {
margin-left: calc(100% / 3); }
.offset-xl-66, .flex-offset-xl-66 {
margin-left: calc(200% / 3); }
.layout-align-xl {
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch; }
.layout-align-xl-start,
.layout-align-xl-start-start,
.layout-align-xl-start-center,
.layout-align-xl-start-end,
.layout-align-xl-start-stretch {
-webkit-justify-content: start;
-ms-flex-pack: start;
justify-content: start; }
.layout-align-xl-center,
.layout-align-xl-center-start,
.layout-align-xl-center-center,
.layout-align-xl-center-end,
.layout-align-xl-center-stretch {
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
.layout-align-xl-end,
.layout-align-xl-end-start,
.layout-align-xl-end-center,
.layout-align-xl-end-end,
.layout-align-xl-end-stretch {
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end; }
.layout-align-xl-space-around,
.layout-align-xl-space-around-center,
.layout-align-xl-space-around-start,
.layout-align-xl-space-around-end,
.layout-align-xl-space-around-stretch {
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around; }
.layout-align-xl-space-between,
.layout-align-xl-space-between-center,
.layout-align-xl-space-between-start,
.layout-align-xl-space-between-end,
.layout-align-xl-space-between-stretch {
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.layout-align-xl-start-start,
.layout-align-xl-center-start,
.layout-align-xl-end-start,
.layout-align-xl-space-between-start,
.layout-align-xl-space-around-start {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start; }
.layout-align-xl-start-center,
.layout-align-xl-center-center,
.layout-align-xl-end-center,
.layout-align-xl-space-between-center,
.layout-align-xl-space-around-center {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
max-width: 100%; }
.layout-align-xl-start-center > *,
.layout-align-xl-center-center > *,
.layout-align-xl-end-center > *,
.layout-align-xl-space-between-center > *,
.layout-align-xl-space-around-center > * {
max-width: 100%;
box-sizing: border-box; }
.layout-align-xl-start-end,
.layout-align-xl-center-end,
.layout-align-xl-end-end,
.layout-align-xl-space-between-end,
.layout-align-xl-space-around-end {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-align-content: flex-end;
-ms-flex-line-pack: end;
align-content: flex-end; }
.layout-align-xl-start-stretch,
.layout-align-xl-center-stretch,
.layout-align-xl-end-stretch,
.layout-align-xl-space-between-stretch,
.layout-align-xl-space-around-stretch {
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-align-content: stretch;
-ms-flex-line-pack: stretch;
align-content: stretch; }
.flex-xl {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
box-sizing: border-box; } }
@media screen\0 and (min-width: 1920px) {
.flex-xl {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%; } }
@media (min-width: 1920px) {
.flex-xl-grow {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
box-sizing: border-box; }
.flex-xl-initial {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-xl-auto {
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
box-sizing: border-box; }
.flex-xl-none {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
box-sizing: border-box; }
.flex-xl-noshrink {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
box-sizing: border-box; }
.flex-xl-nogrow {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
box-sizing: border-box; }
.flex-xl-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-0,
.layout-xl-row > .flex-xl-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 0%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-0,
.layout-xl-column > .flex-xl-0 {
-webkit-flex: 1 1 0%;
-ms-flex: 1 1 0%;
flex: 1 1 0%;
max-width: 100%;
max-height: 0%;
box-sizing: border-box; }
.flex-xl-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-5,
.layout-xl-row > .flex-xl-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 5%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-5,
.layout-xl-column > .flex-xl-5 {
-webkit-flex: 1 1 5%;
-ms-flex: 1 1 5%;
flex: 1 1 5%;
max-width: 100%;
max-height: 5%;
box-sizing: border-box; }
.flex-xl-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-10,
.layout-xl-row > .flex-xl-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 10%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-10,
.layout-xl-column > .flex-xl-10 {
-webkit-flex: 1 1 10%;
-ms-flex: 1 1 10%;
flex: 1 1 10%;
max-width: 100%;
max-height: 10%;
box-sizing: border-box; }
.flex-xl-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-15,
.layout-xl-row > .flex-xl-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 15%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-15,
.layout-xl-column > .flex-xl-15 {
-webkit-flex: 1 1 15%;
-ms-flex: 1 1 15%;
flex: 1 1 15%;
max-width: 100%;
max-height: 15%;
box-sizing: border-box; }
.flex-xl-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-20,
.layout-xl-row > .flex-xl-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 20%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-20,
.layout-xl-column > .flex-xl-20 {
-webkit-flex: 1 1 20%;
-ms-flex: 1 1 20%;
flex: 1 1 20%;
max-width: 100%;
max-height: 20%;
box-sizing: border-box; }
.flex-xl-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-25,
.layout-xl-row > .flex-xl-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-25,
.layout-xl-column > .flex-xl-25 {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 100%;
max-height: 25%;
box-sizing: border-box; }
.flex-xl-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-30,
.layout-xl-row > .flex-xl-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 30%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-30,
.layout-xl-column > .flex-xl-30 {
-webkit-flex: 1 1 30%;
-ms-flex: 1 1 30%;
flex: 1 1 30%;
max-width: 100%;
max-height: 30%;
box-sizing: border-box; }
.flex-xl-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-35,
.layout-xl-row > .flex-xl-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 35%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-35,
.layout-xl-column > .flex-xl-35 {
-webkit-flex: 1 1 35%;
-ms-flex: 1 1 35%;
flex: 1 1 35%;
max-width: 100%;
max-height: 35%;
box-sizing: border-box; }
.flex-xl-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-40,
.layout-xl-row > .flex-xl-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 40%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-40,
.layout-xl-column > .flex-xl-40 {
-webkit-flex: 1 1 40%;
-ms-flex: 1 1 40%;
flex: 1 1 40%;
max-width: 100%;
max-height: 40%;
box-sizing: border-box; }
.flex-xl-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-45,
.layout-xl-row > .flex-xl-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 45%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-45,
.layout-xl-column > .flex-xl-45 {
-webkit-flex: 1 1 45%;
-ms-flex: 1 1 45%;
flex: 1 1 45%;
max-width: 100%;
max-height: 45%;
box-sizing: border-box; }
.flex-xl-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-50,
.layout-xl-row > .flex-xl-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 50%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-50,
.layout-xl-column > .flex-xl-50 {
-webkit-flex: 1 1 50%;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
max-width: 100%;
max-height: 50%;
box-sizing: border-box; }
.flex-xl-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-55,
.layout-xl-row > .flex-xl-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 55%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-55,
.layout-xl-column > .flex-xl-55 {
-webkit-flex: 1 1 55%;
-ms-flex: 1 1 55%;
flex: 1 1 55%;
max-width: 100%;
max-height: 55%;
box-sizing: border-box; }
.flex-xl-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-60,
.layout-xl-row > .flex-xl-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 60%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-60,
.layout-xl-column > .flex-xl-60 {
-webkit-flex: 1 1 60%;
-ms-flex: 1 1 60%;
flex: 1 1 60%;
max-width: 100%;
max-height: 60%;
box-sizing: border-box; }
.flex-xl-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-65,
.layout-xl-row > .flex-xl-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 65%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-65,
.layout-xl-column > .flex-xl-65 {
-webkit-flex: 1 1 65%;
-ms-flex: 1 1 65%;
flex: 1 1 65%;
max-width: 100%;
max-height: 65%;
box-sizing: border-box; }
.flex-xl-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-70,
.layout-xl-row > .flex-xl-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 70%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-70,
.layout-xl-column > .flex-xl-70 {
-webkit-flex: 1 1 70%;
-ms-flex: 1 1 70%;
flex: 1 1 70%;
max-width: 100%;
max-height: 70%;
box-sizing: border-box; }
.flex-xl-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-75,
.layout-xl-row > .flex-xl-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 75%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-75,
.layout-xl-column > .flex-xl-75 {
-webkit-flex: 1 1 75%;
-ms-flex: 1 1 75%;
flex: 1 1 75%;
max-width: 100%;
max-height: 75%;
box-sizing: border-box; }
.flex-xl-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-80,
.layout-xl-row > .flex-xl-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 80%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-80,
.layout-xl-column > .flex-xl-80 {
-webkit-flex: 1 1 80%;
-ms-flex: 1 1 80%;
flex: 1 1 80%;
max-width: 100%;
max-height: 80%;
box-sizing: border-box; }
.flex-xl-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-85,
.layout-xl-row > .flex-xl-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 85%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-85,
.layout-xl-column > .flex-xl-85 {
-webkit-flex: 1 1 85%;
-ms-flex: 1 1 85%;
flex: 1 1 85%;
max-width: 100%;
max-height: 85%;
box-sizing: border-box; }
.flex-xl-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-90,
.layout-xl-row > .flex-xl-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 90%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-90,
.layout-xl-column > .flex-xl-90 {
-webkit-flex: 1 1 90%;
-ms-flex: 1 1 90%;
flex: 1 1 90%;
max-width: 100%;
max-height: 90%;
box-sizing: border-box; }
.flex-xl-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-95,
.layout-xl-row > .flex-xl-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 95%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-95,
.layout-xl-column > .flex-xl-95 {
-webkit-flex: 1 1 95%;
-ms-flex: 1 1 95%;
flex: 1 1 95%;
max-width: 100%;
max-height: 95%;
box-sizing: border-box; }
.flex-xl-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-100,
.layout-xl-row > .flex-xl-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-100,
.layout-xl-column > .flex-xl-100 {
-webkit-flex: 1 1 100%;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
max-width: 100%;
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-33, .layout-row > .flex-xl-33, .layout-xl-row > .flex-xl-33, .layout-xl-row > .flex-xl-33 {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
max-width: calc(100% / 3);
max-height: 100%;
box-sizing: border-box; }
.layout-row > .flex-xl-66, .layout-row > .flex-xl-66, .layout-xl-row > .flex-xl-66, .layout-xl-row > .flex-xl-66 {
-webkit-flex: 1 1 66%;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
max-width: calc(200% / 3);
max-height: 100%;
box-sizing: border-box; }
.layout-column > .flex-xl-33, .layout-column > .flex-xl-33, .layout-xl-column > .flex-xl-33, .layout-xl-column > .flex-xl-33 {
-webkit-flex: 1 1 33%;
-ms-flex: 1 1 33%;
flex: 1 1 33%;
max-width: 100%;
max-height: calc(100% / 3);
box-sizing: border-box; }
.layout-column > .flex-xl-66, .layout-column > .flex-xl-66, .layout-xl-column > .flex-xl-66, .layout-xl-column > .flex-xl-66 {
-webkit-flex: 1 1 66%;
-ms-flex: 1 1 66%;
flex: 1 1 66%;
max-width: 100%;
max-height: calc(200% / 3);
box-sizing: border-box; }
.layout-xl, .layout-xl-column, .layout-xl-row {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
.layout-xl-column {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.layout-xl-row {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
.hide:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-xs:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-sm:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-md:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show), .hide-gt-lg:not(.show-gt-xs):not(.show-gt-sm):not(.show-gt-md):not(.show-gt-lg):not(.show-xl):not(.show) {
display: none; }
.hide-xl:not(.show-xl):not(.show-gt-lg):not(.show-gt-md):not(.show-gt-sm):not(.show-gt-xs):not(.show) {
display: none; } }
@-webkit-keyframes md-autocomplete-list-out {
0% {
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
50% {
opacity: 0;
height: 40px;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
100% {
height: 0;
opacity: 0; } }
@keyframes md-autocomplete-list-out {
0% {
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
50% {
opacity: 0;
height: 40px;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in; }
100% {
height: 0;
opacity: 0; } }
@-webkit-keyframes md-autocomplete-list-in {
0% {
opacity: 0;
height: 0;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
opacity: 0;
height: 40px; }
100% {
opacity: 1;
height: 40px; } }
@keyframes md-autocomplete-list-in {
0% {
opacity: 0;
height: 0;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out; }
50% {
opacity: 0;
height: 40px; }
100% {
opacity: 1;
height: 40px; } }
md-autocomplete {
border-radius: 2px;
display: block;
height: 40px;
position: relative;
overflow: visible;
min-width: 190px; }
md-autocomplete[disabled] input {
cursor: default; }
md-autocomplete[md-floating-label] {
border-radius: 0;
background: transparent;
height: auto; }
md-autocomplete[md-floating-label] md-input-container {
padding-bottom: 26px; }
md-autocomplete[md-floating-label] md-input-container.md-input-has-messages {
padding-bottom: 2px; }
md-autocomplete[md-floating-label] md-autocomplete-wrap {
height: auto; }
md-autocomplete[md-floating-label] button {
position: absolute;
top: auto;
bottom: 0;
right: 0;
width: 30px;
height: 30px; }
md-autocomplete md-autocomplete-wrap {
display: block;
position: relative;
overflow: visible;
height: 40px; }
md-autocomplete md-autocomplete-wrap.md-menu-showing {
z-index: 51; }
md-autocomplete md-autocomplete-wrap md-progress-linear {
position: absolute;
bottom: -2px;
left: 0; }
md-autocomplete md-autocomplete-wrap md-progress-linear.md-inline {
bottom: 40px;
right: 2px;
left: 2px;
width: auto; }
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3px;
transition: none; }
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate .md-container {
transition: none;
height: 3px; }
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter {
transition: opacity 0.15s linear; }
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-enter.ng-enter-active {
opacity: 1; }
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave {
transition: opacity 0.15s linear; }
md-autocomplete md-autocomplete-wrap md-progress-linear .md-mode-indeterminate.ng-leave.ng-leave-active {
opacity: 0; }
md-autocomplete input:not(.md-input) {
font-size: 14px;
box-sizing: border-box;
border: none;
box-shadow: none;
outline: none;
background: transparent;
width: 100%;
padding: 0 15px;
line-height: 40px;
height: 40px; }
md-autocomplete input:not(.md-input)::-ms-clear {
display: none; }
md-autocomplete button {
position: relative;
line-height: 20px;
text-align: center;
width: 30px;
height: 30px;
cursor: pointer;
border: none;
border-radius: 50%;
padding: 0;
font-size: 12px;
background: transparent;
margin: auto 5px; }
md-autocomplete button:after {
content: '';
position: absolute;
top: -6px;
right: -6px;
bottom: -6px;
left: -6px;
border-radius: 50%;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
md-autocomplete button:focus {
outline: none; }
md-autocomplete button:focus:after {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
md-autocomplete button md-icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0) scale(0.9);
transform: translate3d(-50%, -50%, 0) scale(0.9); }
md-autocomplete button md-icon path {
stroke-width: 0; }
md-autocomplete button.ng-enter {
-webkit-transform: scale(0);
transform: scale(0);
transition: -webkit-transform 0.15s ease-out;
transition: transform 0.15s ease-out; }
md-autocomplete button.ng-enter.ng-enter-active {
-webkit-transform: scale(1);
transform: scale(1); }
md-autocomplete button.ng-leave {
transition: -webkit-transform 0.15s ease-out;
transition: transform 0.15s ease-out; }
md-autocomplete button.ng-leave.ng-leave-active {
-webkit-transform: scale(0);
transform: scale(0); }
@media screen and (-ms-high-contrast: active) {
md-autocomplete input {
border: 1px solid #fff; }
md-autocomplete li:focus {
color: #fff; } }
.md-virtual-repeat-container.md-autocomplete-suggestions-container {
position: absolute;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
height: 225.5px;
max-height: 225.5px;
z-index: 100; }
.md-virtual-repeat-container.md-not-found {
height: 48px; }
.md-autocomplete-suggestions {
margin: 0;
list-style: none;
padding: 0; }
.md-autocomplete-suggestions li {
font-size: 14px;
overflow: hidden;
padding: 0 15px;
line-height: 48px;
height: 48px;
transition: background 0.15s linear;
margin: 0;
white-space: nowrap;
text-overflow: ellipsis; }
.md-autocomplete-suggestions li:focus {
outline: none; }
.md-autocomplete-suggestions li:not(.md-not-found-wrapper) {
cursor: pointer; }
@media screen and (-ms-high-contrast: active) {
md-autocomplete,
.md-autocomplete-suggestions {
border: 1px solid #fff; } }
md-backdrop {
transition: opacity 450ms;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 50; }
md-backdrop.md-menu-backdrop {
position: fixed !important;
z-index: 99; }
md-backdrop.md-select-backdrop {
z-index: 81;
transition-duration: 0; }
md-backdrop.md-dialog-backdrop {
z-index: 79; }
md-backdrop.md-bottom-sheet-backdrop {
z-index: 69; }
md-backdrop.md-sidenav-backdrop {
z-index: 59; }
md-backdrop.md-click-catcher {
position: absolute; }
md-backdrop.md-opaque {
opacity: .48; }
md-backdrop.md-opaque.ng-enter {
opacity: 0; }
md-backdrop.md-opaque.ng-enter.md-opaque.ng-enter-active {
opacity: .48; }
md-backdrop.md-opaque.ng-leave {
opacity: .48;
transition: opacity 400ms; }
md-backdrop.md-opaque.ng-leave.md-opaque.ng-leave-active {
opacity: 0; }
md-bottom-sheet {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 8px 16px 88px 16px;
z-index: 70;
border-top-width: 1px;
border-top-style: solid;
-webkit-transform: translate3d(0, 80px, 0);
transform: translate3d(0, 80px, 0);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-property: -webkit-transform;
transition-property: transform; }
md-bottom-sheet.md-has-header {
padding-top: 0; }
md-bottom-sheet.ng-enter {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
md-bottom-sheet.ng-enter-active {
opacity: 1;
display: block;
-webkit-transform: translate3d(0, 80px, 0) !important;
transform: translate3d(0, 80px, 0) !important; }
md-bottom-sheet.ng-leave-active {
-webkit-transform: translate3d(0, 100%, 0) !important;
transform: translate3d(0, 100%, 0) !important;
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
md-bottom-sheet .md-subheader {
background-color: transparent;
font-family: Roboto, "Helvetica Neue", sans-serif;
line-height: 56px;
padding: 0;
white-space: nowrap; }
md-bottom-sheet md-inline-icon {
display: inline-block;
height: 24px;
width: 24px;
fill: #444; }
md-bottom-sheet md-list-item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
outline: none; }
md-bottom-sheet md-list-item:hover {
cursor: pointer; }
md-bottom-sheet.md-list md-list-item {
padding: 0;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 48px; }
md-bottom-sheet.md-list md-list-item div.md-icon-container {
display: inline-block;
height: 24px;
margin-right: 32px; }
md-bottom-sheet.md-grid {
padding-left: 24px;
padding-right: 24px;
padding-top: 0; }
md-bottom-sheet.md-grid md-list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
transition: all 0.5s;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
md-bottom-sheet.md-grid md-list-item {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
transition: all 0.5s;
height: 96px;
margin-top: 8px;
margin-bottom: 8px;
/* Mixin for how many grid items to show per row */ }
@media screen and (max-width: 960px) {
md-bottom-sheet.md-grid md-list-item {
-webkit-flex: 1 1 33.33333%;
-ms-flex: 1 1 33.33333%;
flex: 1 1 33.33333%;
max-width: 33.33333%; }
md-bottom-sheet.md-grid md-list-item:nth-of-type(3n + 1) {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start; }
md-bottom-sheet.md-grid md-list-item:nth-of-type(3n) {
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end; } }
@media screen and (min-width: 960px) and (max-width: 1279px) {
md-bottom-sheet.md-grid md-list-item {
-webkit-flex: 1 1 25%;
-ms-flex: 1 1 25%;
flex: 1 1 25%;
max-width: 25%; } }
@media screen and (min-width: 1280px) and (max-width: 1919px) {
md-bottom-sheet.md-grid md-list-item {
-webkit-flex: 1 1 16.66667%;
-ms-flex: 1 1 16.66667%;
flex: 1 1 16.66667%;
max-width: 16.66667%; } }
@media screen and (min-width: 1920px) {
md-bottom-sheet.md-grid md-list-item {
-webkit-flex: 1 1 14.28571%;
-ms-flex: 1 1 14.28571%;
flex: 1 1 14.28571%;
max-width: 14.28571%; } }
md-bottom-sheet.md-grid md-list-item .md-list-item-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 48px;
padding-bottom: 16px; }
md-bottom-sheet.md-grid md-list-item .md-grid-item-content {
border: 1px solid transparent;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 80px; }
md-bottom-sheet.md-grid md-list-item .md-icon-container {
display: inline-block;
box-sizing: border-box;
height: 48px;
width: 48px;
margin: 0 0; }
md-bottom-sheet.md-grid md-list-item .md-grid-text {
font-weight: 400;
line-height: 16px;
font-size: 13px;
margin: 0;
white-space: nowrap;
width: 64px;
text-align: center;
text-transform: none;
padding-top: 8px; }
@media screen and (-ms-high-contrast: active) {
md-bottom-sheet {
border: 1px solid #fff; } }
button.md-button::-moz-focus-inner {
border: 0; }
.md-button {
border-radius: 3px;
box-sizing: border-box;
color: currentColor;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
outline: none;
border: 0;
display: inline-block;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 0 6px;
margin: 6px 8px;
line-height: 36px;
min-height: 36px;
background: transparent;
white-space: nowrap;
min-width: 88px;
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
font-style: inherit;
font-variant: inherit;
font-family: inherit;
text-decoration: none;
cursor: pointer;
overflow: hidden;
transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
.md-button:focus {
outline: none; }
.md-button:hover, .md-button:focus {
text-decoration: none; }
.md-button.ng-hide, .md-button.ng-leave {
transition: none; }
.md-button.md-cornered {
border-radius: 0; }
.md-button.md-icon {
padding: 0;
background: none; }
.md-button.md-raised:not([disabled]) {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
.md-button.md-icon-button {
margin: 0 6px;
height: 40px;
min-width: 0;
line-height: 24px;
padding: 8px;
width: 40px;
border-radius: 50%; }
.md-button.md-icon-button .md-ripple-container {
border-radius: 50%;
background-clip: padding-box;
overflow: hidden;
-webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }
.md-button.md-fab {
z-index: 20;
line-height: 56px;
min-width: 0;
width: 56px;
height: 56px;
vertical-align: middle;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
border-radius: 50%;
background-clip: padding-box;
overflow: hidden;
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
transition-property: background-color, box-shadow, -webkit-transform;
transition-property: background-color, box-shadow, transform; }
.md-button.md-fab.md-fab-bottom-right {
top: auto;
right: 20px;
bottom: 20px;
left: auto;
position: absolute; }
.md-button.md-fab.md-fab-bottom-left {
top: auto;
right: auto;
bottom: 20px;
left: 20px;
position: absolute; }
.md-button.md-fab.md-fab-top-right {
top: 20px;
right: 20px;
bottom: auto;
left: auto;
position: absolute; }
.md-button.md-fab.md-fab-top-left {
top: 20px;
right: auto;
bottom: auto;
left: 20px;
position: absolute; }
.md-button.md-fab .md-ripple-container {
border-radius: 50%;
background-clip: padding-box;
overflow: hidden;
-webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }
.md-button.md-fab.md-mini {
line-height: 40px;
width: 40px;
height: 40px; }
.md-button.md-fab.ng-hide, .md-button.md-fab.ng-leave {
transition: none; }
.md-button:not([disabled]).md-raised.md-focused, .md-button:not([disabled]).md-fab.md-focused {
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
.md-button:not([disabled]).md-raised:active, .md-button:not([disabled]).md-fab:active {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }
.md-button .md-ripple-container {
border-radius: 3px;
background-clip: padding-box;
overflow: hidden;
-webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC"); }
.md-toast-open-top .md-button.md-fab-top-left,
.md-toast-open-top .md-button.md-fab-top-right {
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-webkit-transform: translate3d(0, 42px, 0);
transform: translate3d(0, 42px, 0); }
.md-toast-open-top .md-button.md-fab-top-left:not([disabled]).md-focused, .md-toast-open-top .md-button.md-fab-top-left:not([disabled]):hover,
.md-toast-open-top .md-button.md-fab-top-right:not([disabled]).md-focused,
.md-toast-open-top .md-button.md-fab-top-right:not([disabled]):hover {
-webkit-transform: translate3d(0, 41px, 0);
transform: translate3d(0, 41px, 0); }
.md-toast-open-bottom .md-button.md-fab-bottom-left,
.md-toast-open-bottom .md-button.md-fab-bottom-right {
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-webkit-transform: translate3d(0, -42px, 0);
transform: translate3d(0, -42px, 0); }
.md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]).md-focused, .md-toast-open-bottom .md-button.md-fab-bottom-left:not([disabled]):hover,
.md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]).md-focused,
.md-toast-open-bottom .md-button.md-fab-bottom-right:not([disabled]):hover {
-webkit-transform: translate3d(0, -43px, 0);
transform: translate3d(0, -43px, 0); }
.md-button-group {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
width: 100%; }
.md-button-group > .md-button {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: block;
overflow: hidden;
width: 0;
border-width: 1px 0px 1px 1px;
border-radius: 0;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap; }
.md-button-group > .md-button:first-child {
border-radius: 2px 0px 0px 2px; }
.md-button-group > .md-button:last-child {
border-right-width: 1px;
border-radius: 0px 2px 2px 0px; }
@media screen and (-ms-high-contrast: active) {
.md-button.md-raised,
.md-button.md-fab {
border: 1px solid #fff; } }
md-card {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: 8px;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
md-card md-card-header {
padding: 16px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
md-card md-card-header:first-child md-card-avatar {
margin-right: 12px; }
md-card md-card-header:last-child md-card-avatar {
margin-left: 12px; }
md-card md-card-header md-card-avatar {
width: 40px;
height: 40px; }
md-card md-card-header md-card-avatar .md-user-avatar,
md-card md-card-header md-card-avatar md-icon {
border-radius: 50%; }
md-card md-card-header md-card-avatar md-icon {
padding: 8px; }
md-card md-card-header md-card-avatar + md-card-header-text {
max-height: 40px; }
md-card md-card-header md-card-avatar + md-card-header-text .md-title {
font-size: 14px; }
md-card md-card-header md-card-header-text {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
md-card md-card-header md-card-header-text .md-subhead {
font-size: 14px; }
md-card > img,
md-card > :not(md-card-content) img {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
height: auto; }
md-card md-card-title {
padding: 24px 16px 16px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
md-card md-card-title + md-card-content {
padding-top: 0; }
md-card md-card-title md-card-title-text {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
md-card md-card-title md-card-title-text .md-subhead {
padding-top: 0;
font-size: 14px; }
md-card md-card-title md-card-title-text:only-child .md-subhead {
padding-top: 12px; }
md-card md-card-title md-card-title-media {
margin-top: -8px; }
md-card md-card-title md-card-title-media .md-media-sm {
height: 80px;
width: 80px; }
md-card md-card-title md-card-title-media .md-media-md {
height: 112px;
width: 112px; }
md-card md-card-title md-card-title-media .md-media-lg {
height: 152px;
width: 152px; }
md-card md-card-content {
display: block;
padding: 16px; }
md-card md-card-content > p:first-child {
margin-top: 0; }
md-card md-card-content > p:last-child {
margin-bottom: 0; }
md-card md-card-content .md-media-xl {
height: 240px;
width: 240px; }
md-card .md-actions, md-card md-card-actions {
margin: 8px; }
md-card .md-actions.layout-column .md-button:not(.md-icon-button), md-card md-card-actions.layout-column .md-button:not(.md-icon-button) {
margin: 2px 0; }
md-card .md-actions.layout-column .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):first-of-type {
margin-top: 0; }
md-card .md-actions.layout-column .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions.layout-column .md-button:not(.md-icon-button):last-of-type {
margin-bottom: 0; }
md-card .md-actions.layout-column .md-button.md-icon-button, md-card md-card-actions.layout-column .md-button.md-icon-button {
margin-top: 6px;
margin-bottom: 6px; }
md-card .md-actions md-card-icon-actions, md-card md-card-actions md-card-icon-actions {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button), md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button) {
margin: 0 4px; }
md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):first-of-type {
margin-left: 0; }
md-card .md-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type, md-card md-card-actions:not(.layout-column) .md-button:not(.md-icon-button):last-of-type {
margin-right: 0; }
md-card .md-actions:not(.layout-column) .md-button.md-icon-button, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button {
margin-left: 6px;
margin-right: 6px; }
md-card .md-actions:not(.layout-column) .md-button.md-icon-button:first-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:first-of-type {
margin-left: 12px; }
md-card .md-actions:not(.layout-column) .md-button.md-icon-button:last-of-type, md-card md-card-actions:not(.layout-column) .md-button.md-icon-button:last-of-type {
margin-right: 12px; }
md-card .md-actions:not(.layout-column) .md-button + md-card-icon-actions, md-card md-card-actions:not(.layout-column) .md-button + md-card-icon-actions {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
md-card md-card-footer {
margin-top: auto;
padding: 16px; }
@media screen and (-ms-high-contrast: active) {
md-card {
border: 1px solid #fff; } }
.md-inline-form md-checkbox {
margin: 19px 0 18px; }
md-checkbox {
box-sizing: border-box;
display: inline-block;
margin-bottom: 16px;
white-space: nowrap;
cursor: pointer;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
position: relative;
min-width: 20px;
min-height: 20px;
margin-left: inherit;
margin-right: 16px; }
html[dir=rtl] md-checkbox {
margin-left: 16px;
unicode-bidi: embed; }
body[dir=rtl] md-checkbox {
margin-left: 16px;
unicode-bidi: embed; }
md-checkbox bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-checkbox bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-checkbox {
margin-right: inherit;
unicode-bidi: embed; }
body[dir=rtl] md-checkbox {
margin-right: inherit;
unicode-bidi: embed; }
md-checkbox bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-checkbox bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-checkbox:last-of-type {
margin-left: inherit;
margin-right: 0; }
html[dir=rtl] md-checkbox:last-of-type {
margin-left: 0;
unicode-bidi: embed; }
body[dir=rtl] md-checkbox:last-of-type {
margin-left: 0;
unicode-bidi: embed; }
md-checkbox:last-of-type bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-checkbox:last-of-type bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-checkbox:last-of-type {
margin-right: inherit;
unicode-bidi: embed; }
body[dir=rtl] md-checkbox:last-of-type {
margin-right: inherit;
unicode-bidi: embed; }
md-checkbox:last-of-type bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-checkbox:last-of-type bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-checkbox.md-focused:not([disabled]) .md-container:before {
left: -8px;
top: -8px;
right: -8px;
bottom: -8px; }
md-checkbox.md-focused:not([disabled]):not(.md-checked) .md-container:before {
background-color: rgba(0, 0, 0, 0.12); }
md-checkbox .md-container {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
box-sizing: border-box;
display: inline-block;
width: 20px;
height: 20px;
left: 0;
right: auto; }
html[dir=rtl] md-checkbox .md-container {
left: auto;
unicode-bidi: embed; }
body[dir=rtl] md-checkbox .md-container {
left: auto;
unicode-bidi: embed; }
md-checkbox .md-container bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-checkbox .md-container bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-checkbox .md-container {
right: 0;
unicode-bidi: embed; }
body[dir=rtl] md-checkbox .md-container {
right: 0;
unicode-bidi: embed; }
md-checkbox .md-container bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-checkbox .md-container bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-checkbox .md-container:before {
box-sizing: border-box;
background-color: transparent;
border-radius: 50%;
content: '';
position: absolute;
display: block;
height: auto;
left: 0;
top: 0;
right: 0;
bottom: 0;
transition: all 0.5s;
width: auto; }
md-checkbox .md-container:after {
box-sizing: border-box;
content: '';
position: absolute;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px; }
md-checkbox .md-container .md-ripple-container {
position: absolute;
display: block;
width: auto;
height: auto;
left: -15px;
top: -15px;
right: -15px;
bottom: -15px; }
md-checkbox.md-align-top-left > div.md-container {
top: 12px; }
md-checkbox .md-icon {
box-sizing: border-box;
transition: 240ms;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
border-width: 2px;
border-style: solid;
border-radius: 2px; }
md-checkbox.md-checked .md-icon {
border: none; }
md-checkbox[disabled] {
cursor: default; }
md-checkbox.md-checked .md-icon:after {
box-sizing: border-box;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
left: 6.66667px;
top: 2.22222px;
display: table;
width: 6.66667px;
height: 13.33333px;
border-width: 2px;
border-style: solid;
border-top: 0;
border-left: 0;
content: ''; }
md-checkbox .md-label {
box-sizing: border-box;
position: relative;
display: inline-block;
vertical-align: middle;
white-space: normal;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
margin-left: 30px;
margin-right: 0; }
html[dir=rtl] md-checkbox .md-label {
margin-left: 0;
unicode-bidi: embed; }
body[dir=rtl] md-checkbox .md-label {
margin-left: 0;
unicode-bidi: embed; }
md-checkbox .md-label bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-checkbox .md-label bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-checkbox .md-label {
margin-right: 30px;
unicode-bidi: embed; }
body[dir=rtl] md-checkbox .md-label {
margin-right: 30px;
unicode-bidi: embed; }
md-checkbox .md-label bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-checkbox .md-label bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
.md-contact-chips .md-chips .md-chip {
padding: 0 25px 0 0; }
.md-contact-chips .md-chips .md-chip .md-contact-avatar {
float: left; }
.md-contact-chips .md-chips .md-chip .md-contact-avatar img {
height: 32px;
border-radius: 16px; }
.md-contact-chips .md-chips .md-chip .md-contact-name {
display: inline-block;
height: 32px;
margin-left: 8px; }
.md-contact-suggestion {
height: 56px; }
.md-contact-suggestion img {
height: 40px;
border-radius: 20px;
margin-top: 8px; }
.md-contact-suggestion .md-contact-name {
margin-left: 8px;
width: 120px; }
.md-contact-suggestion .md-contact-name, .md-contact-suggestion .md-contact-email {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis; }
.md-contact-chips-suggestions li {
height: 100%; }
.md-chips {
display: block;
font-family: Roboto, "Helvetica Neue", sans-serif;
font-size: 16px;
padding: 0 0 8px 3px;
vertical-align: middle; }
.md-chips:after {
content: '';
display: table;
clear: both; }
.md-chips:not(.md-readonly) {
cursor: text; }
.md-chips:not(.md-readonly) .md-chip:not(.md-readonly) {
padding-right: 22px; }
.md-chips:not(.md-readonly) .md-chip:not(.md-readonly) .md-chip-content {
padding-right: 4px; }
.md-chips .md-chip {
cursor: default;
border-radius: 16px;
display: block;
height: 32px;
line-height: 32px;
margin: 8px 8px 0 0;
padding: 0 12px 0 12px;
float: left;
box-sizing: border-box;
max-width: 100%;
position: relative; }
.md-chips .md-chip .md-chip-content {
display: block;
float: left;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis; }
.md-chips .md-chip .md-chip-content:focus {
outline: none; }
.md-chips .md-chip .md-chip-remove-container {
position: absolute;
right: 0;
line-height: 22px; }
.md-chips .md-chip .md-chip-remove {
text-align: center;
width: 32px;
height: 32px;
min-width: 0;
padding: 0;
background: transparent;
border: none;
box-shadow: none;
margin: 0;
position: relative; }
.md-chips .md-chip .md-chip-remove md-icon {
height: 18px;
width: 18px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0); }
.md-chips .md-chip-input-container {
display: block;
line-height: 32px;
margin: 8px 8px 0 0;
padding: 0;
float: left; }
.md-chips .md-chip-input-container input:not([type]), .md-chips .md-chip-input-container input[type="email"], .md-chips .md-chip-input-container input[type="number"], .md-chips .md-chip-input-container input[type="tel"], .md-chips .md-chip-input-container input[type="url"], .md-chips .md-chip-input-container input[type="text"] {
border: 0;
height: 32px;
line-height: 32px;
padding: 0; }
.md-chips .md-chip-input-container input:not([type]):focus, .md-chips .md-chip-input-container input[type="email"]:focus, .md-chips .md-chip-input-container input[type="number"]:focus, .md-chips .md-chip-input-container input[type="tel"]:focus, .md-chips .md-chip-input-container input[type="url"]:focus, .md-chips .md-chip-input-container input[type="text"]:focus {
outline: none; }
.md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
background: transparent;
height: 32px; }
.md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap {
box-shadow: none; }
.md-chips .md-chip-input-container md-autocomplete input {
position: relative; }
.md-chips .md-chip-input-container input {
border: 0;
height: 32px;
line-height: 32px;
padding: 0; }
.md-chips .md-chip-input-container input:focus {
outline: none; }
.md-chips .md-chip-input-container md-autocomplete, .md-chips .md-chip-input-container md-autocomplete-wrap {
height: 32px; }
.md-chips .md-chip-input-container md-autocomplete {
box-shadow: none; }
.md-chips .md-chip-input-container md-autocomplete input {
position: relative; }
.md-chips .md-chip-input-container:not(:first-child) {
margin: 8px 8px 0 0; }
.md-chips .md-chip-input-container input {
background: transparent;
border-width: 0; }
.md-chips md-autocomplete button {
display: none; }
@media screen and (-ms-high-contrast: active) {
.md-chip-input-container,
md-chip {
border: 1px solid #fff; }
.md-chip-input-container md-autocomplete {
border: none; } }
md-content {
display: block;
position: relative;
overflow: auto;
-webkit-overflow-scrolling: touch; }
md-content[md-scroll-y] {
overflow-y: auto;
overflow-x: hidden; }
md-content[md-scroll-x] {
overflow-x: auto;
overflow-y: hidden; }
md-content.autoScroll {
-webkit-overflow-scrolling: auto; }
/** Styles for mdCalendar. */
md-calendar {
font-size: 13px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.md-calendar-scroll-mask {
display: inline-block;
overflow: hidden;
height: 308px; }
.md-calendar-scroll-mask .md-virtual-repeat-scroller {
overflow-y: scroll;
-webkit-overflow-scrolling: touch; }
.md-calendar-scroll-mask .md-virtual-repeat-scroller::-webkit-scrollbar {
display: none; }
.md-calendar-scroll-mask .md-virtual-repeat-offsetter {
width: 100%; }
.md-calendar-scroll-container {
box-shadow: inset -3px 3px 6px rgba(0, 0, 0, 0.2);
display: inline-block;
height: 308px;
width: 346px; }
.md-calendar-date {
height: 44px;
width: 44px;
text-align: center;
padding: 0;
border: none; }
.md-calendar-date:first-child {
padding-left: 16px; }
.md-calendar-date:last-child {
padding-right: 16px; }
.md-calendar-date.md-calendar-date-disabled {
cursor: default; }
.md-calendar-date-selection-indicator {
transition: background-color, color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
border-radius: 50%;
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px; }
.md-calendar-date:not(.md-disabled) .md-calendar-date-selection-indicator {
cursor: pointer; }
.md-calendar-month-label {
height: 44px;
font-size: 14px;
font-weight: 500;
padding: 0 0 0 24px; }
.md-calendar-day-header {
table-layout: fixed;
border-spacing: 0;
border-collapse: collapse; }
.md-calendar-day-header th {
height: 44px;
width: 44px;
text-align: center;
padding: 0;
border: none;
font-weight: normal;
height: 40px; }
.md-calendar-day-header th:first-child {
padding-left: 16px; }
.md-calendar-day-header th:last-child {
padding-right: 16px; }
.md-calendar {
table-layout: fixed;
border-spacing: 0;
border-collapse: collapse; }
.md-calendar tr:last-child td {
border-bottom-width: 1px;
border-bottom-style: solid; }
.md-calendar:first-child {
border-top: 1px solid transparent; }
/** Styles for mdDatepicker. */
md-datepicker {
white-space: nowrap;
overflow: hidden;
padding-right: 18px;
margin-right: -18px;
vertical-align: middle; }
.md-inline-form md-datepicker {
margin-top: 12px; }
.md-datepicker-button {
display: inline-block;
box-sizing: border-box;
background: none; }
.md-datepicker-input {
font-size: 14px;
box-sizing: border-box;
border: none;
box-shadow: none;
outline: none;
background: transparent;
min-width: 120px;
max-width: 328px; }
.md-datepicker-input::-ms-clear {
display: none; }
.md-datepicker-input-container {
position: relative;
padding-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
display: inline-block;
width: auto;
margin-left: 12px; }
.md-datepicker-input-container.md-datepicker-focused {
border-bottom-width: 2px; }
.md-datepicker-calendar-pane {
position: absolute;
top: 0;
left: 0;
z-index: 100;
border-width: 1px;
border-style: solid;
background: transparent;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
transition: -webkit-transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.2s cubic-bezier(0.25, 0.8, 0.25, 1); }
.md-datepicker-calendar-pane.md-pane-open {
-webkit-transform: scale(1);
transform: scale(1); }
.md-datepicker-input-mask {
height: 40px;
width: 340px;
position: relative;
background: transparent;
pointer-events: none;
cursor: text; }
.md-datepicker-input-mask-opaque {
position: absolute;
right: 0;
left: 120px;
height: 100%; }
.md-datepicker-calendar {
opacity: 0;
transition: opacity 0.2s cubic-bezier(0.5, 0, 0.25, 1); }
.md-pane-open .md-datepicker-calendar {
opacity: 1; }
.md-datepicker-calendar md-calendar:focus {
outline: none; }
.md-datepicker-expand-triangle {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid; }
.md-datepicker-triangle-button {
position: absolute;
right: 0;
top: 0;
-webkit-transform: translateY(-25%) translateX(45%);
transform: translateY(-25%) translateX(45%); }
.md-datepicker-triangle-button.md-button.md-icon-button {
height: 100%;
width: 36px;
position: absolute; }
md-datepicker[disabled] .md-datepicker-input-container {
border-bottom-color: transparent; }
md-datepicker[disabled] .md-datepicker-triangle-button {
display: none; }
.md-datepicker-open .md-datepicker-input-container {
margin-left: -12px;
border: none; }
.md-datepicker-open .md-datepicker-input {
margin-left: 24px;
height: 40px; }
.md-datepicker-open .md-datepicker-triangle-button {
display: none; }
.md-datepicker-pos-adjusted .md-datepicker-input-mask {
display: none; }
.md-datepicker-calendar-pane .md-calendar {
-webkit-transform: translateY(-85px);
transform: translateY(-85px);
transition: -webkit-transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
transition: transform 0.65s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-delay: 0.125s; }
.md-datepicker-calendar-pane.md-pane-open .md-calendar {
-webkit-transform: translateY(0);
transform: translateY(0); }
.md-dialog-is-showing {
max-height: 100%; }
.md-dialog-container {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 80;
overflow: hidden; }
md-dialog {
opacity: 0;
min-width: 240px;
max-width: 80%;
max-height: 80%;
position: relative;
overflow: auto;
box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
md-dialog.md-transition-in {
opacity: 1;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1); }
md-dialog.md-transition-out {
opacity: 0;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
-webkit-transform: translate3d(0, 100%, 0) scale(0.2);
transform: translate3d(0, 100%, 0) scale(0.2); }
md-dialog > form {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
overflow: auto; }
md-dialog .md-dialog-content {
padding: 24px; }
md-dialog md-dialog-content {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
overflow: auto;
-webkit-overflow-scrolling: touch; }
md-dialog md-dialog-content:not([layout=row]) > *:first-child:not(.md-subheader) {
margin-top: 0; }
md-dialog md-dialog-content:focus {
outline: none; }
md-dialog md-dialog-content .md-subheader {
margin: 0; }
md-dialog md-dialog-content .md-subheader.sticky-clone {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16); }
md-dialog md-dialog-content.sticky-container {
padding: 0; }
md-dialog md-dialog-content.sticky-container > div {
padding: 24px;
padding-top: 0; }
md-dialog md-dialog-content .md-dialog-content-body {
width: 100%; }
md-dialog .md-actions, md-dialog md-dialog-actions {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
box-sizing: border-box;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 0;
padding-right: 8px;
padding-left: 16px;
min-height: 52px;
overflow: hidden; }
md-dialog .md-actions .md-button, md-dialog md-dialog-actions .md-button {
margin-bottom: 8px;
margin-left: 8px;
margin-right: 0;
margin-top: 8px; }
md-dialog.md-content-overflow .md-actions, md-dialog.md-content-overflow md-dialog-actions {
border-top-width: 1px;
border-top-style: solid; }
@media screen and (-ms-high-contrast: active) {
md-dialog {
border: 1px solid #fff; } }
@media (max-width: 959px) {
md-dialog.md-dialog-fullscreen {
min-height: 100%;
min-width: 100%;
border-radius: 0; } }
md-divider {
display: block;
border-top-width: 1px;
border-top-style: solid;
margin: 0; }
md-divider[md-inset] {
margin-left: 80px; }
.layout-row > md-divider {
border-top-width: 0;
border-right-width: 1px;
border-right-style: solid; }
md-fab-speed-dial {
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
z-index: 20;
/*
* Hide some graphics glitches if switching animation types
*/
/*
* Handle the animations
*/ }
md-fab-speed-dial.md-fab-bottom-right {
top: auto;
right: 20px;
bottom: 20px;
left: auto;
position: absolute; }
md-fab-speed-dial.md-fab-bottom-left {
top: auto;
right: auto;
bottom: 20px;
left: 20px;
position: absolute; }
md-fab-speed-dial.md-fab-top-right {
top: 20px;
right: 20px;
bottom: auto;
left: auto;
position: absolute; }
md-fab-speed-dial.md-fab-top-left {
top: 20px;
right: auto;
bottom: auto;
left: 20px;
position: absolute; }
md-fab-speed-dial:not(.md-hover-full) {
pointer-events: none; }
md-fab-speed-dial:not(.md-hover-full) md-fab-trigger, md-fab-speed-dial:not(.md-hover-full) .md-fab-action-item {
pointer-events: auto; }
md-fab-speed-dial:not(.md-hover-full).md-is-open {
pointer-events: auto; }
md-fab-speed-dial .md-css-variables {
z-index: 20; }
md-fab-speed-dial.md-is-open .md-fab-action-item {
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
md-fab-speed-dial md-fab-actions {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
height: auto; }
md-fab-speed-dial md-fab-actions .md-fab-action-item {
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
md-fab-speed-dial.md-down {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
md-fab-speed-dial.md-down md-fab-trigger {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
md-fab-speed-dial.md-down md-fab-actions {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
md-fab-speed-dial.md-up {
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
md-fab-speed-dial.md-up md-fab-trigger {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
md-fab-speed-dial.md-up md-fab-actions {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
md-fab-speed-dial.md-left {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
md-fab-speed-dial.md-left md-fab-trigger {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
md-fab-speed-dial.md-left md-fab-actions {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
md-fab-speed-dial.md-left md-fab-actions .md-fab-action-item {
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
md-fab-speed-dial.md-right {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
md-fab-speed-dial.md-right md-fab-trigger {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1; }
md-fab-speed-dial.md-right md-fab-actions {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
md-fab-speed-dial.md-right md-fab-actions .md-fab-action-item {
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
md-fab-speed-dial.md-fling-remove .md-fab-action-item > *, md-fab-speed-dial.md-scale-remove .md-fab-action-item > * {
visibility: hidden; }
md-fab-speed-dial.md-fling .md-fab-action-item {
opacity: 1; }
md-fab-speed-dial.md-fling.md-animations-waiting .md-fab-action-item {
opacity: 0;
transition-duration: 0s; }
md-fab-speed-dial.md-scale .md-fab-action-item {
-webkit-transform: scale(0.1);
transform: scale(0.1);
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
transition-duration: 0.14286s; }
md-fab-toolbar {
display: block;
/*
* Closed styling
*/
/*
* Hover styling
*/ }
md-fab-toolbar.md-fab-bottom-right {
top: auto;
right: 20px;
bottom: 20px;
left: auto;
position: absolute; }
md-fab-toolbar.md-fab-bottom-left {
top: auto;
right: auto;
bottom: 20px;
left: 20px;
position: absolute; }
md-fab-toolbar.md-fab-top-right {
top: 20px;
right: 20px;
bottom: auto;
left: auto;
position: absolute; }
md-fab-toolbar.md-fab-top-left {
top: 20px;
right: auto;
bottom: auto;
left: 20px;
position: absolute; }
md-fab-toolbar .md-fab-toolbar-wrapper {
display: block;
position: relative;
overflow: hidden;
height: 68px; }
md-fab-toolbar md-fab-trigger {
position: absolute;
z-index: 20; }
md-fab-toolbar md-fab-trigger button {
overflow: visible !important; }
md-fab-toolbar md-fab-trigger .md-fab-toolbar-background {
display: block;
position: absolute;
z-index: 21;
opacity: 1;
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
md-fab-toolbar md-fab-trigger md-icon {
position: relative;
z-index: 22;
opacity: 1;
transition: all 200ms ease-in; }
md-fab-toolbar.md-left md-fab-trigger {
right: 0; }
md-fab-toolbar.md-left .md-toolbar-tools {
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
margin-right: 0.6rem; }
md-fab-toolbar.md-left .md-toolbar-tools > .md-button:first-child {
margin-left: -0.8rem; }
md-fab-toolbar.md-left .md-toolbar-tools > .md-button:last-child {
margin-right: 8px; }
md-fab-toolbar.md-right md-fab-trigger {
left: 0; }
md-fab-toolbar.md-right .md-toolbar-tools {
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
md-fab-toolbar md-toolbar {
background-color: transparent !important;
pointer-events: none;
z-index: 23; }
md-fab-toolbar md-toolbar .md-toolbar-tools {
padding: 0 20px;
margin-top: 3px; }
md-fab-toolbar md-toolbar .md-fab-action-item {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
transition-duration: 0.15s; }
md-fab-toolbar.md-is-open md-fab-trigger > button {
box-shadow: none; }
md-fab-toolbar.md-is-open md-fab-trigger > button md-icon {
opacity: 0; }
md-fab-toolbar.md-is-open .md-fab-action-item {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
md-grid-list {
box-sizing: border-box;
display: block;
position: relative; }
md-grid-list md-grid-tile,
md-grid-list md-grid-tile > figure,
md-grid-list md-grid-tile-header,
md-grid-list md-grid-tile-footer {
box-sizing: border-box; }
md-grid-list md-grid-tile {
display: block;
position: absolute; }
md-grid-list md-grid-tile figure {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 0;
margin: 0; }
md-grid-list md-grid-tile md-grid-tile-header,
md-grid-list md-grid-tile md-grid-tile-footer {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 48px;
color: #fff;
background: rgba(0, 0, 0, 0.18);
overflow: hidden;
position: absolute;
left: 0;
right: 0; }
md-grid-list md-grid-tile md-grid-tile-header h3,
md-grid-list md-grid-tile md-grid-tile-header h4,
md-grid-list md-grid-tile md-grid-tile-footer h3,
md-grid-list md-grid-tile md-grid-tile-footer h4 {
font-weight: 400;
margin: 0 0 0 16px; }
md-grid-list md-grid-tile md-grid-tile-header h3,
md-grid-list md-grid-tile md-grid-tile-footer h3 {
font-size: 14px; }
md-grid-list md-grid-tile md-grid-tile-header h4,
md-grid-list md-grid-tile md-grid-tile-footer h4 {
font-size: 12px; }
md-grid-list md-grid-tile md-grid-tile-header {
top: 0; }
md-grid-list md-grid-tile md-grid-tile-footer {
bottom: 0; }
@media screen and (-ms-high-contrast: active) {
md-grid-tile {
border: 1px solid #fff; }
md-grid-tile-footer {
border-top: 1px solid #fff; } }
md-icon {
margin: auto;
background-repeat: no-repeat no-repeat;
display: inline-block;
vertical-align: middle;
fill: currentColor;
height: 24px;
width: 24px; }
md-icon svg {
pointer-events: none; }
md-icon[md-font-icon] {
line-height: 1;
width: auto; }
md-input-container {
display: inline-block;
position: relative;
padding: 2px;
margin: 18px 0;
vertical-align: middle;
/*
* The .md-input class is added to the input/textarea
*/ }
md-input-container:after {
content: '';
display: table;
clear: both; }
md-input-container.md-block {
display: block; }
md-input-container .md-errors-spacer {
float: right;
min-height: 24px;
min-width: 1px; }
html[dir=rtl] md-input-container .md-errors-spacer {
float: left;
unicode-bidi: embed; }
body[dir=rtl] md-input-container .md-errors-spacer {
float: left;
unicode-bidi: embed; }
md-input-container .md-errors-spacer bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container .md-errors-spacer bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-input-container > md-icon {
position: absolute;
top: 5px;
left: 2px;
right: auto; }
html[dir=rtl] md-input-container > md-icon {
left: auto;
unicode-bidi: embed; }
body[dir=rtl] md-input-container > md-icon {
left: auto;
unicode-bidi: embed; }
md-input-container > md-icon bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container > md-icon bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-input-container > md-icon {
right: 2px;
unicode-bidi: embed; }
body[dir=rtl] md-input-container > md-icon {
right: 2px;
unicode-bidi: embed; }
md-input-container > md-icon bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container > md-icon bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-input-container textarea,
md-input-container input[type="text"],
md-input-container input[type="password"],
md-input-container input[type="datetime"],
md-input-container input[type="datetime-local"],
md-input-container input[type="date"],
md-input-container input[type="month"],
md-input-container input[type="time"],
md-input-container input[type="week"],
md-input-container input[type="number"],
md-input-container input[type="email"],
md-input-container input[type="url"],
md-input-container input[type="search"],
md-input-container input[type="tel"],
md-input-container input[type="color"] {
/* remove default appearance from all input/textarea */
-moz-appearance: none;
-webkit-appearance: none; }
md-input-container input[type="date"],
md-input-container input[type="datetime-local"],
md-input-container input[type="month"],
md-input-container input[type="time"],
md-input-container input[type="week"] {
min-height: 26px; }
md-input-container textarea {
resize: none;
overflow: hidden; }
md-input-container textarea.md-input {
min-height: 26px;
-ms-flex-preferred-size: auto; }
md-input-container label:not(.md-container-ignore) {
position: absolute;
bottom: 100%;
left: 0;
right: auto; }
html[dir=rtl] md-input-container label:not(.md-container-ignore) {
left: auto;
unicode-bidi: embed; }
body[dir=rtl] md-input-container label:not(.md-container-ignore) {
left: auto;
unicode-bidi: embed; }
md-input-container label:not(.md-container-ignore) bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container label:not(.md-container-ignore) bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-input-container label:not(.md-container-ignore) {
right: 0;
unicode-bidi: embed; }
body[dir=rtl] md-input-container label:not(.md-container-ignore) {
right: 0;
unicode-bidi: embed; }
md-input-container label:not(.md-container-ignore) bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container label:not(.md-container-ignore) bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-input-container.md-has-icon {
padding-left: 36px;
padding-right: 0; }
html[dir=rtl] md-input-container.md-has-icon {
padding-left: 0;
unicode-bidi: embed; }
body[dir=rtl] md-input-container.md-has-icon {
padding-left: 0;
unicode-bidi: embed; }
md-input-container.md-has-icon bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container.md-has-icon bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-input-container.md-has-icon {
padding-right: 36px;
unicode-bidi: embed; }
body[dir=rtl] md-input-container.md-has-icon {
padding-right: 36px;
unicode-bidi: embed; }
md-input-container.md-has-icon bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container.md-has-icon bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-input-container.md-has-icon > label {
left: 36px;
right: auto; }
html[dir=rtl] md-input-container.md-has-icon > label {
left: auto;
unicode-bidi: embed; }
body[dir=rtl] md-input-container.md-has-icon > label {
left: auto;
unicode-bidi: embed; }
md-input-container.md-has-icon > label bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container.md-has-icon > label bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-input-container.md-has-icon > label {
right: 36px;
unicode-bidi: embed; }
body[dir=rtl] md-input-container.md-has-icon > label {
right: 36px;
unicode-bidi: embed; }
md-input-container.md-has-icon > label bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container.md-has-icon > label bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-input-container label:not(.md-no-float):not(.md-container-ignore),
md-input-container .md-placeholder {
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
pointer-events: none;
-webkit-font-smoothing: antialiased;
padding-left: 3px;
padding-right: 0;
z-index: 1;
-webkit-transform: translate3d(0, 28px, 0) scale(1);
transform: translate3d(0, 28px, 0) scale(1);
transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.25s;
-webkit-transform-origin: left top;
transform-origin: left top; }
html[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), html[dir=rtl]
md-input-container .md-placeholder {
padding-left: 0;
unicode-bidi: embed; }
body[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), body[dir=rtl]
md-input-container .md-placeholder {
padding-left: 0;
unicode-bidi: embed; }
md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=rtl],
md-input-container .md-placeholder bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=ltr],
md-input-container .md-placeholder bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), html[dir=rtl]
md-input-container .md-placeholder {
padding-right: 3px;
unicode-bidi: embed; }
body[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), body[dir=rtl]
md-input-container .md-placeholder {
padding-right: 3px;
unicode-bidi: embed; }
md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=rtl],
md-input-container .md-placeholder bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=ltr],
md-input-container .md-placeholder bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), html[dir=rtl]
md-input-container .md-placeholder {
-webkit-transform-origin: right top;
transform-origin: right top;
unicode-bidi: embed; }
body[dir=rtl] md-input-container label:not(.md-no-float):not(.md-container-ignore), body[dir=rtl]
md-input-container .md-placeholder {
-webkit-transform-origin: right top;
transform-origin: right top;
unicode-bidi: embed; }
md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=rtl],
md-input-container .md-placeholder bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container label:not(.md-no-float):not(.md-container-ignore) bdo[dir=ltr],
md-input-container .md-placeholder bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-input-container .md-placeholder {
position: absolute;
top: 0;
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
-webkit-transform: translate3d(0, 30px, 0);
transform: translate3d(0, 30px, 0); }
md-input-container.md-input-focused .md-placeholder {
opacity: 1;
-webkit-transform: translate3d(0, 24px, 0);
transform: translate3d(0, 24px, 0); }
md-input-container.md-input-has-value .md-placeholder {
transition: none;
opacity: 0; }
md-input-container:not(.md-input-has-value) input:not(:focus),
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-ampm-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-day-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-hour-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-millisecond-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-minute-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-month-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-second-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-week-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-year-field,
md-input-container:not(.md-input-has-value) input:not(:focus)::-webkit-datetime-edit-text {
color: transparent; }
md-input-container .md-input {
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
display: block;
margin-top: 0;
background: none;
padding-top: 2px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
border-width: 0 0 1px 0;
line-height: 26px;
height: 30px;
-ms-flex-preferred-size: 26px;
border-radius: 0;
border-style: solid;
width: 100%;
box-sizing: border-box;
float: left; }
html[dir=rtl] md-input-container .md-input {
float: right;
unicode-bidi: embed; }
body[dir=rtl] md-input-container .md-input {
float: right;
unicode-bidi: embed; }
md-input-container .md-input bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container .md-input bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-input-container .md-input:focus {
outline: none; }
md-input-container .md-input:invalid {
outline: none;
box-shadow: none; }
md-input-container .md-input.md-no-flex {
-webkit-flex: none !important;
-ms-flex: none !important;
flex: none !important; }
md-input-container .md-char-counter {
text-align: right;
padding-right: 2px;
padding-left: 0; }
html[dir=rtl] md-input-container .md-char-counter {
text-align: left;
unicode-bidi: embed; }
body[dir=rtl] md-input-container .md-char-counter {
text-align: left;
unicode-bidi: embed; }
md-input-container .md-char-counter bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container .md-char-counter bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-input-container .md-char-counter {
padding-right: 0;
unicode-bidi: embed; }
body[dir=rtl] md-input-container .md-char-counter {
padding-right: 0;
unicode-bidi: embed; }
md-input-container .md-char-counter bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container .md-char-counter bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-input-container .md-char-counter {
padding-left: 2px;
unicode-bidi: embed; }
body[dir=rtl] md-input-container .md-char-counter {
padding-left: 2px;
unicode-bidi: embed; }
md-input-container .md-char-counter bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container .md-char-counter bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-input-container ng-messages, md-input-container data-ng-messages, md-input-container x-ng-messages,
md-input-container [ng-messages], md-input-container [data-ng-messages], md-input-container [x-ng-messages] {
position: relative;
-webkit-order: 4;
-ms-flex-order: 4;
order: 4;
overflow: hidden;
clear: left; }
html[dir=rtl] md-input-container ng-messages, html[dir=rtl] md-input-container data-ng-messages, html[dir=rtl] md-input-container x-ng-messages, html[dir=rtl]
md-input-container [ng-messages], html[dir=rtl] md-input-container [data-ng-messages], html[dir=rtl] md-input-container [x-ng-messages] {
clear: right;
unicode-bidi: embed; }
body[dir=rtl] md-input-container ng-messages, body[dir=rtl] md-input-container data-ng-messages, body[dir=rtl] md-input-container x-ng-messages, body[dir=rtl]
md-input-container [ng-messages], body[dir=rtl] md-input-container [data-ng-messages], body[dir=rtl] md-input-container [x-ng-messages] {
clear: right;
unicode-bidi: embed; }
md-input-container ng-messages bdo[dir=rtl], md-input-container data-ng-messages bdo[dir=rtl], md-input-container x-ng-messages bdo[dir=rtl],
md-input-container [ng-messages] bdo[dir=rtl], md-input-container [data-ng-messages] bdo[dir=rtl], md-input-container [x-ng-messages] bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container ng-messages bdo[dir=ltr], md-input-container data-ng-messages bdo[dir=ltr], md-input-container x-ng-messages bdo[dir=ltr],
md-input-container [ng-messages] bdo[dir=ltr], md-input-container [data-ng-messages] bdo[dir=ltr], md-input-container [x-ng-messages] bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-input-container ng-messages.ng-enter ng-message, md-input-container ng-messages.ng-enter data-ng-message, md-input-container ng-messages.ng-enter x-ng-message,
md-input-container ng-messages.ng-enter [ng-message], md-input-container ng-messages.ng-enter [data-ng-message], md-input-container ng-messages.ng-enter [x-ng-message],
md-input-container ng-messages.ng-enter [ng-message-exp], md-input-container ng-messages.ng-enter [data-ng-message-exp], md-input-container ng-messages.ng-enter [x-ng-message-exp], md-input-container data-ng-messages.ng-enter ng-message, md-input-container data-ng-messages.ng-enter data-ng-message, md-input-container data-ng-messages.ng-enter x-ng-message,
md-input-container data-ng-messages.ng-enter [ng-message], md-input-container data-ng-messages.ng-enter [data-ng-message], md-input-container data-ng-messages.ng-enter [x-ng-message],
md-input-container data-ng-messages.ng-enter [ng-message-exp], md-input-container data-ng-messages.ng-enter [data-ng-message-exp], md-input-container data-ng-messages.ng-enter [x-ng-message-exp], md-input-container x-ng-messages.ng-enter ng-message, md-input-container x-ng-messages.ng-enter data-ng-message, md-input-container x-ng-messages.ng-enter x-ng-message,
md-input-container x-ng-messages.ng-enter [ng-message], md-input-container x-ng-messages.ng-enter [data-ng-message], md-input-container x-ng-messages.ng-enter [x-ng-message],
md-input-container x-ng-messages.ng-enter [ng-message-exp], md-input-container x-ng-messages.ng-enter [data-ng-message-exp], md-input-container x-ng-messages.ng-enter [x-ng-message-exp],
md-input-container [ng-messages].ng-enter ng-message,
md-input-container [ng-messages].ng-enter data-ng-message,
md-input-container [ng-messages].ng-enter x-ng-message,
md-input-container [ng-messages].ng-enter [ng-message],
md-input-container [ng-messages].ng-enter [data-ng-message],
md-input-container [ng-messages].ng-enter [x-ng-message],
md-input-container [ng-messages].ng-enter [ng-message-exp],
md-input-container [ng-messages].ng-enter [data-ng-message-exp],
md-input-container [ng-messages].ng-enter [x-ng-message-exp], md-input-container [data-ng-messages].ng-enter ng-message, md-input-container [data-ng-messages].ng-enter data-ng-message, md-input-container [data-ng-messages].ng-enter x-ng-message,
md-input-container [data-ng-messages].ng-enter [ng-message], md-input-container [data-ng-messages].ng-enter [data-ng-message], md-input-container [data-ng-messages].ng-enter [x-ng-message],
md-input-container [data-ng-messages].ng-enter [ng-message-exp], md-input-container [data-ng-messages].ng-enter [data-ng-message-exp], md-input-container [data-ng-messages].ng-enter [x-ng-message-exp], md-input-container [x-ng-messages].ng-enter ng-message, md-input-container [x-ng-messages].ng-enter data-ng-message, md-input-container [x-ng-messages].ng-enter x-ng-message,
md-input-container [x-ng-messages].ng-enter [ng-message], md-input-container [x-ng-messages].ng-enter [data-ng-message], md-input-container [x-ng-messages].ng-enter [x-ng-message],
md-input-container [x-ng-messages].ng-enter [ng-message-exp], md-input-container [x-ng-messages].ng-enter [data-ng-message-exp], md-input-container [x-ng-messages].ng-enter [x-ng-message-exp] {
opacity: 0;
margin-top: -100px; }
md-input-container ng-message, md-input-container data-ng-message, md-input-container x-ng-message,
md-input-container [ng-message], md-input-container [data-ng-message], md-input-container [x-ng-message],
md-input-container [ng-message-exp], md-input-container [data-ng-message-exp], md-input-container [x-ng-message-exp],
md-input-container .md-char-counter {
font-size: 12px;
line-height: 14px;
overflow: hidden;
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
opacity: 1;
margin-top: 0;
padding-top: 5px; }
md-input-container ng-message:not(.md-char-counter), md-input-container data-ng-message:not(.md-char-counter), md-input-container x-ng-message:not(.md-char-counter),
md-input-container [ng-message]:not(.md-char-counter), md-input-container [data-ng-message]:not(.md-char-counter), md-input-container [x-ng-message]:not(.md-char-counter),
md-input-container [ng-message-exp]:not(.md-char-counter), md-input-container [data-ng-message-exp]:not(.md-char-counter), md-input-container [x-ng-message-exp]:not(.md-char-counter),
md-input-container .md-char-counter:not(.md-char-counter) {
padding-right: 5px;
padding-left: 0; }
html[dir=rtl] md-input-container ng-message:not(.md-char-counter), html[dir=rtl] md-input-container data-ng-message:not(.md-char-counter), html[dir=rtl] md-input-container x-ng-message:not(.md-char-counter), html[dir=rtl]
md-input-container [ng-message]:not(.md-char-counter), html[dir=rtl] md-input-container [data-ng-message]:not(.md-char-counter), html[dir=rtl] md-input-container [x-ng-message]:not(.md-char-counter), html[dir=rtl]
md-input-container [ng-message-exp]:not(.md-char-counter), html[dir=rtl] md-input-container [data-ng-message-exp]:not(.md-char-counter), html[dir=rtl] md-input-container [x-ng-message-exp]:not(.md-char-counter), html[dir=rtl]
md-input-container .md-char-counter:not(.md-char-counter) {
padding-right: 0;
unicode-bidi: embed; }
body[dir=rtl] md-input-container ng-message:not(.md-char-counter), body[dir=rtl] md-input-container data-ng-message:not(.md-char-counter), body[dir=rtl] md-input-container x-ng-message:not(.md-char-counter), body[dir=rtl]
md-input-container [ng-message]:not(.md-char-counter), body[dir=rtl] md-input-container [data-ng-message]:not(.md-char-counter), body[dir=rtl] md-input-container [x-ng-message]:not(.md-char-counter), body[dir=rtl]
md-input-container [ng-message-exp]:not(.md-char-counter), body[dir=rtl] md-input-container [data-ng-message-exp]:not(.md-char-counter), body[dir=rtl] md-input-container [x-ng-message-exp]:not(.md-char-counter), body[dir=rtl]
md-input-container .md-char-counter:not(.md-char-counter) {
padding-right: 0;
unicode-bidi: embed; }
md-input-container ng-message:not(.md-char-counter) bdo[dir=rtl], md-input-container data-ng-message:not(.md-char-counter) bdo[dir=rtl], md-input-container x-ng-message:not(.md-char-counter) bdo[dir=rtl],
md-input-container [ng-message]:not(.md-char-counter) bdo[dir=rtl], md-input-container [data-ng-message]:not(.md-char-counter) bdo[dir=rtl], md-input-container [x-ng-message]:not(.md-char-counter) bdo[dir=rtl],
md-input-container [ng-message-exp]:not(.md-char-counter) bdo[dir=rtl], md-input-container [data-ng-message-exp]:not(.md-char-counter) bdo[dir=rtl], md-input-container [x-ng-message-exp]:not(.md-char-counter) bdo[dir=rtl],
md-input-container .md-char-counter:not(.md-char-counter) bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container ng-message:not(.md-char-counter) bdo[dir=ltr], md-input-container data-ng-message:not(.md-char-counter) bdo[dir=ltr], md-input-container x-ng-message:not(.md-char-counter) bdo[dir=ltr],
md-input-container [ng-message]:not(.md-char-counter) bdo[dir=ltr], md-input-container [data-ng-message]:not(.md-char-counter) bdo[dir=ltr], md-input-container [x-ng-message]:not(.md-char-counter) bdo[dir=ltr],
md-input-container [ng-message-exp]:not(.md-char-counter) bdo[dir=ltr], md-input-container [data-ng-message-exp]:not(.md-char-counter) bdo[dir=ltr], md-input-container [x-ng-message-exp]:not(.md-char-counter) bdo[dir=ltr],
md-input-container .md-char-counter:not(.md-char-counter) bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-input-container ng-message:not(.md-char-counter), html[dir=rtl] md-input-container data-ng-message:not(.md-char-counter), html[dir=rtl] md-input-container x-ng-message:not(.md-char-counter), html[dir=rtl]
md-input-container [ng-message]:not(.md-char-counter), html[dir=rtl] md-input-container [data-ng-message]:not(.md-char-counter), html[dir=rtl] md-input-container [x-ng-message]:not(.md-char-counter), html[dir=rtl]
md-input-container [ng-message-exp]:not(.md-char-counter), html[dir=rtl] md-input-container [data-ng-message-exp]:not(.md-char-counter), html[dir=rtl] md-input-container [x-ng-message-exp]:not(.md-char-counter), html[dir=rtl]
md-input-container .md-char-counter:not(.md-char-counter) {
padding-left: 5px;
unicode-bidi: embed; }
body[dir=rtl] md-input-container ng-message:not(.md-char-counter), body[dir=rtl] md-input-container data-ng-message:not(.md-char-counter), body[dir=rtl] md-input-container x-ng-message:not(.md-char-counter), body[dir=rtl]
md-input-container [ng-message]:not(.md-char-counter), body[dir=rtl] md-input-container [data-ng-message]:not(.md-char-counter), body[dir=rtl] md-input-container [x-ng-message]:not(.md-char-counter), body[dir=rtl]
md-input-container [ng-message-exp]:not(.md-char-counter), body[dir=rtl] md-input-container [data-ng-message-exp]:not(.md-char-counter), body[dir=rtl] md-input-container [x-ng-message-exp]:not(.md-char-counter), body[dir=rtl]
md-input-container .md-char-counter:not(.md-char-counter) {
padding-left: 5px;
unicode-bidi: embed; }
md-input-container ng-message:not(.md-char-counter) bdo[dir=rtl], md-input-container data-ng-message:not(.md-char-counter) bdo[dir=rtl], md-input-container x-ng-message:not(.md-char-counter) bdo[dir=rtl],
md-input-container [ng-message]:not(.md-char-counter) bdo[dir=rtl], md-input-container [data-ng-message]:not(.md-char-counter) bdo[dir=rtl], md-input-container [x-ng-message]:not(.md-char-counter) bdo[dir=rtl],
md-input-container [ng-message-exp]:not(.md-char-counter) bdo[dir=rtl], md-input-container [data-ng-message-exp]:not(.md-char-counter) bdo[dir=rtl], md-input-container [x-ng-message-exp]:not(.md-char-counter) bdo[dir=rtl],
md-input-container .md-char-counter:not(.md-char-counter) bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container ng-message:not(.md-char-counter) bdo[dir=ltr], md-input-container data-ng-message:not(.md-char-counter) bdo[dir=ltr], md-input-container x-ng-message:not(.md-char-counter) bdo[dir=ltr],
md-input-container [ng-message]:not(.md-char-counter) bdo[dir=ltr], md-input-container [data-ng-message]:not(.md-char-counter) bdo[dir=ltr], md-input-container [x-ng-message]:not(.md-char-counter) bdo[dir=ltr],
md-input-container [ng-message-exp]:not(.md-char-counter) bdo[dir=ltr], md-input-container [data-ng-message-exp]:not(.md-char-counter) bdo[dir=ltr], md-input-container [x-ng-message-exp]:not(.md-char-counter) bdo[dir=ltr],
md-input-container .md-char-counter:not(.md-char-counter) bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-input-container:not(.md-input-invalid) .md-auto-hide .md-input-message-animation {
opacity: 0;
margin-top: -100px; }
md-input-container .md-auto-hide .md-input-message-animation:not(.ng-animate) {
opacity: 0;
margin-top: -100px; }
md-input-container .md-input-message-animation.ng-enter {
opacity: 0;
margin-top: -100px; }
md-input-container.md-input-focused label:not(.md-no-float), md-input-container.md-input-has-placeholder label:not(.md-no-float), md-input-container.md-input-has-value label:not(.md-no-float) {
-webkit-transform: translate3d(0, 6px, 0) scale(0.75);
transform: translate3d(0, 6px, 0) scale(0.75); }
md-input-container.md-input-has-value label {
transition: none; }
md-input-container.md-input-focused .md-input,
md-input-container .md-input.ng-invalid.ng-dirty {
padding-bottom: 0;
border-width: 0 0 2px 0; }
md-input-container .md-input[disabled],
[disabled] md-input-container .md-input {
background-position: 0 bottom;
background-size: 4px 1px;
background-repeat: repeat-x;
margin-bottom: -1px; }
md-input-container.md-icon-float {
transition: margin-top 0.5s cubic-bezier(0.25, 0.8, 0.25, 1); }
md-input-container.md-icon-float > label {
pointer-events: none;
position: absolute; }
md-input-container.md-icon-float > md-icon {
top: 2px;
left: 2px;
right: auto; }
html[dir=rtl] md-input-container.md-icon-float > md-icon {
left: auto;
unicode-bidi: embed; }
body[dir=rtl] md-input-container.md-icon-float > md-icon {
left: auto;
unicode-bidi: embed; }
md-input-container.md-icon-float > md-icon bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container.md-icon-float > md-icon bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-input-container.md-icon-float > md-icon {
right: 2px;
unicode-bidi: embed; }
body[dir=rtl] md-input-container.md-icon-float > md-icon {
right: 2px;
unicode-bidi: embed; }
md-input-container.md-icon-float > md-icon bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container.md-icon-float > md-icon bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-input-container.md-icon-float.md-input-focused label, md-input-container.md-icon-float.md-input-has-value label {
-webkit-transform: translate3d(0, 6px, 0) scale(0.75);
transform: translate3d(0, 6px, 0) scale(0.75);
transition: -webkit-transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s;
transition: transform cubic-bezier(0.25, 0.8, 0.25, 1) 0.5s; }
md-input-container.md-icon-right {
padding-right: 36px;
padding-left: 36px; }
html[dir=rtl] md-input-container.md-icon-right {
padding-right: 36px;
unicode-bidi: embed; }
body[dir=rtl] md-input-container.md-icon-right {
padding-right: 36px;
unicode-bidi: embed; }
md-input-container.md-icon-right bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container.md-icon-right bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-input-container.md-icon-right {
padding-left: 36px;
unicode-bidi: embed; }
body[dir=rtl] md-input-container.md-icon-right {
padding-left: 36px;
unicode-bidi: embed; }
md-input-container.md-icon-right bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container.md-icon-right bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-input-container.md-icon-right .md-errors-spacer + md-icon {
margin: 0;
right: 2px;
left: auto; }
html[dir=rtl] md-input-container.md-icon-right .md-errors-spacer + md-icon {
right: auto;
unicode-bidi: embed; }
body[dir=rtl] md-input-container.md-icon-right .md-errors-spacer + md-icon {
right: auto;
unicode-bidi: embed; }
md-input-container.md-icon-right .md-errors-spacer + md-icon bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container.md-icon-right .md-errors-spacer + md-icon bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-input-container.md-icon-right .md-errors-spacer + md-icon {
left: 2px;
unicode-bidi: embed; }
body[dir=rtl] md-input-container.md-icon-right .md-errors-spacer + md-icon {
left: 2px;
unicode-bidi: embed; }
md-input-container.md-icon-right .md-errors-spacer + md-icon bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-input-container.md-icon-right .md-errors-spacer + md-icon bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
@media screen and (-ms-high-contrast: active) {
md-input-container.md-default-theme > md-icon {
fill: #fff; } }
md-list {
display: block;
padding: 8px 0px 8px 0px; }
md-list .md-subheader {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.010em;
line-height: 1.2em; }
md-list-item {
position: relative; }
md-list-item.md-proxy-focus.md-focused .md-no-style {
transition: background-color 0.15s linear; }
md-list-item.md-no-proxy,
md-list-item .md-no-style {
position: relative;
padding: 0px 16px;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
md-list-item.md-no-proxy.md-button,
md-list-item .md-no-style.md-button {
font-size: inherit;
height: inherit;
text-align: left;
text-transform: none;
width: 100%;
white-space: normal;
-webkit-flex-direction: inherit;
-ms-flex-direction: inherit;
flex-direction: inherit;
-webkit-align-items: inherit;
-ms-flex-align: inherit;
align-items: inherit;
border-radius: 0; }
md-list-item.md-no-proxy.md-button > .md-ripple-container,
md-list-item .md-no-style.md-button > .md-ripple-container {
border-radius: 0; }
md-list-item.md-no-proxy:focus,
md-list-item .md-no-style:focus {
outline: none; }
md-list-item.md-with-secondary {
position: relative; }
md-list-item.md-clickable:hover {
cursor: pointer; }
md-list-item md-divider {
position: absolute;
bottom: 0;
left: 0;
width: 100%; }
md-list-item md-divider[md-inset] {
left: 96px;
width: calc(100% - 96px);
margin: 0; }
md-list-item, md-list-item .md-list-item-inner {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
min-height: 48px;
height: auto; }
md-list-item > div.md-primary > md-icon:not(.md-avatar-icon),
md-list-item > div.md-secondary > md-icon:not(.md-avatar-icon),
md-list-item > md-icon:first-child:not(.md-avatar-icon),
md-list-item > md-icon.md-secondary:not(.md-avatar-icon), md-list-item .md-list-item-inner > div.md-primary > md-icon:not(.md-avatar-icon),
md-list-item .md-list-item-inner > div.md-secondary > md-icon:not(.md-avatar-icon),
md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon),
md-list-item .md-list-item-inner > md-icon.md-secondary:not(.md-avatar-icon) {
width: 24px;
margin-top: 16px;
margin-bottom: 12px;
box-sizing: content-box; }
md-list-item > div.md-primary > md-checkbox,
md-list-item > div.md-secondary > md-checkbox,
md-list-item > md-checkbox,
md-list-item md-checkbox.md-secondary, md-list-item .md-list-item-inner > div.md-primary > md-checkbox,
md-list-item .md-list-item-inner > div.md-secondary > md-checkbox,
md-list-item .md-list-item-inner > md-checkbox,
md-list-item .md-list-item-inner md-checkbox.md-secondary {
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center; }
md-list-item > div.md-primary > md-checkbox .md-label,
md-list-item > div.md-secondary > md-checkbox .md-label,
md-list-item > md-checkbox .md-label,
md-list-item md-checkbox.md-secondary .md-label, md-list-item .md-list-item-inner > div.md-primary > md-checkbox .md-label,
md-list-item .md-list-item-inner > div.md-secondary > md-checkbox .md-label,
md-list-item .md-list-item-inner > md-checkbox .md-label,
md-list-item .md-list-item-inner md-checkbox.md-secondary .md-label {
display: none; }
md-list-item > md-icon:first-child:not(.md-avatar-icon), md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon) {
margin-right: 32px; }
md-list-item > md-checkbox, md-list-item .md-list-item-inner > md-checkbox {
width: 24px;
margin-left: 3px;
margin-right: 29px;
margin-top: 16px; }
md-list-item .md-avatar, md-list-item .md-avatar-icon, md-list-item .md-list-item-inner .md-avatar, md-list-item .md-list-item-inner .md-avatar-icon {
margin-top: 8px;
margin-bottom: 8px;
margin-right: 16px;
border-radius: 50%;
box-sizing: content-box; }
md-list-item .md-avatar, md-list-item .md-list-item-inner .md-avatar {
width: 40px;
height: 40px; }
md-list-item .md-avatar-icon, md-list-item .md-list-item-inner .md-avatar-icon {
padding: 8px; }
md-list-item md-checkbox.md-secondary,
md-list-item md-switch.md-secondary, md-list-item .md-list-item-inner md-checkbox.md-secondary,
md-list-item .md-list-item-inner md-switch.md-secondary {
margin-top: 0;
margin-bottom: 0; }
md-list-item md-checkbox.md-secondary, md-list-item .md-list-item-inner md-checkbox.md-secondary {
margin-right: 0; }
md-list-item md-switch.md-secondary, md-list-item .md-list-item-inner md-switch.md-secondary {
margin-right: -6px; }
md-list-item button.md-button.md-secondary-container, md-list-item .md-list-item-inner button.md-button.md-secondary-container {
background-color: transparent;
-webkit-align-self: center;
-ms-flex-item-align: center;
align-self: center;
border-radius: 50%;
margin: 0px;
min-width: 0px; }
md-list-item button.md-button.md-secondary-container .md-ripple,
md-list-item button.md-button.md-secondary-container .md-ripple-container, md-list-item .md-list-item-inner button.md-button.md-secondary-container .md-ripple,
md-list-item .md-list-item-inner button.md-button.md-secondary-container .md-ripple-container {
border-radius: 50%; }
md-list-item button.md-button.md-secondary-container.md-icon-button, md-list-item .md-list-item-inner button.md-button.md-secondary-container.md-icon-button {
margin-right: -12px; }
md-list-item .md-secondary-container,
md-list-item .md-secondary, md-list-item .md-list-item-inner .md-secondary-container,
md-list-item .md-list-item-inner .md-secondary {
position: absolute;
top: 50%;
right: 16px;
margin: 0 0 0 16px;
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
md-list-item > .md-button.md-secondary-container > .md-secondary, md-list-item .md-list-item-inner > .md-button.md-secondary-container > .md-secondary {
margin-left: 0;
position: static; }
md-list-item > p, md-list-item > .md-list-item-inner > p, md-list-item .md-list-item-inner > p, md-list-item .md-list-item-inner > .md-list-item-inner > p {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0; }
md-list-item.md-2-line,
md-list-item.md-2-line > .md-no-style,
md-list-item.md-3-line,
md-list-item.md-3-line > .md-no-style {
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }
md-list-item.md-2-line .md-list-item-text,
md-list-item.md-2-line > .md-no-style .md-list-item-text,
md-list-item.md-3-line .md-list-item-text,
md-list-item.md-3-line > .md-no-style .md-list-item-text {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: auto;
text-overflow: ellipsis; }
md-list-item.md-2-line .md-list-item-text.md-offset,
md-list-item.md-2-line > .md-no-style .md-list-item-text.md-offset,
md-list-item.md-3-line .md-list-item-text.md-offset,
md-list-item.md-3-line > .md-no-style .md-list-item-text.md-offset {
margin-left: 56px; }
md-list-item.md-2-line .md-list-item-text h3,
md-list-item.md-2-line > .md-no-style .md-list-item-text h3,
md-list-item.md-3-line .md-list-item-text h3,
md-list-item.md-3-line > .md-no-style .md-list-item-text h3 {
font-size: 16px;
font-weight: 400;
letter-spacing: 0.010em;
margin: 0 0 0px 0;
line-height: 1.2em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
md-list-item.md-2-line .md-list-item-text h4,
md-list-item.md-2-line > .md-no-style .md-list-item-text h4,
md-list-item.md-3-line .md-list-item-text h4,
md-list-item.md-3-line > .md-no-style .md-list-item-text h4 {
font-size: 14px;
letter-spacing: 0.010em;
margin: 3px 0 1px 0;
font-weight: 400;
line-height: 1.2em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis; }
md-list-item.md-2-line .md-list-item-text p,
md-list-item.md-2-line > .md-no-style .md-list-item-text p,
md-list-item.md-3-line .md-list-item-text p,
md-list-item.md-3-line > .md-no-style .md-list-item-text p {
font-size: 14px;
font-weight: 500;
letter-spacing: 0.010em;
margin: 0 0 0 0;
line-height: 1.6em; }
md-list-item.md-2-line,
md-list-item.md-2-line > .md-no-style {
height: auto;
min-height: 72px; }
md-list-item.md-2-line.md-long-text,
md-list-item.md-2-line > .md-no-style.md-long-text {
margin: 1.6em; }
md-list-item.md-2-line > .md-avatar, md-list-item.md-2-line .md-avatar-icon,
md-list-item.md-2-line > .md-no-style > .md-avatar,
md-list-item.md-2-line > .md-no-style .md-avatar-icon {
margin-top: 12px; }
md-list-item.md-2-line > md-icon:first-child,
md-list-item.md-2-line > .md-no-style > md-icon:first-child {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start; }
md-list-item.md-2-line .md-list-item-text,
md-list-item.md-2-line > .md-no-style .md-list-item-text {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1; }
md-list-item.md-3-line,
md-list-item.md-3-line > .md-no-style {
height: auto;
min-height: 88px; }
md-list-item.md-3-line.md-long-text,
md-list-item.md-3-line > .md-no-style.md-long-text {
margin: 1.6em; }
md-list-item.md-3-line > md-icon:first-child,
md-list-item.md-3-line > .md-avatar,
md-list-item.md-3-line > .md-no-style > md-icon:first-child,
md-list-item.md-3-line > .md-no-style > .md-avatar {
margin-top: 16px; }
.md-open-menu-container {
position: fixed;
left: 0;
top: 0;
z-index: 100;
opacity: 0;
border-radius: 2px; }
.md-open-menu-container md-menu-divider {
margin-top: 4px;
margin-bottom: 4px;
height: 1px;
min-height: 1px;
max-height: 1px;
width: 100%; }
.md-open-menu-container md-menu-content > * {
opacity: 0; }
.md-open-menu-container:not(.md-clickable) {
pointer-events: none; }
.md-open-menu-container.md-active {
opacity: 1;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-duration: 200ms; }
.md-open-menu-container.md-active > md-menu-content > * {
opacity: 1;
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
transition-duration: 200ms;
transition-delay: 100ms; }
.md-open-menu-container.md-leave {
opacity: 0;
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
transition-duration: 250ms; }
md-menu-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
padding: 8px 0;
max-height: 304px;
overflow-y: auto; }
md-menu-content.md-dense {
max-height: 208px; }
md-menu-content.md-dense md-menu-item {
height: 32px;
min-height: 0px; }
md-menu-item {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
min-height: 48px;
height: 48px;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start; }
md-menu-item > * {
width: 100%;
margin: auto 0;
padding-left: 16px;
padding-right: 16px; }
md-menu-item > a.md-button {
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
md-menu-item > .md-button {
border-radius: 0;
margin: auto 0;
font-size: 15px;
text-transform: none;
font-weight: 400;
text-align: left;
text-align: start;
height: 100%;
padding-left: 16px;
padding-right: 16px;
display: inline-block;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
-webkit-align-content: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
width: 100%; }
md-menu-item > .md-button md-icon {
margin: auto 16px auto 0; }
md-menu-item > .md-button p {
display: inline-block;
margin: auto; }
md-menu-item > .md-button span {
margin-top: auto;
margin-bottom: auto; }
md-menu-item > .md-button .md-ripple-container {
border-radius: inherit; }
.md-menu {
padding: 8px 0; }
md-toolbar .md-menu {
height: auto;
margin: auto;
padding: 0; }
@media (max-width: 959px) {
md-menu-content {
min-width: 112px; }
md-menu-content[width="3"] {
min-width: 168px; }
md-menu-content[width="4"] {
min-width: 224px; }
md-menu-content[width="5"] {
min-width: 280px; }
md-menu-content[width="6"] {
min-width: 336px; }
md-menu-content[width="7"] {
min-width: 392px; } }
@media (min-width: 960px) {
md-menu-content {
min-width: 96px; }
md-menu-content[width="3"] {
min-width: 192px; }
md-menu-content[width="4"] {
min-width: 256px; }
md-menu-content[width="5"] {
min-width: 320px; }
md-menu-content[width="6"] {
min-width: 384px; }
md-menu-content[width="7"] {
min-width: 448px; } }
md-toolbar.md-menu-toolbar h2.md-toolbar-tools {
line-height: 1rem;
height: auto;
padding: 28px;
padding-bottom: 12px; }
md-menu-bar {
padding: 0 20px;
display: block;
position: relative;
z-index: 2; }
md-menu-bar .md-menu {
display: inline-block;
padding: 0;
position: relative; }
md-menu-bar button {
font-size: 14px;
padding: 0 10px;
margin: 0;
border: 0;
background-color: transparent;
height: 40px; }
md-menu-bar md-backdrop.md-menu-backdrop {
z-index: -2; }
md-menu-content.md-menu-bar-menu.md-dense {
max-height: none;
padding: 16px 0; }
md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent {
position: relative; }
md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > md-icon {
position: absolute;
padding: 0;
width: 24px;
top: 6px;
left: 24px; }
md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent > .md-button, md-menu-content.md-menu-bar-menu.md-dense md-menu-item.md-indent .md-menu > .md-button {
padding: 0 32px 0 64px; }
md-menu-content.md-menu-bar-menu.md-dense .md-button {
min-height: 0;
height: 32px;
display: -webkit-flex;
display: -ms-flexbox;
display: flex; }
md-menu-content.md-menu-bar-menu.md-dense .md-button span {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
md-menu-content.md-menu-bar-menu.md-dense .md-button span.md-alt-text {
-webkit-flex-grow: 0;
-ms-flex-positive: 0;
flex-grow: 0;
-webkit-align-self: flex-end;
-ms-flex-item-align: end;
align-self: flex-end;
margin: 0 8px; }
md-menu-content.md-menu-bar-menu.md-dense md-menu-divider {
margin: 8px 0; }
md-menu-content.md-menu-bar-menu.md-dense md-menu-item > .md-button, md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
text-align: left;
text-align: start; }
md-menu-content.md-menu-bar-menu.md-dense .md-menu {
padding: 0; }
md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button {
position: relative;
margin: 0;
width: 100%;
text-transform: none;
font-weight: normal;
border-radius: 0px;
padding-left: 16px; }
md-menu-content.md-menu-bar-menu.md-dense .md-menu > .md-button:after {
display: block;
content: '\25BC';
position: absolute;
top: 0px;
speak: none;
-webkit-transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
transform: rotate(270deg) scaleY(0.45) scaleX(0.9);
right: 28px; }
md-progress-circular {
display: block;
position: relative;
width: 100px;
height: 100px;
padding-top: 0 !important;
margin-bottom: 0 !important;
z-index: 2; }
md-progress-circular .md-spinner-wrapper {
display: block;
position: absolute;
overflow: hidden;
top: 50%;
left: 50%; }
md-progress-circular .md-spinner-wrapper .md-inner {
width: 100px;
height: 100px;
position: relative; }
md-progress-circular .md-spinner-wrapper .md-inner .md-gap {
position: absolute;
left: 49px;
right: 49px;
top: 0;
bottom: 0;
border-top-width: 10px;
border-top-style: solid;
box-sizing: border-box; }
md-progress-circular .md-spinner-wrapper .md-inner .md-left, md-progress-circular .md-spinner-wrapper .md-inner .md-right {
position: absolute;
top: 0;
height: 100px;
width: 50px;
overflow: hidden; }
md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle, md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
position: absolute;
top: 0;
width: 100px;
height: 100px;
box-sizing: border-box;
border-width: 10px;
border-style: solid;
border-bottom-color: transparent;
border-radius: 50%; }
md-progress-circular .md-spinner-wrapper .md-inner .md-left {
left: 0; }
md-progress-circular .md-spinner-wrapper .md-inner .md-left .md-half-circle {
left: 0;
border-right-color: transparent; }
md-progress-circular .md-spinner-wrapper .md-inner .md-right {
right: 0; }
md-progress-circular .md-spinner-wrapper .md-inner .md-right .md-half-circle {
right: 0;
border-left-color: transparent; }
md-progress-circular .md-mode-indeterminate .md-spinner-wrapper {
-webkit-animation: outer-rotate 2.91667s linear infinite;
animation: outer-rotate 2.91667s linear infinite; }
md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner {
-webkit-animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite; }
md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-left .md-half-circle, md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-right .md-half-circle {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-duration: 1.3125s;
animation-duration: 1.3125s;
-webkit-animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1);
animation-timing-function: cubic-bezier(0.35, 0, 0.25, 1); }
md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-left .md-half-circle {
-webkit-animation-name: left-wobble;
animation-name: left-wobble; }
md-progress-circular .md-mode-indeterminate .md-spinner-wrapper .md-inner .md-right .md-half-circle {
-webkit-animation-name: right-wobble;
animation-name: right-wobble; }
md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper {
-webkit-animation: none;
animation: none; }
md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner {
-webkit-animation: none;
animation: none; }
md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner .md-left .md-half-circle {
-webkit-animation-name: none;
animation-name: none; }
md-progress-circular md-progress-circular.ng-hide .md-spinner-wrapper .md-inner .md-right .md-half-circle {
-webkit-animation-name: none;
animation-name: none; }
md-progress-circular .md-spinner-wrapper.ng-hide {
-webkit-animation: none;
animation: none; }
md-progress-circular .md-spinner-wrapper.ng-hide .md-inner {
-webkit-animation: none;
animation: none; }
md-progress-circular .md-spinner-wrapper.ng-hide .md-inner .md-left .md-half-circle {
-webkit-animation-name: none;
animation-name: none; }
md-progress-circular .md-spinner-wrapper.ng-hide .md-inner .md-right .md-half-circle {
-webkit-animation-name: none;
animation-name: none; }
@-webkit-keyframes outer-rotate {
0% {
-webkit-transform: rotate(0deg) scale(0.5);
transform: rotate(0deg) scale(0.5); }
100% {
-webkit-transform: rotate(360deg) scale(0.5);
transform: rotate(360deg) scale(0.5); } }
@keyframes outer-rotate {
0% {
-webkit-transform: rotate(0deg) scale(0.5);
transform: rotate(0deg) scale(0.5); }
100% {
-webkit-transform: rotate(360deg) scale(0.5);
transform: rotate(360deg) scale(0.5); } }
@-webkit-keyframes left-wobble {
0%, 100% {
-webkit-transform: rotate(130deg);
transform: rotate(130deg); }
50% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg); } }
@keyframes left-wobble {
0%, 100% {
-webkit-transform: rotate(130deg);
transform: rotate(130deg); }
50% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg); } }
@-webkit-keyframes right-wobble {
0%, 100% {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg); }
50% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg); } }
@keyframes right-wobble {
0%, 100% {
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg); }
50% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg); } }
@-webkit-keyframes sporadic-rotate {
12.5% {
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
25% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
37.5% {
-webkit-transform: rotate(405deg);
transform: rotate(405deg); }
50% {
-webkit-transform: rotate(540deg);
transform: rotate(540deg); }
62.5% {
-webkit-transform: rotate(675deg);
transform: rotate(675deg); }
75% {
-webkit-transform: rotate(810deg);
transform: rotate(810deg); }
87.5% {
-webkit-transform: rotate(945deg);
transform: rotate(945deg); }
100% {
-webkit-transform: rotate(1080deg);
transform: rotate(1080deg); } }
@keyframes sporadic-rotate {
12.5% {
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
25% {
-webkit-transform: rotate(270deg);
transform: rotate(270deg); }
37.5% {
-webkit-transform: rotate(405deg);
transform: rotate(405deg); }
50% {
-webkit-transform: rotate(540deg);
transform: rotate(540deg); }
62.5% {
-webkit-transform: rotate(675deg);
transform: rotate(675deg); }
75% {
-webkit-transform: rotate(810deg);
transform: rotate(810deg); }
87.5% {
-webkit-transform: rotate(945deg);
transform: rotate(945deg); }
100% {
-webkit-transform: rotate(1080deg);
transform: rotate(1080deg); } }
md-progress-linear {
display: block;
position: relative;
width: 100%;
height: 5px;
padding-top: 0 !important;
margin-bottom: 0 !important; }
md-progress-linear .md-container {
display: block;
position: relative;
overflow: hidden;
width: 100%;
height: 5px;
-webkit-transform: translate(0, 0) scale(1, 1);
transform: translate(0, 0) scale(1, 1); }
md-progress-linear .md-container .md-bar {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 100%;
height: 5px; }
md-progress-linear .md-container .md-dashed:before {
content: "";
display: none;
position: absolute;
margin-top: 0;
height: 5px;
width: 100%;
background-color: transparent;
background-size: 10px 10px !important;
background-position: 0px -23px; }
md-progress-linear .md-container .md-bar1, md-progress-linear .md-container .md-bar2 {
transition: -webkit-transform 0.2s linear;
transition: transform 0.2s linear; }
md-progress-linear .md-container.md-mode-query .md-bar1 {
display: none; }
md-progress-linear .md-container.md-mode-query .md-bar2 {
transition: all 0.2s linear;
-webkit-animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1); }
md-progress-linear .md-container.md-mode-determinate .md-bar1 {
display: none; }
md-progress-linear .md-container.md-mode-indeterminate .md-bar1 {
-webkit-animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite;
animation: md-progress-linear-indeterminate-scale-1 4s infinite, md-progress-linear-indeterminate-1 4s infinite; }
md-progress-linear .md-container.md-mode-indeterminate .md-bar2 {
-webkit-animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite;
animation: md-progress-linear-indeterminate-scale-2 4s infinite, md-progress-linear-indeterminate-2 4s infinite; }
md-progress-linear .md-container.ng-hide {
-webkit-animation: none;
animation: none; }
md-progress-linear .md-container.ng-hide .md-bar1 {
-webkit-animation-name: none;
animation-name: none; }
md-progress-linear .md-container.ng-hide .md-bar2 {
-webkit-animation-name: none;
animation-name: none; }
md-progress-linear .md-container.md-mode-buffer {
background-color: transparent !important;
transition: all 0.2s linear; }
md-progress-linear .md-container.md-mode-buffer .md-dashed:before {
display: block;
-webkit-animation: buffer 3s infinite linear;
animation: buffer 3s infinite linear; }
@-webkit-keyframes query {
0% {
opacity: 1;
-webkit-transform: translateX(35%) scale(0.3, 1);
transform: translateX(35%) scale(0.3, 1); }
100% {
opacity: 0;
-webkit-transform: translateX(-50%) scale(0, 1);
transform: translateX(-50%) scale(0, 1); } }
@keyframes query {
0% {
opacity: 1;
-webkit-transform: translateX(35%) scale(0.3, 1);
transform: translateX(35%) scale(0.3, 1); }
100% {
opacity: 0;
-webkit-transform: translateX(-50%) scale(0, 1);
transform: translateX(-50%) scale(0, 1); } }
@-webkit-keyframes buffer {
0% {
opacity: 1;
background-position: 0px -23px; }
50% {
opacity: 0; }
100% {
opacity: 1;
background-position: -200px -23px; } }
@keyframes buffer {
0% {
opacity: 1;
background-position: 0px -23px; }
50% {
opacity: 0; }
100% {
opacity: 1;
background-position: -200px -23px; } }
@-webkit-keyframes md-progress-linear-indeterminate-scale-1 {
0% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
36.6% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
-webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); }
69.15% {
-webkit-transform: scaleX(0.83);
transform: scaleX(0.83);
-webkit-animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098); }
100% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1); } }
@keyframes md-progress-linear-indeterminate-scale-1 {
0% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
36.6% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
-webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1); }
69.15% {
-webkit-transform: scaleX(0.83);
transform: scaleX(0.83);
-webkit-animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098);
animation-timing-function: cubic-bezier(0.22573, 0, 0.23365, 1.37098); }
100% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1); } }
@-webkit-keyframes md-progress-linear-indeterminate-1 {
0% {
left: -105.16667%;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
20% {
left: -105.16667%;
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); }
69.15% {
left: 21.5%;
-webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); }
100% {
left: 95.44444%; } }
@keyframes md-progress-linear-indeterminate-1 {
0% {
left: -105.16667%;
-webkit-animation-timing-function: linear;
animation-timing-function: linear; }
20% {
left: -105.16667%;
-webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582); }
69.15% {
left: 21.5%;
-webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635); }
100% {
left: 95.44444%; } }
@-webkit-keyframes md-progress-linear-indeterminate-scale-2 {
0% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
-webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); }
19.15% {
-webkit-transform: scaleX(0.57);
transform: scaleX(0.57);
-webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); }
44.15% {
-webkit-transform: scaleX(0.91);
transform: scaleX(0.91);
-webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); }
100% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1); } }
@keyframes md-progress-linear-indeterminate-scale-2 {
0% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1);
-webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397); }
19.15% {
-webkit-transform: scaleX(0.57);
transform: scaleX(0.57);
-webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432); }
44.15% {
-webkit-transform: scaleX(0.91);
transform: scaleX(0.91);
-webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179); }
100% {
-webkit-transform: scaleX(0.1);
transform: scaleX(0.1); } }
@-webkit-keyframes md-progress-linear-indeterminate-2 {
0% {
left: -54.88889%;
-webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968); }
25% {
left: -17.25%;
-webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372); }
48.35% {
left: 29.5%;
-webkit-animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203); }
100% {
left: 117.38889%; } }
@keyframes md-progress-linear-indeterminate-2 {
0% {
left: -54.88889%;
-webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968);
animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40968); }
25% {
left: -17.25%;
-webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372);
animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73372); }
48.35% {
left: 29.5%;
-webkit-animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203);
animation-timing-function: cubic-bezier(0.4, 0.62703, 0.6, 0.90203); }
100% {
left: 117.38889%; } }
md-radio-button {
box-sizing: border-box;
display: block;
margin-bottom: 16px;
white-space: nowrap;
cursor: pointer;
position: relative; }
md-radio-button[disabled] {
cursor: default; }
md-radio-button[disabled] .md-container {
cursor: default; }
md-radio-button .md-container {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
box-sizing: border-box;
display: inline-block;
width: 20px;
height: 20px;
cursor: pointer;
left: 0;
right: auto; }
html[dir=rtl] md-radio-button .md-container {
left: auto;
unicode-bidi: embed; }
body[dir=rtl] md-radio-button .md-container {
left: auto;
unicode-bidi: embed; }
md-radio-button .md-container bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-radio-button .md-container bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-radio-button .md-container {
right: 0;
unicode-bidi: embed; }
body[dir=rtl] md-radio-button .md-container {
right: 0;
unicode-bidi: embed; }
md-radio-button .md-container bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-radio-button .md-container bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-radio-button .md-container .md-ripple-container {
position: absolute;
display: block;
width: auto;
height: auto;
left: -15px;
top: -15px;
right: -15px;
bottom: -15px; }
md-radio-button .md-container:before {
box-sizing: border-box;
background-color: transparent;
border-radius: 50%;
content: '';
position: absolute;
display: block;
height: auto;
left: 0;
top: 0;
right: 0;
bottom: 0;
transition: all 0.5s;
width: auto; }
md-radio-button.md-align-top-left > div.md-container {
top: 12px; }
md-radio-button .md-off {
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
border-style: solid;
border-width: 2px;
border-radius: 50%;
transition: border-color ease 0.28s; }
md-radio-button .md-on {
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
border-radius: 50%;
transition: -webkit-transform ease 0.28s;
transition: transform ease 0.28s;
-webkit-transform: scale(0);
transform: scale(0); }
md-radio-button.md-checked .md-on {
-webkit-transform: scale(0.5);
transform: scale(0.5); }
md-radio-button .md-label {
box-sizing: border-box;
position: relative;
display: inline-block;
margin-left: 30px;
margin-right: 0;
vertical-align: middle;
white-space: normal;
pointer-events: none;
width: auto; }
html[dir=rtl] md-radio-button .md-label {
margin-left: 0;
unicode-bidi: embed; }
body[dir=rtl] md-radio-button .md-label {
margin-left: 0;
unicode-bidi: embed; }
md-radio-button .md-label bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-radio-button .md-label bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-radio-button .md-label {
margin-right: 30px;
unicode-bidi: embed; }
body[dir=rtl] md-radio-button .md-label {
margin-right: 30px;
unicode-bidi: embed; }
md-radio-button .md-label bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-radio-button .md-label bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-radio-button .circle {
border-radius: 50%; }
md-radio-group md-radio-button:not(:first-child) {
margin-top: 16px; }
md-radio-group.layout-row md-radio-button {
margin-top: 0;
margin-bottom: 0;
margin-left: inherit;
margin-right: 16px; }
html[dir=rtl] md-radio-group.layout-row md-radio-button {
margin-left: 16px;
unicode-bidi: embed; }
body[dir=rtl] md-radio-group.layout-row md-radio-button {
margin-left: 16px;
unicode-bidi: embed; }
md-radio-group.layout-row md-radio-button bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-radio-group.layout-row md-radio-button bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-radio-group.layout-row md-radio-button {
margin-right: inherit;
unicode-bidi: embed; }
body[dir=rtl] md-radio-group.layout-row md-radio-button {
margin-right: inherit;
unicode-bidi: embed; }
md-radio-group.layout-row md-radio-button bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-radio-group.layout-row md-radio-button bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-radio-group.layout-row md-radio-button:last-of-type {
margin-left: inherit;
margin-right: 0; }
html[dir=rtl] md-radio-group.layout-row md-radio-button:last-of-type {
margin-left: 0;
unicode-bidi: embed; }
body[dir=rtl] md-radio-group.layout-row md-radio-button:last-of-type {
margin-left: 0;
unicode-bidi: embed; }
md-radio-group.layout-row md-radio-button:last-of-type bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-radio-group.layout-row md-radio-button:last-of-type bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-radio-group.layout-row md-radio-button:last-of-type {
margin-right: inherit;
unicode-bidi: embed; }
body[dir=rtl] md-radio-group.layout-row md-radio-button:last-of-type {
margin-right: inherit;
unicode-bidi: embed; }
md-radio-group.layout-row md-radio-button:last-of-type bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-radio-group.layout-row md-radio-button:last-of-type bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-radio-group:focus {
outline: none; }
md-radio-group.md-focused .md-checked .md-container:before {
left: -8px;
top: -8px;
right: -8px;
bottom: -8px; }
.md-inline-form md-radio-group {
margin: 18px 0 19px; }
.md-inline-form md-radio-group md-radio-button {
display: inline-block;
height: 30px;
padding: 2px;
box-sizing: border-box;
margin-top: 0;
margin-bottom: 0; }
@media screen and (-ms-high-contrast: active) {
md-radio-button.md-default-theme .md-on {
background-color: #fff; } }
.md-select-menu-container {
position: fixed;
left: 0;
top: 0;
z-index: 90;
opacity: 0;
display: none; }
.md-select-menu-container:not(.md-clickable) {
pointer-events: none; }
.md-select-menu-container md-progress-circular {
display: table;
margin: 24px auto !important; }
.md-select-menu-container.md-active {
display: block;
opacity: 1; }
.md-select-menu-container.md-active md-select-menu {
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-duration: 150ms; }
.md-select-menu-container.md-active md-select-menu > * {
opacity: 1;
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
transition-duration: 150ms;
transition-delay: 100ms; }
.md-select-menu-container.md-leave {
opacity: 0;
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
transition-duration: 250ms; }
md-input-container > md-select {
margin: 0;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2; }
md-select {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 20px 0 26px 0; }
md-select[disabled] .md-select-value {
background-position: 0 bottom;
background-size: 4px 1px;
background-repeat: repeat-x;
margin-bottom: -1px; }
md-select:focus {
outline: none; }
md-select[disabled]:hover {
cursor: default; }
md-select:not([disabled]):hover {
cursor: pointer; }
md-select:not([disabled]).ng-invalid.ng-dirty .md-select-value {
border-bottom: 2px solid;
padding-bottom: 0; }
md-select:not([disabled]):focus .md-select-value {
border-bottom-width: 2px;
border-bottom-style: solid;
padding-bottom: 0; }
.md-select-value {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 2px 2px 1px;
border-bottom-width: 1px;
border-bottom-style: solid;
background-color: transparent;
position: relative;
box-sizing: content-box;
min-width: 64px;
min-height: 26px;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
.md-select-value .md-text {
display: inline; }
.md-select-value *:first-child {
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
-webkit-transform: translate3d(0, 2px, 0);
transform: translate3d(0, 2px, 0); }
.md-select-value .md-select-icon {
display: block;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
text-align: end;
width: 24px;
margin: 0 4px;
-webkit-transform: translate3d(0, 1px, 0);
transform: translate3d(0, 1px, 0); }
.md-select-value .md-select-icon:after {
display: block;
content: '\25BC';
position: relative;
top: 2px;
speak: none;
-webkit-transform: scaleY(0.6) scaleX(1);
transform: scaleY(0.6) scaleX(1); }
.md-select-value.md-select-placeholder {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
pointer-events: none;
-webkit-font-smoothing: antialiased;
padding-left: 2px;
z-index: 1; }
md-select-menu {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
max-height: 256px;
min-height: 48px;
overflow-y: hidden;
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transform: scale(1);
transform: scale(1); }
md-select-menu.md-reverse {
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse; }
md-select-menu:not(.md-overflow) md-content {
padding-top: 8px;
padding-bottom: 8px; }
html[dir=rtl] md-select-menu {
-webkit-transform-origin: right top;
transform-origin: right top;
unicode-bidi: embed; }
body[dir=rtl] md-select-menu {
-webkit-transform-origin: right top;
transform-origin: right top;
unicode-bidi: embed; }
md-select-menu bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-select-menu bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-select-menu md-content {
min-width: 136px;
min-height: 48px;
max-height: 256px;
overflow-y: auto; }
md-select-menu > * {
opacity: 0; }
md-option {
cursor: pointer;
position: relative;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: auto;
padding: 0 16px 0 16px;
height: 48px; }
md-option[disabled] {
cursor: default; }
md-option:focus {
outline: none; }
md-option .md-text {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: auto;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 16px; }
md-optgroup {
display: block; }
md-optgroup label {
display: block;
font-size: 14px;
text-transform: uppercase;
padding: 16px;
font-weight: 500; }
md-optgroup md-option {
padding-left: 32px;
padding-right: 32px; }
@media screen and (-ms-high-contrast: active) {
.md-select-backdrop {
background-color: transparent; }
md-select-menu {
border: 1px solid #fff; } }
md-sidenav {
box-sizing: border-box;
position: absolute;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
z-index: 60;
width: 320px;
max-width: 320px;
bottom: 0;
overflow: auto; }
md-sidenav ul {
list-style: none; }
md-sidenav.md-closed {
display: none; }
md-sidenav.md-closed-add, md-sidenav.md-closed-remove {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
transition: 0.2s ease-in all; }
md-sidenav.md-closed-add.md-closed-add-active, md-sidenav.md-closed-remove.md-closed-remove-active {
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
md-sidenav.md-locked-open-add, md-sidenav.md-locked-open-remove {
position: static;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
md-sidenav.md-locked-open, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-left, md-sidenav.md-locked-open.md-closed, md-sidenav.md-locked-open.md-closed.md-sidenav-right, md-sidenav.md-locked-open-remove.md-closed {
position: static;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
md-sidenav.md-locked-open-remove-active {
transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
width: 0;
min-width: 0; }
md-sidenav.md-closed.md-locked-open-add {
width: 0;
min-width: 0;
-webkit-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0); }
md-sidenav.md-closed.md-locked-open-add-active {
transition: width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2), min-width 0.3s cubic-bezier(0.55, 0, 0.55, 0.2);
width: 320px;
min-width: 320px;
-webkit-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0); }
.md-sidenav-backdrop.md-locked-open {
display: none; }
.md-sidenav-left, md-sidenav {
left: 0;
top: 0;
-webkit-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0); }
.md-sidenav-left.md-closed, md-sidenav.md-closed {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
.md-sidenav-right {
left: 100%;
top: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0); }
.md-sidenav-right.md-closed {
-webkit-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0); }
@media screen and (min-width: 600px) {
md-sidenav {
max-width: 400px; } }
@media screen and (max-width: 456px) {
md-sidenav {
width: calc(100% - 56px);
min-width: calc(100% - 56px);
max-width: calc(100% - 56px); } }
@media screen and (-ms-high-contrast: active) {
.md-sidenav-left, md-sidenav {
border-right: 1px solid #fff; }
.md-sidenav-right {
border-left: 1px solid #fff; } }
@-webkit-keyframes sliderFocusThumb {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0); }
50% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
100% {
opacity: 0; } }
@keyframes sliderFocusThumb {
0% {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0); }
50% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1; }
100% {
opacity: 0; } }
md-slider {
height: 48px;
position: relative;
display: block;
margin-left: 4px;
margin-right: 4px;
padding: 0;
/**
* Track
*/
/**
* Slider thumb
*/
/* The sign that's focused in discrete mode */
/**
* The border/background that comes in when focused in non-discrete mode
*/
/* Don't animate left/right while panning */ }
md-slider *, md-slider *:after {
box-sizing: border-box; }
md-slider .md-slider-wrapper {
position: relative; }
md-slider .md-track-container {
width: 100%;
position: absolute;
top: 23px;
height: 2px; }
md-slider .md-track {
position: absolute;
left: 0;
right: 0;
height: 100%; }
md-slider .md-track-fill {
transition: width 0.05s linear; }
md-slider .md-track-ticks {
position: absolute;
left: 0;
right: 0;
height: 100%; }
md-slider .md-track-ticks canvas {
width: 100%; }
md-slider .md-thumb-container {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
transition: left 0.1s linear; }
md-slider .md-thumb {
z-index: 1;
position: absolute;
left: -19px;
top: 5px;
width: 38px;
height: 38px;
border-radius: 38px;
-webkit-transform: scale(0.5);
transform: scale(0.5);
transition: all 0.1s linear; }
md-slider .md-thumb:after {
content: '';
position: absolute;
left: 3px;
top: 3px;
width: 32px;
height: 32px;
border-radius: 32px;
border-width: 3px;
border-style: solid; }
md-slider .md-sign {
/* Center the children (slider-thumb-text) */
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
left: -14px;
top: -20px;
width: 28px;
height: 28px;
border-radius: 28px;
-webkit-transform: scale(0.4) translate3d(0, 70px, 0);
transform: scale(0.4) translate3d(0, 70px, 0);
transition: all 0.2s ease-in-out;
/* The arrow pointing down under the sign */ }
md-slider .md-sign:after {
position: absolute;
content: '';
left: 0px;
border-radius: 16px;
top: 19px;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top-width: 16px;
border-top-style: solid;
opacity: 0;
-webkit-transform: translate3d(0, -8px, 0);
transform: translate3d(0, -8px, 0);
transition: all 0.2s ease-in-out; }
md-slider .md-sign .md-thumb-text {
z-index: 1;
font-size: 12px;
font-weight: bold; }
md-slider .md-focus-thumb {
position: absolute;
left: -24px;
top: 0px;
width: 48px;
height: 48px;
border-radius: 48px;
display: none;
opacity: 0;
background-color: #C0C0C0;
-webkit-animation: sliderFocusThumb 0.4s linear;
animation: sliderFocusThumb 0.4s linear; }
md-slider .md-focus-ring {
position: absolute;
left: -24px;
top: 0px;
width: 48px;
height: 48px;
border-radius: 48px;
-webkit-transform: scale(0);
transform: scale(0);
transition: all 0.2s linear;
opacity: 0.26; }
md-slider .md-disabled-thumb {
position: absolute;
left: -22px;
top: 2px;
width: 44px;
height: 44px;
border-radius: 44px;
-webkit-transform: scale(0.35);
transform: scale(0.35);
border-width: 6px;
border-style: solid;
display: none; }
md-slider.md-min .md-thumb:after {
background-color: white; }
md-slider.md-min .md-sign {
opacity: 0; }
md-slider:focus {
outline: none; }
md-slider.md-dragging .md-thumb-container,
md-slider.md-dragging .md-track-fill {
transition: none; }
md-slider:not([md-discrete]) {
/* Hide the sign and ticks in non-discrete mode */ }
md-slider:not([md-discrete]) .md-track-ticks,
md-slider:not([md-discrete]) .md-sign {
display: none; }
md-slider:not([md-discrete]):not([disabled]):hover .md-thumb {
-webkit-transform: scale(0.6);
transform: scale(0.6); }
md-slider:not([md-discrete]):not([disabled]):focus .md-focus-thumb, md-slider:not([md-discrete]):not([disabled]).md-active .md-focus-thumb {
display: block; }
md-slider:not([md-discrete]):not([disabled]):focus .md-focus-ring, md-slider:not([md-discrete]):not([disabled]).md-active .md-focus-ring {
-webkit-transform: scale(1);
transform: scale(1); }
md-slider:not([md-discrete]):not([disabled]):focus .md-thumb, md-slider:not([md-discrete]):not([disabled]).md-active .md-thumb {
-webkit-transform: scale(0.85);
transform: scale(0.85); }
md-slider[md-discrete] {
/* Hide the focus thumb in discrete mode */ }
md-slider[md-discrete] .md-focus-thumb,
md-slider[md-discrete] .md-focus-ring {
display: none; }
md-slider[md-discrete]:not([disabled]):focus .md-sign,
md-slider[md-discrete]:not([disabled]):focus .md-sign:after, md-slider[md-discrete]:not([disabled]).md-active .md-sign,
md-slider[md-discrete]:not([disabled]).md-active .md-sign:after {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1); }
md-slider[disabled] .md-track-fill {
display: none; }
md-slider[disabled] .md-sign {
display: none; }
md-slider[disabled] .md-thumb {
-webkit-transform: scale(0.35);
transform: scale(0.35); }
md-slider[disabled] .md-disabled-thumb {
display: block; }
@media screen and (-ms-high-contrast: active) {
md-slider.md-default-theme .md-track {
border-bottom: 1px solid #fff; } }
.md-sticky-clone {
z-index: 2;
top: 0;
left: 0;
right: 0;
position: absolute !important;
-webkit-transform: translate3d(-9999px, -9999px, 0);
transform: translate3d(-9999px, -9999px, 0); }
.md-sticky-clone[sticky-state="active"] {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
.md-sticky-clone[sticky-state="active"]:not(.md-sticky-no-effect) .md-subheader-inner {
-webkit-animation: subheaderStickyHoverIn 0.3s ease-out both;
animation: subheaderStickyHoverIn 0.3s ease-out both; }
@-webkit-keyframes subheaderStickyHoverIn {
0% {
box-shadow: 0 0 0 0 transparent; }
100% {
box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } }
@keyframes subheaderStickyHoverIn {
0% {
box-shadow: 0 0 0 0 transparent; }
100% {
box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); } }
@-webkit-keyframes subheaderStickyHoverOut {
0% {
box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); }
100% {
box-shadow: 0 0 0 0 transparent; } }
@keyframes subheaderStickyHoverOut {
0% {
box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.16); }
100% {
box-shadow: 0 0 0 0 transparent; } }
.md-subheader-wrapper:not(.md-sticky-no-effect) {
transition: 0.2s ease-out margin; }
.md-subheader-wrapper:not(.md-sticky-no-effect) .md-subheader {
margin: 0; }
.md-subheader-wrapper:not(.md-sticky-no-effect).md-sticky-clone {
z-index: 2; }
.md-subheader-wrapper:not(.md-sticky-no-effect)[sticky-state="active"] {
margin-top: -2px; }
.md-subheader-wrapper:not(.md-sticky-no-effect):not(.md-sticky-clone)[sticky-prev-state="active"] .md-subheader-inner:after {
-webkit-animation: subheaderStickyHoverOut 0.3s ease-out both;
animation: subheaderStickyHoverOut 0.3s ease-out both; }
.md-subheader {
display: block;
font-size: 14px;
font-weight: 500;
line-height: 1em;
margin: 0 0 0 0;
position: relative; }
.md-subheader .md-subheader-inner {
display: block;
padding: 16px; }
.md-subheader .md-subheader-content {
display: block;
z-index: 1;
position: relative; }
.md-inline-form md-switch {
margin-top: 18px;
margin-bottom: 19px; }
md-switch {
margin: 16px 0;
white-space: nowrap;
cursor: pointer;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 30px;
line-height: 28px;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: inherit;
margin-right: 16px; }
html[dir=rtl] md-switch {
margin-left: 16px;
unicode-bidi: embed; }
body[dir=rtl] md-switch {
margin-left: 16px;
unicode-bidi: embed; }
md-switch bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-switch bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-switch {
margin-right: inherit;
unicode-bidi: embed; }
body[dir=rtl] md-switch {
margin-right: inherit;
unicode-bidi: embed; }
md-switch bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-switch bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-switch:last-of-type {
margin-left: inherit;
margin-right: 0; }
html[dir=rtl] md-switch:last-of-type {
margin-left: 0;
unicode-bidi: embed; }
body[dir=rtl] md-switch:last-of-type {
margin-left: 0;
unicode-bidi: embed; }
md-switch:last-of-type bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-switch:last-of-type bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
html[dir=rtl] md-switch:last-of-type {
margin-right: inherit;
unicode-bidi: embed; }
body[dir=rtl] md-switch:last-of-type {
margin-right: inherit;
unicode-bidi: embed; }
md-switch:last-of-type bdo[dir=rtl] {
direction: rtl;
unicode-bidi: bidi-override; }
md-switch:last-of-type bdo[dir=ltr] {
direction: ltr;
unicode-bidi: bidi-override; }
md-switch[disabled] {
cursor: default; }
md-switch[disabled] .md-container {
cursor: default; }
md-switch .md-container {
cursor: -webkit-grab;
cursor: grab;
width: 36px;
height: 24px;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-right: 8px;
float: left; }
md-switch:not([disabled]) .md-dragging,
md-switch:not([disabled]).md-dragging .md-container {
cursor: -webkit-grabbing;
cursor: grabbing; }
md-switch.md-focused:not([disabled]) .md-thumb:before {
left: -8px;
top: -8px;
right: -8px;
bottom: -8px; }
md-switch.md-focused:not([disabled]):not(.md-checked) .md-thumb:before {
background-color: rgba(0, 0, 0, 0.12); }
md-switch .md-label {
border-color: transparent;
border-width: 0;
float: left; }
md-switch .md-bar {
left: 1px;
width: 34px;
top: 5px;
height: 14px;
border-radius: 8px;
position: absolute; }
md-switch .md-thumb-container {
top: 2px;
left: 0;
width: 16px;
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 1; }
md-switch.md-checked .md-thumb-container {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0); }
md-switch .md-thumb {
position: absolute;
margin: 0;
left: 0;
top: 0;
outline: none;
height: 20px;
width: 20px;
border-radius: 50%;
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
md-switch .md-thumb:before {
background-color: transparent;
border-radius: 50%;
content: '';
position: absolute;
display: block;
height: auto;
left: 0;
top: 0;
right: 0;
bottom: 0;
transition: all 0.5s;
width: auto; }
md-switch .md-thumb .md-ripple-container {
position: absolute;
display: block;
width: auto;
height: auto;
left: -20px;
top: -20px;
right: -20px;
bottom: -20px; }
md-switch:not(.md-dragging) .md-bar,
md-switch:not(.md-dragging) .md-thumb-container,
md-switch:not(.md-dragging) .md-thumb {
transition: all 0.08s linear;
transition-property: -webkit-transform, background-color;
transition-property: transform, background-color; }
md-switch:not(.md-dragging) .md-bar,
md-switch:not(.md-dragging) .md-thumb {
transition-delay: 0.05s; }
@media screen and (-ms-high-contrast: active) {
md-switch.md-default-theme .md-bar {
background-color: #666; }
md-switch.md-default-theme.md-checked .md-bar {
background-color: #9E9E9E; }
md-switch.md-default-theme .md-thumb {
background-color: #fff; } }
@-webkit-keyframes md-tab-content-hide {
0% {
opacity: 1; }
50% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes md-tab-content-hide {
0% {
opacity: 1; }
50% {
opacity: 1; }
100% {
opacity: 0; } }
md-tab-data {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
opacity: 0; }
md-tabs {
display: block;
margin: 0;
border-radius: 2px;
overflow: hidden;
position: relative;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0; }
md-tabs:not(.md-no-tab-content):not(.md-dynamic-height) {
min-height: 248px; }
md-tabs[md-align-tabs="bottom"] {
padding-bottom: 48px; }
md-tabs[md-align-tabs="bottom"] md-tabs-wrapper {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 48px;
z-index: 2; }
md-tabs[md-align-tabs="bottom"] md-tabs-content-wrapper {
top: 0;
bottom: 48px; }
md-tabs.md-dynamic-height md-tabs-content-wrapper {
min-height: 0;
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
overflow: visible; }
md-tabs.md-dynamic-height md-tab-content.md-active {
position: relative; }
md-tabs[md-border-bottom] md-tabs-wrapper {
border-width: 0 0 1px;
border-style: solid; }
md-tabs[md-border-bottom]:not(.md-dynamic-height) md-tabs-content-wrapper {
top: 49px; }
md-tabs-wrapper {
display: block;
position: relative; }
md-tabs-wrapper md-prev-button, md-tabs-wrapper md-next-button {
height: 100%;
width: 32px;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1em;
z-index: 2;
cursor: pointer;
font-size: 16px;
background: transparent no-repeat center center;
transition: all 0.5s cubic-bezier(0.35, 0, 0.25, 1); }
md-tabs-wrapper md-prev-button:focus, md-tabs-wrapper md-next-button:focus {
outline: none; }
md-tabs-wrapper md-prev-button.md-disabled, md-tabs-wrapper md-next-button.md-disabled {
opacity: 0.25;
cursor: default; }
md-tabs-wrapper md-prev-button.ng-leave, md-tabs-wrapper md-next-button.ng-leave {
transition: none; }
md-tabs-wrapper md-prev-button md-icon, md-tabs-wrapper md-next-button md-icon {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0); }
md-tabs-wrapper md-prev-button {
left: 0;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMjA4IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTUuNCw3LjQgMTQsNiA4LDEyIDE0LDE4IDE1LjQsMTYuNiAxMC44LDEyIAkJIiBzdHlsZT0iZmlsbDp3aGl0ZTsiLz4gPHJlY3QgZmlsbD0ibm9uZSIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ii8+IDwvZz4gPC9nPiA8ZyBpZD0iR3JpZCIgZGlzcGxheT0ibm9uZSI+IDxnIGRpc3BsYXk9ImlubGluZSI+IDwvZz4gPC9nPiA8L3N2Zz4NCg=="); }
md-tabs-wrapper md-next-button {
right: 0;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE3LjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPiA8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPiA8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMjQgMjQiIHhtbDpzcGFjZT0icHJlc2VydmUiPiA8ZyBpZD0iSGVhZGVyIj4gPGc+IDxyZWN0IHg9Ii02MTgiIHk9Ii0xMzM2IiBmaWxsPSJub25lIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIi8+IDwvZz4gPC9nPiA8ZyBpZD0iTGFiZWwiPiA8L2c+IDxnIGlkPSJJY29uIj4gPGc+IDxwb2x5Z29uIHBvaW50cz0iMTAsNiA4LjYsNy40IDEzLjIsMTIgOC42LDE2LjYgMTAsMTggMTYsMTIgCQkiIHN0eWxlPSJmaWxsOndoaXRlOyIvPiA8cmVjdCBmaWxsPSJub25lIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz4gPC9nPiA8L2c+IDxnIGlkPSJHcmlkIiBkaXNwbGF5PSJub25lIj4gPGcgZGlzcGxheT0iaW5saW5lIj4gPC9nPiA8L2c+IDwvc3ZnPg0K"); }
md-tabs-wrapper md-next-button md-icon {
-webkit-transform: translate3d(-50%, -50%, 0) rotate(180deg);
transform: translate3d(-50%, -50%, 0) rotate(180deg); }
md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row; }
md-tabs-wrapper.md-stretch-tabs md-pagination-wrapper md-tab-item {
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1; }
md-tabs-canvas {
position: relative;
overflow: hidden;
display: block;
height: 48px; }
md-tabs-canvas:after {
content: '';
display: table;
clear: both; }
md-tabs-canvas .md-dummy-wrapper {
position: absolute;
top: 0;
left: 0; }
md-tabs-canvas.md-paginated {
margin: 0 32px; }
md-tabs-canvas.md-center-tabs {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
text-align: center; }
md-tabs-canvas.md-center-tabs .md-tab {
float: none;
display: inline-block; }
md-pagination-wrapper {
height: 48px;
display: block;
transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
position: absolute;
width: 999999px;
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
md-pagination-wrapper:after {
content: '';
display: table;
clear: both; }
md-pagination-wrapper.md-center-tabs {
position: relative;
width: initial;
margin: 0 auto; }
md-tabs-content-wrapper {
display: block;
position: absolute;
top: 48px;
left: 0;
right: 0;
bottom: 0;
overflow: hidden; }
md-tab-content {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: -webkit-transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
transition: transform 0.5s cubic-bezier(0.35, 0, 0.25, 1);
overflow: auto; }
md-tab-content.md-no-scroll {
bottom: auto;
overflow: hidden; }
md-tab-content.ng-leave, md-tab-content.md-no-transition {
transition: none; }
md-tab-content.md-left:not(.md-active) {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-animation: 1s md-tab-content-hide;
animation: 1s md-tab-content-hide;
opacity: 0; }
md-tab-content.md-left:not(.md-active) * {
transition: visibility 0s linear;
transition-delay: 0.5s;
visibility: hidden; }
md-tab-content.md-right:not(.md-active) {
-webkit-transform: translateX(100%);
transform: translateX(100%);
-webkit-animation: 1s md-tab-content-hide;
animation: 1s md-tab-content-hide;
opacity: 0; }
md-tab-content.md-right:not(.md-active) * {
transition: visibility 0s linear;
transition-delay: 0.5s;
visibility: hidden; }
md-tab-content > div.ng-leave {
-webkit-animation: 1s md-tab-content-hide;
animation: 1s md-tab-content-hide; }
md-ink-bar {
position: absolute;
left: auto;
right: auto;
bottom: 0;
height: 2px; }
md-ink-bar.md-left {
transition: left 0.125s cubic-bezier(0.35, 0, 0.25, 1), right 0.25s cubic-bezier(0.35, 0, 0.25, 1); }
md-ink-bar.md-right {
transition: left 0.25s cubic-bezier(0.35, 0, 0.25, 1), right 0.125s cubic-bezier(0.35, 0, 0.25, 1); }
md-tab {
position: absolute;
z-index: -1;
left: -9999px; }
.md-tab {
font-size: 14px;
text-align: center;
line-height: 24px;
padding: 12px 24px;
transition: background-color 0.35s cubic-bezier(0.35, 0, 0.25, 1);
cursor: pointer;
white-space: nowrap;
position: relative;
text-transform: uppercase;
float: left;
font-weight: 500;
box-sizing: border-box;
overflow: hidden;
text-overflow: ellipsis; }
.md-tab.md-focused {
box-shadow: none;
outline: none; }
.md-tab.md-active {
cursor: default; }
.md-tab.md-disabled {
pointer-events: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
opacity: 0.5;
cursor: default; }
.md-tab.ng-leave {
transition: none; }
md-toolbar + md-tabs {
border-top-left-radius: 0;
border-top-right-radius: 0; }
md-toast {
position: absolute;
z-index: 105;
box-sizing: border-box;
cursor: default;
overflow: hidden;
padding: 8px;
opacity: 1;
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
/* Transition differently when swiping */
/*
* When the toast doesn't take up the whole screen,
* make it rotate when the user swipes it away
*/ }
md-toast .md-toast-content {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 0;
max-height: 168px;
max-width: 100%;
min-height: 48px;
padding-left: 24px;
padding-right: 24px;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
border-radius: 2px;
font-size: 14px;
overflow: hidden;
-webkit-transform: translate3d(0, 0, 0) rotateZ(0deg);
transform: translate3d(0, 0, 0) rotateZ(0deg);
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
md-toast.md-capsule {
border-radius: 24px; }
md-toast.md-capsule .md-toast-content {
border-radius: 24px; }
md-toast.ng-leave-active .md-toast-content {
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
md-toast.md-swipeleft .md-toast-content, md-toast.md-swiperight .md-toast-content, md-toast.md-swipeup .md-toast-content, md-toast.md-swipedown .md-toast-content {
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
md-toast.ng-enter {
opacity: 0; }
md-toast.ng-enter .md-toast-content {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
md-toast.ng-enter.md-top .md-toast-content {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
md-toast.ng-enter.ng-enter-active {
opacity: 1; }
md-toast.ng-enter.ng-enter-active .md-toast-content {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0); }
md-toast.ng-leave.ng-leave-active .md-toast-content {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0); }
md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0); }
md-toast.ng-leave.ng-leave-active.md-top .md-toast-content {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0); }
md-toast .md-action {
line-height: 19px;
margin-left: 24px;
margin-right: 0;
cursor: pointer;
text-transform: uppercase;
float: right; }
md-toast .md-action.md-button {
min-width: 0; }
@media (max-width: 959px) {
md-toast {
left: 0;
right: 0;
width: 100%;
max-width: 100%;
min-width: 0;
border-radius: 0;
bottom: 0; }
md-toast.ng-leave.ng-leave-active.md-swipeup .md-toast-content {
-webkit-transform: translate3d(0, -50%, 0);
transform: translate3d(0, -50%, 0); }
md-toast.ng-leave.ng-leave-active.md-swipedown .md-toast-content {
-webkit-transform: translate3d(0, 50%, 0);
transform: translate3d(0, 50%, 0); } }
@media (min-width: 960px) {
md-toast {
min-width: 304px;
/*
* When the toast doesn't take up the whole screen,
* make it rotate when the user swipes it away
*/ }
md-toast.md-bottom {
bottom: 0; }
md-toast.md-left {
left: 0; }
md-toast.md-right {
right: 0; }
md-toast.md-top {
top: 0; }
md-toast.ng-leave.ng-leave-active.md-swipeleft .md-toast-content {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0); }
md-toast.ng-leave.ng-leave-active.md-swiperight .md-toast-content {
-webkit-transform: translate3d(50%, 0, 0);
transform: translate3d(50%, 0, 0); } }
@media (min-width: 1920px) {
md-toast .md-toast-content {
max-width: 568px; } }
@media screen and (-ms-high-contrast: active) {
md-toast {
border: 1px solid #fff; } }
.md-toast-animating {
overflow: hidden !important; }
md-toolbar {
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
z-index: 2;
font-size: 20px;
min-height: 64px;
width: 100%; }
md-toolbar.md-whiteframe-z1-add, md-toolbar.md-whiteframe-z1-remove {
transition: box-shadow 0.5s linear; }
md-toolbar md-toolbar-filler {
width: 72px; }
md-toolbar *,
md-toolbar *:before,
md-toolbar *:after {
box-sizing: border-box; }
md-toolbar.md-tall {
height: 128px;
min-height: 128px;
max-height: 128px; }
md-toolbar.md-medium-tall {
height: 88px;
min-height: 88px;
max-height: 88px; }
md-toolbar.md-medium-tall .md-toolbar-tools {
height: 48px;
min-height: 48px;
max-height: 48px; }
md-toolbar > .md-indent {
margin-left: 64px; }
md-toolbar ~ md-content > md-list {
padding: 0; }
md-toolbar ~ md-content > md-list md-list-item:last-child md-divider {
display: none; }
.md-toolbar-tools {
font-size: 20px;
letter-spacing: 0.005em;
box-sizing: border-box;
font-weight: 400;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
width: 100%;
height: 64px;
max-height: 64px;
padding: 0 16px;
margin: 0; }
.md-toolbar-tools h1, .md-toolbar-tools h2, .md-toolbar-tools h3 {
font-size: inherit;
font-weight: inherit;
margin: inherit; }
.md-toolbar-tools a {
color: inherit;
text-decoration: none; }
.md-toolbar-tools .fill-height {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center; }
.md-toolbar-tools .md-button {
margin-top: 0;
margin-bottom: 0; }
.md-toolbar-tools > .md-button:first-child {
margin-left: -8px; }
.md-toolbar-tools > .md-button:last-child {
margin-right: -8px; }
.md-toolbar-tools > md-menu:last-child {
margin-right: -8px; }
.md-toolbar-tools > md-menu:last-child > .md-button {
margin-right: 0; }
@media screen and (-ms-high-contrast: active) {
.md-toolbar-tools {
border-bottom: 1px solid #fff; } }
@media only screen and (min-width: 0) and (max-width: 959px) and (orientation: portrait) {
md-toolbar {
min-height: 56px; }
.md-toolbar-tools {
height: 56px;
max-height: 56px; } }
@media only screen and (min-width: 0) and (max-width: 959px) and (orientation: landscape) {
md-toolbar {
min-height: 48px; }
.md-toolbar-tools {
height: 48px;
max-height: 48px; } }
md-tooltip {
position: absolute;
z-index: 100;
overflow: hidden;
pointer-events: none;
border-radius: 4px;
font-weight: 500;
font-size: 14px; }
@media screen and (min-width: 960px) {
md-tooltip {
font-size: 10px; } }
md-tooltip .md-content {
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
-webkit-transform-origin: center top;
transform-origin: center top;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
height: 32px;
line-height: 32px;
padding-left: 16px;
padding-right: 16px; }
@media screen and (min-width: 960px) {
md-tooltip .md-content {
height: 22px;
line-height: 22px;
padding-left: 8px;
padding-right: 8px; } }
md-tooltip .md-content.md-show-add {
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-duration: .2s;
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
md-tooltip .md-content.md-show, md-tooltip .md-content.md-show-add-active {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
-webkit-transform-origin: center top;
transform-origin: center top; }
md-tooltip .md-content.md-show-remove {
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
transition-duration: .2s; }
md-tooltip .md-content.md-show-remove.md-show-remove-active {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
md-tooltip.md-hide {
transition: all 0.3s cubic-bezier(0.55, 0, 0.55, 0.2); }
md-tooltip.md-show {
transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
pointer-events: auto;
will-change: opacity, height, width; }
.md-virtual-repeat-container {
box-sizing: border-box;
display: block;
margin: 0;
overflow: hidden;
padding: 0;
position: relative; }
.md-virtual-repeat-container .md-virtual-repeat-scroller {
bottom: 0;
box-sizing: border-box;
left: 0;
margin: 0;
overflow-x: hidden;
padding: 0;
position: absolute;
right: 0;
top: 0; }
.md-virtual-repeat-container .md-virtual-repeat-sizer {
box-sizing: border-box;
height: 1px;
display: block;
margin: 0;
padding: 0;
width: 1px; }
.md-virtual-repeat-container .md-virtual-repeat-offsetter {
box-sizing: border-box;
left: 0;
margin: 0;
padding: 0;
position: absolute;
right: 0;
top: 0; }
.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-scroller {
overflow-x: auto;
overflow-y: hidden; }
.md-virtual-repeat-container.md-orient-horizontal .md-virtual-repeat-offsetter {
bottom: 16px;
right: auto;
white-space: nowrap; }
.md-whiteframe-1dp, .md-whiteframe-z1 {
box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }
.md-whiteframe-2dp {
box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12); }
.md-whiteframe-3dp {
box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12); }
.md-whiteframe-4dp, .md-whiteframe-z2 {
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12); }
.md-whiteframe-5dp {
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12); }
.md-whiteframe-6dp {
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12); }
.md-whiteframe-7dp, .md-whiteframe-z3 {
box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12); }
.md-whiteframe-8dp {
box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }
.md-whiteframe-9dp {
box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12); }
.md-whiteframe-10dp, .md-whiteframe-z4 {
box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12); }
.md-whiteframe-11dp {
box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12); }
.md-whiteframe-12dp {
box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }
.md-whiteframe-13dp, .md-whiteframe-z5 {
box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12); }
.md-whiteframe-14dp {
box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12); }
.md-whiteframe-15dp {
box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12); }
.md-whiteframe-16dp {
box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12); }
.md-whiteframe-17dp {
box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12); }
.md-whiteframe-18dp {
box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12); }
.md-whiteframe-19dp {
box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12); }
.md-whiteframe-20dp {
box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12); }
.md-whiteframe-21dp {
box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12); }
.md-whiteframe-22dp {
box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12); }
.md-whiteframe-23dp {
box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12); }
.md-whiteframe-24dp {
box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }
@media screen and (-ms-high-contrast: active) {
md-whiteframe {
border: 1px solid #fff; } }
img-crop{width:100%;height:100%;display:block;position:relative;overflow:hidden}img-crop canvas{display:block;position:absolute;top:50%;left:50%;outline:0;-webkit-tap-highlight-color:transparent}
.colorpicker-visible,.colorpicker-visible .dropdown-menu{display:block!important}colorpicker-saturation{display:block;width:100px;height:100px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKT2lDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVNnVFPpFj333vRCS4iAlEtvUhUIIFJCi4AUkSYqIQkQSoghodkVUcERRUUEG8igiAOOjoCMFVEsDIoK2AfkIaKOg6OIisr74Xuja9a89+bN/rXXPues852zzwfACAyWSDNRNYAMqUIeEeCDx8TG4eQuQIEKJHAAEAizZCFz/SMBAPh+PDwrIsAHvgABeNMLCADATZvAMByH/w/qQplcAYCEAcB0kThLCIAUAEB6jkKmAEBGAYCdmCZTAKAEAGDLY2LjAFAtAGAnf+bTAICd+Jl7AQBblCEVAaCRACATZYhEAGg7AKzPVopFAFgwABRmS8Q5ANgtADBJV2ZIALC3AMDOEAuyAAgMADBRiIUpAAR7AGDIIyN4AISZABRG8lc88SuuEOcqAAB4mbI8uSQ5RYFbCC1xB1dXLh4ozkkXKxQ2YQJhmkAuwnmZGTKBNA/g88wAAKCRFRHgg/P9eM4Ors7ONo62Dl8t6r8G/yJiYuP+5c+rcEAAAOF0ftH+LC+zGoA7BoBt/qIl7gRoXgugdfeLZrIPQLUAoOnaV/Nw+H48PEWhkLnZ2eXk5NhKxEJbYcpXff5nwl/AV/1s+X48/Pf14L7iJIEyXYFHBPjgwsz0TKUcz5IJhGLc5o9H/LcL//wd0yLESWK5WCoU41EScY5EmozzMqUiiUKSKcUl0v9k4t8s+wM+3zUAsGo+AXuRLahdYwP2SycQWHTA4vcAAPK7b8HUKAgDgGiD4c93/+8//UegJQCAZkmScQAAXkQkLlTKsz/HCAAARKCBKrBBG/TBGCzABhzBBdzBC/xgNoRCJMTCQhBCCmSAHHJgKayCQiiGzbAdKmAv1EAdNMBRaIaTcA4uwlW4Dj1wD/phCJ7BKLyBCQRByAgTYSHaiAFiilgjjggXmYX4IcFIBBKLJCDJiBRRIkuRNUgxUopUIFVIHfI9cgI5h1xGupE7yAAygvyGvEcxlIGyUT3UDLVDuag3GoRGogvQZHQxmo8WoJvQcrQaPYw2oefQq2gP2o8+Q8cwwOgYBzPEbDAuxsNCsTgsCZNjy7EirAyrxhqwVqwDu4n1Y8+xdwQSgUXACTYEd0IgYR5BSFhMWE7YSKggHCQ0EdoJNwkDhFHCJyKTqEu0JroR+cQYYjIxh1hILCPWEo8TLxB7iEPENyQSiUMyJ7mQAkmxpFTSEtJG0m5SI+ksqZs0SBojk8naZGuyBzmULCAryIXkneTD5DPkG+Qh8lsKnWJAcaT4U+IoUspqShnlEOU05QZlmDJBVaOaUt2ooVQRNY9aQq2htlKvUYeoEzR1mjnNgxZJS6WtopXTGmgXaPdpr+h0uhHdlR5Ol9BX0svpR+iX6AP0dwwNhhWDx4hnKBmbGAcYZxl3GK+YTKYZ04sZx1QwNzHrmOeZD5lvVVgqtip8FZHKCpVKlSaVGyovVKmqpqreqgtV81XLVI+pXlN9rkZVM1PjqQnUlqtVqp1Q61MbU2epO6iHqmeob1Q/pH5Z/YkGWcNMw09DpFGgsV/jvMYgC2MZs3gsIWsNq4Z1gTXEJrHN2Xx2KruY/R27iz2qqaE5QzNKM1ezUvOUZj8H45hx+Jx0TgnnKKeX836K3hTvKeIpG6Y0TLkxZVxrqpaXllirSKtRq0frvTau7aedpr1Fu1n7gQ5Bx0onXCdHZ4/OBZ3nU9lT3acKpxZNPTr1ri6qa6UbobtEd79up+6Ynr5egJ5Mb6feeb3n+hx9L/1U/W36p/VHDFgGswwkBtsMzhg8xTVxbzwdL8fb8VFDXcNAQ6VhlWGX4YSRudE8o9VGjUYPjGnGXOMk423GbcajJgYmISZLTepN7ppSTbmmKaY7TDtMx83MzaLN1pk1mz0x1zLnm+eb15vft2BaeFostqi2uGVJsuRaplnutrxuhVo5WaVYVVpds0atna0l1rutu6cRp7lOk06rntZnw7Dxtsm2qbcZsOXYBtuutm22fWFnYhdnt8Wuw+6TvZN9un2N/T0HDYfZDqsdWh1+c7RyFDpWOt6azpzuP33F9JbpL2dYzxDP2DPjthPLKcRpnVOb00dnF2e5c4PziIuJS4LLLpc+Lpsbxt3IveRKdPVxXeF60vWdm7Obwu2o26/uNu5p7ofcn8w0nymeWTNz0MPIQ+BR5dE/C5+VMGvfrH5PQ0+BZ7XnIy9jL5FXrdewt6V3qvdh7xc+9j5yn+M+4zw33jLeWV/MN8C3yLfLT8Nvnl+F30N/I/9k/3r/0QCngCUBZwOJgUGBWwL7+Hp8Ib+OPzrbZfay2e1BjKC5QRVBj4KtguXBrSFoyOyQrSH355jOkc5pDoVQfujW0Adh5mGLw34MJ4WHhVeGP45wiFga0TGXNXfR3ENz30T6RJZE3ptnMU85ry1KNSo+qi5qPNo3ujS6P8YuZlnM1VidWElsSxw5LiquNm5svt/87fOH4p3iC+N7F5gvyF1weaHOwvSFpxapLhIsOpZATIhOOJTwQRAqqBaMJfITdyWOCnnCHcJnIi/RNtGI2ENcKh5O8kgqTXqS7JG8NXkkxTOlLOW5hCepkLxMDUzdmzqeFpp2IG0yPTq9MYOSkZBxQqohTZO2Z+pn5mZ2y6xlhbL+xW6Lty8elQfJa7OQrAVZLQq2QqboVFoo1yoHsmdlV2a/zYnKOZarnivN7cyzytuQN5zvn//tEsIS4ZK2pYZLVy0dWOa9rGo5sjxxedsK4xUFK4ZWBqw8uIq2Km3VT6vtV5eufr0mek1rgV7ByoLBtQFr6wtVCuWFfevc1+1dT1gvWd+1YfqGnRs+FYmKrhTbF5cVf9go3HjlG4dvyr+Z3JS0qavEuWTPZtJm6ebeLZ5bDpaql+aXDm4N2dq0Dd9WtO319kXbL5fNKNu7g7ZDuaO/PLi8ZafJzs07P1SkVPRU+lQ27tLdtWHX+G7R7ht7vPY07NXbW7z3/T7JvttVAVVN1WbVZftJ+7P3P66Jqun4lvttXa1ObXHtxwPSA/0HIw6217nU1R3SPVRSj9Yr60cOxx++/p3vdy0NNg1VjZzG4iNwRHnk6fcJ3/ceDTradox7rOEH0x92HWcdL2pCmvKaRptTmvtbYlu6T8w+0dbq3nr8R9sfD5w0PFl5SvNUyWna6YLTk2fyz4ydlZ19fi753GDborZ752PO32oPb++6EHTh0kX/i+c7vDvOXPK4dPKy2+UTV7hXmq86X23qdOo8/pPTT8e7nLuarrlca7nuer21e2b36RueN87d9L158Rb/1tWeOT3dvfN6b/fF9/XfFt1+cif9zsu72Xcn7q28T7xf9EDtQdlD3YfVP1v+3Njv3H9qwHeg89HcR/cGhYPP/pH1jw9DBY+Zj8uGDYbrnjg+OTniP3L96fynQ89kzyaeF/6i/suuFxYvfvjV69fO0ZjRoZfyl5O/bXyl/erA6xmv28bCxh6+yXgzMV70VvvtwXfcdx3vo98PT+R8IH8o/2j5sfVT0Kf7kxmTk/8EA5jz/GMzLdsAAAAgY0hSTQAAeiUAAICDAAD5/wAAgOkAAHUwAADqYAAAOpgAABdvkl/FRgAAFJhJREFUeAGMU+/q4kAMzFYf4LgP96a+q4c+gSIqxf/r5maWDoTgz15gmM0kW5uMLa21v2b2G6jAG2iEzqUU6q5c/OlMuHtL/ULNd5TP6EJ1RP7NuXvKE397jmbg7MrzHI748T1UA3eopyGQV2qK1+vVHo/Hm1itVm0J7Q+afwGMmgeRphf7Noh6lCeuHJAvm/X8rAQNlw2VScoj6863OQjl2ZB3qkeu5Lh0RJ3qynuNjJA21FppQAHa8/l83263No5jOxwOttlsbL1e2xIXXpMZzzRsXoTw34bQgLiQbKh6M9SXDBSypn4XGOSkGUO1cJdn1Yh4/qYVgctmGSwXyARNcOSFRuBMHvA1GMzwy+Vix+PRdrvdYrvd2vl87oZYDCxBL9B/jEyopghzlNjL0DlB+gAoPNXyOfa3oA9puXonyVHzdH+g9MEISa5z0qUNkwkm6MJkxALg8mlMAxvNwBfhYLvf7w50vl6vBV9H2e/3BjYateQDY8gM5bmWovygdyEb87k/G5Zz9c/2zfEQFysO5nDJ6mMel91Z//pwFpygIWIaMXE3AoYssPBCI/B12DiONMT5VZxOJ0f+j/MyWo5chYGowfn/j03lNXBpl85Up8d46u6DChBMvKv2UePrrAsChtdLTi73oEBjFDYpmIp/KSgRhRw357sXuHLknRgI8d90F8QL761oI8iQeJqvUOGnAoEkgNblF13iiJASZCwhLkG+v7/Halvt5+enr7x+02lZOwKymJ7jMAXK32RxaXnNxfXzCOkCxTO2I3NiR0i9gAjQLLoVHkKG8pCi0UT4Q0h5xUFIlBJEYmg+1yg6TrUq+YfEWKK0lWsSS8+DkNvCWtvJXu0UbDyH/NYjoDHFybPd/cPeficiW5LvkVdBNY4UoIqOQMwPBXm9vUYIVCj3GkXCCo1tRS//uMhYoVG3q46HaBQtamESTs/+0o92hOTaBbqjBwpu8reCuzAP4rkXpQBzQwbhZxD7jNYEAS4CI2Rg4hLitPUor2hGh6j4hQ5FfWt8LQF+SwyJIpGUV05nu56VHqJhR8ybb+Q+/dnPYZYSigIICvY3xfYxCckz/qazprjDiFJ+5DWVwscaMpSDgkleI2uutaKk5kPFNTqO8pBDlBQZEqKvoJXp7+lxzx7Cuoqp2M7zlrm5JbH/9oZ/GLdzBGf9FNmmvPi+h2FXnm8L5WhdCMJNyr1D6yvKP1rFQYgSjWpteE0JMraEME8ykpzo/0/+wcg5yGHMooegQYIRyXU1i52tCSfn9oSQFH+Fe4jypxs3RHA+xNCcNUZ+BXRg7iu0lhgDAesisSfE6UA0iudz9sNHKChek5eBX9a+FwKkKQ+Nd6JljkLX6B4x2L8hhHOsVdhR4iHEEe1LeWJCSI2tCo9AU3OIKHGgbupv6NvyRciGgMzPPLP5LmhPdKTx8qgSWIXxVkZx8QJihmCvPP8nE6IRXniKT9GThhKF0QkZal3KQYcLgn+s8YwWJiNnLVL4mOz1b+4piM8/+YYb8xNlLoASXqC7c9DCOokhl4RAKgSkCNM9wklBOPL4BIJoblQggsb8Km9W/IlIJkKrPN4xEETPwtS3hczrp8//pxmzpoUIBfeSO8r8/OE59wgTIsnIb4yBj7Cft6pYI8Sbh5TBD749IANSlKPgJQQmrr0uUfjbCnlV/V9OCfLpDc9b0nw4x3bznAbWFAyfUeBLEIhA3uaCKifFyUBg8pg+Ro8nOCVOintKoy0xj5bFvhNCQMAfoUqgc8UwMRot8dWy/qPcDHQk5XkgOPD97//Gl/xC2kKlkhl2V4pMQmAON+22E+4XgIzMKYMSmp7S0ymTcpYEYM6eVjKlJV25HgYguZ6lD1hR4S4byoxRwMUQjm87MYVxrW19nCqbgTD4kSEde7FlxcF4tKDCPu41lBUKa7tjgGuHJuPCwpBPdcONuVTiMEMgbPpugJE0+GIRusL+yD9qGhrP05ClFHfOuppZeV4ZkgyJdJc3dkxh0+8YDBpbsyuxrXYzV4VfmJLFwxdAEq7azIj9Yw9AuUCjEL3I7pD1xgo0BPv5Y2U9MCBvegpGxq9/vK7BftOQssP3ueL+HfJwLkAqVLlgPH9CF7phgMoKj/X8EjiNCtGQHzFU9mM7gsR8W/5wkuZ9ZUKBcYuWdE3qU2YYqLIllfo5aog2m2haKnlsvP30YUHO+3f9Yu2GrNpW2rYV8id2bM/9KxBPc/QgZQT9AlotQRtgSls1pIDADvo+3hL0bXBU0yxqG4Fx2ZshdXSBaEjZYtIdh/uxQDOrpMV/Biatjj8nzRgq8p0Ud6w9fAwwe+9mSJPWUMWzPG+A21ZWG45nhoQp1RdaBZ1WYDteUQ4gffvH1jomTHlkxk9GTDi5AS0YAODxMoRjMiqsjq/MyqvFFJX9buv6+18Y8mwDyFRH7Dj+T1rBtYivRV1v9mHtiKhfD10QrRFdsxor9Z4bgChAtF22fLsv1sfsGL4B0grazi9DygpagZ0A2s2WBMBmLn0de15D11KG5WSAvh20rB92fEIVwk0jdV2qPdyWr4mYuw75NMua7FFtmZxbkN7qi4DSFgaqQjc75GwDwbgBMkMMAPfD6cR1wpl1o7GftDhMMSPaFmm05+Tv/HWW9aQXbMfiBAZ4cNLdnz6hyAyj7ki9oQYYqdYd4h405JRwXs4DhLKozKhzG65449eQ4i5nX2LKXYjCVDcWF58Y0uJvj2EpY2VN79NzjHlVF8E1M2JZxOzW62rIEhhlywoAMMhrS8dFBJhgMJx5aRxg/fv9rSW9WN7LeQxZPn4bo6ExYgppsWNkQIt2pOAU8DAK8Oh/yK7ECM8pCAboJDTRFNsJQ3ZkBdtFXgV+A5qAEasl4sk2WxjOzn9PY6sZ1ZxJD/p9FMwoc1pjLNhEbLd2eX2Kpv6Y+aSCn8OUxhqyGBOwS9fxUiwDPIXfZw2JeNs+hS2/2R6r2Lfv+S/ivt3PG7eHh3S/52EDDD0j5h9rStliJiQLc5/fW9wP0PNcfB77nmVpX6Js2WaOQwb9OrXLJ9UMz7UmuJaAQj7fjxi6V97wIGftsqVMwcGZN2ZTL30fr7IYkL4xpG/9Y9bV677pUYXfrHk5tzuvoS1aRPX9ScV+3+Mn1FU7YMR6GT8LEP38xs2OyzVZRjIz9mWrIV2lTYo6LLk3BKXGKCM47jycKCb4zb4GzBi0g3Ec0a9OsBVQQsp+YwTjo+Mr9C/MQluIJmIkYYvvzpL2RhuiKT1uttTrK+q74p8siUsR64/nlS3XedcfZgY6kfUsv/FOUZfOlwGTfjyPCxjrRDbCvMLr4vCc9kN26pBR7H8KuW0wHZrkYCzj2+z5WbPCoZM2rISeEwop48KRZdhiPtmYLXNSyZs91YAeH06dow/Vpg3o+W9a/hbgPI5jTnvdx5YxZUbrCY1V7De22qProHXrDL/9B8dlHIuM3QQqUxL7d/pLyyqrzKlV6/2O/F/GBXP6ochjYdiKvQ4saA1ddlTvY/bEkY9Wa1iLkEN2JVavOhxHRlvqMF/XAnEVOJgXy3fAhCgY0N8bC0Nnpl8Lw/bt2LnCnsENO6o5r7bMcn2hONzQswSK2WVbphBy2kcjGqqWNRJQfU6ALwFgHTlo41pWWaE+O4V2zuhYZ1jYinTnvVmcC0Oclck+MgTH1jZU9Ty/VWaUIS42JwFPpkiWyDiZafZDygiJTseTIrc/g5v1qYQ6kgVnT48A+bztNN774MD2U8kDphjxaP18nyGzZBGUh7Y9L1uGvIp6Mq3EePVl7Xxf2/pE9gWI2KTFX2J3xx8Z0jWvnv+VhaG6tr8vkccerdTfdvhaXzTlLUM8t6HNIa9a4DfuDYgCWEaUCQ5jBcz2YI43lgqsrRi21F+pRThPhW5NvqLDK0Nw5E7RV7DKjDreX69/ZVY14wGQ8+HN733OxHGci9MKTBlkMNCSMqJA/udFzgg5IWqXKW9pbwvDu9VxFIjREGtHAS1w7rs4bcXtpIEV1t7H9QdgfmPIGrTmKDAW+gmIFHxNaRl3iCKEvYcsjuPAgTEzQ5zO2SHY3q+FX98oqti8casANPRxL19nx34JWZ9XQJ4r+uOLpmwxZxGyZF8Bcb9lf+dUR0zZgjwCigMKmGltbXG/SzZmUzQlxzMzGCdcmVUDEH3OijXp7k5StNVSh7xnV6Nju98+MaTMaMjK+b7xCy2gD1vk+G54eVxM6PEzM2TLqjJk3IdR/4iG7RSF+y1klQk4jqGvb/h4n6TBQwHZ77GYE0alLzZOTOl1+ShiFvUyBYRJIvSC1PFPfYemMoW+EpWXtaznArCLitWSnX6BKnPOLkTWIT/3vB3SEFemqF+m0Bh7ZIoY13m7IfmhfyxNzsu90j/f65Bn5hSoMSHIvPE+nptWAKesbWRY6xJax/NG30AnvS4AAPkVEOuDmHBk3KJ+dsewIt41+3t8+kqRB85Sy82QAmZmpGrfGnfqejZrKlP8Rv+GIZ0nnWi/Ys74kWzs6Ly7INTfYvA4CshcGL6wpSJ8I1/GtLCs9ji0lQG+vgzBOkmInRh2a0Y1If0DYPmr5vTPwIv9hCWPXyBcjUGL+n+PhWEdL9Rhi390Wv2lxeHRjGZbYR0Os7DWgb0f15VVzPd5XVcgClAZ41se8uE/3efT7Eq7oQXk7xpSB3NcrfAYzGmFLUAL1MwYtabPjBeYXhcAAGolA3vSjJkZ88Zdx6+/pzrEaf35x9XeODgANYTlPox167cOfmJMAbnv4+1QGNA6pAwpg8qInhdAPa4GFTjrKQi5XSAsjrsf0qWSb3sjm+M4vQz5fNEaA1TGTMxo9vVu2wIATgWozlfavegXZJ7h/+3dYY7cOA7F8VQnu/e/5u4dtnqRwThD/KA/ywU0Jl9GQGCZkl0yHx9JSW4nGPRxKXuA8RzG/BygfJchBtujW5Ipzso9R5HGA998fC7MCMX2kYyrC+mrwd9z7+n5ZIMM9bODV8kYUjuEoeTPAyPemVxq0feB+cJ/xJYuKj3qFoL3r0khi4uHLEvLJwitTGlA4pz734whA7A+ElO05MEer2vLt9hPRgoQcVQmBUM6oNf7VxPlOXudyl7AYEI3Yk0z4TOYxXyEVDliCvOZp+NH8cmAEXNmevVk1p7fpr89MZyKP1l9xZIXzPmIdPmkkLlrqEL8bpbu8XUBJOTT+psdPAvPMV1LAnOlvgkIfyPoPsjxMxquUV2ncX/do65KmSvOriY70XSF2OecL0A7Yf08eYKMJeiHuFq7hE+A2V3WUGgE7sEKGHFjTuNKwAfp8HPGLRUA4N+GAv8QaOkqr91Yl9E+ActMDb059ktX92PIolQB+Hx9Ta9voeB8y/4A9mmCqjyzMvY5PhjHMchf7REHZNH15xSTIfafLss/R2hABEKmtPK5VwPszNms7xOwLB8VM5RrqZbprier+Ei/cncBZYzxQkCaIdv+uUvr9Mm3ViKmPIwBk0GAL7N0mRFjWh6z/+d0oRrAVGTMMSZwMwP9dOvW6077IcWUufB3cjnXUspxM2l+YvZwf2PHtFI+vEm/YMbhvGIJ/SI7Q4kyJGJVsk9mjIniD7Os27GEPjLiaLE323Nyimu85GXtMhM3kvs3F8BPsr+NISPNpR0WhKuaxvkSkIeu5PpW1rWqSrvnMqn+nvE4TxkymeA5zOnzcZnn34whtD281rb511sX+5mTPGVmrWWZP1vPd31Xix+gvMGcEwO9RycRvdFm7DH1TMB1VbqnQ1enDMYUWfNwtRelN1Nc32KVuIBA3qlxj6GMpZlhPYB4VIzyt4JhFyN+nXs/FH8vy5p7HlMZIjwyiGNGtCluDOrElNXKG+gEeAcw5j4HVygTbBf4qfTt/V7rP+YX5a7B+S1FFxFBvSeMs06/zfVk3f0Zf98gbJJge9WV6bKW9hP7vG8EeHcMUYxKOLkvY4D+WoDGMQO9TAt31oC2mysDAqhwaWBmf5iTACADEPZDZMJunYJG8NU9IburyOhztPgyjOt4igUE+3xW2SCYm7IFPQJ6z9SvclKKD6tchS0uyz4F/gocYDcjPLaRnTBIVzaex+Mp/pxiyXMAknvq5bZOR/vLBhX0oH8r/v6xx6d27x8FAgU3a2RixRCSooshjxUQPyV+zGooKD+PBUSwLmVfAWa09bOgZ9zQAwZMr/AcR1n10mWlHzaoNrv6WAogdazY9iXHUalOt+8FsJ8nt49rHYAMlxWAzBRYBWbATdkAVIujr22vLNd4Z+Z253pdh8quMQuMCp4NHUcA5PjWieDAjqByANJ1gRV0AcQ0yfioe6Rpldm2M6d/WuVHW7isUJ5lUV4yQ5mgC2y4SYGq/t5vjU8b4xmDynxo/TIi6iX7fgRk/ueQbrSMPY+rbrawAlfgFLA1nylSAHRbbjDj/n36ehk8ZBPome5eRZfV8w/lo+hK7Huso1TqgDkskvoat+L/X3QsGoDM2tHouKDcJmPWeT9kobMvXc+dwrkOhtJeK/Nm/XEXaCx01ssAWtc99rUOAJ6Uu/srhrQyWgn2g4K6GOvZL5TBwwSA742/x7ijZF3F7tfNUi7Lh5grvwbisoxwYReZamaf9VC8cWhVsAuV4Y5oYyaNcdAuoPa1TcPQZX3v/y16+N55kyFTGQIxNLcDpwIvFKe7cU7keHd2VMxrhR+Y+WXnx+xsrPbm4Mf+eTMn1mYGaFrjptDj/ZmkmjaXVWv19slxkTXJynCvnIdL8zdZOnn83A9ZFSTAB4VsSpGmyipunCjuGN9liwzZs8ddwQVEyzeyuGPYD7APuOS6o7aO9xWo/P3fbrnF8e5y2+7Lnamvyg8GKNeKog2m2NaW+SjwLCQhlr5/M6DamjnNlAbJLKtBaQZU226Ru2KbCe+Ph6Tk3THb/v5zaRQ7yz4M6usa1HywJU50n+7bgb4Z0sC2XIa8P56+JvvuWHTaa6kgbLn7ELvV9bU76A0+hpTKuh3PoryDwKvrflwx5F/1IMaK9wrK+h3ltf/+bb8d5d8/XdZ//txS/N9hxfdvGNg/ZQT1//4fih7V/hdi/qwAAAAASUVORK5CYII=);cursor:crosshair;float:left}colorpicker-saturation i{display:block;height:7px;width:7px;border:1px solid #000;border-radius:5px;position:absolute;top:0;left:0;margin:-4px 0 0 -4px}colorpicker-saturation i::after{content:'';display:block;height:7px;width:7px;border:1px solid #fff;border-radius:5px}colorpicker-alpha,colorpicker-hue{width:15px;height:100px;float:left;cursor:row-resize;margin-left:4px;margin-bottom:4px}colorpicker-alpha i,colorpicker-hue i{display:block;height:2px;background:#000;border-top:1px solid #fff;position:absolute;top:0;left:0;width:100%;margin-top:-1px}.colorpicker,colorpicker-alpha{display:none}colorpicker-hue{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEUA/z8AuP//JAAA/33/3AAA/1ABAv8A/7r/AH7/jgD2AP8A//j/AEHmAP/XAP/HAP+4AP//ALyoAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8ATv//AG7/cAD/vgD/APoAmv//ADH/AKwB/wMA5//4Eg4AL///AOr/UQD/nwAA/27/7AAA/+kAe/8Ayf8A/5sA/zEA/6z/ABEAEP8A/17/MgAA/9n/ACL/gAD/AJ0AXP8Aqv//AMoA/yHqFBb/zAD/AGD/ANsA9//1/wDk/wDV/wDF/wC3/wD/AI2m/wD/FACY/wCI/wB5/wBp/wD/YgBb/wBK/wA8/wAs/wAd/wAN/wAAPv8A/xH/AFAAi///rQAA/8r/+gAA1///QwAAH/8Abf8A/43c/JNGAAAAiUlEQVR4AQXBg2EDAAAAsMy2bds2ttp2+/8PTby79mDLsKJPq/oFPdk24dWXAxsGjRg1ZtykKdNmzJozb8GiJct63WjYl7fiWdOZkk0vOpyr2fVtyKl7FX2uXGjpcuxWDy69KdiRk5WRlpIUFxMVERLw78+vH1Unun1YV3ZkwKM1CYfq7nQK22sD03ITV2Aqp0IAAAAASUVORK5CYII=)}.colorpicker-color,colorpicker-alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAMAAACIElGlAAADAFBMVEUAAADT09PT09P////T09P////e3t7q6urT09Px8fHT09P////////T09PT09P////////T09PT09P////////////T09PT09P////////////T09P////T09PT09PT09P////T09PT09P////////////////T09P////T09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09P////T09P////////////T09PT09P////T09P////////////////////T09P////////T09PT09P////////////////////////T09PT09P////////////////////////T09PT09P////T09PT09P////////T09P////////////T09P////////T09P////T09P////T09P////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09P////T09P////T09PT09P////////////T09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////////////////T09PT09P////////////T09P////////T09P////T09PT09PT09P////////T09P////////T09P////T09PT09P////////////////T09PT09PT09PT09P////T09PT09PT09PT09PT09PT09PT09P////T09P////T09PT09PT09PT09PT09P////////////////////////////////////T09P////T09P////T09P////T09PT09P////////////T09P////T09P////T09P////////////T09PT09P////////////////T09PT09P////T09P////T09PT09P////T09P////T09PT09P////T09PT09PT09PT09P////T09PT09P////////////T09PT09P////T09P////////T09MQsm1FAAABAHRSTlMAgJN8/vcDAfcCnJyGaZmZlomGk4yJOmM/eTxs8wY0YDFC7HNdLx18n5/7aUvzCcW9+qKiK8P0ZiltRwfdw/n8Px3WduJjItj78ss5PDHUNELbwP5wplA2FglEVwvkqNarCs4Z7b2sDLgQ0xNdyLrr0eLLUeW1Vs5TWQLwjPI3ZvQGdvxFyFrAeevaLCLvGd0kpRskGyf4qK605xKvFrGyDRHnBYMEkJaDkIBvB/gpH99O6CrbIC4nH3Lg2SXp4A7Qul/GDEgPSlMQ6LjqFU0SjyCCj5V/gnBN7xglL3O70WBU7gjFFEfft0sPTo1ndRipwXr2yRemWRVENq+ytbGuxGaWGQAAAnpJREFUeNpNxmdcDHAAxvEHOWXvmXX23ntv2XvvMg/Z44x0KaRBSnfcKSqlnYZKp1QqGpT20KZh783/eePj+3vzw3/q/AM9iURPTy6XS+RwcXNzcZMQTE1dTE3bE7y9S0u9xxD600rCGtpI2ErOsbGxzoiMrIqscnaOi4vDdnp4XYSrguwxQSb7KpMllycnl2MFaTSaTxrY5NrY5BoKb2BnZ2doZ29vb2OPSdSd4Bcc7OcXGhqamgqrYCsrq+mEiEtC3gUBDg55Dg53IkQYSYG+gb6+GEqB5wV0o5D8/JAQdKK5hA40n3BS+L6c0JJmE+ZQW8JEak1YQJ0Jq+jbaQEPnotGE+IrK+Pj+xKqU6pTUrIDAgKysZ+WEY5QQkJxcQIO0WrCUbL4YmFhgZ3UlVAUHR1d1JEwjVoRRpDJKxMTE/ShBoRR1I6whLyyvLyyUFAQFhbWhTCFFArFawXOCu/bEHpQLYKnZ0aGZw2CR1qah0dmpqurK+pTU0ILakJoTi+PC7j5RHTrqQg1qRkh3T3d3b0xoSE1ItSleoSe1IswmIYQPl8UlhLWkaOj41tHbKENBLX6j1qt/KFUKnFN+Onk9NvJCQdJpfqlUqGiIjExcRthN91/JsJmGkhYRO/OCBhHwwgxMWUxZQMIu8j8o7m5OfbRLMJh2kTYQ1FRhYVR2EHzCOtpMmEG3SUsJEvLoKAg2Prb2tqOJYSH+/uH33shwlTaS1hLBwhX6AYX2tuiRwStVntOa5yUZJwEqbREKjUi5Bjl5BhZW1uXWOMYGRBOnNDX1zfoxz1FwwkfSJfgo6vr41P7soBBNJ7Qm2YSzHTMzMwmEHRoMf0Fm5mYOUrzNBYAAAAASUVORK5CYII=)}.colorpicker{top:0;left:0;z-index:9999}.colorpicker colorpicker-alpha,.colorpicker colorpicker-hue,.colorpicker colorpicker-saturation{position:relative}.colorpicker input{width:100px;font-size:11px;color:#000;background-color:#fff}.colorpicker.alpha{min-width:140px}.colorpicker.alpha colorpicker-alpha{display:block}.colorpicker.dropdown{position:absolute}.colorpicker.colorpicker-fixed-position{position:fixed}.colorpicker .dropdown-menu::after,.colorpicker .dropdown-menu::before{content:'';display:inline-block;position:absolute}.colorpicker .dropdown-menu::after{clear:both;border:6px solid transparent;top:-5px;left:7px}.colorpicker .dropdown-menu::before{border:7px solid transparent;top:-6px;left:6px}.colorpicker .dropdown-menu{position:static;top:0;left:0;min-width:129px;padding:4px;margin-top:0}.colorpicker-position-top .dropdown-menu::after{border-top:6px solid #fff;border-bottom:0;top:auto;bottom:-5px}.colorpicker-position-top .dropdown-menu::before{border-top:7px solid rgba(0,0,0,.2);border-bottom:0;top:auto;bottom:-6px}.colorpicker-position-right .dropdown-menu::after{border-right:6px solid #fff;border-left:0;top:11px;left:-5px}.colorpicker-position-right .dropdown-menu::before{border-right:7px solid rgba(0,0,0,.2);border-left:0;top:10px;left:-6px}.colorpicker-position-bottom .dropdown-menu::after{border-bottom:6px solid #fff;border-top:0}.colorpicker-position-bottom .dropdown-menu::before{border-bottom:7px solid rgba(0,0,0,.2);border-top:0}.colorpicker-position-left .dropdown-menu::after{border-left:6px solid #fff;border-right:0;top:11px;left:auto;right:-5px}.colorpicker-position-left .dropdown-menu::before{border-left:7px solid rgba(0,0,0,.2);border-right:0;top:10px;left:auto;right:-6px}colorpicker-preview{display:block;height:10px;margin:5px 0 3px;clear:both;background-position:0 100%}
.dropdown-words {
position: relative;
display: inline-block;
margin-bottom: 7px;
}
.dropdown-words-options {
/*top: 345px;
position: relative;*/
}
.highlight {
background-color: lightgray;
}
.dropdown-words-content-options {
border: 1px solid lightgrey;
/*display: none;*/
display: block;
margin-top: 37px;
/*position: absolute;*/
position: relative;
background-color: #f9f9f9;
width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
/*z-index: 1;*/
white-space: nowrap;
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
/*max-height: 90px;*/
max-height: 814px;
overflow-y: scroll;
}
.dropdown-words-content {
display: none;
position: absolute;
background-color: #f9f9f9;
width: 225px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
white-space: nowrap;
text-overflow: ellipsis;
word-wrap: break-word;
/*overflow: hidden;*/
}
.dropdown-words-content a {
color: black;
padding: 3px 7px;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
}
.dropdown-words-content-options a {
display: inline-block;
max-width: 140px;
cursor: pointer;
margin: 3px;
white-space: nowrap;
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
}
.worditems {
position: relative;
/*display: inline-block;*/
display:flex; /**/
justify-content: space-between; /**/
margin-top: 2px; /**/
white-space: nowrap;
text-overflow: ellipsis;
word-wrap: break-word;
overflow: hidden;
}
.worditems .worditemtext {
visibility: hidden;
width: 30px;
background-color: darkgray;
/*color: #fff;*/
text-align: center;
border-radius: 6px;
padding: 0px;
padding-top: 3px;
z-index: 1;
}
.wordOptions {
display:block;
justify-content:space-between;
padding:3px;
border-radius:3px;
}
.wordOptions:hover {
background-color: lightgray;
}
.worditems:hover .worditemtext {
visibility: visible;
}
|