tabby/app/assets/bootstrap/overrides.less

@import (less, reference) "../../../node_modules/font-awesome/css/font-awesome.css";


.glyphicon:extend(.fa all) {
  &.glyphicon-chevron-right:extend(.fa-chevron-right all) {};
  &.glyphicon-chevron-left:extend(.fa-chevron-left all) {};
  &.glyphicon-chevron-up:extend(.fa-chevron-up all) {};
  &.glyphicon-chevron-down:extend(.fa-chevron-down all) {};
}

h4 {
    margin-bottom: 5px;
}


a {
    color: #EFEAB1;
    transition: opacity 0.125s, background 0.125s, color0.125s ;

    &:hover {
        color: #FFF79A;
    }
}


.block-element {
    display: block;
}

textarea {
    resize: vertical;
}

.btn {
    border: none !important;
    box-shadow: 0 1px 1px rgba(0,0,0,.125);

    &:active {
        outline: 5px auto @brand-info;
    }

    &:active,
    &.active {
        .box-shadow(@control-shadow-active);
    }

    -webkit-transition: all 0.125s ease-out;
    -moz-transition: all 0.125s ease-out;
    -ms-transition: all 0.125s ease-out;
    -o-transition: all 0.125s ease-out;
    transition: all 0.125s ease-out;

    &[disabled] {
        cursor: default !important;
    }
}

.btn-ink {
    background: transparent !important;
    box-shadow: none;

    &.btn-danger {
        color: #FF4832;
    }

    &.btn-xs {
        padding-top: 0;
        padding-bottom: 0;
    }
}

.btn-toolbar {
    margin: 0;

    .btn, .btn-group, [uib-dropdown] {
        float: none;
    }

    > .btn-group > * {
        float: left;
    }

    > .btn, > .btn-group, > [uib-dropdown] {
        margin: 0 5px 5px 0px;
        vertical-align: top;

        > .btn {
            margin: 0;
        }
    }
}

@media (max-width: @screen-xs-max) {
    .btn-toolbar-collapsible {
        .btn {
            font-size: 0;

            .fa::before, .caret {
                font-size: @font-size-base;
            }
        }
    }
}

[uib-dropdown] {
    position: relative;
}

[uib-dropdown-menu], .dropdown-menu {
    .box-shadow(@control-dropdown-shadow);
    top: 25px;

    > li > * {
        display: block;
        padding: 5px 20px;
        clear: both;
        font-weight: normal;
        line-height: @line-height-base;
        color: @dropdown-link-color;
        white-space: nowrap;

        &[disabled] {
            color: #888;
            cursor: not-allowed;
        }
    }

    > li.disabled a {
        color: #666;
        &:hover {
            color: #666;
        }
    }
}

[uib-dropdown-menu] > .active > * {
    &,
    &:hover,
    &:focus {
        color: @dropdown-link-active-color;
        text-decoration: none;
        outline: 0;
        background-color: @dropdown-link-active-bg;
    }
}


.form-control {
    border: none;

    &[checkbox] {
      border: none;
      background: transparent;
      display: inline-block;
      margin: @padding-base-vertical 0 0;
    }

    border-radius: 0;
    .box-shadow(~"0 1px 1px rgba(0, 0, 0, 0.51)");

    &:focus {
        .box-shadow(~"0 1px 1px rgba(0, 0, 0, 0.51)");
    }

    .transition(0.25s background);

    &::-webkit-input-placeholder {
        font-style: italic;
    }
}

.input-group {
    .box-shadow(~"0 1px 1px rgba(0, 0, 0, 0.51)");
    .form-control {
        .box-shadow(none);
    }
}

.input-group-addon {
    border: none;
    padding: 6px 8px;
}

@media (min-width: @screen-sm-min) {
    .control-label {
        font-size: 12px;
        padding-top: 10px;
        font-weight: normal;
    }
}

.form-group .control-label {
    font-size: 12px;
    padding-top: 10px;
    font-weight: bold;
    color: #777;
}

label.form-control-static {
    font-size: inherit;
}

.input-group {
    width: 100%;

    *:focus + .input-group-addon,
    *:focus + .input-group-btn {
        //border-bottom: 1px solid @brand-primary;
    }

    .input-group-addon, .input-group-btn {
        border: none;

        &.input-sm {
            border-radius: 0;
        }

        a {
            margin: 0 !important;
        }

        text-decoration: none !important;
    }
}

.label {
    font-size: 76%;
    position: relative;
    padding: 5px 4px 4px;
}

.list-group {
    .box-shadow(@control-shadow);
}

.list-group-item {
    border: none;
    border-top: 1px solid @list-group-line-border;
    cursor: default;

    &:first-child {
        border-top: none;
    }

    &.active {
        color: #f7e61d;
        border-right: 2px solid #f7e61d;
    }
}

.list-group-item.combi {
    padding: 0;
    clear: both;

    tr& {
        a.main, .btn {
            display: table-cell !important;
        }
    }

    & > .main {
        display: block;

        h4 {
            margin-top: 4px;
        }

        pre {
            background: transparent;
            margin: 0;
        }

        video-thumbnail, asset-thumbnail {
            margin-right: 15px;
        }
    }

    & > a.main {
        cursor: pointer;
        color: inherit;
    }

    & > a.main, & > a.btn, & > button, & > [uib-dropdown] > button {
        &:hover,
        &:focus {
            text-decoration: none;
            color: @list-group-link-hover-color;
            background-color: @list-group-hover-bg;
        }
    }

    & > a.btn, & > button, & > [uib-dropdown] > button {
        background-color: @list-group-bg;
        position: relative; // more z-index
        z-index: 2;
        display: block;
        float: right;
        border: none;
        margin: 0;
        box-shadow: none;
    }

    & > .drag-handle {
        float: left;
        cursor: move;
    }

    &.single > .main {
        height: 40px;
        line-height: 39px;
        padding: 0 15px;

        [checkbox] {
            display: inline;
        }

        .label-lg {
            top: 7px;
        }
    }

    &.double > .main {
        height: 68px;
        line-height: 25px;
        padding: 10px 15px;
    }

    &.single {
        a.btn, button, .drag-handle {
            padding: 10px 12px;
        }
    }

    &.double {
        a.btn, button, .drag-handle {
            padding: 24px;
        }
    }
}


.form-control-focus(@color: @input-border-focus) {
    @color-rgba: rgba(red(@color), green(@color), blue(@color), .3);
}

.modal {
    background-color: rgba(0,0,0,.5);
    position: fixed !important;


    .modal-dialog {
        margin: 0 auto;
        top: 50px;

        .modal-content {
            background-color: @body-bg;


            .modal-body {
                max-height: 80vh;
                overflow-y: auto;
                padding: 25px 15px;
                -webkit-app-region: no-drag;
            }

            .modal-footer {
                border-top: 1px solid #222;
                padding: 0;
                -webkit-app-region: no-drag;

                .btn.btn-default {
                    background: @input-bg;
                    border: none !important;
                    cursor: pointer;
                    box-shadow: none !important;
                    padding: 10px;

                    &:hover {
                        background: rgba(0,0,0,.25);
                    }

                    &:active {
                        background: rgba(0,0,0,.5);
                    }
                }
            }
        }
    }
}

.modal-backdrop {
    background: rgba(0,0,0,.25);
}


.navbar-fixed-top {
    border-width: 0 0 2px;
    height: 52px;
}

.navbar-form {
    box-shadow: none !important;
    border: none !important;
}

.nav-tabs-justified,
.nav-tabs  {
    border-bottom: 1px solid @nav-tabs-border-color;

    > li {
        > a {
            border: 1px solid transparent;
            border-radius: 0;
            color: @text-color;
            &:hover {
                background-color: @nav-tabs-active-link-hover-bg;
                border-bottom: 1px solid @nav-tabs-border-color;
            }
        }

        // Active state, and its :hover to override normal :hover
        &.active > a {
            &,
            &:hover,
            &:focus {
                border-radius: 0;
                border: 1px solid transparent;
                border-bottom: 1px solid @nav-tabs-active-link-hover-border-color;
            }
        }
    }
}

.nav-justified {
    > li {
        display: table-cell;
        width: 1%;
        > a {
            margin-bottom: 0;
        }
    }
}


.popover-content {
    //padding: 0;
}

.progress {
    margin-bottom: 0;
}


table {
    background: transparent;

    td {
        vertical-align: top;
    }

    .table-condensed {
        display: block;
    }
}

.table {
    background: @table-bg;
    .box-shadow(@control-shadow);
    &.no-margin {
        margin-bottom: 0;
    }

    > thead,
    > tbody,
    > tfoot {
        > tr {
            background-color: transparent;
            > th,
            > td {
                border-top: 1px solid @table-line-border-color;
            }

            &:first-child {
                th, td {
                    border-top: none;
                }
            }
        }
    }
    > thead > tr > th {
        border-bottom: 2px solid @table-line-border-color;
    }
}

.table-bordered {
    > thead,
    > tbody,
    > tfoot {
        > tr {
            > th,
            > td {
                border: 1px solid @table-line-border-color;
            }
        }
    }
}


.help-block {
  color: darken(@text-color, 10%);
}


.label {
    margin-right: 5px;
}


.datepicker-dropdown {
    &.datepicker-orient-top:before {
        display: none !important;
    }

    &.datepicker-orient-top:after {
        border-bottom: 7px solid @dropdown-bg !important;
    }

    &.datepicker-orient-bottom:after {
        border-top: 7px solid @dropdown-bg !important;
    }

    table tr td.day:hover  {
        background: #555 !important;
    }

    table tr td.active {
        background: @brand-primary !important;
        color: #222 !important;
        text-shadow: none !important;
    }
}