/*
  SYNOPSIS:
    (from witin project rooot directory)
      sassc scss/main.scss public/css/style.css
*/
body {
    font: 14px "Open Sans", Helvetica, Arial, sans-serif;
    color: #61686b;
}

a {
    color: #5ba4e5;
}

/*
  Simple class that makes its content's font size little bit bigger
 */
.text-bigger {
    font-size: 16px;
}

/*
  Add special class to remove default buttom space
*/
.no-bottom-space {
    margin-bottom: 0px;
}

.large-bottom-space {
    margin-bottom: 300px;
}

/*
  Increase space between form groups so they are more prominent
*/
.form-group {
    margin-bottom: 20px;
}

/*
  Make help blocks in forms to be more distinguishable
 */
.form-group .help-block {
    font-style: italic;
}

/*
 Make certain progress bars to be taller
 */
.progress.bigger {
    height: 38px;
}
.progress.bigger .progress-bar {
    line-height: 38px;
}

/* Space out content a bit */
body {
    padding-top: 20px;
    padding-bottom: 20px;
}

label.label-plain {
    font-weight: normal;
}

/* Make breadcrumbs to be transparant */
.breadcrumb {
    background: none;
    padding-right: 0;
    padding-left: 0;
}

/* Make the masthead heading the same height as the navigation */
.header h3 {
    padding-bottom: 19px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 40px;
}

/* Custom page footer */
.footer {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
}

.header,
.marketing,
.footer {
    padding-right: 0;
    padding-left: 0;
}

/* Space out the masthead */
.header {
    margin-bottom: 30px;
}

.popover {
    min-width: 300px;
}

/* styling calendar*/
.calendar_month {
    width: 100%;
}

.calendar_month td {
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.calendar_month thead {
    text-align: center;
    font-weight: bolder;
}

div.month_container {
    height: 250px;
}

.team-view-table {
    width: 100%;
}

.team-view-table td {
    padding-top: 5px;
    padding-bottom: 5px;
}

td.team-view-header {
    height: 43px;
    text-align: center;
}

td.calendar_cell {
    width: 15px !important;
    min-width: 15px !important;
    max-width: 15px !important;
    position: relative;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

td.calendar_cell span {
    position: relative;
    left: 9px;
    top: -1px;
    display: block;
    text-align: center;
    z-index: 10;
}

td.current_day_cell {
    background: #ffcdd2;
    color: #ffffff;
}

td.bank_holiday_cell {
    background: #31b0d5 !important;
    color: #ffffff !important;
}

td.leave_cell {
    background: #9fbb58;
    color: #61686b;
    font-weight: bolder;
}

td.leave_cell_pended {
    background: #ffcba4;
    color: #61686b;
    font-weight: bolder;
}

.modal-dialog {
    max-width: 450px;
}

.left-column-cell {
    text-overflow: ellipsis;
    /* Cannot avoid specifying width with pixels... */
    width: 165px;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}

.main-row_header {
    /* TODO refactore */
    border: none;
    font-weight: normal;
    color: #5ba4e5;
    letter-spacing: -0.01em;
    font-size: 19px;
    line-height: 1.15em;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 30px;
}

/* Feeds */
.feed-calendar-big {
    font-size: 450px;
    color: #f8f8f8;
}

.feed-calendar-big-picture-holder {
    text-align: center;
}

p.description-paragraph {
    padding-top: 20px;
    padding-left: 15px;
}

div.feeds-holder {
    margin-top: 20px;
}

/* Calendars */
.top-leave-type-statistics {
    text-align: center;
}

.top-leave-type-statistics dt {
    font-size: 75px;
    color: #61686b;
    font-weight: 100;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 20px;
}

.top-leave-type-statistics dd {
    font-size: 16px;
}

.secondary-leave-type-statistics {
    font-size: 16px;
}

.secondary-leave-type-statistics dt {
    text-align: center;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.secondary-leave-type-statistics dd {
    padding-left: 10px;
    padding-right: 10px;
}

.calendar-section-caption {
    text-align: center;
    font-size: 1.2em;
}

.setting-general-2nd-column {
    padding-left: 30px;
}

.label.bigger {
    font-size: large;
}

/* Fix for issue with modal scrollings on mobiles */
@media (max-width: 768px) {
    body.modal-open {
        position: fixed;
    }
}

/* To be used for selected items in lists */
.selected-item {
    background: #f5f7f8;
    font-weight: bolder;
}

.leave_type_color_1 {
    background: #96c521 !important;
}

.leave_type_color_2 {
    background: #40c4ff !important;
}

.leave_type_color_3 {
    background: #ff5722 !important;
}

.leave_type_color_4 {
    background: #ff80ab !important;
}

.leave_type_color_5 {
    background: #00bcd4 !important;
}

.navbar-default {
    background: #333333 !important;
}

.navbar-default .navbar-nav > li > a {
    color: #ffffff !important;
}

.navbar-default .navbar-nav > li > a:hover {
    color: #f79420 !important;
}

.navbar-brand-logo {
    float: left !important;
    max-width: 150px !important;
    margin: 14px 5px 0px 5px !important;
}

.navbar-brand {
    color: #888888 !important;
}

.navbar-brand:hover {
    color: #888888 !important;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #333333 !important;
}

.main-row_header {
    color: #333333 !important;
    padding-top: 0px !important;
}

a {
    color: #f79420 !important;
}

a:hover {
    color: #333333 !important;
    text-decoration: none;
}

.btn-new-absence {
    background-color: #f79420 !important;
    border-color: #f79420 !important;
    color: #ffffff !important;
}

.btn-new-absence:hover {
    background-color: #333333 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

.footer-brand-logo {
    margin-top: -7px !important;
    max-width: 150px;
}

.login-page-logo {
    width: 50% !important;
    margin-top: 15% !important;
}

.login-page-title {
    margin-bottom: 50px !important;
}

.btn-aitonix {
    background-color: #f79420 !important;
    border-color: #f79420 !important;
    color: #ffffff !important;
}

.btn-aitonix:hover {
    background-color: #333333 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

td.weekend_cell {
    background: #f5f7f8 !important;
    color: #61686b !important;
}

/* Православни */
td.bank_holiday_religion_cell_2 {
    background: #ff5722 !important;
    color: #ffffff !important;
}

/* Муслимани */
td.bank_holiday_religion_cell_3 {
    background: #f79420 !important;
    color: #ffffff !important;
}

/* Католици */
td.bank_holiday_religion_cell_4 {
    background: #d5b60a !important;
    color: #ffffff !important;
}

/* Нацонална припадност */
td.bank_holiday_nationality_cell {
    background: #61686b !important;
    color: #ffffff !important;
}

.tooltip {
    width: 200px !important;
}