@import url('https://fonts.googleapis.com/css?family=Fira+Sans|Open+Sans|PT+Sans+Narrow');


body {
  padding-top: 50px;
  margin-bottom: 60px;
  font-family: 'Open Sans',sans-serif;
}
.starter-template {
  padding: 40px 15px;
  text-align: center;
}

.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top20 { margin-top:20px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }
.top35 { margin-top:35px; }
.top50 { margin-top:50px; }
.bottom5 { margin-bottom:5px; }
.bottom7 { margin-bottom:7px; }
.bottom10 { margin-bottom:10px; }
.bottom15 { margin-bottom:15px; }
.bottom20 { margin-bottom:20px; }
.bottom17 { margin-bottom:17px; }
.bottom30 { margin-bottom:30px; }
.bottom35 { margin-bottom:35px; }
.bottom50 { margin-bottom:50px; }

.hr {
    border-bottom: 1px solid #e9f1fc;
}

.h4 {
    font-size: 18px;
}

.errors {color: red; display: block; min-height: 15px}

.connected {color: #00FF00}
.disconnected {color: red}
.table-nothing {text-align: center;font-size: 17px;}
.current-sort {text-decoration: underline;}
#add_project_modal .close{margin-top: -20px;}
.modal_loading {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 )
                url('http://i.stack.imgur.com/FhHRx.gif')
                50% 50%
                no-repeat;
}

body.loading .modal_loading {
    overflow: hidden;
}

body.loading .modal_loading {
    display: block;
}

#projects-table tr th:nth-child(1) {
    width: 35px!important;
}

.btn-new-report {
    background: #428bca;
    color: white;
}

.file-input-wrapper.btn.btn-default {
    width: 280px; height: 35px;
}

.list-group-item {
    margin-bottom: 7px;
}

.list-group-item:hover, .list-group-item:focus, .list-group-item:active {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
}

.draggable-column {
    padding: 15px;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border: 1px solid #ccc;
}

#report_wall {
    min-height: 200px;
}

.actions {
    position: absolute;
    right: 5px;
    top: 13px;
    cursor: pointer;
    width: 50px;
}

.actions i {
    margin-left: 5px;
}

.settings {
    padding: 10px 10px 10px 15px;;
}

div.checker {
    margin: 0;
    padding: 0;
    margin-right: 5px;
    width: 19px;
    height: 19px;
    float: left;
}

.param label {
    font-weight: 400;
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
}

.settings hr {
    margin: 10px 0;
}

.width100 {
    width: 100%;
}

#geo-spinner {
    text-align: center;
    width: 50px;
}

.spinner-down, .spinner-up {
    background-color: transparent;
}

.error_upload {
    color: red;
}

.success_upload {
    color: green;
}

#input-logo {
    display: none;
}

.upload_status {
    min-height: 40px;
}


.project_column {
    width: 250px;
}

.cke_wysiwyg_div p {
    text-align: left;
}

#date-start {
    width: 200px;
    margin-left: 15px;
}

.date-range .compare-range {
    font-size: 16px;
}

.date-range .radio-text, .compare-range .radio-text {
    margin-left: 10px !important;
}

.radio {
    margin-top: 15px !important;
}

#date-range {
    width: 200px
}

.compare-with-label {
    font-weight: 300;
    margin-bottom: 0;
}

#show-report-settings {
    background: #e9f1fc;
    border-radius: 10px;
}

#show-report-settings #show, #show-report-settings #hide {
    margin-top: 10px;
}

#show-report-settings .col-md-3 {
    margin-top: -10px;
}

#show-report-settings .col-md-4.text-right {
    float: right;
    cursor: pointer;
}

#report-settings .nav li {
    width: 20%;
    text-align: center;
}

.settings-block {
    padding: 30px 60px 60px 60px;
}
.settings-block label {
    font-weight: 300;
    width: 100%;
}

.fa-plus, .fa-minus {
    margin-left: 5px;
    font-size: 15px;
}

.cke_contents.cke_reset {
    padding: 15px
}

.done_works {
    position: relative;
}

#done_works_templates, #planned_works_templates {
    position: absolute;
    top: 0;
    z-index: 999;
    border-radius: 2px;
    width: 100%;
    height: 402px;
    background-color: #fff;
}

.block_work_done_select {
    background-color: #e9f1fc;
    padding: 20px;
    border-radius: 4px;
}

.block_work_done_category {
    background: #fff;
    border-radius: 3px;
    margin-top: 20px;
}

.categories {
    height: 430px;
    overflow-y: scroll;
}

.category_title, .work-name {
    padding: 10px 100px 10px 20px;
}

.work {
    padding: 10px 10px 10px 10px;
}

.work-name {
    padding: 1px 10px 0 35px;
    font-size: 18px;
}

.title {
    font-weight: 700;
}

.work-checker {
    float: left;
}

.work-checker input[type=checkbox] {
    height: 20px;
    width: 20px;
}

.close {
    margin-top: -20px !important;
}

.projects-table_filter {
    text-align: right;
}