/* File: default.css */


html{width: 100%; height: 100%; margin: 0; padding: 0;}
*{margin: 0; padding: 0; box-sizing: border-box; }
table{border-collapse: collapse; border-spacing: 0;}
fieldset, img{border: 0;}
sup{vertical-align: text-top;}
sub{vertical-align: text-bottom;}
input, textarea, select{font-family: inherit; font-size: inherit; font-weight: inherit; outline: none!important}
a, img{outline: 0;}
a{text-decoration: none;}
label{cursor: pointer;}
li{list-style: none;}
input[type='button'], input[type='submit']{cursor: pointer;}

.block{display: block;}
.inline{display: inline;}
.clear{clear: both; line-height: 0 !important; font-size: 0 !important; height: 0 !important;}
.clearfix::after{content: ""; display: block; clear: both}
.hidden{display: none;}

.editable p{margin: 0 0 12px 0;}
.editable ol, .editable ul{margin: 0 0 12px 10px;}
.editable li{margin: 0 0 7px 0;}
.editable ol li{list-style: decimal; list-style-position: inside;}
.editable ul li{list-style: disc; list-style-position: inside;}
.editable table{margin: 0 0 12px 0;}
.editable table th{padding: 10px 10px; text-align: left;}
.editable table td{padding: 10px 10px; text-align: left;}
.editable h1, .editable h2, .editable h3, .editable h4, .editable h5, .editable h6{margin: 0 0 14px 0;}
.editable h1{font-size: 27px; line-height: 29px;}
.editable h2{font-size: 24px; line-height: 26px;}
.editable h3{font-size: 22px; line-height: 24px;}
.editable h4{font-size: 18px; line-height: 20px;}
.editable h5{font-size: 16px; line-height: 18px;}
.editable h6{font-size: 14px; line-height: 16px;}

@font-face {
    font-family: 'Rubik-Regular';
    src: url('/media/css/../fonts/Rubik-Regular.eot');
    src: url('/media/css/../fonts/Rubik-Regular.eot?#iefix') format('embedded-opentype'),
    url('/media/css/../fonts/Rubik-Regular.woff2') format('woff2'),
    url('/media/css/../fonts/Rubik-Regular.woff') format('woff'),
    url('/media/css/../fonts/Rubik-Regular.ttf') format('truetype'),
    url('/media/css/../fonts/Rubik-Regular.svg#Rubik-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik-Medium';
    src: url('/media/css/../fonts/Rubik-Medium.eot');
    src: url('/media/css/../fonts/Rubik-Medium.eot?#iefix') format('embedded-opentype'),
    url('/media/css/../fonts/Rubik-Medium.woff2') format('woff2'),
    url('/media/css/../fonts/Rubik-Medium.woff') format('woff'),
    url('/media/css/../fonts/Rubik-Medium.ttf') format('truetype'),
    url('/media/css/../fonts/Rubik-Medium.svg#Rubik-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Rubik-Bold';
    src: url('/media/css/../fonts/Rubik-Bold.eot');
    src: url('/media/css/../fonts/Rubik-Bold.eot?#iefix') format('embedded-opentype'),
    url('/media/css/../fonts/Rubik-Bold.woff2') format('woff2'),
    url('/media/css/../fonts/Rubik-Bold.woff') format('woff'),
    url('/media/css/../fonts/Rubik-Bold.ttf') format('truetype'),
    url('/media/css/../fonts/Rubik-Bold.svg#Rubik-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Exo2-Regular';
    src: url('/media/css/../fonts/Exo2-Regular.eot');
    src: url('/media/css/../fonts/Exo2-Regular.eot?#iefix') format('embedded-opentype'),
    url('/media/css/../fonts/Exo2-Regular.woff2') format('woff2'),
    url('/media/css/../fonts/Exo2-Regular.woff') format('woff'),
    url('/media/css/../fonts/Exo2-Regular.ttf') format('truetype'),
    url('/media/css/../fonts/Exo2-Regular.svg#Exo2-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Exo2-Medium';
    src: url('/media/css/../fonts/Exo2-Medium.eot');
    src: url('/media/css/../fonts/Exo2-Medium.eot?#iefix') format('embedded-opentype'),
    url('/media/css/../fonts/Exo2-Medium.woff2') format('woff2'),
    url('/media/css/../fonts/Exo2-Medium.woff') format('woff'),
    url('/media/css/../fonts/Exo2-Medium.ttf') format('truetype'),
    url('/media/css/../fonts/Exo2-Medium.svg#Exo2-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Exo2-Bold';
    src: url('/media/css/../fonts/Exo2-Bold.eot');
    src: url('/media/css/../fonts/Exo2-Bold.eot?#iefix') format('embedded-opentype'),
    url('/media/css/../fonts/Exo2-Bold.woff2') format('woff2'),
    url('/media/css/../fonts/Exo2-Bold.woff') format('woff'),
    url('/media/css/../fonts/Exo2-Bold.ttf') format('truetype'),
    url('/media/css/../fonts/Exo2-Bold.svg#Exo2-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Exo2-SemiBold';
    src: url('/media/css/../fonts/Exo2-SemiBold.eot');
    src: url('/media/css/../fonts/Exo2-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('/media/css/../fonts/Exo2-SemiBold.woff2') format('woff2'),
    url('/media/css/../fonts/Exo2-SemiBold.woff') format('woff'),
    url('/media/css/../fonts/Exo2-SemiBold.ttf') format('truetype'),
    url('/media/css/../fonts/Exo2-SemiBold.svg#Exo2-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

/* End of file */


/* File: style.css */


html{height: 100%;}
body{height: 100%; min-width: 360px; position: relative; font: 16px/1.5 "Rubik-Regular"; background-color: #f6f5f5; 
color: #202420}
body.with-background #container{background: url("/media/css/../images/login-background.jpg") no-repeat bottom center; 
background-size: cover;}
#container{min-height: 100%; position: relative;}
#header{height: 54px; position: relative;  background: #202420; color: #fff;}
#left-side{width: 200px; padding-top: 30px; float: left;}
#content{position: relative; padding: 30px 0 55px 0}
#content.right-side{float: left; width: 1050px;}
#content div.content-wrapper{position: relative;}
#footer{position: absolute; left: 0; bottom: 0; width: 100%; height: 130px; padding: 40px 0; text-align: center;
    background: #202420; color: #fff; background: url("/media/css/../images/footer.jpg") no-repeat; background-size: cover;}
#footer.no-background{background: none;}
#footer.with-background{background: transparent}
#footer.with-background a{color: #ce4b5d; text-decoration: none}
#sticky-footer-wrapper{padding-bottom: 130px}
.wrapper{max-width: 1600px; height: 100%; margin: 0 auto; padding: 0 13px; box-sizing: content-box}
.wrapper-left{max-width: 800px; width: calc(100% - 420px); height: 100%; padding: 0 10px; box-sizing: content-box; 
position: relative}

h1{font: 30px/30px Exo2-Bold; padding-bottom: 20px;}
h1.floated{float: left; margin-right: 20px}
h2{font: 24px/20px Exo2-Bold; padding-bottom: 25px}
h3{font: 16px/16px Rubik-Medium; padding-bottom: 10px}
p{margin-bottom: 10px; line-height: 1.3;}
a{color: #3b75bc;}
.wrapper-left h1, .document-content h1{max-width: 615px; margin-right: 20px; float: left}
.back{display: block; background: url(/media/css/../images/left-arrow-green.svg) no-repeat left center; text-decoration: none;
    background-size: 10px 12px; padding-left: 16px; margin: 5px 23px 8px 0; float: left;}
.wrapper-left > .back{}


.logo {display: inline-block; float: left;  margin: 13px 100px 0 0; text-decoration: none; text-transform: uppercase;
    color: #fff; font: 24px Rubik-Bold;}
.logo img{width: 130px;}
.logo span{color: #f6975d;}
.search-area{float: left; margin-top: 11px; height: 30px}
.search-area input.search-string{height: 30px; width: 250px; padding: 0 12px; border: none; border-radius: 3px 0 0 3px;
    font-size: 15px}
.search-area input.search-button{height: 30px; padding: 3px 12px; margin-left: -4px; background: #808080; border: none;
    border-radius: 0 3px 3px 0; font-size: 15px; color: #fff;}
p.seach-name{}
span.search-found{background: #fce491;}

.header-right{float: right; height: 100%;}
.header-right a{color: #fff; text-decoration: none}
.account-menu{height: 100%;}
.account-menu li{display: block; height: 100%; line-height: 53px; float: left; font-size: 15px; position: relative;}
.account-menu li:not(.user-menu) a{padding: 0 14px 12px 14px; height: 53px; display: inline-block;}
.account-menu li.user-menu a{padding: 0 3px 0; color: #f6975d}
.account-menu li.user-menu{color: #f6975d}
.account-menu li.user-menu div.account-image{background: #ddd;}
.account-menu li.user-menu div.account-image img{}
.account-menu li:not(.user-menu):hover, .account-menu li:not(.user-menu).active{background: #f6f5f5;}
.account-menu li:not(.user-menu):hover a, .account-menu li:not(.user-menu).active a{color: #202420;}
.account-image{width: 30px; height: 30px; float: left; margin: 12px 7px 0 18px; border-radius: 15%; 
overflow: hidden; position: relative;}
.account-image img{display: block; max-width: 100%;}
#menu-button{width: 24px; height: 24px; background: url("/media/css/../images/menu.svg") no-repeat; background-size: contain;
    float: right; margin-top: 15px; cursor: pointer; display: none}
.account-menu li span.new, .bottom-menu a span.new{background: #ce4c5d; color: #fff; display: inline-block; 
padding: 4px 6px 3px 6px; position: absolute; font-size: 13px; height: 20px; top: 3px; right: 3px; line-height: 13px; 
border-radius: 10px; min-width: 20px}

#mobile-menu{padding: 30px 20px; background: #202420; width: 280px;  position: fixed; top: 0;height: 100%;
    z-index: 999999; overflow-x: hidden; overflow-y: auto; left: -280px; right: auto; transition: left 0.5s}
#mobile-menu.showed{left: 0}
#mobile-menu a, #mobile-menu span{padding: 13px 0; text-decoration: none; display: block; color: #fff; font-size: 18px}
#mobile-menu ul li a{display: inline-block; padding-right: 15px; line-height: 18px; border-bottom: none;}
#mobile-menu ul li.active a{color: #f6975d}
#mobile-menu ul ul{display: none; padding: 0 0 0 30px}
#mobile-menu #menu-close{width: 20px; height: 20px; position: absolute; top: 20px; right: 20px;
    background: url("/media/css/../images/cancel-white.svg") no-repeat center center; background-size: contain; cursor: pointer}

.button{display: inline-block; color: #fff; padding: 0 15px; border-radius: 4px; border: none; text-decoration: none;
    font-size: 15px; cursor: pointer; text-align: center}
.button.big{height: 42px; line-height: 42px}
.button.medium{height: 35px; line-height: 35px}
.button.small{height: 25px; line-height: 25px; font-size: 13px}
.button.grey{background-color: #ededed; color: #202420}
.button.green{background-color: #1ec277}
.button.gradient{background-image: -moz-linear-gradient( 0deg, rgb(206,75,93) 0%, rgb(246,151,93) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(206,75,93) 0%, rgb(246,151,93) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(206,75,93) 0%, rgb(246,151,93) 100%);}
.button.no-border{border: none; background: transparent; color: #3b75bc; margin-left: 8px}
.button.create-task{float: right}
.top-buttons{margin-bottom: 30px}
.top-buttons .tab:first-child{border-radius: 4px 0 0 4px}
.top-buttons .tab:nth-child(2){margin-left: -4px; border-radius: 0 4px 4px 0}
.top-buttons .button.active{background-color: #ce4c5d; color: #fff; border-radius: 4px}
.button.mass-action{background: #1ec277 url("/media/css/../images/tick.svg") no-repeat left 10px center; background-size: 15px 15px;
    padding-left: 30px; margin-right: 11px; margin-bottom: 10px; display: block; float: left;}
.button.options{float: right; background:  #1ec277 url("/media/css/../images/table.svg") no-repeat left 10px center; 
background-size: 15px 15px; padding-left: 30px; }
.button.add-comment{background:  #1ec277 url("/media/css/../images/chat.svg") no-repeat left 20px center; 
background-size: 15px 15px; padding: 0 20px 0 50px; margin-bottom: 30px}

div ::-webkit-scrollbar{width: 6px; background: transparent;}
div ::-webkit-scrollbar-thumb{background: #e3e2e2}

.filters-buttons, .filters-buttons>*{display: inline-block; font-size: 15px}
.filters-buttons{margin-bottom: 10px; height: 35px;}
#filters-header{display: inline-block; color: #fff; border-radius: 4px; text-decoration: none; font-size: 15px;
    background: #1ec277 url(/media/css/../images/filter.svg) no-repeat left 10px center; background-size: 15px 15px; height: 35px;
    margin-right: 10px; padding: 7px 14px 6px 30px; cursor: pointer; text-align: center}
#filters-reject{top: 0}
#filters-hide{font-size: 13px;}
.mobile-filters-buttons{margin: 5px 0 15px}
.mobile-filters-buttons > *{display: inline-block}

#filters-form{width: 100%; margin-bottom: 10px; padding: 20px 30px; background: #ededed; display: none;}
#filters-form.active{display: block;}
#filters-form div.section{float: left; width: 22.5%; margin: 0 1.875% 20px 0; position: relative; }
#filters-form div.section:nth-of-type(4n){margin-right: 0}
#filters-form div.filter-name{margin-bottom: 3px;}
#filters-form div.filter-input{width: 100%}
#filters-form div.filter-input input, #filters-form div.filter-input select{height: 28px; width: 100%; padding: 0 10px;
    border-radius: 3px; border: none}
#filter-date_due, .form-date-field{background: #fff url("/media/css/../images/calendar.svg") no-repeat right 10px center; 
background-size: 15px 15px}
#filters-form div.buttons{clear: both}

div.open-filters{margin: 0 15px 12px 0; padding: 21px 0 0 0; float: left;}
div.open-filters span{margin-right: 12px;}
div.open-filters select{padding: 0 10px; border-radius: 3px; border: none; width: 170px; height: 28px}

.m2m-left, .m2m-right, .m2m-up, .m2m-down{width: 30px; height: 30px; display: block;
position: relative; border: none; cursor: pointer; margin: 6px 0; border: none; background-repeat: no-repeat;
background-position: center; background-size: 12px 12px; background-color: #f6f5f5}
.m2m-left{background-image: url("/media/css/../images/left-arrow-green.svg");}
.m2m-right{background-image: url("/media/css/../images/right-arrow-green.svg");}
.m2m-up{background-image: url("/media/css/../images/up-arrow-green.svg");}
.m2m-down{background-image:  url("/media/css/../images/down-arrow-green.svg");}
.field-list{float: right; position: relative}
.field-list .list{display: none; position: absolute; z-index: 1000; right: 0px; top: 35px; width: 445px; border-radius: 5px;
    background: #fff; border: 1px solid #e3e2e2; box-shadow: 0px 5px 9px 0px rgba(32, 36, 32, 0.14); padding: 15px 20px}
.field-list .column{width: calc((100% - 80px)/2); float: left; margin-bottom: 12px}
.field-list .header{margin: 0 0 3px 0;}
.field-list select{width: 160px; height: 140px; padding: 5px 10px; background-image: none; border: 1px solid #ddd;}
.field-list select option{padding: 0 5px}
.field-list .m2m-buttons{height: 110px; float: left; padding: 55px 5px 0 5px;}

div.path{margin-bottom: 15px; padding-top: 6px;}
div.path a, div.path span{font-size: 11px; margin-right: 2px; color: #b2b0b0;}

#content.document-content{width: 70%;}
#content.document-content div.attached-files{margin-bottom: 12px;}

div.item-actions{float: right; position: relative; top: 7px; margin-bottom: 10px}
div.item-actions>*{display: block; margin-bottom: 10px; cursor: pointer}
div.item-actions.horizontal>*{display: inline-block;}
div.item-actions.horizontal>*:first-child{margin-right: 6px}
.task-content .item-actions .create, .document-content .item-actions .create, .edit
{font-size: 13px; text-decoration:none; padding-left: 22px; color: #4e7fc0;
background: url("/media/css/../images/pencil-edit-blue.svg") no-repeat left center; background-size: 16px 18px}
.delete{font-size: 13px; text-decoration:none; padding-left: 22px; color: #4e7fc0; cursor: pointer;
background: url("/media/css/../images/paper-bucket-blue.svg") no-repeat left center; background-size: 16px 18px}
.delete.off{opacity: 0.3; cursor: default !important;}

ul.projects-list{}
ul.projects-list li{margin: 0 0 7px 0;}
ul.projects-list li a{text-decoration: none; font-size: 14px;}
ul.projects-list li a:hover{text-decoration: underline;}

table.tasks-table{width: 100%;}
table a{text-decoration: none}
table tr{border-bottom: 1px solid #e3e2e2}
table.tasks-table th{padding: 10.5px 10px; background: #fff; text-align: left; font-size: 15px;}
table.tasks-table th a{padding-right: 18px}
table.tasks-table th a{text-decoration: none;}
table.tasks-table th a.active-asc{background: url(/media/css/../images/up-arrow-green.svg) no-repeat right center; 
background-size: 12px 12px}
table.tasks-table th a.active-desc{background: url(/media/css/../images/down-arrow-green.svg) no-repeat right center; 
background-size: 12px 12px}
table.tasks-table td{padding: 15px 10px; vertical-align: top}
table.tasks-table tr:hover td{background: #eee;}
table.tasks-table tr.active td{background: #ddd;}
table.tasks-table td.bage{position: relative;}
table.tasks-table td.bage span.see{background:  #1ec277 url("/media/css/../images/chat.svg") no-repeat center;
position: absolute; width: 20px; height: 20px; background-size: contain; border: 5px solid #1ec277;
border-radius: 12px; top: 3px; margin-left: 3px; display: inline-block;}
table.tasks-table td.name a{display: block; line-height: 1.2; margin-bottom: 3px}
table.tasks-table td.name .tracker{display: block; font-size: 13px; color: #8c8c8c}
table.tasks-table td .complete{display: block; width: 100px; height: 10px; border: 1px solid #1ec277; margin-top: 5px}
table.tasks-table td .complete span{display: block; height: 100%; background: #1ec277}
table.tasks-table td.actions a, table.tasks-table td.actions span{width: 16px; height: 16px;
display: inline-block; cursor: pointer;}
table.tasks-table td.actions{width: 90px!important; text-align: right}
table.tasks-table td.actions a.edit{background: url(/media/css/../images/pencil-edit-button.svg) no-repeat center;
    background-size: 18px 16px; margin-right: 18px}
table.tasks-table td.actions span.delete{background: url(/media/css/../images/paper-bucket.svg) no-repeat center; 
background-size: 15px 16px}
table.tasks-table td.actions span.restore{background: url(/media/css/../images/icon-restore.svg) no-repeat center;
    background-size: 15px 16px;margin-right: 18px}
.for-mobile{display: none}
#check-all{position: relative; top: 1px}

div.form-buttons{padding: 12px 0 10px 0;}
div.form-buttons input{padding: 0 15px;}
div.form-buttons div.limiter{float: right;}
div.form-buttons div.pager+div.limiter{position: relative; top: 7px}
div.form-buttons.docs div.limiter{position: relative; top: 7px}
div.form-buttons div.limiter select{padding: 5px 15px; border: none; width: 64px; margin-left: 10px}
div.form-buttons div.pager{float: left; padding: 0; margin: 0;}
div.form-buttons .mass-action{margin-bottom: 0}

.task-info{margin-bottom: 20px}
.task-info span{display: inline-block; margin-right: 10px; color: #8d8d8d; font-size: 13px}
.task-info .account-image{height: 30px; width: 30px; border: none; float: none; margin: 0 10px 0 0; 
position: relative; top: 8px}
.task-info span.tracker{}
.task-description, .text{word-wrap: break-word}
.task-files{padding: 15px 30px 0 30px; background: #ededed; margin-top: 15px}
ul.files li{padding-left: 25px; background: url("/media/css/../images/download.svg") no-repeat left center; background-size: 16px 16px;
    margin-bottom: 2px; display: block;}
ul.files li span.delete{cursor: pointer; margin-left: 13px; position: relative; display: none;}
ul.files li a:hover span.delete{display: inline;}
hr{height: 2px; background-color: #e3e2e2; margin: 25px 0; border: none}

.task-params{position: absolute; right: 0; top: 55px; background: #fff; box-shadow: 0px 5px 9px 0px rgba(32, 36, 32, 0.14);
    border-radius: 4px; padding: 25px 40px; width: 390px}
.task-params table tr{border-bottom: none}
.task-params table tr.line td{padding: 0}
.task-params table tr.line td hr{margin: 20px 0}
.task-params table td{padding: 6px 0}
.task-params table td:first-child{padding: 6px 25px 6px 0; color: #8c8c8c}

div.task-history div.section{border-bottom: 1px solid #e3e2e2; padding: 0 0 20px 0; margin-bottom: 25px}
div.task-history div.header{font-size: 18px; font-weight: bold; margin: 0 0 10px 0;}
div.task-history div.author{margin: 0 0 15px 0; font: 13px/1.5 "Rubik-Regular"; color: #8d8d8d;}
div.task-history div.author .account-image{margin: -7px 10px 0 0; height: 30px; width: 30px}
div.task-history div.author span.name{margin-right: 10px;}
div.task-history div.author span.date{margin-right: 10px;}
div.task-history div.section .actions span, div.task-history div.section div.files > span
    {color: #8c8c8c; display: inline-block; margin-right: 10px}
div.task-history div.section div.files.with-margin{margin-bottom: 15px;}
div.task-history div.section div.files ul.files{padding: 5px 0 0 0;}
div.task-history div.content div.controls{padding: 10px 0 0 0}
div.task-history div.content div.controls span{margin-right: 12px; cursor: pointer;}
div.task-history ul.files{padding: 0 0 10px 0;}
div.task-history div.actions{margin-bottom: 10px; display: inline-block; background: #f1f9d7; padding: 0 12px; 
border-radius: 4px; font-size: 15px;}

div.full-history{position: relative; padding: 10px 0}
div.full-history::before{content:""; display: block; width: 18px; margin-left: -9px; height: 100%; background-color: #e3e2e2;
    position: absolute; left: 50%; top: 0; border-radius: 50px}
div.full-history div.section{padding: 7px 30px 12px 30px; border-radius: 4px; background: #fff;
    box-shadow: 0px 5px 9px 0px rgba(32, 36, 32, 0.14); width: 47%; max-width: 755px; min-height: 160px; position: relative}
div.full-history div.section:not(:first-child){margin-top: -70px}
div.full-history div.section:nth-child(2n+1)::after{content:""; display: block; position: absolute; left: 100%; top: 33px;
    height: 15px; width: 6%; background-color: #e3e2e2}
div.full-history div.section:nth-child(2n)::before {content:""; display: block; position: absolute; right: 100%; top: 33px;
    height: 15px; width: 6%; background-color: #e3e2e2}
div.full-history div.section:nth-child(2n){left: 53%}
div.full-history a{text-decoration: none;}
div.full-history div.task{font: 22px/23px "Exo2-SemiBold"; margin-bottom: 10px}
div.full-history div.project{font-size: 13px; margin-bottom: 15px}
div.full-history div.project span{color: #8c8c8c}
div.full-history div.author{margin: 20px 0 15px 0; font-size: 13px; color: #8c8c8c;}
div.full-history div.author span.name{margin-right: 10px;}
div.full-history div.author span.date{margin-right: 10px;}
div.full-history div.author span.account-image{float: none; margin: 0 10px 0 0; display: inline-block; position: relative;
top: 8px;}
div.full-history div.content{padding: 0 0 10px 0;}
div.full-history div.actions{padding: 0 12px; background: #f1f9d7; border-radius: 4px; font-size: 15px;
display: inline-block; margin-bottom: 10px;}
div.full-history ul.files, div.task-files ul.files{padding: 0 0 10px 0;}
div.full-history ul.files li, div.task-files ul.files li{margin-bottom: 2px;}

.project-page .item-actions{position: absolute; top: 0; right: 0}

div.pager{margin-bottom: 40px; padding-top: 10px;}
div.pager>div{display: inline-block; }
div.pager .active-page{width: 50px; height: 28px; border-radius: 5px; background: #fff; text-align: center; border: none;
    line-height: 28px; margin: 0 11px}
div.pager .page-amount{margin-right: 11px}
div.pager.page-album{margin-bottom: 20px;}
div.pager a{margin: 0 5px 0 6px; color: #646363;}
div.pager a.active{text-decoration: none; color: #219fd1;}
div.pager a.pager-prev, div.pager a.pager-next{display: inline-block; width: 28px; height: 28px; border-radius: 5px;
    background-color: #ededed; background-position: center center; background-size: 9px 14px; background-repeat: no-repeat;
    position: relative; top: 8px; margin: 0 3px}
div.pager a.pager-prev{background-image: url("/media/css/../images/left-arrow-black.svg")}
div.pager a.pager-next{background-image: url("/media/css/../images/right-arrow-black.svg")}

div.documentation-content{padding: 12px 0; line-height: 22px;}
div.documentation-content pre, div.task-description pre, div.task-history div.content pre, 
div.full-history div.content pre{padding: 17px 15px 15px 15px;  margin: 0; text-align: left; line-height: 11px; 
background: #eee; margin-top: 10px; overflow-x: auto;}
div.documentation-content h1, div.documentation-content h2, div.documentation-content h3, div.task-description h1,
div.task-description h2, div.task-description h3, div.task-history div.content h1, div.task-history div.content h2,
div.task-history div.content h3, div.full-history div.content h1, div.full-history div.content h2, 
div.full-history div.content h3{float: none; clear: both; display: block; margin: 0 0 20px 0; padding: 0;}

div.navigation{width: 970px; height: 15px; padding-top: 16px; border-top: 1px solid #d6d6d6; margin-bottom: 39px;}
div.navigation div.prev{float: left; background: url(/media/css/../images/arrow-left.png) no-repeat left center;}
div.navigation div.next{float: right; background: url(/media/css/../images/arrow-right.png) no-repeat right center;}
div.navigation div.prev a, div.navigation div.next a{color: #646363;}
div.navigation div.prev a{margin-left: 24px;}
div.navigation div.next a{margin-right: 24px;}

p.search-name{margin-bottom: 6px;}
p.search-name.no-content{margin-bottom: 20px;}
p.search-name span.number{margin-right: 5px;}
p.search-decription{margin-bottom: 20px;}
p.search-project{font-size: 13px; color: #8c8c8c; margin-top: -3px;}

.bottom-menu{position: fixed; bottom: 0; left: 0; width: 100%; /*height: 68px;*/ background: #202420; display: none}
.bottom-menu > a{display: block; width: 50%; float: left; text-align: center; color: #fff; padding: 15px;
position: relative;}
.bottom-menu > a.active{color: #f6975d}
.bottom-menu > a span{padding-left: 30px; line-height: 20px; background-repeat: no-repeat; background-position: left center;
    background-size: 20px 20px}
.bottom-menu > a .icon.tasks{background-image: url("/media/css/../images/mobile/goal-white.svg")}
.bottom-menu > a.active .icon.tasks{background-image: url("/media/css/../images/mobile/goal-orange.svg")}
.bottom-menu > a .icon.projects{background-image: url("/media/css/../images/mobile/star-white.svg")}
.bottom-menu > a.active .icon.projects{background-image: url("/media/css/../images/mobile/star-orange.svg")}
.bottom-menu > a .icon.docs{background-image: url("/media/css/../images/mobile/writing-white.svg")}
.bottom-menu > a.active .icon.docs{background-image: url("/media/css/../images/mobile/writing-orange.svg")}
.bottom-menu > a .icon.history{background-image: url("/media/css/../images/mobile/time-left-white.svg")}
.bottom-menu > a.active .icon.history{background-image: url("/media/css/../images/mobile/time-left-orange.svg")}
.bottom-menu a span.new{top: 5px; right: 15%}

#footer{color: #fff; text-align: center; font-size: 15px}
#footer a{color: #fff; display: inline-block}
#footer a:not(:last-of-type){margin: 0 20px 5px 0}
#overlay{display: none; width: 100%; height: 100%; position: fixed; background: #131111; opacity: 0.5; z-index: 1001; top: 0; left: 0; }

/* End of file */


/* File: form.css */

input[type="text"]{border-radius: 4px; border: none}
input[type="button"], input[type="submit"]{-webkit-appearance: button;}
select{cursor: pointer; background-image: url("/media/css/../images/down-chevron.svg"); background-position: right 10px center;
    background-repeat: no-repeat; background-size: 10px 10px; -moz-appearance: none; text-indent: 0.01px;
    text-overflow: '';  appearance: none !important; -ms-appearance: none; -webkit-appearance: none; padding: 10px 15px;
    border-radius: 4px; border: none; background-color: #fff!important}
select::-ms-expand {display: none;}
::-webkit-input-placeholder{color:#bbb !important; opacity: 1}
::-moz-placeholder{color:#bbb !important; opacity: 1}
:-moz-placeholder{color:#bbb !important; opacity: 1}
:-ms-input-placeholder{color:#bbb !important; opacity: 1}

div.form-errors, div.success{width: 100%; margin: 0 0 25px 0; padding: 10px 20px 3px 20px;  background: #f9f3d7; 
border-radius: 3px; clear: both;}
div.form-errors p, div.success p{color: #d63c1d; margin: 0 0 8px 0;}
div.success{background: #f1f9d7;}
div.success p{color: #1ec277;}

.registration-block{width: 450px; margin: 5% auto 0; color: #fff; background-color: rgba(0, 0, 0, 0.6); border-radius: 4px;
    padding: 35px 70px;}
.registration-block h1{text-align: center; font-size: 25px; line-height: 25px;}
.registration-block.recovery > p{text-align: center; line-height: 17px; font-size: 15px; margin-bottom: 12px;}
.registration-block .button{background-image: -moz-linear-gradient( 0deg, rgb(206,75,93) 0%, rgb(246,151,93) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(206,75,93) 0%, rgb(246,151,93) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(206,75,93) 0%, rgb(246,151,93) 100%);
    width: 100%;}
.registration-block div.field-name{display: none;}
.registration-block form.regular{width: auto;}
.registration-block form.regular .recovery{text-align: center; padding-top: 10px; margin: 0;}
.registration-block form.regular .recovery a{color: #f6975d; text-decoration: none;}
.registration-block div.form-errors, .registration-block div.success{margin-bottom: 10px;}
.registration-block div.success{background: #fff;}
.registration-block form.regular .field-input img{border-radius: 4px;}

p.required-fields{color: #fff}
form table{width: 100%}
form.regular{width: 80%; max-width: 990px; padding-top: 15px;}
form.regular tr{border-bottom: none}
form.regular .field-name{padding: 0 20px 5px 0; vertical-align: top; font-size: 15px;}
form.regular .field-input{padding-bottom: 27px;}
form.regular .field-input input, form.regular .field-input select{height: 40px; outline: none; padding: 10px 25px 10px 20px;
border-radius: 4px; border: 1px solid #eee; width: 100%;}
form.regular .field-input input[name="captcha"]{width: calc(100% - 130px); float: right}
form.regular .field-input input[type='checkbox']{width: 20px; height: 20px; position: relative; top: 1px}
form.regular .field-name input[type='checkbox']{position: relative; margin-right: 5px;}
form.regular .field-input.error-field input, form.regular .field-input.error-field select, 
form.regular .field-input.error-field textarea{border: 1px solid #eee7c6; background: #f9f3d7;}
form.regular .field-input select{cursor: pointer;}
textarea{width: 100%; height: 280px !important; padding: 15px 15px; outline: none; border: none;
resize: none; border-radius: 4px; margin-bottom: 20px}

form.regular .field-input.code img{width: 103px; height: 42px; float: left;}
form.regular .field-input.code input{width: 82px; float: left; margin-left: 45px;}
form.regular textarea{margin: 0; border: 1px solid #eee;}
form.regular div.form-buttons{padding-bottom: 20px; padding-top: 5px;}
form.regular div.form-buttons.high{padding-top: 25px;}
form div.file-params  span.file{display: none;}
form div.file-params span.delete{cursor: pointer;}
form.regular div.help-text{font-size: 13px; margin: -25px 0 25px 3px;}
form.regular #description-area div.help-text{margin: 0 0 0 3px;}
div.field-input div.image-input input{padding-bottom: 0 !important;}
div.field-input div.file-params p{margin-bottom: 0;}

form.regular div.single, form.regular div.double, form.regular div.triple{float: left; width: 100%;}
form.regular div.single{padding: 0 1% 0 0;}
form.regular div.double > div.column{width: 50%; float: left; padding: 0 1%;}
form.regular div.triple > div.column{width: 33.33333%; float: left; padding: 0 1.2%;}
form.regular div.double > div:first-child, form.regular div.triple > div:first-child{padding-left: 0;}

form.regular div.multiple-files-data div.file-element{margin-bottom: 2px}
form.regular div.multiple-files-data div.file-element span.file{font-size: 15px; margin-right: 3px}

.form-buttons .button{display: block; min-width: 187px; float: left; background-color: #1ec277;}
.form-buttons .button.mass-action{min-width: auto;}
.form-buttons .cancel{display: block; float: left; margin: 8px 0 0 43px}
.link-button{cursor: pointer; display: block; float: left; margin: 8px 0 0 43px; color: #3b75bc;}

form.regular .files-input, form.regular div.field-input div.image-input input{width: auto !important; 
height: auto !important; padding-left: 0 !important; border: none;}
.inputfile{width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;}
.inputfile + label{max-width: 80%; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; display: inline-block;
 overflow: hidden; padding:10px 30px}
.no-js .inputfile + label{display: none;}
.inputfile:focus + label,.inputfile.has-focus + label{outline: none!important}
.inputfile + label{border-radius: 4px; transition: all 0.5s; background-color: #b5b3b3}
.inputfile + label:hover{background-color: #6f7273}

p.remember-me{margin-bottom: 6px; color: #f6975d}
p.remember-me label{margin-left: 5px;}

#edit-description{display: inline-block; cursor: pointer; margin: 0 0 25px 15px; background: #888; color: #fff; 
font-size: 13px; border-radius: 3px; padding: 0 10px;}
#edit-description.open{margin-bottom: 0;}
#description-area{}

#overlay{display: none; width: 100%; height: 100%; position: fixed; background: #eee; opacity: 0.8; z-index: 1000; 
top: 0; left: 0;}
#custom-modal-window{display: none; position: fixed; background: #202420; width: 550px; min-height: 80px;
z-index: 1001; top: 15%; left: 50%; transform: translateX(-50%); padding: 25px 25px 18px 25px; border-radius: 4px;
box-shadow: 0px 2px 25px #333; -webkit-box-shadow: 0px 2px 25px #333; color: #fff; font-size: 15px}
#custom-modal-window div.head{position: absolute; top: 0; left: 0; width: 100%}
#custom-modal-window div.head span.close{float: right; background: url('/media/css/../images/cancel-white.svg') no-repeat center;
background-size: cover; width: 13px; height: 13px; top: 15px; right: 15px; cursor: pointer; position: relative;}
#custom-modal-window div.message{margin:10px 0 15px 0; font-size: 17px; line-height: 20px;}
#custom-modal-window div.extra.active{margin-bottom: 15px;}
#custom-modal-window select{width: 190px}
#custom-modal-window .field span{display: inline-block; padding-right: 12px}
#custom-modal-window div.buttons{padding-top: 15px; text-align: right;}
#custom-modal-window div.buttons input{border: none; border-radius: 4px; height: 42px; padding: 0 20px; color: #fff}
#custom-modal-window div.buttons #modal-button-ok{color: #fff; width: 100px; height: 42px; line-height: 42px;
    border: none; border-radius: 4px; background: #1ec277; margin-bottom: 10px}
#custom-modal-window div.buttons #modal-button-cancel{margin: 0 0 0 20px; border: none; background: transparent; 
color: #fff; background: #565656; width: 100px;}

#custom-modal-window.task-comment{width: 840px;}
#custom-modal-window.task-comment div.fields-list{display: flex; margin-bottom: 20px}
#custom-modal-window.task-comment div.fields-list > div{margin-right: 25px}
#custom-modal-window.task-comment div.fields-list > div:last-child{margin: 0}
#custom-modal-window.task-comment div.fields-list div.field-name{margin-bottom: 3px}
#custom-modal-window.mass-actions .message{font-size: 20px; margin-left: 10px;}
#custom-modal-window table tr{border:none}

#custom-modal-window.mass-actions{width: auto;}
#custom-modal-window.mass-actions table{width: 100%;}
#custom-modal-window.mass-actions table td{padding: 0 14px 20px 10px;}
#custom-modal-window.mass-actions div.field-name{margin-bottom: 3px;}
#custom-modal-window.mass-actions input[type='text']{width: 238px; padding: 10px 15px; border: 1px solid #d8dbe0;}
#custom-modal-window.mass-actions select{width: 238px; cursor: pointer;}

#custom-modal-window.mass-actions input[type='text']{}
#custom-modal-window.mass-actions select{}
#custom-modal-window div.field-input{position: relative;}
#custom-modal-window.mass-actions #mass-delete-button{background-color: #ce4c5d; margin: 0 20px 0 0; float: left;}
#custom-modal-window.mass-actions textarea.edit-comment{width: 558px; height: 180px; padding: 3px 10px;
margin-bottom: 15px;}
#custom-modal-window.mass-actions div.buttons{margin: 0 10px;}

/* End of file */


/* File: datepicker.css */

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Datepicker cells
   ------------------------------------------------- */
.datepicker--cells {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap; }

.datepicker--cell {
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 32px;
  z-index: 1; }
  .datepicker--cell.-focus- {
    background: #f0f0f0; }
  .datepicker--cell.-current- {
    color: #1ec277; }
    .datepicker--cell.-current-.-focus- {
      color: #4a4a4a; }
    .datepicker--cell.-current-.-in-range- {
      color: #1ec277; }
  .datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, 0.1);
    color: #4a4a4a;
    border-radius: 0; }
    .datepicker--cell.-in-range-.-focus- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae; }
    .datepicker--cell.-disabled-.-focus- {
      color: #aeaeae; }
    .datepicker--cell.-disabled-.-in-range- {
      color: #a1a1a1; }
    .datepicker--cell.-disabled-.-current-.-focus- {
      color: #aeaeae; }
  .datepicker--cell.-range-from- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 4px 0 0 4px; }
  .datepicker--cell.-range-to- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 0 4px 4px 0; }
  .datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px; }
  .datepicker--cell.-selected- {
    color: #fff;
    border: none;
    background: #5cc4ef; }
    .datepicker--cell.-selected-.-current- {
      color: #fff;
      background: #5cc4ef; }
    .datepicker--cell.-selected-.-focus- {
      background: #45bced; }
  .datepicker--cell:empty {
    cursor: default; }

.datepicker--days-names {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 8px 0 3px; }

.datepicker--day-name {
  color: #1ec277;
  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;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  text-transform: uppercase;
  font-size: .8em; }

.datepicker--cell-day {
  width: 14.28571%; }

.datepicker--cells-months {
  height: 170px; }

.datepicker--cell-month {
  width: 33.33%;
  height: 25%; }

.datepicker--years {
  height: 170px; }

.datepicker--cells-years {
  height: 170px; }

.datepicker--cell-year {
  width: 25%;
  height: 33.33%; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Datepicker
   ------------------------------------------------- */
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0; }
  @media print {
    .datepickers-container {
      display: none; } }

.datepicker {
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-sizing: content-box;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s, -webkit-transform 0.3s ease;
  z-index: 10000; }
  .datepicker.-from-top- {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px); }
  .datepicker.-from-right- {
    -webkit-transform: translateX(8px);
            transform: translateX(8px); }
  .datepicker.-from-bottom- {
    -webkit-transform: translateY(8px);
            transform: translateY(8px); }
  .datepicker.-from-left- {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px); }
  .datepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
            transform: translate(0);
    transition: opacity 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s;
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s, -webkit-transform 0.3s ease; }

.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  -webkit-transform: none;
          transform: none; }

.datepicker-inline .datepicker--pointer {
  display: none; }

.datepicker--content {
  box-sizing: content-box;
  padding: 4px; }
  .-only-timepicker- .datepicker--content {
    display: none; }

.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1; }
  .-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg); }
  .-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    right: calc(100% - 4px);
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg); }
  .-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    -webkit-transform: rotate(315deg);
            transform: rotate(315deg); }
  .-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer {
    left: calc(100% - 4px);
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer {
    left: 10px; }
  .-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    right: 10px; }
  .-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer {
    left: calc(50% - 10px / 2); }
  .-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
    top: 10px; }
  .-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    bottom: 10px; }
  .-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2); }

.datepicker--body {
  display: none; }
  .datepicker--body.active {
    display: block; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Navigation
   ------------------------------------------------- */
.datepicker--nav {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px; }
  .-only-timepicker- .datepicker--nav {
    display: none; }

.datepicker--nav-title,
.datepicker--nav-action {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
  .datepicker--nav-action:hover {
    background: #f0f0f0; }
  .datepicker--nav-action.-disabled- {
    visibility: hidden; }
  .datepicker--nav-action svg {
    width: 32px;
    height: 32px; }
  .datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px; }

.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px; }
  .datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px; }
  .datepicker--nav-title:hover {
    background: #f0f0f0; }
  .datepicker--nav-title.-disabled- {
    cursor: default;
    background: none; }

.datepicker--buttons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef; }

.datepicker--button {
  color: #1ec277;
  cursor: pointer;
  border-radius: 4px;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 32px; }
  .datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0; }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* -------------------------------------------------
    Timepicker
   ------------------------------------------------- */
.datepicker--time {
  border-top: 1px solid #efefef;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4px;
  position: relative; }
  .datepicker--time.-am-pm- .datepicker--time-sliders {
    -webkit-flex: 0 1 138px;
        -ms-flex: 0 1 138px;
            flex: 0 1 138px;
    max-width: 138px; }
  .-only-timepicker- .datepicker--time {
    border-top: none; }

.datepicker--time-sliders {
  -webkit-flex: 0 1 153px;
      -ms-flex: 0 1 153px;
          flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px; }

.datepicker--time-label {
  display: none;
  font-size: 12px; }

.datepicker--time-current {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px; }

.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1; }

.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1; }
  .datepicker--time-current-hours:after,
  .datepicker--time-current-minutes:after {
    content: '';
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0; }
  .datepicker--time-current-hours.-focus-:after,
  .datepicker--time-current-minutes.-focus-:after {
    opacity: 1; }

.datepicker--time-current-ampm {
  text-transform: uppercase;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px; }

.datepicker--time-row {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; }
  .datepicker--time-row:first-child {
    margin-bottom: 4px; }
  .datepicker--time-row input[type='range'] {
    background: none;
    cursor: pointer;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none; }
    .datepicker--time-row input[type='range']::-webkit-slider-thumb {
      -webkit-appearance: none; }
    .datepicker--time-row input[type='range']::-ms-tooltip {
      display: none; }
    .datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
      border-color: #b8b8b8; }
    .datepicker--time-row input[type='range']:hover::-moz-range-thumb {
      border-color: #b8b8b8; }
    .datepicker--time-row input[type='range']:hover::-ms-thumb {
      border-color: #b8b8b8; }
    .datepicker--time-row input[type='range']:focus {
      outline: none; }
      .datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
      .datepicker--time-row input[type='range']:focus::-moz-range-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
      .datepicker--time-row input[type='range']:focus::-ms-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
    .datepicker--time-row input[type='range']::-webkit-slider-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      transition: background .2s; }
    .datepicker--time-row input[type='range']::-moz-range-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      transition: background .2s; }
    .datepicker--time-row input[type='range']::-ms-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      transition: background .2s; }
    .datepicker--time-row input[type='range']::-webkit-slider-thumb {
      margin-top: -6px; }
    .datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
    .datepicker--time-row input[type='range']::-moz-range-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
    .datepicker--time-row input[type='range']::-ms-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
    .datepicker--time-row input[type='range']::-ms-fill-lower {
      background: transparent; }
    .datepicker--time-row input[type='range']::-ms-fill-upper {
      background: transparent; }
  .datepicker--time-row span {
    padding: 0 12px; }

.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em; }
  .datepicker--time-icon:after, .datepicker--time-icon:before {
    content: '';
    background: currentColor;
    position: absolute; }
  .datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: calc(50% - 1px);
    top: calc(50% + 1px);
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
  .datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(50% + 1px);
    left: calc(50% - 1px); }

.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
  .datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
  .-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
  .-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
    .-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
  .-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
    .-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
  .datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }

/* End of file */


/* File: media.css */


@media screen and (max-width: 1450px)
{
    table.tasks-table td.bage span.see{width: 18px; height: 18px; border-width: 4px; margin-left: 1px}
}

@media screen and (max-width: 1220px)
{
    .wrapper-left h1,  .document-content h1, div.task-actions, div.document-actions{float: none;}
    div.task-actions > *, div.document-actions > *{display: inline-block; margin-right: 10px}
}
@media screen and (max-width: 1155px)
{
    .account-menu li:not(.user-menu), .user-menu .account-name,.user-menu.exit{display: none}
    .account-image{margin-right: 0}
    .account-menu li.user-menu a{padding: 0}
    #menu-button{display: block}
    body:not(.with-background) .bottom-menu{display: block}
    #footer{height: 168px;}
    #sticky-footer-wrapper{padding-bottom: 168px}
}

@media screen and (max-width: 860px)
{
    #custom-modal-window.task-comment{width: 100%}
}
@media screen and (max-width: 800px)
{
    table.tasks-table tr>*:not(.mobile-visible){display: none}
    .button.options{display: none}
    .project-page .item-actions{top: 49px}
    #filters-form div.section{margin-right: 3%; width: 48.5%}
    #filters-form div.section:nth-of-type(2n){margin-right: 0}
    #custom-modal-window.mass-actions{width: 100%; height: 100%; left: 0; top: 0; transform: none; overflow: auto}
    #custom-modal-window.mass-actions select, #custom-modal-window.mass-actions input[type='text']{width: 100%}
    .wrapper-left{width: 100%; padding: 0}
    .task-params{width: 100%; top: 65px; position: static}
    .task-params table td:first-child{padding: 0 25px 0 0}
    .task-params table td{padding: 1px 0}
    .task-params table tr.line td hr{margin: 10px 0}
    .tasks-table tr:nth-of-type(2){border-top: 1px solid #e3e2e2}
    #content.document-content{width: 100%}
    form.regular{width: 100%}
    .for-mobile{display: inline}
    th.for-mobile{display: table-cell !important}
    table.tasks-table td.name .tracker span.for-mobile span.see{background:  #1ec277; width: 10px; height: 10px;
    display: inline-block; margin-left: 7px; border-radius: 5px}
}

@media screen and (max-width: 720px)
{
    .search-area{display: none}
    .logo{margin-right: 0}
    #content{padding-bottom: 15px}
    div.full-history div.section{width: 100%; min-height: 0; margin: 0 0 20px 0!important}
    div.full-history div.section:nth-child(2n){left: 0}
    div.full-history div.section:nth-child(2n+1)::after,div.full-history div.section:nth-child(2n)::before,
    div.full-history::before{display: none}
    #custom-modal-window.task-comment{height: 100%; top: 0; left: 0; transform: none; overflow: auto}
    #custom-modal-window.task-comment div.fields-list{flex-direction: column;}
    #custom-modal-window.task-comment div.fields-list > div{margin: 0 0 20px 0}
    #custom-modal-window.task-comment div.fields-list select{width: 100%}
    .button.small{font-size: 15px; height: 30px; line-height: 30px}
    #filters-hide{font-size: 15px}
}

@media screen and (max-width: 560px)
{
    body.with-background .logo{margin-left: 30px;}
    #custom-modal-window.mass-actions td{display: block}
    form.regular .triple .column .field-name{height: 50px}
    #custom-modal-window{width: 90%;/* left: 0; transform: none*/}
    .registration-block{width: 100%; margin: 0; height: auto; padding: 35px 30px; background: #000}
    body.with-background #content, body.with-background .wrapper{padding: 0}
    #footer{padding-top: 25px}
    .top-buttons .button{width: calc((100% - 10px)/3)}
    .top-buttons .button.create-task{margin-left: 10px}
    .tasks-page #filters-header{margin: 0; width: 100%}
    .button.no-border, .form-buttons .cancel, .link-button{padding: 7px 10px; background: #ededed; border-radius: 4px;
        margin-top: 0;  text-align: center;}
    .form-buttons .cancel, .link-button{width: 187px; margin-left: 15px; text-align: center; padding: 0;
        height: 42px; line-height: 42px}
    .link-button{clear: both; margin: 15px 0 0 0}
}

@media screen and (max-width: 510px)
{
    #filters-form{padding: 20px 10px}
    div.form-buttons div.limiter span{display: none}
    h1.floated{float: none}
    .project-page .item-actions{position: relative; top: 0}
    .project-page .item-actions{margin-bottom: 0}
    .project-page #filters-header{width: 100%}
    .filters-buttons, .button.mass-action, .project-page .item-actions,
    #custom-modal-window .buttons>*, div.item-actions.horizontal>*{width: calc((100% - 10px)/2)!important; min-width: 0}
    #custom-modal-window.mass-actions #mass-delete-button{margin-right: 10px}
    #custom-modal-window div.buttons #modal-button-cancel{margin-left: 10px}
    .button.mass-action{margin-right: 6px}
    div.item-actions.horizontal{float: none; top: 0}
    div.open-filters{padding-top: 14px}
    div.open-filters select{width: 160px}
    .datepicker.active{left: 100%!important; transform: translateX(25%)}
    .-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer{right: 10px; left: auto}
}

@media screen and (max-width: 480px)
{
    .button{padding: 0 12px}
    .field-list .list{width: 360px; right: -10px; padding: 15px 10px; font-size: 14px}
    .field-list .column{width: 200px}
    input[type="file"]{max-width: 340px!important}
    .link-button{margin: 15px 43px 0 0}
    .registration-block form.regular .field-input input{padding: 10px 7px; font-size :15px}
    #custom-modal-window select{width: calc(100% - 90px)}
    table.tasks-table td.actions a.edit{margin-right: 10px}
    table.tasks-table td, table.tasks-table th{padding: 15px 7px}
    .form-buttons .cancel{width: calc(100% - 187px - 15px);}
}

/* End of file */