kanboard_ynh/sources/assets/css/app.css

/* DO NOT EDIT: auto-generated file */
/*! jQuery UI - v1.11.3 - 2015-02-14
* http://jqueryui.com
* Includes: core.css, draggable.css, selectable.css, sortable.css, autocomplete.css, datepicker.css, menu.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 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:before,.ui-helper-clearfix:after{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-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.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-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-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-prev span,.ui-datepicker .ui-datepicker-next 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:45%}.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:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 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 .6em;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:0;m

.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}.chosen-container.chosen-with-drop .chosen-drop{left:0}.chosen-container a{cursor:pointer}.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:23px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}.chosen-container-single .chosen-default{color:#999}.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(../img/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(../img/chosen-sprite.png) no-repeat 0 2px}.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}.chosen-container-single .chosen-search input[type=text]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(../img/chosen-sprite.png) no-repeat 100% -20px;background:url(../img/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}.chosen-container .chosen-results{position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;-webkit-touch-callout:none}.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}.chosen-container .chosen-results li.no-results{display:list-item;background:#f4f4f4}.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}.chosen-cont
 * FullCalendar v2.2.6 Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */.fc{direction:ltr;text-align:left}.fc-rtl{text-align:right}body .fc{font-size:1em}.fc-unthemed .fc-popover,.fc-unthemed .fc-row,.fc-unthemed hr,.fc-unthemed tbody,.fc-unthemed td,.fc-unthemed th,.fc-unthemed thead{border-color:#ddd}.fc-unthemed .fc-popover{background-color:#fff}.fc-unthemed .fc-popover .fc-header,.fc-unthemed hr{background:#eee}.fc-unthemed .fc-popover .fc-header .fc-close{color:#666}.fc-unthemed .fc-today{background:#fcf8e3}.fc-highlight{background:#bce8f1;opacity:.3;filter:alpha(opacity=30)}.fc-bgevent{background:#8fdf82;opacity:.3;filter:alpha(opacity=30)}.fc-nonbusiness{background:#ccc}.fc-icon{display:inline-block;font-size:2em;line-height:.5em;height:.5em;font-family:"Courier New",Courier,monospace}.fc-icon-left-single-arrow:after{content:"\02039";font-weight:700}.fc-icon-right-single-arrow:after{content:"\0203A";font-weight:700}.fc-icon-left-double-arrow:after{content:"\000AB"}.fc-icon-right-double-arrow:after{content:"\000BB"}.fc-icon-x:after{content:"\000D7"}.fc button{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;height:2.1em;padding:0 .6em;font-size:1em;white-space:nowrap;cursor:pointer}.fc button::-moz-focus-inner{margin:0;padding:0}.fc-state-default{border:1px solid}.fc-state-default.fc-corner-left{border-top-left-radius:4px;border-bottom-left-radius:4px}.fc-state-default.fc-corner-right{border-top-right-radius:4px;border-bottom-right-radius:4px}.fc button .fc-icon{position:relative;top:.05em;margin:0 .1em}.fc-state-default{background-color:#f5f5f5;background-image:-moz-linear-gradient(top,#fff,#e6e6e6);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);background-image:-o-linear-gradient(top,#fff,#e6e6e6);background-image:linear-gradient(to bottom,#fff,#e6e6e6);background-repeat:repeat-x;border-color:#e6e6e6 #e6e6e6 #bfbfbf;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);color:#333;text-shadow:0 1px 1px rgba(255,255,255,.75);box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)}.fc-state-active,.fc-state-disabled,.fc-state-down,.fc-state-hover{color:#333;background-color:#e6e6e6}.fc-state-hover{color:#333;text-decoration:none;background-position:0 -15px;-webkit-transition:background-position .1s linear;-moz-transition:background-position .1s linear;-o-transition:background-position .1s linear;transition:background-position .1s linear}.fc-state-active,.fc-state-down{background-color:#ccc;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}.fc-state-disabled{cursor:default;background-image:none;opacity:.65;filter:alpha(opacity=65);box-shadow:none}.fc-button-group{display:inline-block}.fc .fc-button-group>*{float:left;margin:0 0 0 -1px}.fc .fc-button-group>:first-child{margin-left:0}.fc-popover{position:absolute;box-shadow:0 2px 6px rgba(0,0,0,.15)}.fc-popover .fc-header{padding:2px 4px}.fc-popover .fc-header .fc-title{margin:0 2px}.fc-popover .fc-header .fc-close{cursor:pointer}.fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close{float:left}.fc-ltr .fc-popover .fc-header .fc-close,.fc-rtl .fc-popover .fc-header .fc-title{float:right}.fc-unthemed .fc-popover{border-width:1px;border-style:solid}.fc-unthemed .fc-popover .fc-header .fc-close{font-size:25px;margin-top:4px}.fc-popover>.ui-widget-header+.ui-widget-content{border-top:0}.fc hr{height:0;margin:0;padding:0 0 2px;border-style:solid;border-width:1px 0}.fc-clear{clear:both}.fc-bg,.fc-bgevent-skeleton,.fc-helper-skeleton,.fc-highlight-skeleton{position:absolute;top:0;left:0;right:0}.fc-bg{bottom:0}.fc-bg table{height:100%}.fc table{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;font-size:1em}.fc th{text-align:center}.fc td,.fc th{border-style:solid;border-width:1px;padding:0;vertical-align:top}.fc td.fc-today{border-style:double}.fc .fc-row{border-style:solid;border-width:0}.fc-row table{border-left:0 hidden transparent;border-right:0 hidden transparent;border-bottom:0 hidden transparent}.fc-r
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.3.0');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transform:translate(0, 0)}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-ro
li,
ul,
ol,
table,
tr,
td,
th,
p,
blockquote,
body {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

body {
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 20px;
    color: #333;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
}

ul.no-bullet li {
    list-style-type: none;
    margin-left: 0;
}

.pull-right {
    text-align: right;
}

hr {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
/* links */
a {
    color: #3366CC;
    border: none;
}

a:focus {
    outline: 0;
    color: #DF5353;
    text-decoration: none;
    border: 1px dotted #aaa;
}

a:hover {
    color: #333;
    text-decoration: none;
}/* titles */
h1, h2, h3 {
    font-weight: normal;
    color: #333;
}

h2 {
    font-size: 1.3em;
    margin-bottom: 10px;
}

h3 {
    margin-top: 10px;
    font-size: 1.2em;
}/* tables */
table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px;
    font-size: 0.95em;
}

th,
td {
    border: 1px solid #eee;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 3px;
    padding-right: 3px;
}

td {
    vertical-align: top;
}

th {
    background: #fbfbfb;
    text-align: left;
}

td li {
    margin-left: 20px;
}

.table-small {
    font-size: 0.8em;
}

th a {
    text-decoration: none;
    color: #333;
}

th a:focus,
th a:hover {
    text-decoration: underline;
}

.table-fixed {
    table-layout: fixed;
    white-space: nowrap;
}

.table-fixed th {
    overflow: hidden;
}

.table-fixed td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.column-5 {
    width: 5%;
}

.column-8 {
    width: 7.5%;
}

.column-10 {
    width: 10%;
}

.column-15 {
    width: 15%;
}

.column-20 {
    width: 20%;
}

.column-30 {
    width: 30%;
}

.column-35 {
    width: 35%;
}

.column-40 {
    width: 40%;
}

.column-50 {
    width: 50%;
}

.column-60 {
    width: 60%;
}

.column-70 {
    width: 70%;
}/* forms */
form {
    margin-bottom: 20px;
}

label {
    cursor: pointer;
    display: block;
    margin-top: 10px;
}

input[type="number"],
input[type="date"],
input[type="email"],
input[type="password"],
input[type="text"] {
    color: #888;
    border: 1px solid #ccc;
    width: 300px;
    max-width: 95%;
    font-size: 1.0em;
    height: 25px;
    padding-bottom: 0;
    font-family: sans-serif;
    margin-top: 10px;
    -webkit-appearance: none;
    appearance: none;
}

input[type="number"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="text"]:focus,
textarea:focus {
    color: #000;
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    box-shadow: 0 0 8px rgba(82, 168, 236, 0.6);
}

input.form-numeric,
input[type="number"] {
    width: 70px;
}

textarea {
    border: 1px solid #ccc;
    width: 400px;
    max-width: 99%;
    height: 200px;
    font-size: 1.0em;
    font-family: sans-serif;
}

select {
    max-width: 95%;
}

::-webkit-input-placeholder {
    color: #ddd;
    padding-top: 2px;
}

::-ms-input-placeholder {
    color: #ddd;
    padding-top: 2px;
}

::-moz-placeholder {
    color: #ddd;
    padding-top: 2px;
}

.form-actions {
    margin-top: 20px;
    clear: both;
}

input.form-error,
textarea.form-error {
    border: 2px solid #b94a48;
}

input.form-error:focus,
textarea.form-error:focus {
    box-shadow: none;
    border: 2px solid #b94a48;
}

.form-required {
    color: red;
    padding-left: 5px;
    font-weight: bold;
}

.form-errors {
    color: #b94a48;
    list-style-type: none;
}

ul.form-errors li {
    margin-left: 0;
}

.form-help {
    font-size: 0.8em;
    color: brown;
    margin-bottom: 15px;
}

.form-inline {
    padding: 0;
    margin: 0;
    border: none;
}

.form-inline label {
    display: inline;
}

.form-inline input,
.form-inline select {
    margin: 0;
    margin-right: 15px;
}

.form-inline .form-required {
    display: none;
}

.form-inline-group {
    display: inline;
}

input.form-date {
    width: 150px;
}

input.form-input-large {
    width: 400px;
}

.form-row {
    margin-top: 10px;
    margin-bottom: 20px;
}

.form-column {
    float: left;
    padding-right: 50px;
}

.form-column:first-child {
    padding-left: 0;
}

.form-column ul {
    margin-top: 15px;
}

.form-login {
    width: 350px;
    margin: 0 auto;
    margin-top: 8%;
}

.form-column li,
.form-login li {
    margin-left: 25px;
    line-height: 25px;
}

.form-checkbox-group label {
    display: inline;
}

/* preview tabs */
label + .form-tabs {
    margin-top: 10px;
}

.form-tabs {
    width: 100%;
    max-width: 800px;
}

.form-tabs-nav {
    margin-bottom: 8px;
}

.form-tabs-nav li {
    margin-left: 0;
    display: inline;
}

.form-tab {
    margin-right: 20px;
}

.form-tab a {
    color: #ccc;
    font-weight: bold;
    text-decoration: none;
}

.form-tab a:focus,
.form-tab a:hover {
    color: #000;
}

.form-tab-selected a {
    color: #333;
}

.preview-area {
    border: 1px dashed #000;
    padding-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 5px;
    display: none;
    overflow: auto;
}
/* buttons */
.btn {
    -webkit-appearance: none;
    appearance: none;
    display: inline-block;
    color: #333;
    border: 1px solid #ccc;
    background: #efefef;
    padding: 5px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 0.9em;
    cursor: pointer;
    border-radius: 2px;
}

a.btn {
    text-decoration: none;
    font-weight: bold;
}

.btn-small {
    padding: 2px;
    padding-left: 5px;
    padding-right: 5px;
}

.btn-red {
    border-color: #b0281a;;
    background: #d14836;
    color: #fff;
}

a.btn-red:hover,
.btn-red:hover,
.btn-red:focus {
    color: #fff;
    background: #c53727;
}

a.btn-blue,
.btn-blue {
    border-color: #3079ed;
    background: #4d90fe;
    color: #fff;
}

a.btn-blue:hover,
.btn-blue:hover,
a.btn-blue:focus,
.btn-blue:focus {
    border-color: #2f5bb7;
    background: #357ae8;
}

.btn-blue:disabled {
    color: #ccc;
    border: 1px solid #ccc;
    background: #f7f7f7;
}
/* alerts */
.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    color: #c09853;
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    border-radius: 4px;
}

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;
}

.alert-normal {
    color: #333;
    background-color: #f0f0f0;
    border-color: #ddd;
}

.alert ul {
    margin-top: 10px;
    margin-bottom: 10px;
}

.alert li {
    margin-left: 25px;
}

/* fade out animation */
.alert-fade-out {
    animation: fadeOut 1s forwards;
    -webkit-animation: fadeOut 1s forwards;
    animation-delay: 7s;
    -webkit-animation-delay: 7s;
    cursor: pointer;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        margin: 0;
        padding: 0;
        height: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        margin: 0;
        padding: 0;
        height: 0;
    }
}

#main .alert,
.page .alert {
    margin-top: 10px;
}
/* tooltip */
.tooltip-arrow:after {
    background: #fff;
    border: 1px solid #aaaaaa;
    box-shadow: 0 0 5px #aaa;
}

div.ui-tooltip {
    min-width: 200px;
    max-width: 600px;
    font-size: 0.95em;
}

.tooltip-arrow {
    width: 20px;
    height: 10px;
    overflow: hidden;
    position: absolute;
}

.tooltip-arrow.top {
    top: -10px;
}

.tooltip-arrow.bottom {
    bottom: -10px;
}

.tooltip-arrow.align-left {
    left: 10px;
}

.tooltip-arrow.align-right {
    right: 10px;
}

.tooltip-arrow:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tooltip-arrow.bottom:after {
    top: -10px;
}

.tooltip-arrow.top:after {
    bottom: -10px;
}

.tooltip-arrow.align-left:after {
    left: 0px;
}

.tooltip-arrow.align-right:after {
    right: 0px;
}

.tooltip-large {
    width: 550px;
}

.tooltip-tasklinks li {
    list-style-type: none;
}

.column-tooltip {
	color: #999;
	font-size: 0.95em;
}
/* header */
header {
    margin-top: 10px;
    padding-bottom: 15px;
    clear: both;
    border-bottom: 1px solid #dedede;
}

header h1 {
    margin: 0;
    padding: 0;
    float: left;
}

header ul {
    text-align: right;
    font-size: 0.9em;
}

header li {
    display: inline;
    padding-left: 30px;
}

header a {
    color: #777;
    text-decoration: none;
}

nav .active a {
    color: #333;
    font-weight: bold;
}

/* username */
.username a {
    color: #000;
}

.username a:hover {
    color: #DF5353;
    text-decoration: underline;
}

/* logo */
.logo {
    opacity: 0.3;
    color: #d40000;
}

.logo span {
    color: #333;
}

.logo:hover {
    opacity: 0.8;
}

.logo:focus span,
.logo:hover span {
    color: #d40000;
}

/* page header */
.page-header {
    margin-bottom: 25px;
}

.page-header h2 {
    margin: 0;
    padding: 0;
    font-size: 1.4em;
    font-weight: bold;
    border-bottom: 1px dotted #ccc;
}

.page-header h2 a {
    color: #ddd;
}

.page-header h2 a:focus,
.page-header h2 a:hover {
    color: #333;
}

.page-header ul {
    text-align: left;
    margin-top: 5px;
}

.page-header li {
    display: inline;
    padding-right: 10px;
    font-size: 0.9em;
}

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

    .page-header-mobile li {
        display: block;
        margin-bottom: 5px;
    }
}
/* board filters */
.board-filters {
    font-size: 0.95em;
}

/* public board */
.public-board {
    margin-top: 5px;
}

.public-task {
    max-width: 700px;
    margin: 0 auto;
    margin-top: 5px;
}

/* board table */
#board-container {
    overflow-x: scroll;
    padding-bottom: 180px; /* Space to avoid dropdown menu truncated */
}

#board td,
#board th {
    min-width: 240px;
    max-width: 240px;
}

#board th a {
    text-decoration: none;
    color: #3366CC;
    font-size: 150%;
}

#board td {
    vertical-align: top;
}

#board td.task-limit-warning {
    background-color: #DF5353;
}

.board-add-icon {
    float: left;
    padding: 0 5px;
}

.board-add-icon a {
    line-height: 70%;
}

.task-count {
    color: #999;
    font-weight: normal;
}

/* drag and drop */
.draggable-item {
    cursor: pointer;
    user-select: none;
}

.draggable-placeholder {
    border: 2px dashed #000;
    background: #fafafa;
    height: 70px;
    margin-bottom: 10px;
}

/* swimlanes */
#board th a.board-swimlane-toggle {
    font-size: 0.95em;
}
/* task inside the board */
.task-board {
    position: relative;
    margin-bottom: 5px;
    border: 1px solid #000;
    padding: 3px;
    font-size: 0.9em;
    word-wrap: break-word;
}

div.task-board-recent {
    border: 1px solid #666;
}

.task-table a,
.task-board a {
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

.task-table a:focus,
.task-table a:hover,
.task-board a:focus,
.task-board a:hover {
    text-decoration: underline;
}

.task-board-collapsed {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

a.task-board-collapsed-title {
    font-weight: normal;
}

.task-board .dropdown {
    float: left;
    margin-right: 5px;
}

.task-board-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 1.1em;
}

.task-board-title a {
    font-weight: normal;
}

.task-board-user {
    font-size: 0.8em;
}

.task-board-current-user a {
    text-decoration: underline;
}

.task-board-current-user a:focus,
.task-board-current-user a:hover {
    text-decoration: none;
}

a.task-board-nobody {
    font-weight: normal;
    font-style: italic;
    color: #444;
}

.task-board-category-container {
    text-align: right;
    padding-bottom: 2px;
    margin-top: 10px;
}

.task-board-category {
    font-weight: bold;
    font-size: 0.9em;
    color: #000;
    border: 1px solid #555;
    padding: 2px;
    padding-right: 5px;
    padding-left: 5px;
}

.task-board-icons {
    text-align: right;
    margin-top: 8px;
}

.task-board-icons a {
    opacity: 0.5;
}

.task-board-icons span {
    opacity: 0.5;
    margin-left: 2px;
}

.task-board-icons a:hover,
.task-board-icons span:hover {
    opacity: 1.0;
}

.task-board-date {
    font-weight: bold;
    color: #000;
}

span.task-board-date-overdue {
    color: #D90000;
    opacity: 1.0;
}

/* task score */
.task-score {
    font-weight: bold;
    position: absolute;
}

.task-board .task-score {
    font-size: 1.6em;
    left: 2px;
    bottom: 0;
}

.task-show-details .task-score {
    bottom: 5px;
    right: 5px;
    font-size: 2em;
}

/* task age */
.task-board-days {
    position: absolute;
    right: 5px;
    top: 5px;
    opacity: 0.5;
    font-size: 0.8em;
}

.task-board-days:hover {
    opacity: 1.0;
}

.task-days-age {
    border: #666 1px solid;
    padding: 1px 4px 1px 2px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.task-days-incolumn {
    border: #666 1px solid;
    border-left: none;
    margin-left: -5px;
    padding: 1px 2px 1px 4px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

/* task view */
.task-show-details {
    position: relative;
    border-radius: 5px;
    padding-bottom: 10px;
}

.task-show-details h2 {
    font-size: 1.8em;
    margin: 0;
    margin-bottom: 25px;
    padding: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.task-show-details li {
    margin-left: 25px;
    list-style-type: circle;
}

.task-show-section {
    margin-top: 30px;
    margin-bottom: 20px;
}

.task-show-files a {
    font-weight: bold;
    text-decoration: none;
}

.task-show-files li {
    margin-left: 25px;
    list-style-type: square;
    line-height: 25px;
}

.task-show-file-actions {
    font-size: 0.75em;
}

.task-show-file-actions:before {
    content: " [";
}

.task-show-file-actions:after {
    content: "]";
}

.task-show-file-actions a {
    color: #333;
}

.task-show-description {
    border-left: 4px solid #333;
    padding-left: 20px;
}

.description-textarea {
    width: 99%;
    max-width: 99%;
    height: 300px;
}

.task-file-viewer {
    position: relative;
}

.task-file-viewer img {
    max-width: 95%;
    max-height: 85%;
    margin-top: 10px;
}

.task-time-form {
    margin-top: 10px;
    margin-bottom: 25px;
    padding: 3px;
}

.task-link-closed {
    text-decoration: line-through;
}
/* comments */
.comment {
    margin-bottom: 20px;
}

.comment:hover {
    background: #F7F8E0;
}

.comment-inner {
    border-left: 4px solid #333;
    padding-bottom: 10px;
    padding-left: 20px;
    margin-left: 20px;
    margin-right: 10px;
}

.comment-preview {
    border: 2px solid #000;
    border-radius: 3px;
    padding: 10px;
}

.comment-preview .comment-inner {
    border: none;
    padding: 0;
    margin: 0;
}

.comment-title {
    margin-bottom: 8px;
    padding-bottom: 3px;
    border-bottom: 1px dotted #aaa;
}

.ui-tooltip .comment-title {
    font-size: 80%;
}

.ui-tooltip .comment-inner {
    padding-bottom: 0;
}

.comment-actions {
    font-size: 0.8em;
    padding: 0;
    text-align: right;
}

.comment-actions li {
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
    border-right: 1px dotted #000;
}

.comment-actions li:last-child {
    padding-right: 0;
    border: 0;
}

.comment-username {
    font-weight: bold;
}

.comment-textarea {
    height: 200px;
    width: 80%;
    max-width: 800px;
}

#comments .comment-textarea {
    height: 80px;
    width: 500px;
}/* subtasks */
.subtasks-table {
    font-size: 0.85em;
}

.subtasks-table td {
    vertical-align: middle;
}/* markdown content */
.markdown {
    line-height: 1.4em;
    font-size: 1.0em;
}

.markdown h1 {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: underline;
}

.markdown h2 {
    font-size: 1.2em;
    font-weight: bold;
    text-decoration: underline;
}

.markdown h3 {
    font-size: 1.1em;
    text-decoration: underline;
}

.markdown h4 {
    font-size: 1.1em;
    text-decoration: underline;
}

.markdown p {
    margin-bottom: 10px;
}

.markdown ol,
.markdown ul {
    margin-left: 25px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.markdown pre {
    background: #fdfdfd;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    overflow: auto;
    color: #444;
}

.markdown blockquote {
    font-style: italic;
    border-left: 3px solid #ddd;
    padding-left: 10px;
    margin-bottom: 10px;
    margin-left: 20px;
}

.markdown img {
    display: block;
    max-width: 80%;
    margin-top: 10px;
}

/* listing block */
.listing {
    border-radius: 4px;
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    color: #333;
    background-color: #fefefe;
    overflow: auto;
}

.listing li {
    list-style-type: square;
    margin-left: 20px;
    margin-bottom: 3px;
}

.listing ul {
    margin-top: 15px;
    margin-bottom: 15px;
}/* activity */
.activity-event {
    margin-bottom: 20px;
}

.activity-datetime {
    color: #999;
    font-size: 0.85em;
}

.activity-content {
    margin-top: 10px;
    margin-left: 20px;
    padding-left: 20px;
    border-left: 2px solid #666;
}

.activity-title {
    font-weight: bold;
    color: #000;
}

.activity-description {
    font-size: 0.9em;
    color: #aaa;
    padding-top: 5px;
}

.activity-description ul {
    margin-top: 10px;
}

.activity-description li {
    margin-left: 40px;
    list-style-type: circle;
    color: #555;
}

.activity-description .markdown {
    margin-top: 10px;
    color: #555;
}/* dashboard */

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

    #dashboard table {
        font-size: 0.9em;
    }

    .dashboard-left-column {
        width: 58%;
        float: left;
    }

    .dashboard-right-column {
        margin-left: 2%;
        width: 40%;
        float: left;
    }
}

.dashboard-single-column {
    width: 95%;
    margin-left: 0;
    float: none;
}

.dashboard-project-stats span {
    font-size: 0.75em;
    margin-right: 10px;
    color: #999;
}

.dashboard-project-stats strong {
    font-size: 1.2em;
}

.dashboard-table-link {
    font-weight: bold;
    color: #444;
    text-decoration: none;
}

.dashboard-table-link:focus,
.dashboard-table-link:hover {
    color: #999;
}

#dashboard-calendar {
    font-size: 0.85em;
}/* datepicker */
#ui-datepicker-div {
    font-size: 0.8em;
}

/* pagination */
.pagination {
    text-align: center;
}

.pagination-next {
    margin-left: 5px;
}

.pagination-previous {
    margin-right: 5px;
}/* popover */
#popover-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    overflow: auto;
    z-index: 100;
}

#popover-content {
    position: absolute;
    width: 70%;
    margin: 0 0 0 -35%;
    left: 50%;
    top: 5%;
    padding: 15px;
    background: #fff;
    overflow: scroll;
    max-height: 83%;
}
/* confirmation box */
#main .confirm {
    max-width: 700px;
    font-size: 1.1em;
}
/* sidebar */
.sidebar-container {
    margin-top: 10px;
    position: relative;
    clear: both;
}

.sidebar-content {
    margin-left: 23%;
    width: 76%;
    position: absolute;
}

.sidebar {
    width: 20%;
    float: left;
    padding: 10px;
    padding-top: 0;
    border: 1px solid #ddd;
    background: #fdfdfd;
    border-radius: 5px;
}

.sidebar li {
    list-style-type: square;
    margin-left: 30px;
    line-height: 1.8em;
}

@media only screen and (max-width: 1024px) {
    .sidebar {
        width: 25%;
    }

    .sidebar-content {
        margin-left: 30%;
        width: 70%;
    }
}

@media only screen and (max-width: 767px) {
    .sidebar {
        width: 95%;
        float: none;
    }

    .sidebar-content {
        margin: 0;
        margin-top: 20px;
        width: 100%;
    }
}
/* responsive design */
@media only screen and (max-width: 1024px) {

    li.hide-tablet,
    .hide-tablet {
        display: none;
    }

    body {
        font-size: 0.85em;
    }

    .form-tab {
        max-width: 404px;
    }

    .form-inline-group input[type="submit"],
    .form-inline-group label {
        display: block;
    }

    .form-inline-group input[type="submit"] {
        margin-top: 20px;
    }

    td > input[type="text"] {
        max-width: 150px;
    }

    .task-time-form label {
        display: block;
    }

    .task-time-form input[type="submit"] {
        margin-top: 10px;
        display: block;
    }
}

@media only screen and (max-width: 1024px) and (orientation: landscape) {

    header {
        padding-bottom: 4px;
    }

    div.chosen-container {
        font-size: 0.9em;
    }

    input[type="number"],
    input[type="date"],
    input[type="email"],
    input[type="password"],
    input[type="text"] {
        height: 18px;
    }
}

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

    .hide-mobile {
        display: none;
    }
}

.dropdown {
    position: relative;
}

.dropdown li {
    list-style: none;
}

/* submenu */
.dropdown ul {
    display: none;
    position: absolute;
    left: 0;
    z-index: 1000;
    min-width: 230px;
    list-style: none;
    margin: 3px 0 0 1px;
    padding: 6px 0;
    background-color: #fff;
    border: 1px solid #b2b2b2;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
       -moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
            box-shadow: 0px 1px 3px rgba(0,0,0,0.15);
}

.dropdown ul li {
    padding: 0;
    margin: 0;
    font-size: 1.1em;
    display: block;
    line-height: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

.page-header ul.dropdown {
    display: inline;
}

.page-header a.dropdown-menu {
    font-size: 1.1em;
}

.page-header li.dropit-trigger {
    padding: 0;
}

td li.dropit-trigger {
    margin: 0;
}

.task-board .dropit-submenu a {
    font-weight: normal;
    text-decoration: underline;
    font-size: 0.9em;
}

.task-board .dropit-submenu a:hover {
    text-decoration: none;
}